@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600&display=swap');


/************************************/
/****    01. Global Variables    ****/
/************************************/

:root {
    --primary-color: #0b8236;
    --primary-font: "Poppins", sans-serif;
    --text-color : #767a7d;    
    --heading-color : #20252d;    
}


body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden
}

p{}


img {
    max-width: 100%; height: auto
}

a {
    color: var(--primary-color);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
    color: #333
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 500;
    font-family: var(--primary-font);
    color: var(--heading-color); 
}

h1 {
    font-size: 76px
}

h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}
h2 span{ color: var(--primary-color);}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

strong {
    font-weight: 500
}


.gradient-text{
    background: linear-gradient(
        90deg,
        #0d8638,
        #19b556
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.btn-main{display: inline-flex;padding: 10px 10px 10px 30px;border-radius: 30px; background-color: var(--primary-color);
background: linear-gradient(90deg,#0b8236,#017b76);
color: #fff;text-decoration: none; justify-content: center; align-items: center; gap: 10px;outline: none;
border: none;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear

}
.btn-main .icon{width: 30px; height: 30px; background: #b1d7be; border-radius: 50%; transform: rotate(305deg);display: inline-flex;justify-content: center; align-items: center;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear    
}
.btn-main .icon i{color: var(--primary-color);font-size: 30px;}
.btn-main:hover{ color: #fff; background-color: #1f242c;}
.btn-main:focus{ color: #fff;}
.btn-main:hover .icon{background:#203f2b;} 
.btn-main:hover .icon i{ color: #fff;}


.header_top{ background-color: #1f242c; color: #fff;padding: 5px 0px;}
.header_top .contact_info{ margin: 0; padding: 0; list-style: none; display: flex; gap:20px;}
.header_top .contact_info li{ display: flex;gap:10px;}
.header_top .contact_info .icon{ width: 32px; height: 32px;border-radius: 50%; 
background-color: var(--primary-color); background: linear-gradient(90deg,#0b8236,#017b76);justify-content: center; align-items: center; display: flex; flex-shrink: 0;}
.header_top .contact_info .icon img{ width: 15px;}
.header_top .contact_info .content a{ color: #c6c6c7; text-decoration: none;margin-top: 3px; display: block;}
.header_top .contact_info .content a:hover{ color:var(--primary-color); }

.header_top .social_con{display: flex; align-items: center; justify-content: end;}
.header_top .social_con .heading{ padding-right: 22px;position: relative; color: #c6c6c7;}
.header_top .social_con .heading:after{content: ''; width: 45px;height: 2px; background: #6d7075; display: inline-block; margin-left: 20px;vertical-align: center;}
.header_top .social_media{ margin: 0; padding: 0; list-style: none; display: flex; gap:2px;}
.header_top .social_media li{}
.header_top .social_media li a{ display: block; padding: 5px 5px;color: #c6c6c7;}
.header_top .social_media li a:hover{color:var(--primary-color);}   
.header_top .social_media li img{ width: 18px; opacity: .8}


header{margin: 0; padding: 10px 0px; background-color: #fff;}
header .logo{display: inline-block;}
header.sticky {position: fixed;top: 0;width: 100%;z-index: 999; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));}

.menu_dextop{ display: flex; justify-content: end; align-items: center;}
.menu_mobile{ display: none;}

/* =========================
   NAVBAR
========================= */

.menu_dextop .nav-menu{list-style:none; display:flex; align-items:center; margin: 0;padding: 0;}
.menu_dextop .nav-menu > li{ position:relative; margin-right:32px;}
.menu_dextop .nav-menu > li > a{text-decoration:none; color:#111;font-size:16px; font-weight:500;padding:10px 0;display:flex;align-items:center; gap:5px;transition:0.3s;position: relative;}
.menu_dextop .nav-menu > li > a i{ font-size: 13px;}
.menu_dextop .nav-menu > li > a.active{color:var(--primary-color);}
.menu_dextop .nav-menu > li > a:before{
  position: absolute;
  bottom: 0;
  left: 50%;
  color: transparent;
  content: '';
  width: 0%;
  height: 2px;
  background:var(--primary-color);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
    pointer-events: none;
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  }
.menu_dextop .nav-menu > li:hover > a:before,.nav-menu > li > a.active:before{width: 100%;}
.menu_dextop .nav-menu > li > a:hover{color:var(--primary-color);}

.menu_dextop .arrow{
    font-size:12px;
}

/* =========================
   FIRST DROPDOWN
========================= */

.menu_dextop .dropdown{
    position:absolute;
    top:100%;
    left:0;
    width:260px;
    background:#fff;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:0.3s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    z-index:100;
    margin: 0px;
    padding: 0px;
    border-top: 2px solid var(--primary-color);
    margin-top: -2px;
}

.menu_dextop .dropdown li{
    position:relative;
    border-bottom:1px solid #eee;
}

.menu_dextop .dropdown li:last-child{
    border-bottom:none;
}

.menu_dextop .dropdown li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 18px;
    text-decoration:none;
    color:#111;
    font-size:15px;
    transition:0.3s;
}

.menu_dextop .dropdown li a:hover{
    background:#f8f8f8;
    color:var(--primary-color);
    padding-left:30px;
}

/* SHOW FIRST DROPDOWN */

.menu_dextop .nav-menu li:hover > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* =========================
   SECOND LEVEL DROPDOWN
========================= */

.menu_dextop .sub-dropdown{
    position:absolute;
    top:0;
    left:100%;
    width:240px;
    background:#fff;
    list-style:none;
    opacity:0;
    visibility:hidden;
    transform:translateX(15px);
    transition:0.3s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    padding: 0;
}

.menu_dextop .sub-dropdown li{
    border-bottom:1px solid #eee;
}

.menu_dextop .sub-dropdown li:last-child{
    border-bottom:none;
}

/* SHOW SECOND DROPDOWN */

.menu_dextop .dropdown li:hover > .sub-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}



/* =========================
   HEADER
========================= */
.menu_mobile .m_menu_b{ display: flex; justify-content: end;}
.menu-btn{
    border:none;
    background:#0000;
    color:var(--primary-color);
    font-size:37px;
    line-height: 37px;
    padding: 3px;
}

/* =========================
   OFFCANVAS
========================= */

.offcanvas_m_menu.offcanvas{
    width:380px !important;
    background:#131c2c;
    color:#fff;
    padding:30px;
}

/* TOP */

.offcanvas_m_menu .logo-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:40px;
    gap: 15px;
}

.offcanvas_m_menu .logo{
    display:flex;
    align-items:center;
}
.offcanvas_m_menu .logo img{ max-width: 170px;}

.offcanvas_m_menu .btn-main{ width: 100%;margin: 40px 0 0 0; justify-content: space-between;}
.offcanvas_m_menu .btn-main:hover{background-color: #fff;color: var(--primary-color);}


/* CLOSE BUTTON */

.offcanvas_m_menu .btn-close{
    background-color:var(--primary-color);
    opacity:1;
    padding:12px;
    border-radius:50%;
}

/* =========================
   MENU
========================= */

.offcanvas_m_menu .mobile-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.offcanvas_m_menu .mobile-menu li{
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.offcanvas_m_menu .mobile-menu li  ul li{}

.offcanvas_m_menu .mobile-menu li a{
    color:#fff;
    text-decoration:none;
    padding:15px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    font-weight:500;
}

.offcanvas_m_menu .mobile-menu li a:hover{
    color:var(--primary-color);
}

/* TOGGLE BUTTON */

.offcanvas_m_menu .toggle-btn{
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--primary-color);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:13px;
    cursor:pointer;
}

/* SUBMENU */

.offcanvas_m_menu .submenu{
    display:none;
    list-style:none;
    padding-left:20px;
}

.offcanvas_m_menu .submenu li a{
    font-size:15px;
    color:#d4d4d4;
    padding:10px 0;
    font-weight: 400;
}

/* MOBILE */

@media(max-width:480px){

    .offcanvas_m_menu .offcanvas{
        width:100% !important;
    }

}


/*--- Hero Banner ----- */
.hero_banner{ margin: 0px; padding: 120px 0px; background-color: #fff; position: relative; background-image: url(../images/hero_banner.jpg);  z-index: 1; background-repeat: no-repeat; background-size: cover;}
.hero_banner:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;
 background: linear-gradient(0deg,#effff5,#f1fffe);
 opacity: .9;
}
.hero_banner .sub_title{ padding: 5px 15px 5px 30px; border-radius: 30px; background-color: #0b82361f; color: #252e28;display: inline-flex;position: relative;}
.hero_banner .sub_title:before{ content: ''; width: 8px; height: 8px; border-radius: 20px;background-color: var(--primary-color); display: inline-block; position: absolute;left: 12px;top: 50%;margin-top: -4px;}
.hero_banner .title{ font-size: 76px; font-weight: 700;color: #252e28; margin: 26px 0 22px 0;}
.hero_banner .title span{ color: var(--primary-color);}
.hero_banner .sub_con{ font-size: 20px; color: #414c45; line-height: 1.5; font-weight: 400;}
.hero_banner .btn_block{margin: 40px 0 0 0;display: flex; gap: 20px;}
.btn-video{ text-decoration: none;color: #414c45;font-size: 15px;display: flex; gap: 10px; align-items: center;font-weight: 500;}
.btn-video:focus{ color: #fff;}
.btn-video:hover{color: var(--primary-color);}
.btn-video:hover .icon{ background-color:var(--primary-color); }
.btn-video .icon{ display: inline-flex; width: 45px; height: 45px; border-radius: 40px; background-color: #fff; justify-content: center; align-items: center; position: relative;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear
}
.btn-video .icon:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.63);
    z-index: 0;
    animation: 1500ms ease-out 0s infinite normal none running pulse;
    border-radius: inherit;
    z-index: -1;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1.5, 1.5);
  }
  50% {
    transform: scale(2, 2);
  }
  100% {
    transform: scale(1, 1);
  }
}




.btn-video .icon i{color: #7ebd95; font-size: 30px;line-height: 1;}
.hero_banner .btn-main:hover{background-color: #252e28;color: #FFF;}

.form_blocks{ margin: 0; padding: 30px 30px; background: #fff; border-radius: 20px;
   backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #f4f4f424;  

}
.form_blocks .heading_b{ margin: 0 0 20px 0;; padding: 0;}
.form_blocks .heading_b .hea{ color: #252e28; font-size: 30px; margin: 0 0 5px 0; font-weight: 600;}
.form_blocks .heading_b .hea span{ color: var(--primary-color);}
.form_blocks .heading_b .sub-hea{ font-size: 15px; font-weight: 300; color: #666; margin: 0;}
.form_blocks .field_b{ margin-bottom: 15px;}
.form_blocks .form-control,.form_blocks .form-select{ border: 2px solid #cdcdcd75; background-color: #fff0; padding: 10px 15px; color: #414c45;}
.form_blocks .form-control:focus{box-shadow: 0 0 0 .25rem rgba(28, 255, 110, 0.07);border: 2px solid #0b8236;}
.form_blocks .form-select{
   /* White Dropdown Icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5l6 6 6-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
.form_blocks .btn_block{ justify-content: center;}
.form_blocks .submit_bnt{ padding: 15px 40px;}
/* Chrome, Safari, and Opera */
.form_blocks .form-control::-webkit-input-placeholder {
  color: #e1e7e9;
}

/* Firefox 19+ */
.form_blocks .form-control::-moz-placeholder {
  color: #b7b7b7;
  opacity: 1;
}

/* Firefox 4-18 */
.form_blocks .form-control:-moz-placeholder {
  color: #b7b7b7;
  opacity: 1;
}

/* Internet Explorer 10-11 */
.form_blocks .form-control:-ms-input-placeholder {
  color: #b7b7b7;
}

/* Microsoft Edge (Older versions) */
.form_blocks .form-control::-ms-input-placeholder {
  color: #b7b7b7;
}


/*--- Choose Section ----- */
.choose_section{ padding: 100px 0px; background: #f6fbf8;}

.choose_block{padding: 20px  15px 20px 70px; border: 2px solid var(--primary-color);background: #fff; border-radius: 20px; position: relative; margin-left: 45px;min-height: 206px;}
.choose_block .icon{ width: 90px;height: 90px; border-radius: 10px; background-color:var(--primary-color);background: linear-gradient(90deg,#0b8236,#017b76); padding: 10px;
display: flex; justify-content: center; align-items: center; position:absolute; left:-45px; top: 50%; transform: translateY(-50%);}
.choose_block .icon img{ width: 55px;}
.choose_block .title{ font-size: 22px; font-weight: 500;margin: 0 0 20px 0;}
.choose_block .con{ margin: 0;}



/* Owl Carousel Dots Design */

.owl-carousel .owl-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 35px;
}

.owl-carousel .owl-dots .owl-dot span{
    width: 14px;
    height: 6px;
    margin: 0;
    background: #8fc79d;
    border-radius: 30px;
    display: block;
    transition: all 0.3s ease;
}

/* Active Dot */
.owl-carousel .owl-dots .owl-dot.active span{
    width: 30px;
    background: #11963b;
}


/* Owl Carousel Nav Design */
.owl-carousel .owl-nav{
    display:flex;
    align-items:center;
    gap:14px;
}

.owl-carousel .owl-nav button{
    width:48px !important;
    height:48px !important;
    border:2px solid #d7dbda !important;
    border-radius:50% !important;
    background:#ecf0ed !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    transition:0.3s;
    position:relative;
}
.owl-carousel .owl-nav button i{ color: #9a9c9a; font-size: 26px; transition:0.3s;}


/* hover */
.owl-carousel .owl-nav button:hover{
    background:#15803d !important;
    border-color:#15803d !important;
}
.owl-carousel .owl-nav button:hover i{ color: #fff;}




/*--- About Section ----- */

.about_section{ padding: 100px 0px;}
.ab_img_block{ position: relative; display: inline-block;}
.about_img_b{display: inline-flex; gap:35px; align-items: center;}
.about_img_b .a_img_2{ margin-bottom: 32px;}
.ab_img_block .experience-box {
  width: 170px;
  height: 165px;
  background: #b6e8c8;
  border-radius: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  transform: translate(-50%, -50%);
  padding: 15px;  
}
.ab_img_block .experience-box .counter{ font-size: 40px; font-weight: 700; color: var(--primary-color);}
.ab_img_block .experience-box p{ color: #405949; font-size: 20px; font-weight: 500; line-height: 1.3; margin: 0;}

.about_img_b .about_img img,.about_img_b .about_img{ border-radius: 15px;}
.about_img_b .about_img img{ width: 260px;}
.about_img_b .a_img_2{}
.about_img_b .a_img_2 img{object-fit: cover;height: 300px;}
.about_img_b .a_img_3 img{object-fit: cover;height: 330px;}

.sub-badge{ padding: 10px 30px; background: #e4f1e9; border-radius: 20px; color: var(--primary-color); position: relative;}
.sub-badge:after{content: '';
  width: 8px;
  height: 8px;
  border-radius: 20px;
  background-color: var(--primary-color);
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -4px;}
.heading_2{ margin: 20px 0 30px 0;}
.heading_2 span{color: var(--primary-color);}

.about-content{ font-size: 16px; color: #737c82;}

.about_section .btn_block{ margin-top: 40px;}



/*--- Service Section ----- */

.service_section{ padding: 100px 0px 190px 0; background-color: #f6fbf8; background-repeat: no-repeat; background-position: center center;}
.heading_b.t_center{ text-align: center;}

.sub-title{ color: #73777b; font-size: 20px; font-weight: 400;}


/* Tab Block */
.ser_tab_block{ margin: 80px 0 0 0;}
/* LEFT TAB */

    .ser_tab_block .solar-tabs{
      border-right:1px solid #d8d8d8;
      padding-right:40px;
    }

    .ser_tab_block .solar-tabs .nav-link{
      width:100%;
      border:none;
      border-radius:0;
      background:transparent;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:20px 35px;
      margin-bottom:20px;
      transition:0.3s;
      position:relative;
    }

    .ser_tab_block .solar-tabs .nav-link::after{
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:8px;
      height:100%;
      background:var(--primary-color);
      opacity:0;
    }

    .ser_tab_block .solar-tabs .nav-link.active{
      background:#000;
    }

    .ser_tab_block .solar-tabs .nav-link.active::after{
      opacity:1;
    }

    .ser_tab_block .tab-left{
      display:flex;
      align-items:center;
      gap:22px;
    }

    .ser_tab_block .tab-left i{
      font-size:34px;
      color:#111;
    }

    .ser_tab_block .solar-tabs .nav-link.active .tab-left i{
      color:#fff;
    }
.ser_tab_block .solar-tabs .nav-link.active .tab-left img{
       filter: brightness(0) invert(1);
    }

    .ser_tab_block .tab-left span{
      font-size:20px;
      font-weight:600;
      color:#111;
      text-align:left;
       line-height: 1.5;
    }

    .ser_tab_block .solar-tabs .nav-link.active .tab-left span{
      color:#fff;
    }

    .ser_tab_block .arrow-btn{
      width:45px;
      height:45px;
      border-radius:50%;
      background:var(--primary-color);
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
    }

    .ser_tab_block .arrow-btn i{
      font-size:20px;
      color:#fff;
    }

    .ser_tab_block .solar-tabs .nav-link:not(.active) .arrow-btn{
      display:none;
    }

    .ser_tab_block .solar-tabs .nav-link:not(.active){
      border-bottom:1px solid #d8d8d8;
    }

.ser_tab_block .tab_ser_con{}
.ser_tab_block .tab_ser_con{}
 .ser_tab_block .tab_ser_con{}
  .ser_tab_block .tab_ser_con h3{ font-size: 38px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 30px;}
 .ser_tab_block .tab_ser_con p{ font-size: 18px; line-height: 1.8; color: #5f6061; }

.list_icon_1{ margin: 25px 0 0 0; list-style: none; padding: 0}
.list_icon_1 li{ margin: 0 0 32px 0;}
.list_icon_1 li h4{ margin: 0 0 5px 0;}
.list_icon_1 p{font-size: 16px;line-height: 1.6;font-weight: 400;}
 .ser_tab_block .tab_ser_con{ padding-left: 20px;}






/*--- Advantage Section ----- */


.advantage_section{ padding: 190px 0 0 0; background-color: #000; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1;}
.advantage_section:after{content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000ba; z-index: -1; position: absolute;}
.advantage_section .heading_b{ text-align: center; margin-bottom: 100px;}
.advantage_section .heading_b .title{ color: #fff;}
.advantage_section .heading_b .sub-title{ color: #fff;}

.advan_blocks{display: flex; flex-direction: column; gap:30px;}
.advan_block{display: flex; gap:20px;}
.advan_block .icon{ width: 60px; flex-shrink: 0;}
.advan_block .title{ color: #fff; font-size: 20px; font-weight: 400; margin: 0 0 10px 0;}
.advan_block .text{ margin: 0; color: #d8d8d8; font-size: 14px; font-weight: 300; line-height: 1.4;}
.advantage_section .middle_image{ text-align: center;}



/*--- Process Section ----- */
.process_section{ padding: 100px 0px; background-color: #fff; text-align: center;}
.process_section .heading_b{ margin-bottom: 80px;}
.process_blocks .p_block{ padding: 20px 30px 40px 30px; background-color: #f6fbf8; border: 2px solid var(--primary-color); border-radius: 20px; position: relative;}
.process_blocks .p_block .title{ font-size: 18px; font-weight: 500; color: #2c3f33; margin: 18px 0px;}
.process_blocks .p_block .content{ font-size: 14px; font-weight: 300; color: #717171; line-height: 1.5; margin: 0;}

.process_blocks .counter_n{position: absolute;top: 0; right: 0; width: 80px; height: 80px; border-radius: 0 15px 0 100%; overflow: hidden; background-color: var(--primary-color); background: linear-gradient(90deg,#0b8236,#017b76); color: #fff; font-size: 30px; padding: 9px 2px 20px 20px; font-weight: 400;}
.process_blocks .p_block .icon img{ width: auto; display: inline-block;}

.process_section .hide_toggle_block{ margin: 50px 0 0 0;}


/*--- Testimonial Section ----- */
.testimonial_section{ padding: 100px 0px; background-color: #f6fbf8; text-align: center;}
.testimonial_section .heading_b{ margin-bottom: 60px;}
.testimonial_blocks{ position: relative; }
.testimonial_section .imgpro img{ width: 70px; height: 70px; border-radius: 50%; object-fit: contain;}
.testimonial_section .image_b.left_b{}
.testimonial_section .t_block{ position: relative;z-index: 1; padding: 80px 200px;}
.testimonial_section .t_block .quote_big{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .05;z-index: -1;}
.testimonial_blocks blockquote{ font-size: 22px; font-weight: 300; font-style: italic; line-height: 1.5; color: #373737;}
.testimonial_blocks .name{ color: #373737; font-size: 22px; font-weight: 500; margin: 0 0 3px 0;}
.testimonial_blocks .desig{ font-size: 16px; color: #575757; margin: 0 0 5px 0;}
.testimonial_blocks .reviews{ color: #ffc107; font-size: 16px;}
.testimonial_blocks .owl-carousel .owl-dots{ margin: 0 0;}


.testimonial_section .imgpro{ position: absolute;}
.testimonial_section .imgpro.image_1{ left:165px; top: -16px;}
.testimonial_section .imgpro.image_1 img{ width: 90px; height: 90px;}
.testimonial_section .imgpro.image_2{ left:20px; top: 100px;}
.testimonial_section .imgpro.image_2 img{ width: 100px; height: 100px;}
.testimonial_section .imgpro.image_3{ left:107px; top: 280px;}
.testimonial_section .imgpro.image_3 img{ width: 75px; height: 75px;}
.testimonial_section .imgpro.image_4{ right:165px; top: 0;}
.testimonial_section .imgpro.image_4 img{ width: 75px; height: 75px;}
.testimonial_section .imgpro.image_5{ right:20px; top: 100px;}
.testimonial_section .imgpro.image_5 img{ width: 100px; height: 100px;}
.testimonial_section .imgpro.image_6{ right:107px; top: 280px;}
.testimonial_section .imgpro.image_6 img{ width: 90px; height: 90px;}



/*--- FAQ Section ----- */
.faq_section{ padding: 100px 0px;}
.faq_section .heading_b{ margin-bottom: 80px;}

.faq_section .faq-wrapper{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:30px;}

.faq_section .custom-accordion .accordion-item{ display: none;}

.custom-accordion .accordion-item{
  border:none;
  border-radius:18px !important;
  overflow:hidden;
  margin-bottom:20px;
  background:#efefef;
}

.custom-accordion .accordion-button{
  background:#f6fbf8;
  color:#414141;
  font-size:18px;
  font-weight:500;
  padding:22px 40px 28px 28px;
  box-shadow:none !important;
  border:none;
  position: relative;
}

.custom-accordion .accordion-button:not(.collapsed){
  background:var(--primary-color);
  color:#fff;
}

.custom-accordion .accordion-body{
  background:var(--primary-color);
  color:#fff;
  font-size:14px;
  line-height:1.8;
  padding:20px 28px 28px 28px;
  font-weight: 300;
  border-top: 1px solid #ffffff29;    
}

/* Custom Icon */
.custom-accordion .accordion-button::after{
  background-image:none;
  content:"\F282"; /* bi-chevron-down */
  font-family:"bootstrap-icons";
  font-size:20px;
  transform:none !important;
  color:#b5b5b5;
    position: absolute; right: 16px; top: 50%; transform: translateY(-50%) !important;margin-top: -4px;
}

.custom-accordion .accordion-button:not(.collapsed)::after{
  content:"\F286"; /* bi-chevron-up */
  color:#fff;
}

.faq_section .more_faq{ text-align: center; margin: 20px 0 0 0;}
.faq_section .more_faq a{ color: var(--primary-color); font-size: 18px;text-decoration: underline; font-weight: 500;}
.faq_section .more_faq a:hover{ color: #333;}



/*--- Footer Section ----- */
footer{background-color: #1f242c; color: #e6e6e7;}
footer .foo_top{  padding: 100px 0 40px 0;}
.social_icons{ display: flex; gap:10px; list-style: none; margin: 0; padding: 0;}
.social_icons li a{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 2px solid #aeb0b3; border-radius: 50%;}
.social_icons li a i{ color: #aeb0b3;}
.social_icons li a:hover{ border-color:var(--primary-color); }
.social_icons li a:hover i{ color:var(--primary-color);}
footer .about_t{ margin: 12px 0 20px 0; color: #e6e6e7;}
footer .logo{ display: inline-block;}
footer .logo img{ max-width: 200px;}
.f_title{ color: #fff; font-size: 22px; font-weight: 500; position: relative; margin: 0 0 15px 0; padding: 0 0 15px 0;}
.f_title:after{ content: ''; width: 35px; height: 2px; background: var(--primary-color); position: absolute; left: 0; bottom: 0;}
.f_links{ margin: 0; padding: 0; list-style: none;}
.f_links li{ margin: 0 0  10px 0; padding-left: 20px; position: relative;}
.f_links li:after{content: '';
  width: 6px;
  height: 6px;
  border-radius: 20px;
  background-color: var(--primary-color);
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -3px;}
.f_links li a{ color: #e6e6e7; font-size: 14px; font-weight: 300; text-decoration: none;}
.f_links li a:hover{color: var(--primary-color);}

.f_contact_info{ margin: 0 0 15px 0; padding: 0;}
.f_contact_info:last-child{ margin-bottom: 0;}
.f_contact_info .item{ display: flex; gap:15px; align-items: center;}
.f_contact_info .item .icon{ width: 30px; flex-shrink: 0;}
.f_contact_info .item a,.f_contact_info .item{ font-size: 16px; color: #e6e6e7; font-weight: 300; text-decoration: none;line-height: 1.3;}

footer .foo_bottom{ padding: 25px 0; border-top: 1px solid #eeeeee1c;}

footer .foo_bottom .f_links{ display: flex;justify-content: end; gap:15px;}
footer .foo_bottom  .f_links li::after{ background: #4c5056;}
footer .foo_bottom  .f_links li:first-child::after{display: none;}



/*--- Get a Free Quote Section ----- */

.form_block_1{ margin: 0;padding: 0;position: absolute;top: -97px; left: 0;  width: 100%;}
.form_block_1 .form_blo{ background-color: var(--primary-color);background: linear-gradient(90deg,#0b8236,#017b76); padding: 40px 40px; border-radius: 25px;}
.form_blo .title{ font-size: 28px; font-weight: 500; margin: 0 0 25px 0; color: #fff; font-weight: 600;}
.form_item .form-label{ color: #ffffffcf; font-size: 15px; font-weight: 400; margin: 0 0 8px 0;}
.form_item .form-select{ height: 48px; border-radius: 10px; border: 1px solid #ffffff1a;
  background-color: #fffffff0; color: #143621;}
.form_blo .submit_bnt{ padding: 13px 30px; background: #143621; border-radius: 10px;}
.form_blo .submit_bnt:hover{ background-color: #fff; color:#143621;}
.form_blo .btn_col{align-content: end;}



/*--- Toggle Section ----- */
.toggle_btn{padding: 12px 20px;}
.toggle_btn i{ font-size: 16px; line-height: 16px;margin-top: 2px;}
.toggle_btn:hover{ background: #203f2b;}
.toggle_content{ margin: 25px 0 0 0;}


.f_quote_model{}
/* Modal */
.f_quote_model .custom-modal{
    background:transparent;
    border:none;
    border-radius:35px;
    overflow:hidden;
    position:relative;
}

.f_quote_model .modal-wrapper{
    background:linear-gradient(90deg,#0b8236,#017b76);
    border-radius:35px;
    overflow:hidden;
    position:relative;
}

/* Left Side */
.f_quote_model .form-side{
    background:#fff;
    padding:55px 40px;
    border-radius:30px;
    margin:18px;
    position:relative;
    z-index:2;
}
.f_quote_model .form-side .field_b{ margin-bottom: 15px;}

.f_quote_model .form-side h2{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #000;
  text-align: center;
}

.f_quote_model .form-side label{
    display:block;
    margin-bottom:5px;
    font-size:16px;
    font-weight: 400;
    color:#707582;
}

.f_quote_model .form-control{
  height: 48px;
  border-radius: 10px;
  border: 1px solid #d6dce3;
  padding: 12px 12px 12px 12px;
  font-size: 15px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    
    
}

.f_quote_model .form-control:focus {
  box-shadow: 0 0 0 .25rem rgba(28, 255, 110, 0.19);
  border-color:#0b8236;
}

/* Chrome, Safari, and Opera */
.f_quote_model .form-control::-webkit-input-placeholder {
  color: #a6aaaf;
}

/* Firefox 19+ */
.f_quote_model .form-control::-moz-placeholder {
  color: #a6aaaf;
  opacity: 1;
}

/* Firefox 4-18 */
.f_quote_model .form-control:-moz-placeholder {
  color: #a6aaaf;
  opacity: 1;
}

/* Internet Explorer 10-11 */
.f_quote_model .form-control:-ms-input-placeholder {
  color: #a6aaaf;
}

/* Microsoft Edge (Older versions) */
.f_quote_model .form-control::-ms-input-placeholder {
  color: #a6aaaf;
}

.f_quote_model .request-btn{
    width:100%;
    height:50px;
    border:none;
    border-radius:18px;
    background:linear-gradient(180deg,#0b8236,#017b76);
    color:#fff;
    font-size:15px;
    font-weight:400;
    margin-top:10px;
}

.f_quote_model .policy-text{
    margin-top:25px;
    color:#A7B3C2;
    font-size:14px;
    text-align:center;
}

.f_quote_model .policy-text a{
    text-decoration:none;
}

/* Right Side */
.f_quote_model .content-side{padding:70px 55px;color:#fff;height:100%;position:relative;}
.f_quote_model .content-side h2{font-size: 35px; font-weight: 600; line-height: 1.1; margin-bottom: 20px; color: #fff;}
.f_quote_model .content-side p{font-size:20px; line-height:1.5;}
.f_quote_model .arrow-icon{ margin: 20px 0 20px 0;}

/* Bottom Boxes */
.f_quote_model .info-box-wrapper{
    display:flex;
    gap:25px;
    margin-top:25px;
    flex-wrap:wrap;
}
.f_quote_model .sel_info h3{ color: #fff;}

.f_quote_model .info-box{
    background:#ffffffd6;
    border-radius:20px;
    padding:25px 25px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.f_quote_model .large-box{
    flex:1;
}

.f_quote_model .info-box i{
    font-size:40px;
    color:#4f6fff;
    margin-bottom:15px;
    display:block;
}

.f_quote_model .info-box h4{
    font-size:18px;
    font-weight:500;
    color:#0b8237;
    margin:0 0 10px 0;
}
.f_quote_model .info-box h5{font-size:15px; font-weight:400; color: #44544e;}

/* Close */
.f_quote_model .custom-close{
    position:absolute;
    top:15px;
    right:15px;
    z-index:5;
    filter:brightness(0) invert(1);
    opacity:1;
    font-size:22px;
    padding: 12px;
}