@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  background:#fff;
  overflow-x:hidden; 
  color:#fff; 
  font-family: 'Poppins', sans-serif;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

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

button:focus{
  outline:none;
}

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

@font-face {
  font-family: 'Yotin';
  src: url('../fonts/Yotin-Medium.eot');
  src: url('../fonts/Yotin-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Yotin-Medium.woff2') format('woff2'),
      url('../fonts/Yotin-Medium.woff') format('woff'),
      url('../fonts/Yotin-Medium.ttf') format('truetype'),
      url('../fonts/Yotin-Medium.svg#Yotin-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Yotin';
  src: url('../fonts/Yotin-Heavy.eot');
  src: url('../fonts/Yotin-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Yotin-Heavy.woff2') format('woff2'),
      url('../fonts/Yotin-Heavy.woff') format('woff'),
      url('../fonts/Yotin-Heavy.ttf') format('truetype'),
      url('../fonts/Yotin-Heavy.svg#Yotin-Heavy') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===== common css ====== */
.btn1{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  letter-spacing:.03em;
  background:#4a3280;
  border-radius:30px;
  padding:14px 25px;
}

.btn1:hover{
  background:#1b8d50;
  color:#fff;
}

.btn2{
  font-size:16px;
  color:#fff;
  line-height:18px;
  font-weight:500;
  letter-spacing:.03em;
  background:#1b8d50;
  border-radius:30px;
  padding:14px 25px;
}

.btn2:hover{
  background:#4a3280;
  color:#fff;
}

.common_paragraph{
  font-size:16px;
  color:#030303;
  line-height:26px;
  letter-spacing:.03em;
  margin-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:none; 
  border:none;
  margin:0; 
  padding:0;
  transition:all 500ms ease-in-out; 
}

.navbar-default:after{
  content:"";
  position:absolute;
  width:25%;
  height:54px;
  background:rgba(95,164,152);
  right:0;
  top:0;
  bottom:0;
  margin:auto 0;
  transition:all 500ms ease-in-out;
}

.hd_logo{
  width:200px;
  background:url(../images/logo-bg.png) no-repeat center top -10px;
  background-size:cover;
  padding:5px 46px 25px;
  transition:all 500ms ease-in-out;
}

.hd_link{
  background:rgba(95,164,152);
  border-radius:30px 0 0 30px;
  padding:15px 0 15px 20px;
  z-index:9;
}

@media screen and (min-width:992px){
  .navbar-default.navbar-fixed{
    background:#fff;
    box-shadow:0 4px 6px rgba(0,0,0,.15);
  }

  .navbar-default.navbar-fixed .hd_logo{
    background:none;
    width:90px;
    padding:12px 0;
  }

}

.home_banner{
  background:url(../images/banner-bg.png) no-repeat center center, #303030;
  background-size:cover;
  padding-bottom:30px;
}

.banner_content,
.h_cta_content{
  width:635px;
  margin-top:150px;
}

.banner_sm_title,
.about_sm_title,
.serv_sm_title,
.choose_sm_title,
.faq_sm_title{
  font-family: 'Yotin';
  font-size:22px;
  color:#b1a4d2;
  line-height:24px;
  font-style:italic;
  letter-spacing:.04em;
  margin-bottom:10px;
}

.banner_bg_title{
  font-size:52px;
  line-height:62px;
  letter-spacing:.03em;
  margin-bottom:20px;
}

.h_form_sec{
  background:#1b8d50;
  box-shadow:0 4px 6px rgba(0,0,0,.2);
  padding:45px 0;
}

.about_sec,
.service_sec,
.different_sec,
.faq_section{
  padding:65px 0;
}

.about_sec:before{
  content:"";
  position:absolute;
  width:400px;
  height:400px;
  background:#d7ebd2;
  border-radius:50%;
  left:-100px;
  top:-100px;
}

.about_img img{
  border-radius:50%;
}

.about_img:after{
  content:"";
  position:absolute;
  width:208px;
  height:184px;
  background:url(../images/love-icon01.png) no-repeat left top;
  right:10px;
  bottom:0;
}

.about_sm_title,
.choose_sm_title,
.faq_sm_title{
  color:#4a3280;
  padding-left:40px;
}

.about_sm_title:before{
  content:"";
  position:absolute;
  width:30px;
  height:1px;
  background:#4a3280;
  left:0;
  top:0;
  bottom:0;
  margin:auto 0;
}

.about_bg_title,
.serv_bg_title,
.different_bg_title,
.choose_bg_title,
.h_cta_title,
.faq_bg_title,
.review_bg_title{
  font-size:42px;
  color:#3a3a3a;
  line-height:50px;
  letter-spacing:.02em;
  margin-bottom:20px;
}

.mission_box{
  min-height:250px;
  padding:20px;
}

.mission_box:before{
  content:"";
  position:absolute;
  width:6px;
  height:90%;
  background:#215418;
  left:-6px;
  top:0;
  bottom:0;
  margin:auto 0;
  opacity:0;
  visibility:hidden;
}

.mission_box:hover:before{
  opacity:1;
  visibility:visible;
}

.mission_box:after{
  content:"";
  position:absolute;
  width:54px;
  height:57px;
  background:url(../images/mission-after-img.png) no-repeat right bottom;
  right:0;
  bottom:0;
}

.mission_box:hover:after{
  filter:invert(50%) sepia(11%) saturate(1330%) hue-rotate(95deg) brightness(170%) contrast(85%);
}

.mission_title{
  font-family: 'Yotin';
  font-size:22px;
  color:#4a3280;
  line-height:28px;
  font-weight:800;
  margin-bottom:12px;
  padding-bottom:10px;
}

.mission_title:after{
  content:"";
  position:absolute;
  width:65px;
  height:1px;
  background:rgba(0,0,0,.5);
  left:0;
  bottom:0;
}

.value_list li{
  font-size:16px;
  color:#040404;
  line-height:24px;
  margin-bottom:12px;
  padding-left:18px;
  position:relative;
}

.value_list li:last-child{
  margin-bottom:0;
}

.value_list li:before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  background:#040404;
  border-radius:50%;
  left:0;
  top:6px;
}

.service_sec{
  background:#f5fffa;
}

.service_sec:before{
  content:"";
  position:absolute;
  width:100%;
  height:43px;
  background:url(../images/serv-before-design.png) no-repeat center top;
  background-size:100%;
  left:0;
  top:0;
}

.service_sec:after{
  content:"";
  position:absolute;
  width:100%;
  height:56px;
  background:url(../images/serv-after-design.png) no-repeat center bottom;
  background-size:100%;
  left:0;
  bottom:0;
}

.serv_sm_title{
  color:#1b8d50;
}

.serv_img img{
  background:#fff;
  border-radius:50%;
  border:1px solid #66b88c;
  padding:10px;
  transition:all 500ms ease-in-out;
}

.serv_box:hover .serv_img img{
  border-width:8px;
}

.serv_content{
  background:url(../images/serv-box-bg.png) no-repeat center bottom;
  background-size:100%;
  min-height:285px;
  margin-top:-125px;
  padding:140px 35px 25px;
  transition:all 500ms ease-in-out;
}

.serv_box:hover .serv_content{
  background:url(../images/serv-box-bg02.png) no-repeat center bottom;
  background-size:100%;
}

.serv_title{
  font-size:18px;
  color:#060606;
  line-height:25px;
  font-weight:600;
  margin-bottom:20px;
}

.different_icon{
  width:150px;
  height:150px;
  line-height:150px;
  background:url(../images/diffrent-sec-img01.jpg) no-repeat center top;
  background-size:cover !important;
  border:6px solid #fff;
  border-radius:50%;
  margin:0 auto;
  position:relative;
}

.different_sec .col-lg-3:nth-child(2) .different_icon{
  background:url(../images/diffrent-sec-img02.jpg) no-repeat center top;
}

.different_sec .col-lg-3:nth-child(3) .different_icon{
  background:url(../images/diffrent-sec-img03.jpg) no-repeat center top;
}

.different_sec .col-lg-3:nth-child(4) .different_icon{
  background:url(../images/diffrent-sec-img04.jpg) no-repeat center top;
}

.different_cont{
  background:#7e66b8;
  border-radius:15px;
  min-height:260px;
  margin-top:-80px;
  padding:100px 20px 25px;
}

.different_title{
  font-size:20px;
  line-height:28px;
  font-weight:600; 
  margin-bottom:20px;
}

.choose_sec,
.review_sec{
  padding-bottom:65px;
}

.choose_rt_cont .section{
  margin-bottom:15px;
}

.choose_rt_cont .section:last-child{
  margin-bottom:0;
}

.choose_rt_cont .section .icon{
  display:inline-block;
  width:65px;
  height:65px;
  line-height:65px;
  background:#1b8d50;
  border-radius:50%;
  text-align:center;
}

.choose_rt_cont .section:nth-child(2n) .icon{
  background:#4a3280;
}

.choose_rt_cont .section .content{
  display:inline-block;
  width:86%;
  vertical-align:middle;
  padding-left:12px;
}

.choose_title{
  font-size:20px;
  color:#030303;
  line-height:26px;
  font-weight:600;
  letter-spacing:.02em;
}

.h_cta_sec{
  background:url(../images/love-icon02.png) no-repeat left 40% center, #f5fffa;
}

.h_cta_img img{
  clip-path:polygon(0 0, 100% 0, 100% 100%, 25% 100%);
}

.accordion-item{
  border:1px solid #c0b1e2 !important;
  margin-bottom:10px;
}

.accordion-item:last-child{
  margin-bottom:0;
}

.accordion-button{
  font-size:18px;
  color:#040404;
  line-height:25px;
  font-weight:500;
  text-transform:inherit;
  background:#c0b1e2;
  padding:14px 20px;
}

.accordion-button:focus{
  box-shadow:none;
}

.accordion-button[aria-expanded="true"],
.accordion-button:hover{
  background:#4a3280;
  color:#fff;
}

.accordion-button[aria-expanded="true"]:after,
.accordion-button:hover:after{
  filter:invert(100%) sepia(0%) saturate(1%) hue-rotate(306deg) brightness(200%) contrast(101%);
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.sp-testimonial-free{
  background:#1b8d50 !important;
  border-radius:0 20px 20px !important;
  padding:30px;
}

.sp-testimonial-content p{
  color:#fff;
  letter-spacing:.03em !important;
  padding:0 !important;
}

.sp-testimonial-client-name{
  font-family: 'Yotin' !important;
  font-size:26px !important;
  color:#fff !important;
  line-height:28px !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  font-style:italic !important;
}

.h_map_sec{
  line-height:0;
}

.h_map_sec iframe{
  width:100%;
  height:300px;
  border-radius:30px;
  margin-bottom:-150px;
}

#footer{
  background:#4a3280;
  padding:190px 0 30px;
}

.footer_top{
  border-bottom:1px solid rgba(255,255,255,.6);
  margin-bottom:30px;
  padding-bottom:30px;
}

.footer_title{
  font-family: 'Yotin';
  font-size:26px;
  line-height:28px;
  font-weight:800;
  letter-spacing:.03em;
  margin-bottom:20px;
}

.ft_serv_link li{
  margin-bottom:10px;
}

.ft_serv_link li:last-child,
.ft_contact .panel:last-child{
  margin-bottom:0;
}

.ft_serv_link li a{
  font-size:16px;
  color:#fff;
  line-height:20px;
  letter-spacing:.02em;
}

.ft_serv_link li a:hover,
.ft_contact_main a:hover{
  color:#5fa498;
}

.ft_contact .panel{
  margin-bottom:15px;
}

.ft_contact_title{
  font-size:16px;
  line-height:18px;
  font-weight:500;
  letter-spacing:.02em;
  margin-bottom:6px;
}

.ft_contact_main{
  font-size:16px;
  line-height:18px;
  letter-spacing:.02em;
}

.ft_contact_main a{
  color:#fff;
}

.footer_bottom .common_paragraph span,
.footer_bottom .common_paragraph a{
  color:#fff;
  font-weight:600;
}

#back-button {
  display:inline-block;
  background-color:#4a3280;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:10px;
  position:fixed;
  bottom:25px;
  right:25px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}

