img{
  width: 100%;
}
body{
  font-family: "roboto", serif !important;
  font-style: normal;
}
header{
}
header .navbar{
    display: flex;
    justify-content: space-between;
}
header .navbar .logo {
  width: 54%;
}
header .navbar  .navbar-brand{
  width: 25%;
}

header .navbar  .navbar-nav{}
header .navbar  .navbar-nav .navbar-toggler{

}
header .navbar  .navbar-nav .navbar-toggler:focus{
  box-shadow: none;
}
header .navbar  .navbar-nav .nav-item{
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    margin-right: 24px;
}
header .navbar  .navbar-nav .nav-item .nav-link{
    color: #333333;
}
header .navbar  .navbar-nav .nav-item .nav-link:hover{
    color: #ff6612;
}
header .navbar .site_connect {
  display:flex;
  justify-content: space-between;
  align-items:center;
  width: 27%;
}
header .navbar .site_connect .contact-btn{}
header .navbar .site_connect .contact-btn button{
    text-decoration: none;
    color: #ffffff;
    padding: 7px 16px;
    background-color: #bf6317;
    border: 1px solid #bf6317;
    border-radius: 7px;
    font-size: 15px;
}
header .navbar .site_connect .contact-btn button:hover{
  background-color: #fe9929;
   color:#fff;
  transition: all 0.5s ease;
}
header .navbar .site_connect .site_tfn{}
header .navbar .site_connect .site_tfn span{
   font-size: 13px;
   display: block;
   color: #353535;
 }
 
 header .navbar .site_connect .site_tfn::before {
   position: absolute;
   content: "";
   width: 218px;
   height: 56px;
   animation: call-wobble-effect 2s cubic-bezier(.42,.14,.43,1) .2s infinite;
   box-shadow: #ff5300 0 0 10px 10px inset;
   border-radius: 17px;
   opacity: 0;
 }
 
 @keyframes call-wobble-effect {
   0% {
       transform: scale(.1)
   }
 
   20% {
       opacity: .4
   }
 
   40%,100% {
       transform: scale(1.1)
   }
 
   0% {
       transform: scale(.1)
   }
 
   20% {
       opacity: .4
   }
 
   40%,100% {
       transform: scale(1.1)
   }
 }
header .navbar .site_connect .site_tfn .tfn_effect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
 }
header .navbar .site_connect .site_tfn .tfn_effect .tfn_icon{
     width: 50px;
     position: relative;
     margin-right: 10px;
 }
 header .navbar .site_connect .site_tfn .tfn_effect .tfn_icon img{}
header .navbar .site_connect.site_tfn .tfn_effect .tfn_icon{
     width: 50px;
     position: relative;
     margin-right: 10px;
 }
header .navbar .site_connect .site_tfn .tfn_effect .tfn_icon img{}
header .navbar .site_connect .site_tfn .tfn_effect .tfn_icon .sub_icon{
     position: absolute;
     bottom: 0;
 }
header .navbar .site_connect .site_tfn .tfn_effect .tfn_icon .sub_icon i{
     color: #00be85;
     font-size: 20px;
 }
 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-iteration-count: infinite;
 }
 @-webkit-keyframes wobble { 
   0% { -webkit-transform: translateX(0%); } 
   15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
   30% { -webkit-transform: translateX(20%) rotate(3deg); } 
   45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
   60% { -webkit-transform: translateX(10%) rotate(2deg); } 
   75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
   100% { -webkit-transform: translateX(0%); } 
 }
 
 @keyframes wobble { 
   0% { transform: translateX(0%); } 
   15% { transform: translateX(-25%) rotate(-5deg); } 
   30% { transform: translateX(20%) rotate(3deg); } 
   45% { transform: translateX(-15%) rotate(-3deg); } 
   60% { transform: translateX(10%) rotate(2deg); } 
   75% { transform: translateX(-5%) rotate(-1deg); } 
   100% { transform: translateX(0%); } 
 }
 
 .wobble { 
   -webkit-animation-name: wobble; 
   animation-name: wobble; 
 }
header .navbar .site_connect .site_tfn .tfn_effect .tfn_text{
     font-weight: 700;
     color: #ff5300;
     font-size: 18px;
 }
