/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* { padding: 0; margin: 0; text-decoration: none; box-sizing: border-box; }

:focus { outline: none; }
a:focus { outline: none; }

a { text-decoration: none; transition: 0.3s; }
a:hover { text-decoration: none !important; }
a img { border: none; }

.btn { white-space: normal; }

img, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }

::-moz-selection { background-color: #000; color: #fff; }
::selection { background-color: #000; color: #fff; }

/* Placeholder text styles */
input::placeholder, textarea::placeholder { opacity: 1; color: #00a54e !important; }

/* 
font-family: "Open Sans", sans-serif;
font-family: "Satisfy", cursive;
*/

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: #000; font-weight: 400; font-family: "Open Sans", sans-serif; overflow-x: hidden;}

.container{max-width: 1690px; padding: 0 15px;}

h1,h2,h3,h4,h5,h6 {color: #333;}
h1 { font-size: 40px; line-height: 50px; font-weight: 800;}
h2 { font-size: 38px; line-height: 48px; font-weight: 800;}
h3 { font-size: 30px; line-height: 48px; font-weight: 800;}
h4 { font-size: 25px; line-height: 35px; font-weight: 800;}
h5 { font-size: 20px; line-height: 30px; font-weight: 800;}
h6 { font-size: 18px; line-height: 28px; font-weight: 800;}

p{margin: 0 0 15px;}
p:last-child{margin: 0;}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html {
  scrollbar-width: thin;
}

/* color of the thumb */
html {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; line-height: 22px; border: 0; text-transform: capitalize; font-size: 18px; font-weight: 700; color: #FFFFFF; background-color: #FF0000; border-radius: 5px 5px 5px 5px; padding: 15px 30px 15px 30px; }
.btn.btn-primary::after { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .15); display: block; position: absolute; }
.btn.btn-primary:hover, .btn.btn-primary:focus{background: rgb(0, 165, 78); color: #fff;}

.btn.btn-yellow { display: inline-block; line-height: 22px; border: 2px solid #ffdf00; text-transform: capitalize; font-size: 18px; font-weight: 700; color: #000; background-color: #ffdf00; border-radius: 5px 5px 5px 5px; padding: 15px 30px 15px 30px; }
.btn.btn-yellow:hover, .btn.btn-yellow:focus{background: transparent; color: #ffdf00;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 1px solid #FFC700; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

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

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-top { padding: 15px 0; }
.header-top p{color: rgb(0, 165, 78);}

.header-inner > div { width: 100%; }
.header-mid { background: #393939; padding: 10px 0; }
.header-mid h4 { font-family: "Satisfy", cursive !important; font-size: 28px; font-weight: 400; line-height: 28px; color: #fff; margin: 0 0 15px; }
.logo { display: block; margin: 0 auto; max-width: 210px; }

.header-btm { background: #1a1a1a; padding: 15px 0; }
.hm-menu-main ul li{display: inline-block; margin-right: 25px; position: relative;}
.hm-menu-main ul li a { font-size: 16px; font-weight: 600; letter-spacing: normal; line-height: 24px; color: #fff; }
.hm-menu-main ul li a:hover {color: rgb(255, 223, 0);}

.hm-menu-main .has-child ul{position: absolute; top: 100%; left: 0; width: 220px; padding: 10px 0; background: #f4f4f4; display: none; z-index: 999;}
.hm-menu-main .has-child ul li{display: block; margin: 0;}
.hm-menu-main ul li:hover ul{display: block;}
.hm-menu-main .has-child ul li a { display: block; padding: 15px; color: #000000; font-weight: 400; font-size: 14px; line-height: 18px; }
.hm-menu-main .has-child ul li a:hover{background: #fff; color: #000000;}

.hm-menu-main li.has-child > a{padding-right: 15px;}
.hm-menu-main li.has-child > a::after{content: '\f107'; position: absolute; right: 0; font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 12px;}

.hd-rgt h4{color: #FFC700;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.hm-banner{min-height: 490px; padding: 60px 0; background-size: cover !important;}
.hm-banner h1{color: #fff; margin: 0 0 15px;}
.hm-banner h5{color: #fff;}

.service-block { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; text-align: center; background: #00a54e; overflow: hidden; width: 100%; padding: 35px 20px; border-right: 1px solid #ffdf00; }
.service-block:last-child{border-right: 0;}
.service-block h4 { font-size: 18px; font-weight: 700; line-height: 21.6px; text-transform: uppercase; color: #fff; }
.service-block img{height: 100px; margin: 0 0 15px;}
.service-block:hover{background: #ffdf00;}

.value-sec .inner { padding: 50px; }
.value-sec .inner > h2{margin: 0 0 30px;}
.value-sec .inner > h2 span{color: #00a54e;}
.value-sec::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 750px; background: url('assets/img/value-img.jpg') center center no-repeat; background-size: cover; border-radius: 0 50% 50% 0; }

.accordion-item { border: 0; }
.accordion-button { margin: 0 0 10px; border-radius: 8px !important; padding: 15px; border: 0; font-size: 1rem; font-weight: 600; height: auto; line-height: 1rem; background: #00a54e !important; color: #fff !important; outline: 0 !important;}
.accordion-button.collapsed { background: #f1f1f1 !important; margin: 0 0 10px; border-radius: 8px !important; padding: 15px; border: 0; color: #212121 !important; font-size: 1rem; font-weight: 600; height: auto; line-height: 1rem;}
.accordion-button:focus{border: 0 !important; box-shadow: unset !important;}

.accordion-body h4 { font-size: 18px; margin: 0 0 10px; }
.accordion-body { border: 1px solid #eee; padding: 15px; margin: 0 0 15px;}

.value-sec{ min-height: 750px; }

.trust-sec .inner{padding: 50px;}
.ts-img { display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; }
.ts-img a { width: calc(50% - 15px); display: flex; align-items: center; justify-content: center; }
.ts-img img{max-height: 200px;}

.ts-content { background: #00a54e; }
.ts-content *{color: #fff;}
.ts-content h2 { margin: 0 0 15px; }
.ts-content h2 span{display: block; color: #ffdf00;}
.ts-content h6 { font-size: 28px; font-weight: 400; line-height: 33.6px; margin: 0 0 15px; }

.book-now {padding: 60px 40px; background: #00a54e; z-index: 1;}
.book-now::after{content: ''; position: absolute; top: 0; left: 0; width: 30%; height: 100%; z-index: -1; background: #036833;}
.bn-lft img { position: absolute; bottom: -60px; left: 50%; margin-left: -350px; min-width: 700px; }

.bn-lft{width: 45%;}
.bn-rgt{width: 55%;}

.book-now h2 { margin: 0 0 30px; color: #fff; }
.book-now h2 span{color: #ffdf00;}

.form-control, .form-select { padding: 12px; margin: 0; border-radius: 8px; background-color: #036833 !important; border: 1px solid #666; color: #00a54e !important; }
textarea.form-control{height: 100px;}

.info-sec { padding: 40px; background: #036833; }
.info-tab > div { width: 50%; }
.info-lft { padding: 60px; background: #fff; }
.info-rgt img { width: 100%; height: 100%; object-fit: cover; }
.info-sec .info-tab:nth-child(2n+2) .info-rgt { order: -1; }
.info-tab:nth-child(2n+2) .info-lft { background: #00a54e; }
.info-lft h2 { margin: 0 0 30px; }
.info-lft h2 span{ color: #00a54e;}

.info-tab:nth-child(2n+2) .info-lft h2 { color: #fff; }
.info-tab:nth-child(2n+2) .info-lft h2 span{ color: #FFDF00;}
.info-tab:nth-child(2n+2) .info-lft p{color: #fff;}

.info-tab.v2 .info-lft{order: -1 !important;}

.srv-main{padding: 60px 40px; background: #f2f2f2;}
.top-text span{display: block; color: #00a54e;}

.srv-content { padding: 30px 20px; background: #00a54e; text-align: center; }
.srv-content h3{font-size: 25px; margin: 0 0 15px;}
.srv-img { width: 100%; height: 245px; overflow: hidden; margin: 0 auto; transition: all 0.4s; }
.srv-img img{width: 100%; height: 100%; object-fit: cover;}
.srv-img:hover{transform: scale(0.9);}
.srv-content *{color: #fff;}

.location-sec { padding: 40px; }
.location-list{ display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.location-block { width: calc(50% - 15px); display: flex; align-items: stretch; border: 1px solid #ddd; }
.location-block > div{width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.loc-frame iframe { width: 100%; height: 100%; }
.loc-desc { padding: 20px; }
.loc-desc .inner{width: 100%;}
.loc-desc p{color: #7a7a7a;}
.loc-desc p a{color: #c36;}

.info-tab.info-ct .info-lft{background: #00a54e;}
.info-tab.info-ct h2{color: #fff;}

.info-rgt iframe{width: 100%; height: 100%;}

.logo-main{padding: 40px;}
.slick-track { display: flex !important; align-items: center; }
.logo-block{margin: 0 25px;}
.logo-block img{max-height: 160px; margin: 0 auto;}

.ct-info {background: #00a54e; padding: 60px; position: relative; z-index: 1;}
.ct-info::after{content: ''; position: absolute; top: 0; left: 0; width: 30%; height: 100%; z-index: -1; background: #036833;}
.ct-img { min-width: 40%; }
.ct-info h2{color: #fff; margin: 0 0 30px;}
.ct-info a{color: #fff;}

.info-tab.v2.frame-tab h2 { color: #fff; }
.info-tab.v2.frame-tab h2 span{ color: #ffdf00; }
.info-tab.v2.frame-tab p { color: #fff; }


.footer-main{background: #393939; text-align: center; padding: 40px 0; color: #fff;}
.footer-main iframe { width: 100%; }
.copyright{margin-top: 50px;}
.footer-main h3{font-family: "Open Sans", sans-serif; margin: 0 0 15px; color: #fff; font-size: 21px; font-weight: 700;}
.footer-main a{color: #FFDF00; display: inline-block;}
.copyright a{color: #fff;}
.social-ic a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; color: #fff; margin: 0 4px; }

.mobile-menu-main{display: none;}
.infodtls a:hover{color: #FFDF00;}


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

@media only screen and (max-width: 1360.98px) {
  .service-block{padding: 30px 15px;}
  .service-block h4{font-size: 16px;}
  body, html { overflow-x: hidden; }








}

@media only screen and (max-width: 1280.98px) {
  .btn { padding: 12px 20px !important; font-size: 16px !important; }
  .service-block img { height: 55px; }
  .service-block h4 { font-size: 15px; }
  .bn-lft img { position: absolute; bottom: -60px; left: 50%; margin-left: -250px; min-width: 500px; }
  .srv-img{max-width: unset;}
  .srv-content h3 { font-size: 22px; line-height: 30px; }
  .location-block{width: 100%;}

  .hm-menu-main ul li a { font-size: 15px; font-weight: 500; }
  .hm-menu-main ul li{margin-right: 20px;}






}

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

@media only screen and (max-width: 991.98px) {
  .header-top { display: none; }
  .header-main{padding-top: 68px;}
  .header-mid .btn span { display: none; } .hd-md { position: absolute; top: 0; left: 0; width: 100%; background: #1a1a1a; height: 68px; }
  .logo { max-width: 100px; }
  .header-btm{display: none;}
  .header-inner { gap: 30px; }
  .hd-lft h4 { font-size: 0; margin: 0 0 5px; }
  .hd-lft h4 span{display: inline-block !important; font-size: 24px; line-height: 34px;}
  .hd-rgt h4 { font-size: 0; margin: 0 0 5px; }
  .hd-rgt h4 span{display: inline-block !important; font-size: 24px; line-height: 34px; color: #FFDF00;}

  .hm-banner { min-height: 360px; padding: 40px 0 90px; }

  h1 { font-size: 36px; line-height: 46px; font-weight: 700;}
  h2 { font-size: 32px; line-height: 42px; font-weight: 700;}
  h3 { font-size: 26px; line-height: 34px; font-weight: 700;}
  h4 { font-size: 22px; line-height: 32px; font-weight: 700;}
  h5 { font-size: 18px; line-height: 28px; font-weight: 700;}
  h6 { font-size: 15px; line-height: 25px; font-weight: 700;}

  .service-list { flex-wrap: wrap; }
  .service-block { width: 25%; border-bottom: 1px solid #ffdf00;}
  .service-block:nth-child(4) { border-right: 0; }

  .value-sec::after{width: 100%; height: 550px; top: 30px;}
  .value-sec .inner { padding: 40px 15px; margin-top: 560px; }
  .trust-sec-inner { flex-wrap: wrap; }
  .ts-content.inner > div { justify-content: center !important; }
  .trust-sec { text-align: center; }

  .info-tab { flex-direction: column; }
  .info-tab > div{width: 100%;}

  .info-lft { padding: 30px; text-align: center; }
  .info-rgt { order: -1; }
  .info-sec { gap: 30px; display: flex; flex-direction: column ; }

  .ct-info{padding: 40px; flex-direction: column; text-align: center;}
  .ct-desc > div { align-items: center; justify-content: center; gap: 15px !important; }
  .info-rgt iframe { height: 360px; }

  .mobile-menu-main{display: block;}
  .menu-toggle { position: absolute; top: 10px; color: #FFC700 !important; font-size: 30px; left: 15px; }
  .menu-toggle:hover{color: #FFC700 !important;}
  .mmenu-inner { position: fixed; top: 0; left: -320px; width: 320px; background: #fff; height: 100vh; overflow: auto; padding: 60px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: all 0.4s; z-index: 9; }
  .mmenu-inner.active { left: 0; }
  .menu-toggle.active { z-index: 99; left: 270px; }
  .mobile-menu-main .has-child ul{display: none;}
  .mmenu-inner ul li a { padding: 8px 15px; display: block; color: #1E1E1E;}
  .mmenu-inner ul li{position: relative;}
  .mmenu-inner ul li .submenu-toggle{position: absolute; right: 0; top: 0;}
  .mmenu-inner .has-child ul { padding-left: 30px; }
  
}


@media only screen and (max-width: 767.98px) { 
  .header-mid .btn { font-size: 14px !important; white-space: nowrap; }
  .hd-lft h4, .hd-rgt h4{margin: 0;}
  .service-block { width: 50%; border-bottom: 1px solid #ffdf00; justify-content: center;}
  .value-sec .inner > h2{text-align: center;}
  .accordion-body h4 { font-size: 16px; margin: 0 0 10px; line-height: 26px; }
  .trust-sec .inner { padding: 35px 15px; }
  .book-now { padding: 35px 15px; flex-direction: column;}
  .bn-lft { width: 100%; }
  .bn-rgt { width: 100%; order: -1; }
  .bn-lft img { position: relative; bottom: -35px; left: 50%; margin-left: -200px; min-width: 400px; }
  .book-now::after{display: none;}
  .info-sec { padding: 35px 15px; }
  .info-lft { padding: 25px 15px; text-align: center; }
  .srv-main { padding: 35px 15px; }
  .srv-content{padding: 20px 15px;}
  .location-sec { padding: 35px 15px; }
  .location-block{flex-direction: column;}
  .location-block > div{width: 100%;}
  .loc-desc { padding: 15px; }
  .loc-frame iframe { height: 240px; }
  .ct-desc > div{flex-direction: column;}
  .footer-block { margin: 0 0 30px; }
  .copyright { margin-top: 0; }
  .footer-main{padding: 35px 0 15px;}

  body, p{font-size: 15px;}

  .hd-lft h4 span, .hd-rgt h4 span{font-size: 20px;}

}

@media only screen and (max-width: 640.98px) { 
  h1 { font-size: 32px; line-height: 40px; font-weight: 700;}
  h2 { font-size: 28px; line-height: 38px; font-weight: 700;}
  h3 { font-size: 22px; line-height: 32px; font-weight: 700;}
  h4 { font-size: 18px; line-height: 28px; font-weight: 700;}
  h5 { font-size: 16px; line-height: 28px; font-weight: 700;}
  h6 { font-size: 14px; line-height: 24px; font-weight: 700;}

}