:root {
  --white-light: #f9f7f0;
}
.text-white-light{
  color: var(--white-light);
}
.text-orange{
  color: var(--orange);
}
p {
    font-size: 15px;
}
.contact-wrap {
    padding: 60px 0 10px 0;
    overflow: hidden;
}
h1{font-size:42px; font-weight:bold; color:#000; text-align:left; margin-bottom:60px; position:relative; text-transform:uppercase;}
h1:before{display: none;}
h1 span{color:#64b161;}
h2{font-size:42px; font-weight:bold; color:#000; text-align:center; margin-bottom:60px; position:relative; text-transform:uppercase;
  font-family: "Kalam", cursive;
  font-style: normal;
}
h2:before{content:""; background:url(../images/underline.png) no-repeat; width:70px; height:8px; position:absolute; bottom:-22px; left:50%; margin-left:-40px;}
h2 span{color:#64b161;}
#banner {
    position: relative;
    background-image: url(../images/banner.webp);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
#banner .banner-text h1 {
    font-size: 55px;
    color: #fff;
    line-height: 60px;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 400;
  }
  .banner-text h1 span{
    color: #ffeb3b;
  }
  #banner .banner-text h4 {
    font-size: 25px;
    color: #fff;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .blue-c{
    filter: sepia(1) brightness(1) contrast(2);
  }
  #banner .free-quotes {
    background: #fff;
    margin-top: 50px;
    border-radius: 5px;
  }
  .free-quotes .get-free-qoute {
    padding: 30px;
}
.free-quotes {
    background: #fff;
    margin-top: 50px;
    border-radius: 5px;
}
#banner .free-quotes .get-free:before {
  border-top: 12px solid #64b161;
}
  #banner .free-quotes .get-free {
    background: #64b161;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    font-size: 26px;
    position: relative;
    border-radius: 5px 5px 0 0;
  }
  .btn-enq{
    background-color: #64b161;
    color: #fff;
  }
  #banner .free-quotes .get-free-qoute {
    padding: 30px;
  }
  #banner .free-quotes .get-free-qoute .form-control {
    border-radius: 0;
  }
  #banner .trusted {
    padding: 0;
    width: 80%;
    list-style-type: none;
    display: inline-block;
  }
  #banner .trusted li {
    list-style-type: none;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-indent: -1.1rem;
    list-style-position: inside;
    padding-left: 2rem;
  }
  #banner .trusted li i {
    vertical-align: baseline;
    color: #e7d1a7;
    position: relative;
  } 
  .trusted .t-circle{
    background-color: #e5c17d;
    border-radius: 0.5rem;
    padding: 0.3rem 0.4rem;
  }
  .banner-2 {
    /* background: #64b161; */
    background: linear-gradient(360deg, #64b161, transparent);
    width: 100%;
    padding: 20px 0;
    margin-top: 50px;
    position: relative;
  }
  .banner-2::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* z-index: 1; */
    /* background: linear-gradient(transparent 50%, #17783c 50%), linear-gradient(90deg, #2471be 50%, #13bcf0 50%); */
    background-size: 0.3rem 0.3rem;
    opacity: 0.1;
  }
  .banner-2 ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
  }
  .banner-2 ul li {
    padding: 0 22px 0 0;
    margin: 0 22px 0 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    border-right: dashed 1px #fff;
  }
  .banner-2 .abt-cmpny {
    color: #fff;
    text-align: center;
}
.banner-2 .abt-cmpny h6 {
    font-weight: 400;
    font-size: 1rem;
  }