header .navbar .site_connect .site_tfn .tfn_effect .tfn_text{}

header .navbar  .contact-btn{}
header .navbar  .contact-btn button{
    text-decoration: none;
    color: #ffffff;
    padding: 7px 16px;
    background-color: #bf6317;
    border: 1px solid #bf6317;
    border-radius: 7px;
    font-size: 15px;
}
header .navbar  .contact-btn button:hover{
  background-color: #fe9929;
   color:#fff;
  transition: all 0.5s ease;
}

.text-content{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  display: flex
;
  justify-content: center;
  align-items: center;
}
.text-content h2{
  color: #ffc100;
  font-size: 25px;
  margin-bottom: 40px;
}
.text-content .book_sec{}
.text-content .book_sec button{
    text-decoration: none;
    color: #fff;
    /* background: #FF5722; */
    padding: 10px 20px;
}
.blink {
    background: #88c12e;
    -webkit-animation: blink 800ms step-end infinite;
            animation: blink 800ms step-end infinite;
}
@-webkit-keyframes blink { 50% { background-color: #ff5a00; }}
        @keyframes blink { 50% { background-color: #ff5a00; }}
.main-banner .banner-text .banner-icon a{
    color:#fff;
    text-decoration: none;
}
.text-content .book_sec a:hover{
    background: #FF9800;
}
.text-content span{
  font-family: "Niramit", serif !important;
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 2px 3px #000;
}
.hero-banner-section{
    position: relative;
}
.hero-banner-section .opacity{
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008c;
  z-index: 9;
  height: 100%;
  width: 100%;
} 
.mobile-banner{
  display: none;
}
.top-banner{}
.slider-area{
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
}
.slider-area .contain{ 
  background-color: #f5f5f7;
  border-radius: 13px;
  padding: 25px;
}
.slider-area .contain .slider_text{font-family: "Roboto", serif;}
.slider-area .contain h1{font-family: "Roboto", serif;text-align: center;color: #2e2e2e;font-size: 28px;}
.slider-area .contain .slider_text p{font-family: "Roboto", serif;}
.slider-area .contain .slider-wrap{
  margin: 0 auto;
}
.slider-area .contain  .slider-wrap .hero-banner{
 border: 4px solid #ffffff;
 border-radius: 7px;
 overflow: hidden;
 transition: box-shadow .2s ease-in-out;
 padding: 3px;
 background: #fff;
}
.slider-area .contain  .slider-wrap .hero-banner:hover{box-shadow: 0 4px 8px #03363f29;}
.slider-area .contain  .slider-wrap .hero-banner .hero_img{
    border-radius: 7px;
    overflow: hidden;
}
.slider-area .contain  .slider-wrap .hero-banner .hero_img img{
    object-fit: cover;
    transition: all .8s ease-in-out;
}
.slider-area .contain  .slider-wrap .hero-banner:hover .hero_img img{
      transform: scale(1.2);
}
.slider-area .contain  .slider-wrap .hero-banner .hero_info{
    padding: 18px 8px 8px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.slider-area .contain  .slider-wrap .hero-banner .hero_info h3{
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    font-family: "Roboto", serif;
}
.slider-area .contain  .slider-wrap .hero-banner .hero_info p{
    color: #111111d9;
    line-height: 17px;
    margin: 0;
    font-family: "Roboto", serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.slider-area .contain  .slider-wrap .hero-banner .hero_info button, .slider-area .contain  .slider-wrap .hero-banner .hero_info a{
    text-align: center;
    border: none;
    color: #ffffffd9;
    outline: none;
    background: #FF5722;
    font-family: "Roboto", serif;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
    text-decoration: none;
    width: 50%;
    margin: 0 auto;
    border-radius: 4px;
}

.about_info{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 70px 0;
}
.about_info .info_graph_bg{
  background: #bf6317;
  justify-content: space-between;
  border-radius: 5px;
  overflow: hidden;
  align-items: center;
  padding: 20px 20px;
}
.about_info .info_graph_bg .info_graph{
    padding: 25px 0px;
}
.about_info .info_graph_bg .info_graph h2{
    font-size: 36px;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 20px;
}
.about_info .info_graph_bg .info_graph p{
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.about_info .info_graph_bg .graph-img{
    margin-right: 10px;
    position: relative;
}
.about_info .info_graph_bg .graph-img .graph_over{
    text-align: center;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
}
.about_info .info_graph_bg .graph-img .graph_over button{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 40px;
    background: #0b8e10;
    border-radius: 4px;
    outline: none;
    border: none;
}
.about_info .info_graph_bg.graph-img img{}

.hero-banner-section .hero-banner{}

/* .helicopter-sewa-banner{
    position: relative;
    height: 68vh;
    background: #fd9a2c;
}
.helicopter-sewa-banner .banner-wrap{
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    margin: 0 auto;
    z-index: 1;
    border: 3px solid #fff;
    border-radius: 19px;
    overflow: hidden;
    box-shadow: 0px 0px 6px #000;
} */
.trip-packages{}
.title{
  text-align: center;
  padding: 0px 0px 20px 0px;
  width: 50%;
  margin: 0 auto;
}
.title h2{
    color: #2e2e2e;
    border-bottom: 2px solid #fd9a2c;
    padding-bottom: 7px;
    text-transform: capitalize;
}
.title h2 span{
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 800;
}
.trip_pack {
  margin-bottom: 20px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
  border: solid 1px #d4d4d4;
  /* position: relative; */
}
.trip-planner-sec .trip_pack {
  margin-bottom: 20px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
  border: solid 1px #d4d4d4;
  position: relative;
}
.trip-planner-sec .trip_pack-thumb {
  position: relative;
}
.trip_pack-thumb {
  position: relative;
}
.trip_pack-thumb span{
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 13px;
  color: #ffffff;
  background: #ff5722;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: 5px;
}
.trip_pack-thumb img {
  border-radius: inherit;
  width: 100%;
}
.trip-planner-sec .trip_pack-thumb img {
  border-radius: inherit;
  width: 100%;
}

.trip-planner-sec .trip_pack-cnt h3 {
  color: #a0073a;
  font-size: 18px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 5px;
  text-align: left;
  line-height: 22px;
}

.trip-planner-sec .trip_pack-cnt h3 {
  color: #a0073a;
  font-size: 18px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 5px;
  text-align: left;
  line-height: 22px;
}
.trip_pack-cnt h3 {
  color: #a0073a;
  font-size: 18px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 5px;
  text-align: left;
  line-height: 22px;
}

.trip_price_block p {
  color: #123821;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 0;
  margin: 0;
  letter-spacing: 0;
}
.trip-planner-sec .trip_price_block p {
  color: #123821;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 0;
  margin: 0;
  letter-spacing: 0;
}
.trip-planner-sec span.trip_old_price {
  color: red;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 0;
}
span.trip_old_price {
  color: red;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 0;
}
.trip-planner-sec span.trip_new_price {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 14px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  letter-spacing: 0;
}
span.trip_new_price {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 14px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
  letter-spacing: 0;
}


.trip_price_btm2 a {
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
}

.trip-planner-sec .trip_pack_name  h3 {

}
.trip_pack_name h3 {
  color: #FF5722;
  font-size: 17px;
  font-weight: 600;
  margin-top: 6px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 22px;
  letter-spacing: 0;
  padding: 0 5px;
  font-family: "Roboto", serif;
}
.trip_pack_name p {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 0;
  margin: 0;
}
.trip_pack_name .book_ytr {
 display: block;
 color: #fff;
 text-decoration: none;
 font-size: 15px;
 font-weight: 400;
 padding: 4px 36px;
 background: #0b8e10;
 border-radius: 4px;
 outline: none;
 border: none;
 margin: 0 auto;
 margin-bottom: 10px;
 width: 49%;
 text-align: center;
}
.trip-planner-sec .trip_pack_name {   
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 8px;

}
.trip-planner-sec .book-now{    

}
.trip-planner-sec .book-now a{    
  text-decoration: none;
  background: #198b16;
  padding: 2px 13px;
  border-radius: 6px;
  color: #fff;
}
.trip_pack_name {
 background: #fff;
 padding: 2px 0;
}

.trip_pack_info ul {
  padding-left: 23px;
  margin-top: 0;
  margin-bottom: 5px;
}

.trip_pack_info ul li {
  color: #000;
  letter-spacing: 0;
}


.trip_price_btm2 a:hover {
  background: #123821;
  color: #fff;
  border-color: #123821;
}

.trip_pack-thumb img:hover {
  opacity: 0.9;
}
.trip_pack ul li::marker {
color: #a0073a;
}

.trip-packages{
  padding: 50px 0px;
}

.trip-planner-sec {
  padding: 50px 0px; 
}


.trip-planner-sec .trip-banner{
    border-radius: 11px;
    overflow: auto;
    width: 85%;
    margin: 0 auto;
}


footer{
  background-color: #4a2008;
  padding: 35px 0;
  height: 50vh;
  margin-top: 40px;
}
footer .footer_con{
  position: relative;
   
}
footer .footer_inn{
    background: #fff;
    padding: 50px 80px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgb(145 143 155 / 31%);
    position: absolute;
    width: 100%;
    top: -96px;
    left: 0;
}
footer .partners_sec{}
footer .partners_sec .partners{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 330px 0 4px;
    border-bottom: 0.5px solid rgba(196, 196, 196, 0.2);
    margin: 0;
}
footer .partners_sec .partners li{
    list-style: none;
    margin: 0 30px;
}
footer .partners_sec .partners li img{}



.footlinks{


}
.footlinks .list-items{
  display: flex;

}
.footlinks .list-items li{
  list-style: none;
}
.footlinks .list-items a{
  color: #5c5c5c;
  margin: 0;
  text-align: right;
  text-decoration: none;
}
.footlinks .copy-right{
  color: #5c5c5c;
  font-size: 15px;
  text-align: center;
  margin: 0;
}
footer .logo-footer{width: 50%;}
footer .address{}
footer .address h3{
    font-size: 20px;
}
footer .address p{
    font-size: 14px;
    margin: 0;
}
footer .address p strong{
    color: #FF5722;
}
footer .address p a{
    text-decoration: none;
    color: #000;
}
footer .social_pages{
    width: 100%;
    display: flex;
    align-items: baseline;
    margin-top: 11px;
}
footer .social_pages h4{
    color: #5c5c5c;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
footer .social_pages ul{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    list-style: none;
}
footer .social_pages ul li{
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
footer .social_pages ul li a{
    color: #4a2008;
    text-decoration: none;
}
footer .footer-blk h3{
  color: #282828;
  font-size: 22px;
}
footer .footer-blk  li{

} 
footer .footer-blk li a{
  color: #4a2008;
  text-decoration: none;
  font-size: 14px;
}

@keyframes whatsapp-animation {
  from {
      opacity: 0%;
  }

  to {
      opacity: 100%
  }
}

@media screen and (max-width: 545px) {
  
header .navbar .site_connect .contact-btn{
    display:none;
}
header .navbar .site_connect {
    width: 55%;
}
header .navbar .site_connect .site_tfn::before {
    width: 202px;
}
.about_info .info_graph_bg .info_graph h2 {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 9px;
}
.about_info .info_graph_bg .info_graph p {
    font-size: 14px;
    font-weight: 300;
}
.slider-area .contain .slider_text p {
       text-align: justify;
}
  .mobile-banner{
    display: block;
    height: 100vh;
    overflow: hidden;
  }
  .mobile-banner img{width: 586px;}
  .top-banner{
    display: none;
  }
  footer .footer_inn {
    padding: 20px 10px;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button, .faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
    font-size: 17px !important;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-body {
    font-size: 14px !important;
}
  
 .text-content h2{
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 400;
  }
  .hero-banner-section .opacity {
    background: #00000070;
}
  .slider-area .contain {
    background:none;
    padding: 0;
}
  .slider-area .contain h2 {
  font-size: 20px;
}
.text-content span{
  font-size: 29px;
  display: block;
  margin: 0;
  line-height: 27px;
  text-shadow: none;
  }
  .title {
width: 100%;
}
  .title h2{
    font-size: 20px;
  }
 footer .logo-footer {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 22px;
}
  footer .social_pages {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
  footer .social_pages h4 {
    font-size: 20px;
}
  footer .social_pages ul li a i{
    font-size: 22px;
}
.footlinks .list-items {
  display: flex;
  padding: 0;
}
.footlinks .list-items a {
  font-size: 13px;
}
.footlinks .copy-right {
  font-size: 13px;
  text-align: center;

}
header .navbar .logo {
  width: 100%;
}
}


.faq_block{
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  padding-bottom: 80px;
}
.faq_block .faq_head{
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
}
.faq_block .faq_head h2{
  font-size: 42px;
  position: relative;
  padding-bottom: 10px;
}
.faq_block .faq_head h2:after{
content: "";
  position: absolute;
  background: #ff6612;
  width: 50px;
  height: 2px;
  bottom: 0;
  left: 0;
}
.faq_block .faq_inn{}
.faq_block .faq_inn .accordion {}
.faq_block .faq_inn .accordion .accordion-item{
  border: none;
  border-bottom: 1px #ccc solid;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header{
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button{
  font-size: 24px;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button:focus{
 box-shadow: none;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
color: #000000;
  background-color: #fff;
}
.faq_block .faq_inn .accordion .accordion-item .accordion-header .accordion-button::after {
content: "";
background: url(../images/arrow-orange.png) no-repeat 0 0;
}


.text-content .banner-form{
  width: 100%;
  /* border: 1px solid #6e5353; */
  border-radius: 4px;
  overflow: hidden;
  margin: 20px auto;
}
.text-content .banner-form h3{
  color: #ffffff;
  background: #bf6317;
  padding: 10px 0px;
  font-size: 20px;
  text-align: center;
  margin: 0;
}

.text-content .banner-form .form-details{
  background-color: #4a2009ba;
  padding: 9px 14px;
}
.text-content .banner-form .form-details .form-inputs{
  width: 100%;
  border: 1px solid #ccc;
  padding: 0.475rem 11px;
  font-size: 14px;
  border-radius: 3px;
}
.text-content .banner-form .form-details .banner-form-button{}
.text-content .banner-form .form-details .banner-form-button .submit-btn {
  background-color: #88c12e; /* Green background */
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}


.ytr_model{}
.ytr_model .modal-dialog{}
.ytr_model .modal-dialog .modal-content{
    padding: 0;
}
.ytr_model .modal-dialog .modal-content .modal-body{
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_bnr{
    width: 40%;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_bnr img{}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form{
    width: 60%;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head{
    position: relative;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px #ccc solid;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .modal-title{
  display: flex;
  flex-direction: column;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .modal-title a{
  display: block;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .modal-title h5{}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .modal-title .ytr_whatsapp{
    background: #4CAF50;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .modal-title .ytr_phone{
    background: #1a57a7;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .ytr_head .btn-close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 20px;
    padding: 7px 4px;
    background: #ff0000;
    border-radius: 30px;
    opacity: 1;
    color: #fff;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details{
   padding: 30px;
   margin: 0;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .form-label{
    display: block;
    color: #a0073a;
    font-size: 14px;
    font-weight: bold;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .form-inputs{
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 36px;
    outline: none;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .form-select{
    width: 100%;
    box-shadow: none;
    outline: none;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .banner-form-button{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .banner-form-button .submit-btn{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.4px;
    white-space: nowrap;
    line-height: 18px;
    border-radius: 8px;
    background: green;
    color: #fff !important;
    border: none;
    box-shadow: 1px 0 25px -8px rgba(0, 0, 0, .45) !important;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    transition: all .2s ease;
    text-align: center;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 300px;
    margin: 10px auto;
}
.ytr_model .modal-dialog .modal-content .modal-body .ytr_form .form-details .banner-form-button .submit-btn:hover{
    background: #1a57a7;
}


.vin_whatsapp{
    position: fixed;
    bottom: 4%;
    z-index: 1000;
    width: 140px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    background-color: #008705;
    border: 3px solid #329300;
    border-radius: 50px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #329300;
    margin-right: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    display: inline-block;
    right: 0;
 }
 .vin_whatsapp:hover{
   box-shadow: 0 0 10px 0 #46c504 inset, 0 0 20px 2px #46c504;
   border: 3px solid #46c504;
 }
 .vin_whatsapp:hover a{
    color: #fff;}
 .vin_whatsapp a{
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   font-weight: 500;
   position: relative;
   top: 0px;
   display: flex;
   padding: 1px 14px;
 }
 
 .vin_whatsapp a i{
     color: #fff;
     font-size: 28px;
     padding-right: 7px;
 }