/* 01 : Website Global CSS BOF

========================================================== */

:root{scroll-behavior:unset;}



body,html {height: 100%; }

body { background:#fff;font-family: 'Mulish', sans-serif; font-weight:normal; font-size:16px; line-height:normal; color:#000;  text-transform: none;} 

*, html { margin:0; padding:0;  }

a { color:#4D4D4D; display: inline-block;} /* Common color hyperlink */

a:hover, a:focus, a:active { color:#0171BB; text-decoration:none; } /* Common hover color hyperlink */

a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }

a img, img { border:none; outline:none !important; outline-offset:0 !important; }

ul { list-style:none; margin:0; padding:0; } 

i { font-family:'FontAwesome'; } 

img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }



/* Transition Effect CSS BOF */

a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; 

-o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }



/* Browser Selection CSS BOF */

::selection { background:#0171BB; color:#fff; } ::-moz-selection { background:#0171BB; color:#fff; } 

::-webkit-selection { background:#0171BB; color:#fff; } ::-o-selection { background:#0171BB; color:#fff; } 

::-ms-selection { background:#0171BB; color:#fff;  }



p a{color:#0171BB;}

p a:hover{text-decoration:underline;}



/* 02 : Global Classes CSS BOF

==================================================== */  



::-webkit-scrollbar{width: 6px; height: 4px; background: #ffffff; }

::-webkit-scrollbar-thumb{ background-color: #0171BB; -webkit-border-radius:30px;  }

/* Only FireFox */

html {scrollbar-color: #0171BB #fff; scrollbar-width: thin; scrollbar-border-radius:30px;}





/* Background & Color Style CSS BOF

=================================================== */



.none{display: none !important;}



/* Font Color Style CSS BOF */

	.white_text { color:#fff !important; }

	.black_text { color:#000 !important; }

	.grey_text{color: #5F6368 !important;}

	.theme-color-text{color: #0171BB !important;}





/* Background Color Style CSS BOF */



	.black-bg{background: #000 !important;}

	.theme-bg{background-color: #0171BB !important;}

	.light-blue-bg{background:#F2F4FB !important;}

	.white-bg-color{background-color: #fff !important;}

	.gray-bg-color{background-color: #F4F4F4 !important;}

/*upload image background*/

	.upload-background{background: #EDEDED}

	.border-box{border:1px solid #eee; }



/* 03 : Heading Style CSS BOF

=================================================== */

	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Mulish', sans-serif; line-height:1.2; font-weight: bold;  font-style:normal; color: #000;}



	h1 { font-size:80px;}

	h2 { font-size:60px;}

	h3 { font-size:34px;}

	h4 { font-size:24px;}

	h5 { font-size:20px;}  

	h6 { font-size:18px;}



	.h1 { font-size:80px;}

	.h2 { font-size:60px;}

	.h3 { font-size:34px;}

	.h4 { font-size:24px;}

	.h5 { font-size:20px;}  

	.h6 { font-size:18px;}



/* Font Weight Variation CSS BOF */

	.font-we-rg { font-weight:normal !important;}

	.font-we-bl { font-weight:bold !important;}

	.font-we-blk {font-weight:900 !important;}

	.font-we-ebl { font-weight:800 !important;}

	.font-we-md {font-weight:500 !important;}

	.font-we-sb {font-weight:600 !important;}



/* 04 : Paragraph Style CSS BOF

=================================================== */

	p { line-height:28px;font-family: 'Mulish', sans-serif; color: #000; font-size: 18px; font-weight: normal; font-style:normal; margin-bottom: 16px; font-weight: normal;}



/* 05 : Image Style CSS BOF

=================================================== */

	img { margin-bottom:0; } /*margin-bottom:5px*/



/*** Buttton Varilation CSS BOF ***/

.btn{background-color: #0171BB;padding: 18px 30px 19px 30px;font-size:18px;font-weight: 600;font-family:'Mulish',sans-serif;transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:40px;border: 1px solid #0171BB;text-transform: unset;box-shadow:none;min-width: 176px;color:#fff;line-height:1;}

.btn.black_btn{background-color: #000;border-color:#000;color:#ffffff;}





/* Hover State CSS BOF */

	.btn:hover, .btn:focus, .btn:active{ background-color: #292929; color:#fff;border-color: #292929;  box-shadow: none; outline: none; }



/*	.btn-with-arrow:hover:after, .btn-with-arrow:focus:after, .btn-with-arrow:active:after{transform: rotate(45deg);background-size: 25px;}*/

.btn{position:relative;overflow:hidden;z-index:1;}



[type=button], [type=reset], [type=submit], button {-webkit-appearance: unset;}





/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }



/* 11 : Form & Input Style BOF

==================================================== */ 

	

	.form-control {background: transparent; border: 1px solid #ccc; border-radius: 10px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: 18px; color: #5F6368; -webkit-appearance: none; font-family: 'Mulish', sans-serif; font-weight: normal; padding: 15px 15px 15px 15px; height: 55px; } 

	textarea.form-control {resize: none; overflow: auto; padding: 15px 15px 15px 0px; height: 100px; }

	.form-group {margin-bottom: 30px; }

	    

/*** Placeholder CSS BOF ***/

.form-control::placeholder{color:#5F6368;font-weight:normal;font-size:16px;}

.form-control::-moz-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}

.form-control:-ms-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}

.form-control::-webkit-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}

.form-control::-o-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}







.booking_id_search .input-search{border-radius:35px;line-height:1;font-size:16px;color:#000;border-color:#000000;padding:10px 15px 10px 50px;background-image:url('../images/input-search-icon.svg');background-repeat:no-repeat; background-position:left 18px center; background-size:18px; }

.booking_id_search .input-search::placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;}

.booking_id_search .input-search::-moz-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;}

.booking_id_search .input-search:-ms-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;}

.booking_id_search .input-search::-webkit-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;}

.booking_id_search .input-search::-o-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;}



/* Focus State CSS BOF */



	.form-control:focus,.form-select:focus {border-color: #0171BB; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #EFF7FE; }

	.page-wrapper { margin:0px auto; /*overflow-x: hidden;*/}

	.text-underline{ text-decoration: underline; }

	.text-capitalize{ text-transform: capitalize !important; }

	.text-uppercase{ text-transform: uppercase !important; }

	.display-none{display: none !important; }

	.no-scroll{overflow: hidden;}

	.no-padding{padding: 0 !important; }

	.float-start-wp{float: left !important; }

	/*.page-wrapper { background: #FCFCFC; }*/





.container{max-width:1662px; width: 88%;}



.banner-sec {background: #000; padding-top: 100px; width: 100%;}

.banner-wrap {padding: 80px 0px 50px;}

.banner-count-main{display:flex;flex-wrap:wrap;justify-content:space-between; max-width: 960px; margin-top: 60px;}



 button.slick-arrow {font-size: 0;position: absolute;z-index:9;background: transparent;cursor: pointer;border: 0;top: -120px;transform: translateY(-50%);width: 38px;height: 38px;background: #000;border-radius:100%;}

 button.slick-prev.slick-arrow {right: 	25px;}

 button.slick-next.slick-arrow {right: -25px;}

 button.slick-prev.slick-arrow:after {content: '\f104';font-size: 23px;font-family:fontawesome;color: rgba(255,255,255,1);padding-right: 1px;line-height: normal;}

 button.slick-next.slick-arrow:after {content: '\f105';font-size: 23px;font-family:fontawesome;color: rgba(255,255,255,1);padding-left: 3px;}





.banner-rating-main{display:flex;flex-wrap:wrap;max-width:600px;margin-top:50px;justify-content:space-between;gap:25px;position:relative; margin-bottom: 50px;}

.banner-rating-main:after{content:'';position:absolute;right:25%;width:1px;height:28px;display:inline-block;background:#000000;top:0px;bottom:0px;margin:auto 0px;}

.banner-rating-main:before{content:'';position:absolute;left:25%;width:1px;height:28px;display:inline-block;background:#000000;top:0px;bottom:0px;margin:auto 0px;}

.banner-v-img{position:relative;}

.banner-v-img .play-link{position:absolute;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;width:126px;height:126px;z-index:2;}

.b_rating_text{margin-bottom:10px;}

.b_rating_text span.text{font-weight:600;}

h1.banner-heading{margin-bottom:20px;}

.banner-sec .banner-text-wrap{display:flex;flex-direction:column;justify-content:space-between;height:100%; max-width: 785px; padding-right: 40px;}



.trusted-companies .trusted-companies-main{background:#fff;padding:15px 20px;border-radius:25px;position:relative;z-index:1; overflow: hidden;}

.trusted-companies{padding:10px 15px; margin: 92px 0px 15px;}





.play-link:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#0171BB;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;z-index:-1;}

.play-link:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#0171BB;border-radius:50%;transition:all 200ms;animation:pulse-border 2000ms ease-out infinite;z-index:-1;}

@keyframes pulse-border{

	0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}

	100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);opacity:0;}

}





.top-notch-service-info .person-img{width:80px;height:80px;overflow:hidden;border-radius:100%;}

.top-notch-service-info .person-img img{width:100%;height:100%;object-fit:cover;}

.top-notch-service-info .top-notch-service-text{width:calc(100% - 80px);padding-left:30px;}





.clients-logo-inner .slick-track {display: flex; align-items: center; }

.trusted-companies-main .client-logo img{max-height:150px;max-width:185px;transition: all 400ms ease;}

.trusted-companies-main .client-logo img:hover{transform: scale(1.0);}

.trusted-companies-main .client-logo{padding:20px 20px;position:relative;}

.clients-logo-main .clients-logo-inner {display: flex; }



.banner-sec-video .banner-v-img {display: inline-block;}



.scroll-top{display:inline-block;height:50px;width:50px;position:fixed;right:15px;bottom:95px;background-color:#272727;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);border-radius:50%;overflow:hidden;text-indent:100%;white-space:nowrap;z-index:10;visibility:hidden;opacity:0;transform:scale(0);-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;}

.scroll-top svg{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:16px;width:16px;fill:rgba(255,255,255,0.8);}

.scroll-top.show{transform:scale(1);visibility:visible;opacity:0.8;}





@media (max-width: 1499px) {

	.scroll-top{height:38px;width:38px;right:10px;}

	.scroll-top svg{height:14px;width:14px;}

}





.about-sec { padding: 90px 0px; }

.about-img-wrap .work-experience-box { display: inline-block; padding: 45px 80px 45px 45px; border-radius: 20px; position: absolute; right: 0px; bottom: 0px; }

.about-img-wrap { max-width: 668px; position: relative; padding-bottom: 183px; padding-right:60px; }

.work-experience-icon { width: 107px; height: 107px; margin-bottom: 30px; }

.work-experience-icon img { width: 100%; height: 100%; object-fit: contain; }

.about-sec-info{padding-left:125px;}

.about-sec-info .section-title .small-title{margin-bottom:26px;display:inline-block;width:100%;}

.about-sec-info .section-title   h2{margin-bottom:34px;}

.about-sec-info p{margin-bottom:36px;}

.about-sec-info .cta-wrap{padding-top:30px;}



.about-bottom-row{display:flex;justify-content:center;gap:180px;}

.about-bottom-row .about-bottom-col{display:flex;flex-direction:column;}

.about-bottom{padding-top:160px;}



.service-sec{padding:90px 0px;}

.service-slider .service-box-wrap {margin: 0px 7px; width: calc(25% - 14px);}

.service-slider{display:flex;margin-right: -7px;margin-left: -7px;}

.service-slider-wrap{overflow:hidden;margin: 120px 0px 90px;}

.service-slider .service-box{background:#F4F4F4;padding:50px 40px 30px;border-radius:20px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.service-box-btn{margin-top:80px;}

.service-box .service-box-info h3{margin-bottom:24px;}

.service-box .service-box-info p{color:#8A8A8A;}

.service-box-btn .service-box-link{color:#0171BB;font-size:18px;font-weight:700;line-height:26px;display:flex;gap:10px;transition: all 400ms ease;}

.service-box-btn .service-box-link:after {content: ''; background-image:url('../images/arrow-circle-right.svg'); background-repeat:no-repeat; background-size: 26px; width: 26px; height: 26px; display: inline-block;}



.service-box-btn .service-box-link:hover{color:#676767;gap:16px;}

.service-box-btn .service-box-link:hover:after{filter:invert(0%) sepia(2%) saturate(0%) hue-rotate(239deg) brightness(100%) contrast(100%);}



.service-slider .slick-list.draggable .slick-track {display: flex;}

.service-slider .slick-list.draggable {display: flex;}



.banner-sec .banner-text-wrap .banner-text {margin-bottom: 45px; }



/*About Us Pop Up CSS Start*/

.about-popup-main .about-content h4{margin-top:40px;}
.about-popup-main .modal-header,.about-popup-main .modal-body{padding:20px 30px;}
.about-popup-main .about-content h4:nth-of-type(1){margin-top:10px;}
.about-popup-main .about-content ul li{position:relative;font-size:16px;line-height:28px;padding-left:20px;margin:10px 0px;}
.about-popup-main .about-content ul li:before{content:'';width:7px;height:7px;display:inline-block;background:#000;border-radius:100%;top:12px;left:3px;position:absolute;}

.about-sec-info .cta-wrap{display:flex;flex-wrap:wrap;gap:20px;}
.btn.border-btn{background:transparent;border-color:#fff;}
.btn.border-btn:hover{background:#fff;color:#000;}