#back-button.show {
  opacity:1;
  visibility:visible;
}

.page .entry-header,
.error404 .page-header{
  background:url(../images/banner-bg.png) no-repeat center center, #303030 !important;
  background-size:cover;
  padding:260px 0 120px !important;
  position:relative;
}

.page .entry-header .entry-title,
.error404 .page-header .page-title{
  font-size:52px;
  color:#fff;
  line-height:60px;
  font-weight:700;
  letter-spacing:.02em;
  text-align:center;
}

.inner_cont_sec .section .icon{
  width:75px;
  height:75px;
  background:#533925;
  line-height:75px;
  border-radius:20px 0 20px 20px;
  text-align:center;
}

.inner_cont_sec .section .text{
  width: 75%;
}

.contact-title{
  font-size:24px;
  color:#030303;
  line-height:30px;
  font-weight:600;
  letter-spacing:.03em;
}

.contact-main{
  font-size:16px;
  color:#020202;
  line-height:22px;
}

.contact-main a{
  color:#020202;
  font-weight:500;
}

.contact-main a:hover{
  color:#a57442;
}

.inner_cont_sec .form_block{
  background:#a38153;
  border-radius:20px;
}

.contact_form .block{
  margin-bottom:10px;
}

.contact_form .block p{
  margin-bottom:0;
}

