@import url('https://fonts.googleapis.com/css2?family=Bellota+Text&display=swap');
li{list-style-type:none!important;}
a{text-decoration:none!important;}
html{scroll-behavior: smooth;}
.belot{font-family: 'Bellota Text', cursive;}
.fullbg{background: #f2f3f7;}
.fullpad{padding:0!important; margin: 0 !important;}
.padd{padding:90px 0px;}
/*navbar section*/
.navlogo{width:75px;}
.loghead{font-size: 2.8rem; font-weight: 700; white-space: normal; color: #47b5ed!important;}
.navbg{background-color: #f2f3f7;}
.navfnt{font-weight: 700;font-family: 'Bellota Text', cursive; font-size:18px; line-height: 1.5;}
.navbar-light .navbar-nav .nav-link {color: #6c758f !important;}
.navbar-light .navbar-nav .nav-link:hover{color: #404555 !important; transition:.5s;}
.navbar-light .navbar-nav .nav-link.active{color:#ed3237 !important;}
.navbar-light .navbar-nav .active>.nav-link:hover{color: #ed3237 !important;}
.redclr{color: #ed3237;}
.navbar button {background-color: #fff;}
.navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
.nav-straight {display: inline-flex;}
.social{color: #f93a3d !important;font-size: 1.5rem;padding-right: 0.5rem;}
.socicon{font-size: 20px!important; margin: 0 0.3rem !important; box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff; border-radius: 50%; transition: all 0.3s; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.socicon:hover{background-color:#f93a3d;color:white!important;}
/************************Welcome*********************/
.welcometo{color: #36187d;font-size: 1.7rem;line-height: 1.5;text-align: left;}
.welhead{color: #f93a3d;font-size: 4rem;line-height: 1.1;text-align: left;}
.titlebord {border-right: 3px solid currentColor; color: #f93a3d;margin-right: 3rem;}
.text-col {align-items: center; display: flex;}
.welpara{color: #36187d; font-size: 1.2rem; line-height: 1.5; text-align: left;}
.hoose{color: #36187d;font-size: 4rem;line-height: 1.1;}
.whyhead{color: #6c758f;font-size: 1.2rem;line-height: 1.5;}
.card-wrapper {padding: 3rem 2rem;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;border-radius: 3rem; height: 300px; margin-bottom: 25px;}
.iconfont-wrapper {color: #36187d;text-align: center;}
.whyicon {display: block;font-size: 4rem!important;color: #f93a3d!important;margin-bottom: 1.5rem;}
.iconfont-wrapper {color: #36187d;text-align: center;font-size: 1.7rem;line-height: 1.5;}
.card-title {margin-bottom: .75rem;color: #36187d;text-align: center;font-size: 1.7rem;line-height: 1.5;}
.card-text {color: #6c758f;text-align: center;font-size: 1.1rem;line-height: 1.5;}
.card-text:last-child {margin-bottom: 0;}
.parallex{position: relative; background-image:url("../images/paralbanner.jpg"); background-position: center center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding:100px 0;}
.parallex::before {background: #000 none repeat scroll 0 0;content: "";height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;}
.boxcount{border-radius: 3rem;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;padding: 70px 0px;}
.clr{color: #f93a3d !important;font-size: 30px!important;}
.countxt{font-size: 50px;color: #36187d;}
.counthead{color: #6c758f;}
.servpara{color: #6c758f; line-height: 1.5;}
.servpara1{color: #36187d; line-height: 1.5;}
.hoose1{color: #36187d;font-size: 2.8rem;line-height: 1.1;}
.form-control {background-color: #fafafa !important;height: 45px !important;}
.formheight {height: 150px !important;}
.paralbtn {color: #36187d;cursor: pointer;display: block;font-size: 16px;font-weight: 400;line-height: 45px;max-width: 190px;text-decoration: none;text-transform: uppercase;width: 100%;}
.btn-5 {border: 1px solid;box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);outline: 1px solid;outline-color: currentcolor; outline-color: currentcolor;outline-color: #03006a;outline-offset: 0px;text-shadow: none;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.btn-5:hover {color: #6c758f;border: 1px solid #6c758f;box-shadow: inset 0 0 20px #f93a3d, 0 0 20px #fff;outline-color: #fdf0f0;outline-offset: 15px;text-shadow: 1px 1px 2px #6c758f;}
.foop{color: #bec2cf;font-size: 1.1rem;line-height: 1.5;}
.foop:hover{color: #bec2cf;}
.map-area iframe {border: solid 2px #d2dce9 !important;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;border-radius: 3rem;}
/********************our sevices*****************/
.owl-nav{display:none;}
.owl-dots{display:none;}
.btns{display: table; margin: 30px auto;}
.customNextBtn, .customPreviousBtn{float: right;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;color:#f93a3d;padding: 15px 20px;margin-left: 10px; cursor: pointer;border-radius: 50px;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.customNextBtn:hover{background-color: #f93a3d;color:white;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.customPreviousBtn:hover{background-color: #f93a3d;color:white;transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.pointer {cursor: pointer;}
.servhead{text-shadow: 0px 1px 1px #555;color: #f93a3d;font-size: 30px;}
.img-thumbnail {padding: .25rem;background-color: #f2f3f7!important;border: 1px solid #dee2e6;border-radius: .25rem;max-width: 100%;height: auto;}
.item{padding-top:40px;}
.fez{border-radius: 2rem;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;padding: 50px 80px;position:relative;}
.ribbon {position: absolute;right: 0px; top: -5px;z-index: 1;overflow: hidden;width: 75px; height: 75px;text-align: right;}
.ribbon span {font-size: 10px;font-weight: bold;color: #FFF;text-transform: uppercase;text-align: center;line-height: 20px;transform: rotate(45deg); -webkit-transform: rotate(45deg);width: 100px;display: block;background: #79A70A;background: linear-gradient(#f93a3d 0%, #f93a3d 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute;top: 19px; right: -21px;}
.ribbon span::before {content: "";position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #f93a3d; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #f93a3d;}
.ribbon span::after {content: "";position: absolute; right: 0px; top: 100%;z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #f93a3d; border-bottom: 3px solid transparent; border-top: 3px solid #f93a3d;}
.welspot {text-shadow: 1px 2px 2px #ffd283; color: rgb(255, 255, 255); font-size: 75px;}
.about{width:250px;}
.parall{color: white; font-size: 25px; font-style: italic; font-weight: bold;}
/******************************Responsive mobile***********************************/     
@media (min-width:5px) and (max-width:767.98px){
    .padd{padding:45px 0px;}
	.navlogo {width: 60px;}
	.welhead {font-size: 35px;}
	.titlebord {border-right: 3px solid #f2f3f7;margin-right: 0rem;}
    .welpara {font-size: 1.1rem;line-height: 1.3;}
	.hoose {font-size: 2rem;}
	.whyhead {font-size: 1rem;line-height: 1.2;}
    .card-wrapper {padding: 2rem 1rem; height: 210px;}
	.whyicon {margin-bottom: .5rem;font-size: 3rem !important;}
    .card-title {font-size: 1.4rem;line-height: 1;}
	.card-text {font-size: 1rem;}
    .parallex {padding: 100px 0;}
	.boxcount {padding: 50px 0px;}
	.countxt {font-size: 35px;}
	.card-wrapper1 {padding: 1rem 0rem;}
    .cred {padding: 0 1rem;}
	.btns {margin: 15px auto;}
	.fez {padding: 35px 20px;}
    .about{display:none;}
	.go-top{right: 14%!important; bottom: 2%!important;}
}
@media (min-width:768px) and (max-width:992.98px){
    .padd{padding:40px 0px;}
	.cent{margin-right: auto;margin-left:auto;display:block;}
    .welhead {font-size: 3rem;}
	.hoose {font-size: 3rem;}
	.whyhead { font-size: 1.1rem;}
    .boxcount {padding: 30px 0px;}
	.fez {padding: 35px 30px;}
	.go-top{right: 5%!important; bottom: 2%!important;}
}
/************************************What"s app and call icon**********************/

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}
.wapp{width:50px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.point{bottom:0px; left:10px;}
.point1{bottom:60px; left:10px;}
.time-of-year{color: #555;font-size: 24px;margin: 100px 75px 10px 75px; position: relative;text-align: center;-webkit-transform: translateZ(0); transform: translateZ(0);-webkit-font-smoothing: antialiased;}
.time-of-year .tooltip {background: #f93a3d ;border-radius: 3px;bottom: -49px;font-size: 20px;display: block; left: -67px;opacity: 0;padding: 15px;pointer-events: none;position: absolute;width: 320px;z-index: 1102;
	-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .7s ease-out;transition: all .7s ease-out;height: 100px;}
.time-of-year .tooltip::after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-top: solid #f93a3d   10px;bottom: 58px;
	content: " ";height: 0;left: 0%;margin-left: -13px;position: absolute;width: 0;transform: rotate(92deg);}
.time-of-year:hover .tooltip {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);}
.go-top {position:fixed;bottom: 10%;right: 3%;padding:20px;display:none;cursor: pointer;-webkit-font-smoothing: antialiased;transition: 0.3s;}
.go-top:after {font-family: FontAwesome;content: "\f106";background-color: #f93a3d;padding: 1px 15px;color: #fefefe; position: absolute;bottom: 25px;font-size: 28px;border-radius: 50px;width: 50px;height: 50px;}
.go-top-text {position: absolute;width: 60px;text-align: center;line-height: 1.5;letter-spacing: 3px; font-size: 10px;margin: 0 0 0 -4px;}
.go-top:hover {transform: translate(0, -10px);}