/*@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/*=====font-family: "Oswald", sans-serif;=====*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*======font-family: "Work Sans", sans-serif;======*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/*======font-family: "DM Sans", sans-serif;======*/
/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: "DM Sans", sans-serif; font-size:clamp(0.938rem, 0.926rem + 0.062vw, 1rem); font-weight: 400; color:#3E4E59; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:0 0 25px; padding:0; color: #283A46; font-family: "Oswald", sans-serif; line-height: 1.2; font-weight: 500; }
h1{ font-size:clamp(2.188rem, 1.667rem + 2.778vw, 5rem);}
h2{ font-size:clamp(1.875rem, 1.586rem + 1.543vw, 3.438rem);}
h3{ font-size:clamp(1.563rem, 1.435rem + 0.679vw, 2.25rem);}
h4{ font-size:clamp(1.25rem, 1.204rem + 0.247vw, 1.5rem); color: #3E4E59;}
h5{ font-size:clamp(1.25rem, 1.227rem + 0.123vw, 1.375rem); color: #3E4E59;}
h6{ font-size:clamp(1.125rem, 1.102rem + 0.123vw, 1.25rem); color: #3E4E59;}
p{ margin:0 0 25px; line-height: 1.6;}
p:last-child{margin-bottom: 0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #2E3192; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{font-family: "DM Sans", sans-serif; font-weight: 400; outline: none;}
input[type="submit"]{font-family: "DM Sans", sans-serif; font-weight: 400; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 60px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }
input:not([type="submit"]) {height: 60px !important;}
input[type="checkbox"] {height: 20px !important; width: 20px !important;}

/* --- for placeholder color --- */

.form-control::-moz-placeholder{color:#7B7979;opacity:1;}
.form-control:-ms-input-placeholder{color:#7B7979;}
.form-control::-webkit-input-placeholder{color:#7B7979;}

/* --- for placeholder color --- */
input.form-control,
textarea.form-control {border: 1px solid #C3CAD4 !important; box-shadow: none !important; color: #000;}
textarea.form-control{height: 120px !important;}
select{ -moz-appearance: none; -webkit-appearance: none;}
select.form-select {
    background-image: url('../images/down-arrow.svg');
}
/* --- common background color --- */

.violet-bg{background-color: #2E3192;}
.light-sky-blue-bg{background-color: #F1FBFF;}
.white-bg{background-color: #fff;}
.dark-bg{background-color: #2D2D2F}
/* --- common background color --- */

/*------owl nav--------*/

.owl-nav button {position: relative; width: 60px; height: 60px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.owl-nav button span{color: transparent !important;}
.owl-nav button.owl-prev{background-image: url('../images/carasol-l-gray.svg')!important;background-position: center center !important;background-repeat: no-repeat !important;}
.owl-nav button.owl-next{ background-image: url('../images/carasol-r-gray.svg')!important; background-position: center center !important; background-repeat: no-repeat !important;}
.owl-theme .owl-nav [class*=owl-]:hover {background-color:transparent!important;}
.owl-nav button.owl-prev:hover{background-image: url('../images/carasol-l.svg')!important;}
.owl-nav button.owl-next:hover{background-image: url('../images/carasol-r.svg')!important;}
.owl-theme .owl-nav {margin-top: 30px; }

/*------owl nav--------*/


/* --- Button Styles --- */

.btn { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border: 1px solid #ED1C24; font-family: "Work Sans", sans-serif; display: inline-block; vertical-align: top; background: #ED1C24; color: #fff !important; padding: 20px 25px; font-size: 16px; line-height: 1; text-transform: uppercase; border-radius: 10px; font-weight: 700; border: 2px solid #ED1C24; }

.btn:hover {border: 2px solid #fff; background: #fff !important; color: #000 !important; transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; box-shadow: 0 12px 10px #0000001f; }

.btn.border-btn { border: 2px solid #fff; background: transparent; }
.btn.border-btn:hover{background-color: #ED1C24 !important; border-color: #ED1C24; color: #fff !important;}



/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 100px; padding-bottom: 100px; }
.position-relative { position: relative;; }
.form-control, .form-select { height: 60px !important; padding: 12px 15px; border-radius: 10px; border: 1px solid #C3CAD4; }
.form-select { color: #757575; }
select.form-select.select-black { color: #000; }

.center-heading-sec {text-align: center; max-width: 1117px; margin: 0 auto; margin-bottom: 40px; }
.center-heading-sec h2 span {font-weight: 300; }

.image-box img{width: 100%;height: 100%;object-fit: cover;}

/*..............common styles..............*/


/*-----scroll-bar-design----------*/

/* width */
::-webkit-scrollbar {width: 8px; }

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #000000; background-color: #4d4d4d;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #ED1C24; border-radius: 10px; }


/*-----scroll-bar-design----------*/

/*for header css*/
header.main-header.header-with-bg {background-color: #3B3B3C; background: rgb(59,59,60);background: linear-gradient(180deg, rgba(59,59,60,1) 0%, rgba(59,59,60,1) 65%, rgba(59,59,60,1) 100%);}
header.main-header.header-with-bg.fixed{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%);}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }



.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
/* .main-menu ul li { list-style: none; font-size: 20px; font-weight: 400; text-transform: capitalize;} */
.main-menu ul li { margin-right: 60px;}

.main-menu ul li a:hover::before, 
.main-menu ul li.menu-item-has-children a { content: ""; width: 100%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul li ul.sub-menu li a::before,
.main-menu ul li.menu-item-has-children ul.sub-menu li a::before { background-color: #000;}

.main-menu ul li.talk-btn a { background: #D95B2E; color: #fff !important; padding: 14px 35px !important; line-height: 1; font-size: 16px; text-transform: uppercase; border-radius: 30px; }
.main-menu ul li a{cursor: pointer;display: block; color: #ffffff; padding: 0 0 8px; position: relative; font-size: 20px; font-weight: 600; letter-spacing: 1px; text-transform: capitalize;font-family: "Work Sans", sans-serif; }
.main-menu ul li.current_page_item a { color: #ED1C24; }
.main-menu li:hover ul.sub-menu {opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu {position: absolute; width: 250px; display: block; background-color: #fff; margin-top: 4px; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul.sub-menu li {margin: 0 !important; padding: 0; }
.main-menu ul.sub-menu li a {color: #000; }
header .user-sec ul {margin: 0; }
header .user-sec ul li {list-style: none; }


.nav_btn { color: #fff; font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: #fff; }
.for-mobile { display: none; }
.for-desktop { display: block; }
header.main-header .manu-part {display: flex; align-items: center; width: 100%; }
header.main-header .main-menu { display: flex; align-items: center; width: 100%; justify-content: space-between;}
header.main-header .main-menu .left-menu, header.main-header .main-menu .right-menu { width: 40%; }
header.main-header .main-menu .right-menu { display: flex; align-items: center; justify-content: end; }
header.main-header .main-menu .desktop-header-logo { width: 20%; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; }

.main-header { padding: 15px 0px; z-index: 999; left: 0; right: 0; top: 0; position: fixed; border-bottom: 2px solid #ffff; background: #000000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-header.fixed { padding: 10px 0px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; }
.main-menu ul li a::before{content: ""; width: 0%; height: 2px; background-color: #ED1C24; position: absolute; bottom: 7px; border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.main-header .desktop-header-logo .logo { max-width: 220px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; top: -28px; }
.main-header.fixed .logo { top: -32px; }

.contact-box-wrapper {display: flex; align-items: center;}
.contact-box-wrapper .call-num { color: #fff; font-size: 20px; margin-right: 60px; font-weight: 700; }
.contact-box-wrapper .call-num:hover { color: #ED1C24; }
/*==========mobile menu=========*/
.main-header .hdr-rt {display: flex; justify-content: flex-end; align-items: center; width: 100%; }
.main-header .user-sec {display: none;}
.menu-has-children.menu-has-children-open span img {transform: rotate(180deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-has-children span img {transform: rotate(0deg);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.mobile-menu-container ul.sub-menu {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.mobile-menu-container ul.sub-menu.sub-menu-open {height: 250px; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */
.hamburger-nav{ display: none; vertical-align: top; width: 22px; height: 20px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; margin: 10px 0 10px 0;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%;left: 0;right: 0;margin: 0 auto;}
.hamburger-nav span:nth-child(3){ top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}


/*when turns close icon*/
.mobile-menu-open .hamburger-nav span:nth-child(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 3px;}
.mobile-menu-open .hamburger-nav span:nth-child(2){ width: 0%; opacity: 0;}
.mobile-menu-open .hamburger-nav span:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 15px; left: 3px;}
/*when turns close icon*/
/* ~~~~~~~~~~ hamburger menu styling ~~~~~~~~~~ */


/* ~~~~~~~~~~ mobile menu styling ~~~~~~~~~~ */
.mobile-menu-container{ position: fixed; z-index: 1; top: -100vh; right: 0; left: 0; background: #000; height: 100vh; opacity: 0;  -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none;     z-index: -1;}
.mobile-menu-open .mobile-menu-container{ top: 0; transform: translateY(0); opacity: 1;}
.mobile-menu-container .inner-container{ padding-top: 130px; height: 100vh; overflow-y: auto; position: relative;}
.mobile-menu {  max-width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; margin: 0 auto; text-align: center;}
.mobile-menu ul{ margin: 0; padding: 0; list-style: none;}
.mobile-menu ul li{ display: block; margin: 10px 0;}
.mobile-menu ul li a{ display: block; font-size: 30px; color: #fff; padding: 4px 0;}
/*.mobile-menu ul > li.active > a:before{    content: ""; position: absolute;  left: 0; right: 0; bottom: -5px; background: #e3982d; height: 4px; width: auto; transition-property: left,right; transition-duration: .3s; transition-timing-function: ease-out;}*/
.mobile-menu ul li.menu-item-has-children > a{padding-right: 15px;}
.mobile-menu ul li.menu-item-has-children > a:after {content: ""; position: absolute; right: 5px; top: 47%;  box-sizing: border-box;  height: 8px; width: 8px; border-style: solid; border-color: #292939; border-width: 0px 2px 2px 0px; transform: rotate(45deg) translateY(-47%); transition: border-width 150ms ease-in-out;}



/* ===== mobile menu animation ===== */
.mobile-menu ul li{opacity: 0;-webkit-transform: translateX(-150px);transform: translateX(-150px);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.mobile-menu-open .mobile-menu ul li {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.mobile-menu-open .mobile-menu ul li:nth-child(1) {-webkit-transition-delay: 0.16s;transition-delay: 0.16s;}
.mobile-menu-open .mobile-menu ul li:nth-child(2) {-webkit-transition-delay: 0.24s;transition-delay: 0.24s;}
.mobile-menu-open .mobile-menu ul li:nth-child(3) {-webkit-transition-delay: 0.32s;transition-delay: 0.32s;}
.mobile-menu-open .mobile-menu ul li:nth-child(4) {-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.mobile-menu-open .mobile-menu ul li:nth-child(5) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.mobile-menu-open .mobile-menu ul li:nth-child(6) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;}
/* ===== mobile menu animation ===== */
.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto;  padding: 5px 5px;  max-width: 150px;}
.mobile-menu-open .mobile-menu ul li.btn a{color: #fff;}


/*=========mobile menu===========*/


/*for header css*/

/*=====home page====*/
.img-box img{width: 100%; height: 100%; object-fit: cover;}

.banner-sec {position: relative; min-height: 100vh; overflow: hidden; }
.banner-sec img{width: 100%;height: 100%;object-fit: cover;position: absolute;}
.banner-sec .banner-content {position: relative; top: 0; width: 100%; min-height: 100vh; display: flex; align-items: center; background: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);padding: 150px 0;}
.banner-sec .banner-text {max-width: 625px; margin-top:80px; }
.banner-sec .banner-text h1 { color: #fff; text-transform: uppercase; margin-bottom: 40px; }
.banner-sec .banner-text h1 span { font-weight: 300; }
.banner-sec .banner-text p {color: #fff; margin-bottom: 40px; }
.banner-button-group .btn:first-child{margin-right: 15px;}

.common-header {max-width: 625px;}
.common-header .sub-heading { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #2E3192; font-family: "Work Sans", sans-serif; margin-bottom: 20px; }
.common-header h2 { text-transform: uppercase; }
.common-header h2 span { font-weight: 300; }
.common-header.text-white .sub-heading { color: #8DD8F8; }
.common-header.text-white h2 { color: #fff; }

.about-sec { position: relative; overflow: hidden; }
.about-partical-bg { position: absolute; bottom: 0; right: 0; overflow: hidden; z-index: -2;}
.about-sec::after { content: ''; position: absolute; left: 0; right: 0;top: 0; width: 100%; height: 100%; background-color: rgba(215, 243, 255, 0.8); z-index: -1;  }
.about-img-box { position: relative; }
.about-img-box .img-box { max-width: 726px; height: 726px; border-radius: 100%; overflow: hidden; margin-right: 60px; }
.boat-partical { width: 142px; height: 142px; border: 7px solid #D7F3FF; background-color: #2E3192; display: flex; justify-content: center; align-items: center; border-radius: 100px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);padding: 20px; }
.about-text-wrapper { padding-left: 60px; max-width: 710px; }

.how-to-work-sec {position: relative; overflow: hidden;}
.back-partical { position: absolute; right: 0; left: 0; top: 0; bottom: 0;height: 100%; }
/* .back-partical img{height: 100%;width: 100%;object-fit: cover;} */
.how-to-work-text-wrapper{position: relative; padding-left: 30px;}
.how-to-work-text-wrapper p { color: #fff; }
.how-to-work-text-wrapper { position: relative; padding-left: 30px; border-left: 5px solid #8DD8F8; margin-bottom: 30px; max-width: 608px; }
.how-to-work-img.img-box { width: calc(100vw - 50%); position: absolute; top: 0; right: 0; bottom: 0; }
.how-to-work-sec .boat-partical { transform: translate(0%, -50%); right: 0; bottom: 30%; top: unset; z-index: 4; background-color: #D7F3FF; border-color: #2E3192; left: 0; margin: 0 auto; }
.testimonials-box .common-header { max-width: 1260px; margin: auto; }
.testimonial-slider-wrapper {margin-top: 30px; }
.testimonial-slider-wrapper .owl-stage .item{ background-color: #8DD8F8;border-radius: 10px;overflow: hidden;}
.client-message-box-main { background-color: #8DD8F8; padding: 60px 30px 30px;  display: flex; flex-direction: column; justify-content: space-between;}
.client-message-box-main p { font-style: italic; margin-bottom: 50px; font-size: clamp(1.125rem, 1.102rem + 0.123vw, 1.25rem); }
.client-img { width: 79px; height: 79px; overflow: hidden; border-radius: 100px; }
.client-img img{width: 100%; height: 100%; object-fit: cover;}
.client-name-with-img { display: flex; align-items: center; }
.client-name-with-img .client-name { width: calc(100% - 79px); padding-left: 15px; }
.client-name-with-img .client-name h4 {text-transform: uppercase; margin-bottom: 10px; }
.client-name-with-img .client-name p {margin-bottom: 0; font-style: normal;}
.client-message-box-main::after { position: absolute; content: ''; background-image: url('../images/quote.svg'); background-repeat: no-repeat; background-size:contain; width: 54px; height: 40px; right: 30px; bottom: 38px; }
.testimonial-slider-wrapper .owl-stage, .testimonial-slider-wrapper .owl-stage .item { display: flex; height: 100%; }
.testimonials-box .testimonial-slider-wrapper .slider-box-main .owl-nav { display: flex; justify-content: center; }
.testimonials-box .testimonial-slider-wrapper .slider-box-main .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); }
.testimonials-box .testimonial-slider-wrapper .slider-box-main .owl-nav button.owl-prev {left: 0;}
.testimonials-box .testimonial-slider-wrapper .slider-box-main .owl-nav button.owl-next {right: 0;}
.slider-box-main { padding: 0 90px; }
.testimonials-box .container { max-width: 1795px; }

.faq-sec .common-header { max-width: 100%; }
.faq-sec{background-image: url('../images/home-faq-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;}
.faq-sec .accordion-item {border: 2px solid #2E3192 !important; margin-top: 30px; border-radius: 10px !important; overflow: hidden; }
.faq-sec button.accordion-button {font-size: clamp(1.125rem, 0.917rem + 1.111vw, 2.25rem); text-transform: uppercase; color: #3E4E59 !important; font-weight: 600; padding: 30px; }
.faq-sec .accordion-button:not(.collapsed) {background-color: #fff; box-shadow: none; }
.faq-sec .accordion-body {padding: 30px; padding-top: 0; }
.faq-sec .accordion-button::after{background-image: url('../images/accordian-arrow.svg') !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain; width: 30px;}

.home-get-touch { background-color: #2E3192; background-image: url('../images/bg1.svg'); background-repeat: no-repeat; background-position: 100%; background-size: contain; }
.home-get-touch .image-box {position: absolute; left: 0; top: 0; width: calc(100% - 50%); height: 100%; }
.padd-l-0{padding-left: 0;}
.padd-r-0{padding-right: 0;}
.home-get-touch .content-box {padding: 100px 150px; padding-right: 15px; }
.home-get-touch .content-box p,
.home-get-touch .content-box h2{color: #fff;}
.home-get-touch .content-box a.btn {margin-top: 20px; }
.home-get-touch .cirlce-icon {z-index: 1; position: absolute; width: 150px; height: 150px; background-color: #D7F3FF; position: absolute; display: flex; justify-content: center; align-items: center; border-radius: 150px; border: 7px solid #2E3192; left: 0; right: 0; margin: 0 auto; top: 35%; }

.book-now-modal .modal-body { padding: 20px; }
.book-now-modal .btn-close { background: unset; width: 50px; height: 50px; opacity: 1; border: 1px solid #ED1C24; border-radius: 100%; position: absolute; top: 20px; right: 20px; z-index: 111; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; -o-transition: 0.3s ease-in-out all; }
.book-now-modal .btn-close img { transition:0.3s ease-in-outall ; -webkit-transition:0.3s ease-in-outall ; -moz-transition:0.3s ease-in-outall ; -ms-transition:0.3s ease-in-outall ; -o-transition:0.3s ease-in-outall ; }
.book-now-modal .btn-close:hover { background-color: #ED1C24; }
.book-now-modal .btn-close:hover img {filter: brightness(0) invert(1); }
.book-now-modal .modal-dialog.modal-lg { max-width: 1305px; }
.book-now-modal .modal-dialog.modal-lg .img-box { height: 596px; max-width: 596px; border-radius: 20px; overflow: hidden; }
.book-now-modal .modal-dialog.modal-lg .request-a-date form input, .book-now-modal .modal-dialog.modal-lg .request-a-date form select { margin-bottom: 30px; }
.book-now-modal .modal-dialog.modal-lg .request-a-date form input.btn { margin-bottom: 0; width: 100%; font-weight: 700; border: 1px solid #ED1C24; }
.book-now-modal .modal-dialog.modal-lg .request-a-date form input.btn:hover { border: 1px solid #ED1C24; color: #ED1C24 !important; }
.book-now-modal .modal-content { border-radius: 20px; }
.book-now-modal .modal-dialog.modal-lg .request-a-date h3 { text-transform: uppercase; font-weight: 500; }

footer{background-color: #F4F4F4;}
footer .menu-box {display: flex;padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #C5C5C5;}
footer .media-lnk {width: 200px; }
footer .quck-lnk {width: calc(100% - 200px); padding-right: 15px; }
footer .menu-box ul {padding: 0; margin: 0; list-style: none; display: flex; }
footer .quck-lnk ul li:last-child {padding-right: 0; }
footer .quck-lnk ul li {padding-right: 50px; }
footer .quck-lnk ul li a {color: #3D4E59; font-size: clamp(1rem, 0.954rem + 0.247vw, 1.25rem); font-weight: 500; }
footer .quck-lnk ul li a:hover, footer .location-area .content-box a:hover { color: #ED1C24; }
footer .menu-box h3 {font-size: clamp(1.25rem, 1.111rem + 0.741vw, 2rem); margin-bottom: 30px; color: #3D4E59; text-transform: uppercase; font-weight: 600;}
footer .media-lnk ul li:last-child {margin-right: 0; }
footer .media-lnk ul li {margin-right: 10px; }
footer .media-lnk ul li a {width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #ED1C24; border-radius: 50px; transition: all 0.4s ease; }
footer .media-lnk ul li a:hover {background-color: #ED1C24; transition: all 0.4s ease; }
footer .media-lnk ul li a:hover img {filter: brightness(0) invert(1); transition: all 0.4s ease; }
footer .location-area .sngl-box {position: relative; padding-left: 80px; }
footer .location-area .icon-box {position: absolute; left: 0; top: 0; width: 55px; height: 55px; background-color: #2E3192; border-radius: 60px; display: flex; justify-content: center; align-items: center; }
footer .location-area .icon-box img { width: 24px; height: 24px; }
footer .location-area h6 {margin-bottom: 6px; color: #3D4E59; text-transform: uppercase; font-weight: 600; }
footer .location-area .content-box a,
footer .location-area .content-box li {color: #3D4E59; font-size: 16px; font-weight: 500; }
footer .location-area .col-lg-5 .sngl-box {padding-right: 81px; }
footer .footer-top {border-bottom: 1px solid #3D4E59; }
footer .copyright-sec p {text-align: center; padding: 30px 15px; color: #3D4E59; font-size: 18px; }
.logo-box { max-width: 237px; }
/*=====home page====*/

/*=====Process page====*/
.inner-banner { min-height: 62vh; }
.banner-sec.inner-banner h1 {margin-bottom: 0;}
.banner-sec.inner-banner img { width: 100%; height: 100%; object-fit: cover; }
.banner-sec.inner-banner .banner-content { position: relative; min-height: 62vh;}
.about-sec.process-sec::after {display: none;}


.process-how-to-work-sec {overflow: hidden; position: relative;}
.process-how-to-work-sec::after { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-color: #f1fbffed; z-index: -1; }
.process-partical-bg { position: absolute; bottom: 0; right: 0; overflow: hidden; z-index: -2; width: 100%; height: 100%; }
.process-list { margin-top: 130px; }
.process-list ul { padding-left: 0; margin-bottom: 0; }
.process-list ul li { list-style: none; display: flex; }
.process-list ul li:not(:last-child) {padding-bottom: 140px;}
.process-list ul li .process-text { width: calc(100% - 150px); padding-left: 40px; }
.process-how-to-work-sec .common-header { margin-bottom: 50px; }
.process-list ul {counter-reset: step 0;}
.process-list ul li h3 {position: relative; color: #3E4E59;}
.process-list ul li h3::before { content: "0" counter(step); counter-increment: step; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1); -moz-text-fill-color: transparent; font-size: clamp(3.75rem, 2.708rem + 5.556vw, 9.375rem); position: absolute; top: -112px; left: 0; }
.process-list ul li .process-img-icon { position: relative; transform: none; top: unset; z-index: 2; right: unset; }
.process-list ul li .prictical-list-img {position: relative;}
.process-list ul li:not(:last-child) .prictical-list-img::after { position: absolute; content: ""; width: 2px; height: 100%; left: 50%; top: 140px; z-index: 1; background-image: url(../images/dash-line.svg); background-position: center; transform: translateX(-50%); }
/*=====Process page====*/

/*=====Contact page====*/
.get-in-touch-sec .common-header { text-align: center; max-width: 1330px; margin: auto; margin-bottom: 100px; }
.get-in-touch-box { position: relative; padding: 77px 85px 30px; background-color: #fff; border-radius: 10px; text-align: center; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); height: 100%; }
.get-in-touch-box h4 { text-transform: uppercase; margin-bottom: 10px; }
.get-in-touch-box .boat-partical { height: 100px; width: 100px; top: 0%; left: 0; right: 0; margin: 0 auto; }
.get-in-touch-box p, .get-in-touch-box p a { color: #3D4E59; }
.get-in-touch-box p a:hover {color: #ED1C24; }

.contact-main-form .common-header {max-width: 635px; margin-bottom: 30px;}
.contact-main-form input.btn { font-weight: 700; }
.contact-map { height: 735px; padding-left: 70px; border-radius: 10px; overflow: hidden; }
.contact-map iframe { width: 100%; border-radius: 10px; }
/*=====Contact page====*/

/*=====Boating & Jet Ski page====*/
.licencing-img { max-width: 500px; height: 500px; border-radius: 100%; overflow: hidden; }
.licencing-main-wraper .row { padding: 50px; background-color: #F1FBFF; border-radius: 10px; border: 2px solid rgba(46, 49, 146, 0.2); position: relative; overflow: hidden; }
.licencing-main-wraper .row::before { content: ''; position: absolute; background-image: url(../images/line-boat-bg.svg); right: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; z-index: 0; opacity: 0.03; background-size: cover; }
.licencing-main-wraper .row:nth-child(even)::before {background-image: url(../images/line-boat-bg2.svg);}
.licencing-main-wraper .row .col-lg-5, .licencing-main-wraper .row .col-lg-7 {position: relative;}
.licencing-text {max-width: 820px;}
.licencing-text h3 { text-transform: uppercase; color: #3E4E59;}
.licencing-main-wraper .row:not(:last-child) {margin-bottom: 50px;}
.licencing-main-wraper .row:nth-child(even) { flex-direction: row-reverse; }
.licencing-main-wraper .row:nth-child(even) .col-lg-5 .licencing-img { margin: auto 0 auto auto; }
.licencing-main-wraper .row:nth-child(even) .col-lg-7 .licencing-text { padding-left: 50px; max-width: 100%; }



.process-list ul li .process-img-icon img { width: 100%; height: 100%; object-fit: contain; }

.request-a-date .wpcf7-spinner { margin: auto; display: block; margin-top: 10px; }
.request-a-date .wpcf7-response-output { margin-top: 10px !important; }
.book-now-modal .modal-dialog.modal-lg .request-a-date form .wpcf7-not-valid { border: 1px solid red !important; }
.book-now-modal .modal-dialog.modal-lg .request-a-date form .wpcf7-not-valid-tip { display: none; }
.stiky-book-now a { position: fixed; z-index: 999; background: #fff; display: inline-block; padding: 20px 40px; right: -60px; top: 50%; transform: translateY(-10%) rotate(-90deg); background-color: #ED1C24; color: #fff; font-weight: 700; border-radius: 15px 15px 0 0; }
.stiky-book-now a svg { margin-right: 10px; }



/*Media Query css*/

@media only screen and ( min-width:1700px ) {
    .container { max-width: 1620px;}
  
}

@media only screen and ( min-width:1921px ) {

body{max-width: 1920px!important; margin: 0 auto;}
header { max-width: 1920px; margin: 0 auto; }

}

/* @media only screen and ( min-width:1700px ) {
    .container { max-width: 1630px !important;}

} */
@media only screen and ( max-width:1699px ) {
    /* .how-to-work-sec .boat-partical { right: 42%;} */
	.client-img { width: 65px; height: 65px; }
    .client-name-with-img .client-name h4 { font-size: 18px; margin-bottom: 0px; }
    .client-name-with-img .client-name p{font-size: 16px;}
    .client-message-box-main::after{width: 45px;}
    .logo-box { max-width: 160px; }
    .main-menu ul li { margin-right: 30px; }
    .main-menu ul li a{font-size: 18px;}
    .contact-box-wrapper .call-num { margin-right: 30px;}
    .contact-box-wrapper .call-num { font-size: 18px; }

    .about-img-box .img-box { max-width: 600px; height: 550px;}

    .licencing-img { height: 480px; }
  
}

@media only screen and ( max-width:1441px ) {
    .btn { padding: 17px 20px;font-size: 14px;}
	.about-text-wrapper{padding-left: 0px;}
	.how-to-work-text-wrapper { max-width: 500px; }
    /* .how-to-work-sec .boat-partical { right: 40%; } */
    footer .location-area .col-lg-5 .sngl-box { padding-right: 0px; }
    footer .location-area .sngl-box { padding-left: 65px; }
    .client-img { width: 45px; height: 45px; }
    .stiky-book-now a { padding: 15px 35px; right: -58px;}

    .licencing-img { height: 400px; }
}

@media only screen and ( max-width:1399px ) {
.main-header .desktop-header-logo .logo { max-width: 220px;}
.common-padd { padding-top: 60px; padding-bottom: 60px; }
footer .copyright-sec p { padding: 13px 15px; }
.main-header .desktop-header-logo .logo { top: -31px; }
.main-header.fixed .logo { top: -35px; }
.client-message-box-main::after { width: 35px; }
.process-list ul li h3::before { top: -85px;}
.contact-map { height: 600px; padding-left: 50px;}
.get-in-touch-box { position: relative; padding: 77px 25px 30px;}
.about-img-box .img-box { max-width: 500px; height: 500px; }
}

@media only screen and ( max-width:1280px ) {
    .client-message-box-main { padding: 25px 18px 18px;}
    .client-img { width: 45px; height: 45px; }
    footer .location-area .icon-box { width: 48px; height: 48px;}
    .how-to-work-text-wrapper { max-width: 100%; }
    .how-to-work-wrapper { padding-right: 80px; }
    footer .copyright-sec p{font-size: 16px;}
    .home-get-touch{overflow: hidden;}
}


@media only screen and ( max-width:1199px ) {

	/*  ===========mobile nav==========  */
    .main-header .user-sec {margin-left: 10px;display: flex;align-items: center; }

    .hamburger-nav{ display: inline-block; margin-left: 20px; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;background-color: #fff;}    
    .hamburger-nav span{background: #fff;}
    .header-section .right-panel{    -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a { font-size: 32px; color: #000;  text-align: center;  font-weight: 800; text-transform: uppercase;} 
    .mobile-menu ul li a:hover{color: #B4975A;}
    .mobile-menu ul li ul.sub-menu li {  margin: 11px 0;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    header.main-header .main-menu { display: none; }
    .for-mobile { display: block; }
    .main-header .hdr-rt{justify-content: space-between;}
    .only-mobile.for-mobile { display: flex; align-items: center; justify-content: space-between; width: 100%; }
    .only-mobile.for-mobile .logo { width: 130px; margin-bottom: -88px; position: relative; top: inherit; }
    .main-header.fixed .only-mobile.for-mobile .logo { margin-bottom: -75px; }
    .contact-box-wrapper .call-num { font-size: 16px; }
    /*  ===========mobile nav==========  */
    footer .quck-lnk ul li { padding-right: 25px; }
    .logo-box { max-width: 125px; }
    .home-get-touch .cirlce-icon { width: 110px; height: 110px;padding: 25px;}
    .home-get-touch .content-box { padding: 50px 100px; padding-right: 15px; }
    .location-area .col-lg-5, .location-area .col-lg-4, .location-area .col-lg-3 { width: 50%; margin-bottom: 15px; }
    .faq-sec button.accordion-button{padding: 15px;}
    .faq-sec .accordion-body { padding: 15px; padding-top: 0; }
    .faq-sec .accordion-button::after{width: 20px;}
    .how-to-work-sec .row .col-lg-6{width: 100%;max-width: 100%;}
    .how-to-work-img.img-box, .home-get-touch .image-box { width: 100%; position: relative; top: 0; right: 0; bottom: 0; }
    .how-to-work-sec .container, .home-get-touch .container { max-width: 100%; padding: 0; }
    .back-partical img { width: 100%; }
    .how-to-work-wrapper{padding: 30px;}
    /* .how-to-work-sec .boat-partical { right: 0; transform: inherit; left: 0; margin: 0 auto; bottom: inherit; top: 448px; } */
    .home-get-touch { background-position: bottom; background-size: 130%; }
    .how-to-work-sec.common-padd{padding-bottom: 0px;}
    header.main-header.mobile-menu-open .hamburger-nav span { background-color: #000; }
    .licencing-main-wraper .row{padding: 25px;}
    .back-partical img { width: 100%; height: 100%; object-fit: cover; }
    .home-get-touch .content-box .common-header { margin: 0 auto; }
    .how-to-work-sec .boat-partical { bottom: 400px; transform: translateY(0px); }
    .how-to-work-img.img-box{ height: 450px; }
    .how-to-work-img.img-box img { object-position: top; }
    .process-list ul li:not(:last-child) { padding-bottom: 100px; }
    .contact-map { padding-left: 20px; }
    .boat-partical { width: 110px; height: 110px;}
    .about-img-box .img-box { height: 400px; }
    .licencing-img { height: 350px; }
}

@media only screen and ( max-width: 991px ) {
    .about-text-wrapper { text-align: center; padding-top: 35px; }
    .logo-box{margin-bottom: 20px;}
    footer .menu-box h3{margin-bottom: 20px;}
    .home-get-touch .cirlce-icon { top: inherit; bottom: 245px;  width: 100px; height: 100px;}
    footer .menu-box { display: block;}
    footer .menu-box .quck-lnk{width: 100%;padding-right: 0px;padding-bottom: 20px;}
    .banner-text { margin: 0 !important; text-align: center; }
    .home-get-touch .content-box { padding: 75px 15px 50px 15px; padding-right: 15px; text-align: center; }
    .testimonial-slider-wrapper .owl-stage .item{display: block;}
    .home-get-touch{background-repeat: repeat;}
    .btn { padding: 12px 14px; font-size: 14px; }
    .boat-partical { width: 110px; height: 110px; padding: 20px; }
    .common-header .sub-heading{margin-bottom: 10px;}
    .how-to-work-sec .how-to-work-img.img-box { height: 400px; }
    .how-to-work-sec .how-to-work-wrapper { padding-bottom: 100px; }
    .process-how-to-work-sec .common-header { text-align: center; max-width: 100%; }
    .process-list ul li .process-text { width: calc(100% - 110px); padding-left: 40px; }
    .get-in-touch-sec .row .col-lg-4 { margin-bottom: 70px; }
    .get-in-touch-sec .row .col-lg-4:last-child{margin-bottom: 0px;}
    .get-in-touch-box { padding: 70px 15px 20px;}
    .get-in-touch-box .boat-partical { height: 80px; width: 80px;}
    .contact-sec .contact-map { padding-left: 0px; padding-top: 30px;height: 500px; }
    .contact-main-form .common-header { text-align: center; margin: 0 auto 40px; }
    .contact-main-form input.btn { font-weight: 700; width: 100%; }
    .licencing-img { max-width: 270px; max-height: 270px; margin: 0 auto !important; }
    .licencing-main-wraper .licencing-text { text-align: center; padding: 0px !important; padding-top: 20px !important; }
    .licencing-main-wraper .row{padding: 25px 15px;}
    .licencing-main-wraper .row:not(:last-child) { margin-bottom: 20px; }
    .licencing-main-wraper .row { margin: 0; }
    .how-to-work-text-wrapper{padding-left: 12px;}
    .how-to-work-wrapper { padding: 15px; }
    .only-mobile.for-mobile .logo { margin-bottom: -80px; }
    .book-now-modal .modal-dialog.modal-lg .img-box { max-width: 100%; margin-bottom: 25px; height: 450px; }
    .book-now-modal .btn-close { width: 30px; height: 30px; top: 10px; right: 10px; background-color: #ED1C24; }
    .book-now-modal .btn-close img { filter: brightness(0) invert(1); }
    input:not([type="submit"]) { height: 50px !important; }
    .form-control, .form-select { height: 50px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .how-to-work-sec .boat-partical { bottom: 350px;}
    .home-get-touch .image-box { height: 400px; }
    .process-list ul li h3::before { top: -65px; }
    .slider-box-main { padding: 0; }
    .testimonials-box .testimonial-slider-wrapper .slider-box-main .owl-nav button { position: relative; height: auto; }

    .about-img-box .img-box { height: 400px; max-width: 400px; margin: auto; }
    .about-sec .boat-partical { right: 15%; }
}


@media only screen and ( max-width: 767px ) {
    .location-area .col-lg-5, .location-area .col-lg-4, .location-area .col-lg-3 { width: 100%; margin-bottom: 15px; }
    .location-area .col-lg-3{margin-bottom: 0px;}
    .common-padd { padding-top: 40px; padding-bottom: 40px; }
    .logo-box { max-width: 100px; }
    footer .menu-box { padding-bottom: 18px; margin-bottom: 18px; }
    .testimonial-slider-wrapper .slider-box-main{padding: 0px;}
    .licencing-img { max-width: 180px; max-height: 180px; margin: 0 auto !important; }
    .process-list ul li:not(:last-child) { padding-bottom: 80px; }

    .about-sec .boat-partical { right: 0; }

}
@media only screen and ( max-width: 600px ) {
    .only-mobile.for-mobile .logo { width: 115px;}
    .process-list ul li .process-text { padding-left: 15px; }
    .process-list ul li .process-img-icon.boat-partical { width: 98px; height: 98px; }
    .only-mobile.for-mobile .logo { width: 100px; }
    .main-header .user-sec{margin-left: 0px;}
    .hamburger-nav { margin-left: 12px; }
    .only-mobile.for-mobile .logo { margin-bottom: -75px; }
    .main-header.fixed .only-mobile.for-mobile .logo { margin-bottom: -66px; }
    .banner-sec .banner-content, .banner-sec { min-height: 90vh; }
    .banner-sec.inner-banner .banner-content, .banner-sec.inner-banner { min-height: 62vh; }
    .process-list ul li h3::before { top: -55px; }
    .contact-box-wrapper .call-num { margin-right: 10px; }
    .stiky-book-now a { padding: 8px 18px; right: -47px; }
}
@media only screen and ( max-width: 480px ) {
    .process-list ul li .process-img-icon.boat-partical { width: 85px; height: 85px; padding: 18px; }
    .process-list ul li .process-text { width: calc(100% - 87px); }
    .only-mobile.for-mobile .logo { width: 75px; margin-bottom: -58px; }
    .contact-box-wrapper .call-num { font-size: 12px; }
    .contact-box-wrapper .btn { padding: 8px 5px; border-radius: 5px; font-size: 12px; }
    .hamburger-nav { margin-left: 5px; }
    .main-header { padding: 8px 0px;}

    .about-img-box .img-box { height: 350px; max-width: 350px; margin: auto; }

}

@media only screen and ( max-width: 360px ) {
    .menu-footer-menu-container .menu { flex-direction: column; }
    .menu-footer-menu-container .menu li:not(:last-child) { margin-bottom: 10px; }
    .only-mobile.for-mobile .logo { width: 65px; }
    .about-img-box .img-box { height: 300px; max-width: 300px; margin: auto; }

}

@media only screen and ( max-width: 320px ) {
    /* .only-mobile.for-mobile .logo { width: 73px; } */
    .main-header.fixed .only-mobile.for-mobile .logo { margin-bottom: -63px; }
}

/*Media Query css*/