.contact_form .block label{
  font-size:16px;
  color:#010101;
  line-height:18px;
  font-weight:500;
  margin-bottom:10px;
}

.contact_form .block .form-control{
  height:52px;
  border-radius:10px;
  border:none;
  background:#fff;
  font-size:16px;
  color:#040404;
  line-height:20px;
  padding:10px 20px;
}

.contact_form .block .form-control::placeholder{
  color:#040404;
  opacity:1;
}

.contact_form .block .form-control::-ms-input-placeholder{
  color:#040404;
}

.contact_form .block .form-control:focus,
.contact_form .block .btn:focus{
  box-shadow:none;
}

.contact_form .block textarea.form-control{
  height:130px;
  resize:none;
}

.contact_form .block select{
  background:url(../images/down-arrow02.png) no-repeat right 20px center, #ffc75d !important;
}

.contact_form .block select option{
  color:#000;
}

.contact_form .block .wpcf7-list-item{
  display:block;
  margin-left:0;
}

.contact_form .block .btn{
  width:100%;
  font-size:17px;
  color:#fff;
  line-height:20px;
  font-weight:500;
  letter-spacing:.03em;
  text-transform:inherit;
  background:#4a3280;
  border:none;
  border-radius:10px;
  text-align:center;
  padding:16px 25px;
}