ul.ct-tour{
    width: 100%;
    margin-bottom: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px single grey;
    -moz-column-rule: 1px single grey;
    column-rule: 1px single grey;
}
.ct-tour li{
    list-style: disc;
}
.ct-tour li::marker{
    color: #64b161;
}
.ay-ct-tour h5{
 color: #64b161;
}
.service-text p{
padding: 0;
}
.text-red{
  color: #64b161;
}
.service-text h3{
  margin-bottom: 1.2rem;
  position: relative;
}
.service-text h3:before{
  background: #bababa;
  bottom: -7px;
}
.service-text h4{
  margin-bottom: 1rem;
  position: relative;
}
.service-text h4:before{content:""; background:#bababa; width:40px; height:2px; position:absolute; bottom:-7px; left:0;}
.service-pic:after {
  opacity: 0;
}
.property_price a{
  background-color: #64b161;
  color: #fff;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  display: block;
}
.social-icons li:nth-child(4) a {
  border: 1px solid#be2275;
  color: #be2275;
}
.social-icons li:nth-child(4) a:hover {
  background: #be2275;
  color: #fff;
}
section.footer{
    background: linear-gradient(to bottom,  #000, #64b161);
}
section.footer a:hover{
  color: #fff;
}
.adressborder {
  border-left: 5px solid var(--white-light);
  color: var(--white-light);
}
#copywrite p {
  margin: 0;
  padding: 0;
}
.txt p{
  color: #fff;
  font-size: 27px;
  /* font-weight: 600; */
  width: 70%;
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
  line-height: 2.5rem;
}
#banner .trusted {width: 90%;}
#vdo{width: 100%; height: 485px;}
.bknow a{ align-items: center; margin-left: 25px;}
.cdsComponent {padding: 1rem 0rem !important}
.cdsROW {width: 100% !important;}
@media only screen and (max-width: 992px){
  .banner-2 {
    padding: 20px 0 0;
    display: none;
}
}
@media only screen and (max-width: 768px){
  #banner {
    background-image: url(../images/banner.webp);
    /* background-position: top center; */
    background-position: 45%;
    background-size: cover;
}
  #banner .banner-text h1 {
    margin-top: -10px;
    font-size: 32px;
}
  #banner .banner-text h1 {
    margin-top: -10px;
    font-size: 22px;
}
  #banner .free-quotes .get-free-qoute {
    margin-bottom: 15px;
  }
  .txt p{width: 100%;line-height: 2rem;}
  #banner .trusted {margin-top: .6rem;}
  #vdo{width: 100%; height: 220px;}
  .btn-link {white-space:normal;}
  .navbar-toggler{display: none;}
  .bknow a{ align-items: center; margin-left: 25px;}
}
@media only screen and (max-width: 568px){
  .adressborder {
    margin-left: 15px;
}
  #banner .banner-text h1 {
    font-size: 24px;
    line-height: initial;
}
#banner .trusted li {
  font-size: 16px;
}
  #banner .banner-text h4 {
    font-size: 18px;
    line-height: initial;
}
ul.ct-tour{
  column-count: 1;
  padding-left: 20px;
}
.title h2{font-size: 2rem;}
.txt p{width: 100%;line-height: 2rem;}
.btn-link {white-space:normal;}
.navbar-toggler{display: none;}
}
.chatbtn {
    position: fixed;
    position: fixed;
    right: 10px!important;
    bottom: 70px!important;
    width: 90px;
    z-index: 99999;
    left: initial!important;
}
.whatsapp-chat {
    position: fixed;
    cursor: pointer;
    bottom: 20px;
    z-index: 9999;
    left: 20px;
    width: 45px;
    height: 45px;
    padding: 10px;
    background: #64b161;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
.whatsapp-chat-border{
    /* right: 20px; */
    bottom: 25px;
    animation-play-state: paused;
}
.whatsapp-chat-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 20px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  top: 23px;
    left: 22px;
}
@keyframes pulse {
  0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
      box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}
.certi{
  display: flex;
}
.phonewrp p{
margin-bottom: 0px;
    font-size: 13px;
    line-height: 15px;color: #808080;}
    .mailewrp p{
      margin-bottom: 0px;
          font-size: 13px;
          line-height: 15px;color: #808080;}
    .blinking {
      animation: blink 1s linear infinite;
      font-weight: 700;
      font-family: Poppins,sans-serif;
      text-transform: capitalize;
  }
  .blinking{animation:blink 1s linear infinite;font-weight:700;font-family:Poppins,sans-serif;text-transform:capitalize;color: #edff00;}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@font-face{font-family:proxima_nova_blblack;}
  .get-free h6{
    font-family: Poppins, sans-serif;
  }
  .msg{color: red;
    font-weight: 600;
    margin-right: 50px;
    text-align: center;
}
.title p{
  margin-bottom: 0.3rem;
}
.card-header {
  padding: .50rem 1rem;}
  .card-header p{
      font-size: 20px;
      text-transform: capitalize;
      font-weight: 600;
      font-family: Poppins, sans-serif;
  }
  .ofr{
    position: absolute ;
    background-color: #2842cd;
    top: 10px;
    left: 0px;
    text-align: center;
    z-index: 11;
    color: white;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-right-radius: 16px;
  }
  .ofr p{
    font-size: 13px;
    font-weight: 600;
      font-family: Poppins, sans-serif;
      color: #fff;
      margin: 0px 5px;
      text-transform: capitalize;
  }
  .btn-green {
    background-color: #64b161 !important;
    border-color: #64b161 !important;
}
.btn-blue {
  background-color: #174778 !important;
  border-color: #124bef !important;
}
#banner .trusted {
  background: linear-gradient(90deg, #64b161, transparent);
  padding: 5px 15px;
  border-left: 4px solid #fff;
}
.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.copyright {
  background: #000;
  width: 100%;
  padding: 5px;
  font-size: 13px;
  color: #555;
  text-align: center;
  letter-spacing: 1px;
}
.footer *:not(h1,h2,h3,h4,h5,h6) {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 14px;
}
.footer h4{
 
  font-size: 18px;
}
.prtnr-ic.p-2 a:hover {
  transform: translateY(-0.8rem);
  transition: ease 0.5s;
  display: block;
}
.btn{
  font-size: 0.8rem;
}