article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: "Manrope", sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: "Manrope", sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
#main {width: 100%;}
header, section, footer {width: 100%; float: left;}
.container {width: 1145px; margin: 0 auto;}
.mainbanner .container {width: 1200px; max-width: 100%;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle h3 {font-size: 36px; color: #2E3631; font-weight: 700;}
.social {display: inline-block;}
.social a {width: 36px; height: 36px; background-color: #2CBC63; border-radius: 36px; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; margin: 0px 13px;}
.social a:hover {background-color: #2E3631;}
.social a.facebook {background-image: url(../images/facebook.png);}
.social a.instagram {background-image: url(../images/instagram.png);}
.social a.whatsapp {background-image: url(../images/whatsapp2.png);}
.social a.twitter {background-image: url(../images/twitter.png);}
.social a.linkedin {background-image: url(../images/linkdin.png);}


header {position: relative; padding: 30px 0px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
header .logo {float: left; padding-top: 5px;}
header .rightheader {float: right;}
header .rightheader nav {float: left;}
header .rightheader nav ul li {float: left; padding: 0px 22px;}
header .rightheader nav ul li a {color: #2E3631; font-size: 16px;}
header .rightheader nav ul li a.active, header .rightheader nav ul li a:hover {font-weight: 700; color: #2CBC63;}
header .rightheader .whatsappbtn {float: right; padding:0px 15px; margin-right: 10px; background-color: #2E3631; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
header .rightheader .whatsappbtn  span {background-repeat: no-repeat; background-position: 0px 50%; line-height: 35px; color: #ffffff; font-weight: 500; padding-left: 25px; background-image: url(../images/whatsapp.png);}
header .rightheader .whatsappbtn:hover {background-color: #2CBC63; }
header .rightheader .whatsappbtn:hover span {filter: brightness(10);}
header.entry-header {display: none !important;}


.csectionfaq {position: relative; padding: 90px 0px 0px; background: linear-gradient(-190deg, rgba(116, 185, 255, 0.15) -28.14%, rgba(85, 239, 196, 0.15) 13.64%, rgba(253, 121, 168, 0.15) 106.23%);}
.csectionfaq .faqpoint ul {position: relative; float: left; width: 100%; padding: 45px 0px 85px;}
.csectionfaq .faqpoint ul li {position: relative; float: left; width: 50%; background-repeat: no-repeat; background-position: 0px 50%; background-image: url(../images/point.png); margin-top: 15px; padding-left: 46px;}
.csectionfaq .faqpoint ul li p {line-height: 38px; color: #2E3631; font-size: 16px; font-weight: 600;}
.csectionfaq .flightbox {padding: 35px 70px 30px; margin-bottom: -107px; background-color: #2CBC63; position: relative; background-position: 100% 50%; background-repeat: no-repeat; background-image: url(../images/flight-bg1.png); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.csectionfaq .flightbox .gitouch {margin-top: 20px;}
.csectionfaq .flightbox .gitouch .gicons {width: 70px; height: 70px; float: left; background-color: #FFFFFF; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(../images/emailcall.png); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.csectionfaq .flightbox .gitouch .info {margin-left: 15px;}
.csectionfaq .flightbox .gitouch .info h5 {color: #FFFFFF; font-size: 16px; font-weight: 600;}
.csectionfaq .flightbox .gitouch .info p {color: #FFFFFF; font-size: 14px; font-weight: 400;}
.csectionfaq .flightbox .gitouch .info p a {color: #FFFFFF; font-size: 14px; font-weight: 400;}
.csectionfaq .flightbox .gitouch .info p a:hover {color: #000000;}
.csectionfaq .flightbox .womenimg {position: absolute; right: 100px; bottom: 0px;}


footer {position: relative; padding-top: 170px;}
footer .contactbox .contactinner {float: left; width: 100%; padding: 20px; background-color: #F8F8F8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
footer .contactbox .contactinner p {font-size: 16px; color: #2E3631; font-weight: 500; margin-top: 10px;}
footer .contactbox .contactinner h2 {color: #2E3631; font-size: 20px; font-weight: 700; padding-left: 30px; background-position:0px 50%; display: inline-block; background-repeat: no-repeat;}
footer .contactbox .contactinner h2.address {background-image: url(../images/address.png);}
footer .contactbox .contactinner h2.email {background-image: url(../images/emails.png);}
footer .contactbox .contactinner h2.call {background-image: url(../images/call.png);}
footer .contactbox .contactinner p a {color: #2E3631;}
footer .contactbox .contactinner p a:hover {color: #2CBC63;}

footer .flogo {padding: 50px 0px 40px;}
footer .fmenu {display: inline-block; padding: 0px 60px;}
footer .fmenu li {display: inline-block; padding: 10px 25px;}
footer .fmenu li a {color: #2E3631; font-size: 20px;}
footer .fmenu li a:hover {color: #2CBC63;}
footer .social {padding: 20px 0px 55px;}
footer .copyright {background-color: #2E3631;}
footer .copyright p {font-size: 16px; line-height: 45px;}

::-webkit-input-placeholder {color: #2E363180 !important; font-size: 14px;}
::-moz-placeholder {color:#2E363180 !important; font-size: 14px;}
:-ms-input-placeholder {color: #2E363180 !important; font-size: 14px;}
:-moz-placeholder {color: #2E363180 !important; font-size: 14px;}
 
.cbtn {display: inline-block; background-color: #2CBC63; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFFFFF; font-weight: 600; padding: 0px 22px; line-height: 38px;}
.cbtn:hover {background-color: #2E3631;}
 
.mainbanner {position: relative; padding: 85px 0px; background: linear-gradient(289.77deg, rgba(116, 185, 255, 0.15) -28.14%, rgba(85, 239, 196, 0.15) 13.64%, rgba(253, 121, 168, 0.15) 106.23%);}
.mainbanner .textinfo1 {padding-right: 85px;}
.mainbanner .textinfo1 h2 {color: #2E3631; font-size: 64px; line-height: 75px; font-family: "Kanit", sans-serif;}
.mainbanner .textinfo1 h2 span {color: #2CBC63;}
.mainbanner .textinfo1 p {color: #2E3631; font-size: 18px; padding: 30px 0px;}
.mainbanner .dmtformpart {padding-left: 70px;}
.cdmtform {position: relative; padding:35px 25px; background-color: #FFFFFF; float: left; width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 2px 2px 0px #2CBC6333;} 
.cdmtform .nav-tabs {border: none;}
.cdmtform .nav-tabs .nav-item {padding: 0px 10px 0px 0px;}
.cdmtform .nav-tabs .nav-item:last-child {padding-right: 0px;}
.cdmtform .nav-tabs .nav-item button {background-color: #F8EEEE; border:none; color: #2E3631; font-size: 16px; font-weight: 500; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 33px; line-height: 30px;}
.cdmtform .nav-tabs .nav-item button.active, .cdmtform .nav-tabs .nav-item button:hover {background-color:#2CBC63; color: #ffffff;}
.cdmtform .radiobox {float: right; width: 100%; padding: 8px 15px 15px; margin: 10px 0px 0px; background-color: #F8EEEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.cdmtform .radiobox input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.cdmtform .radiobox label {position: relative; margin-right: 18px; cursor: pointer; position: relative; font-size: 14px; padding-left: 24px; line-height: 20px; font-weight: 500;  color: #2E3631; top: 3px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.cdmtform .radiobox label.last {margin-right: 0px;}
.cdmtform .radiobox label:before {content:''; -webkit-appearance: none; background-color: transparent; background:url(../images/radio1.png) no-repeat 0 0; width: 21px; height: 21px; top: 3px; left:0px; position: absolute; vertical-align: middle; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.cdmtform .radiobox input:checked + label:after {content: ''; display: block; position: absolute; top: 3px; left: 0px; width: 21px; height: 21px; background: url(../images/radio2.png) no-repeat 0 0;}
 
.clsformgroup .clsfieldcol {margin-top: 35px; position: relative; float: left; width: 100%;}
.clsformgroup .clsfieldcol label {font-size: 14px; font-weight: 400; color: #2E3631; padding: 0px 10px; position: absolute; left: 12px; top: -10px; background-color: #FFFFFF;}
.clsformgroup .clsfieldcol .custfield {height: 45px; padding: 6px 20px; color: #333333; font-size: 20px; border: 1px solid #F8EEEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.clsformgroup .clsfieldcol select.custfield {background-image: url(../images/drop-arrow1.png); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; color: #2E363180 !important; font-size: 14px;}
.clsformgroup .cbtn {margin-top: 20px; width: 100%; line-height: 45px;}


.testimonial-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        max-width: 1000px;
        margin: 0 auto;
      }

      .testimonial-card {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        padding: 20px;
        text-align: center;
        position: relative;
      }

      .testimonial-card .avatar {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        margin-top: -50px;
        /*border: 4px solid #fff;*/
      }

      .testimonial-card .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .testimonial-card .stars {
        margin: 10px 0;
        color: #FFA500;
        font-size: 18px;
      }

      .testimonial-card p {
        font-size: 16px;
        color: #2E3631;
        line-height: 1.5;
        margin: 10px 0px 15px;
        font-weight: 400;
        font-family: "Manrope", sans-serif;
        padding: 0 20px 0 20px;
    }
      .testimonial-card .author {
        font-weight: bold;
        color: #333;
        font-size: 15px;
      }

.faq-wrapper {
      margin: 30px auto 70px;
      font-family: Arial, sans-serif;
    }
    .faq-item {
      background: #F7F7F7;
      margin-bottom: 15px;
      border: none !important;
      border-radius: 5px !important;
      overflow: hidden;
    }
    .faq-question {
         padding: 11px 45px 11px 14px;
        position: relative;
        cursor: pointer;
        font-weight: 400;
        color: #2E363180;
        font-size: 16px;
        font-family: "Manrope", Sans-serif;
    }
    .faq-icon {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #2CBC63;
        width: 16px;
        height: 16px;
        border: 1px solid #2CBC63;
        border-radius: 4px;
        line-height: 13px;
        text-align: center;
    }
    .faq-answer {
      display: none;
      padding: 5px 14px 11px;
      background: #F7F7F7;
      /*border-top: 1px solid #ddd !important;*/
    }
    .faq-answer p{
        font-size: 15px !important;
        color: #2E3631 !important;
        font-family: "Manrope", Sans-serif !important;
        font-weight: 400 !important;
    }
.ctextinfo h4 {font-size: 16px; font-weight: 600; color: #2E3631;}
.ctextinfo p {font-size: 16px; color: #2E3631; padding-top: 5px;}
 
.section-h8 {position: relative; padding: 90px 0px;}
.section-h8 .cbprocess {position: relative; width: 100%; float: left; padding-top: 75px;}
.section-h8 .cbprocess li {width: 25%; float: left;}
.section-h8 .cbprocess li .icons {background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; width: 255px; height: 227px; position: relative;}
.section-h8 .cbprocess li .icon1 {background-image: url(../images/bp-icon1.png), url(../images/shape1.png); margin-bottom: 70px;}
.section-h8 .cbprocess li .icon2 {background-image: url(../images/bp-icon2.png), url(../images/shape2.png); margin-top: 70px;}
.section-h8 .cbprocess li .icon3 {background-image: url(../images/bp-icon3.png), url(../images/shape1.png); margin-bottom: 70px;}
.section-h8 .cbprocess li .icon4 {background-image: url(../images/bp-icon4.png), url(../images/shape2.png); margin-top: 70px;}
.section-h8 .cbprocess li .icons:after {content: ""; position: absolute; height: 54px; width: 2px; left: 50%; transform: translateX(-50%);}
.section-h8 .cbprocess li .icon1:after, .section-h8 .cbprocess li .icon3:after {bottom: -53px; background-color:#2E3631;}
.section-h8 .cbprocess li .icon2:after, .section-h8 .cbprocess li .icon4:after {top: -53px; background-color:#2CBC63;}
.section-h8 .cbprocess li .ctextinfo {padding: 0px 11px;}


/** About Page **/
.clswelcombox {position: relative;right: -60px;z-index: 1; background-color: #fff; top: -49px;}

/** Contact Page **/
.clscontactsection .cdmtform {padding: 0px 30px 30px; box-shadow: 0px 0px 15px 0px #00000026; -moz-box-shadow: 0px 0px 15px 0px #00000026; -webkit-box-shadow: 0px 0px 15px 0px #00000026;}