.contact_form .block .btn:hover{
  background:#fff;
  color:#020202;
}

.contact_form .block .wpcf7-spinner,
.van_booking_form .wpcf7-spinner{
  display:none;
}

.contact_form .block .wpcf7-not-valid-tip{
  font-size:14px;
  margin-top:5px;
}

.contact_form .wpcf7-response-output{
  font-size:14px;
  color:#010101;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}

.contact_map{
  line-height:0;
}

.contact_map iframe{
  width:100%;
  height:420px;
  margin-bottom:0;
}

.inner_bg_title{
  font-size:48px;
  color:#030303;
  line-height:42px;
  font-weight:700;
  letter-spacing:.02em;
}

.inner_bg_title strong,
.cta_bg_title strong{
  color:#1b8d50;
}

.inner_sm_title{
  font-size:26px;
  color:#050505;
  line-height:34px;
  font-weight:700;
  letter-spacing:.03em;
}

.inner_list li{
  font-size:16px;
  color:#050505;
  line-height:26px;
  font-weight:500;
  letter-spacing:.03em;
  background:url(../images/tick-icon001.png) no-repeat left 5px;
  margin-bottom:10px;
  padding-left:28px;
}

.inner_list li:last-child{
  margin-bottom:0;
}

.sec_bg_color{
  background:#f5f5f5;
}

.cta_bg_title{
  font-size:46px;
  color:#040404;
  line-height:54px;
  font-weight:700;
  letter-spacing:.02em;
}

.cta_bg_title:after{
  content:"";
  position:absolute;
  width:61px;
  height:2px;
  background:#4a3280;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
}

.cta-btn{
  left:0;
  bottom:0;
  z-index:999;
}

.cta-btn li a{
  display:block;
  font-size:15px;
  color:#fff;
  line-height:17px;
  text-transform:uppercase;
  letter-spacing:.02em;
  background:#020202;
  padding:15px 20px;
}

.cta-btn li:last-child a{
  background:#1b8d50;
}

@media screen and (max-width:1366px){
  .banner_content,
  .h_cta_content{
    width:550px;
  }

  .mission_box{
    min-height:275px;
  }

  .serv_content{
    min-height:316px;
  }

  .different_cont{
    min-height:285px;
  }


}

@media screen and (max-width:991px){
  .navbar-default{
    background:#fff;
    box-shadow:0 4px 6px rgba(0,0,0,.15);
    padding:12px 0;
  }

  .navbar-default:after{
    display:none;
  }

  .hd_logo{
    background:none;
    width:90px;
    padding:0;
  }

  .home_banner{
    margin-top:110px;
  }

  .banner_content{
    margin-top:0;
  }

  .banner_content, 
  .h_cta_content{
    width:350px;
  }

  #footer{
    padding-bottom:75px;
  }

  #back-button{
    right:20px;
    bottom:40px;
  }

  .page .entry-header, 
  .error404 .page-header{
    margin-top:110px !important;
    padding:100px 0 80px !important;
  }

  
}

@media screen and (max-width:767px){
  .banner_content, 
  .h_cta_content{
    width:100%;
  }

  .banner_sm_title, 
  .about_sm_title, 
  .serv_sm_title, 
  .choose_sm_title, 
  .faq_sm_title{
    font-size:18px;
    line-height:20px;
  }

  .banner_bg_title,
  .page .entry-header .entry-title, 
  .error404 .page-header .page-title{
    font-size:30px;
    line-height:38px;
    margin-bottom:15px;
  }

  .common_paragraph{
    font-size:14px;
    line-height:22px;
  }

  .btn1,
  .btn2{
    font-size:14px;
    line-height:16px;
    padding:12px 20px;
  }

  .h_form_sec{
    padding:30px 0;
  }

  .contact_form .block .form-control{
    height:45px;
    font-size:14px;
  }

  .contact_form .block .btn{
    font-size:15px;
    line-height:17px;
    padding:13px 20px;
  }

  .about_sec, 
  .service_sec, 
  .different_sec, 
  .faq_section{
    padding:35px 0;
  }

  .about_bg_title, 
  .serv_bg_title, 
  .different_bg_title, 
  .choose_bg_title, 
  .h_cta_title, 
  .faq_bg_title, 
  .review_bg_title{
    font-size:28px;
    line-height:36px;
  }

  .mission_box{
    min-height:245px;
  }

  .different_cont{
    min-height:265px;
  }

  .choose_sec, 
  .review_sec{
    padding-bottom:35px;
  }

  .accordion-button{
    font-size:16px;
    line-height:22px;
  }

  .sp-testimonial-free{
    padding:20px;
  }

  .sp-testimonial-content p{
    font-size:15px !important;
    line-height:24px !important;
  }

  .sp-testimonial-client-name{
    font-size:22px !important;
    line-height:24px !important;
  }

  .h_map_sec iframe{
    height:200px;
    margin-bottom:-100px;
  }

  #footer{
    padding-top:130px;
  }

  .footer_title{
    font-size:22px;
    line-height:24px;
    margin-bottom:16px;
  }

  .ft_serv_link li a{
    font-size:14px;
    line-height:18px;
  }

  .ft_contact_title,
  .ft_contact_main{
    font-size:15px;
    line-height:18px;
  }

  .ft_logo{
    width:120px;
  }

  .page .entry-header, 
  .error404 .page-header{
    padding:80px 0 70px !important;
  }

  .page .entry-header .entry-title, 
  .error404 .page-header .page-title{
    margin-bottom:0;
  }

  .thankyou_section img,
  .error404 .page-content img{
    width:200px;
  }

  
}

@media screen and (max-width:575px){
  .about_sec:before{
    width:300px;
    height:300px;
  }

  .mission_box,
  .serv_content,
  .different_cont{
    min-height:auto;
  }

  .serv_content{
    background-size:88%;
  }

  .choose_rt_cont .section .content{
    width:78%;
  }

  .h_cta_img img{
    clip-path:inherit;
  }

  
}