/*
Theme Name: Pylon child
Tags:  custom-menu, editor-style, featured-images
Template: pylon
Text Domain: pylon
Version: 1.0.0
*/


@import '../pylon/style.css';

.main-menu .container{
    padding-top: 5px;
    padding-bottom: 5px;
}
.thm-btn{
      background-color: #ffb408;
}
.feature-two__box>i{
      color: #fff;
}
.block-title p::after{
      background-color: #ffb408;
}
.feature-four__box-inner >i, .feature-one__box i{
      color: #890000;
}
.service-icon{
      background: #ffb408;
}
.service-one__image .post-thumbnail:before{
      background: #ffb408;
}
.service-one__card:hover .service-icon{
      background: #890000;
}
.feature-one__box:hover {
      background-color: #890000;
}
.elementor-7928 .elementor-element.elementor-element-baecd26:not(.elementor-motion-effects-element-type-background), .elementor-7928 .elementor-element.elementor-element-baecd26 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-460 .elementor-element.elementor-element-1a1c29f:not(.elementor-motion-effects-element-type-background){
    background-color: #890000 !important;
}
  .blue-right::before{
    background-color: #ffb408;
  }
  .elementor-7928 .elementor-element.elementor-element-db7163f .elementor-icon-list-icon svg, .elementor-7928 .elementor-element.elementor-element-dee7055 .elementor-icon-list-icon svg, 
  .elementor-7928 .elementor-element.elementor-element-77615fb .elementor-icon-list-icon svg, .elementor-7928 .elementor-element.elementor-element-6f26a3c .elementor-icon-list-icon svg{
      fill: #ffb408 !important;
  }
  .trusted-company__box>span{
      background-color: #890000;
  }
  .trusted-company__box:hover {
      background-color: #890000;
  }
  .elementor-7928 .elementor-element.elementor-element-b5583eb, .elementor-7928 .elementor-element.elementor-element-db7163f .elementor-icon-list-text,
  .elementor-7928 .elementor-element.elementor-element-dee7055 .elementor-icon-list-text, .elementor-7928 .elementor-element.elementor-element-de429e8 .small-title{
      color: #ffffff !important;
  }
  .testimonials-one__box{
      border-left: 3px solid #890000;
  }
  .testimonials-one__box h4{
   color: #890000;
  }
  .testimonials-one__box:hover{
      border-left: 3px solid #890000;
  }
  .testimonials-one__swiper-pagination .swiper-pagination-bullet-active{
      background-color: #890000;
  }
  .why-choose__image::before, .why-choose__progress-bar>span{
      background-color: #ffb408;
  }
  .elementor-7928 .elementor-element.elementor-element-40431f6:not(.elementor-motion-effects-element-type-background), .elementor-460 .elementor-element.elementor-element-8e77a40:not(.elementor-motion-effects-element-type-background){
      background-color: #890000 !important;
  }
  .elementor-7928 .elementor-element.elementor-element-175882e{
      display: none;
  }
.call-to-action::before{
      background-color: #890000;
}
.site-footer {
      background-image: unset !important;
      /* background-color: #331405 !important; */
      background-color: #890000 !important;
}
.bottom-footer{
	  background-color: #890000 !important;
      /* background-color: #250c00 !important; */
}
.footer-widget__contact{
	background-color: #890000 !important;
      /* background-color: #250c00; */
}
.footer-widget__contact-list li a>i, .footer-widget__contact-list li .contact_link_box i, .footer-widget__about-phone>i{
      color: #ffb408;
}
footer p, footer, footer .widget.widget_calendar #wp-calendar th, footer .widget.widget_calendar #wp-calendar td, footer .widget ul li, .footer .footer-widget p, .footer .footer-widget__about p, .footer .footer-widget__about-phone-content span, .footer .footer-widget ul li{
      color: #fff8e8 !important;
}
footer .widget ul li a, footer .widget a, footer .widget ul li .comment-author-link a, footer .widget .footer-widget__post-list-content h3 a{
      color: #fff8e8 !important;
}
.widget .footer-widget__post-list-content span{
      color: #ffb408;
}
.scroll-to-top{
      background: #ffb408;
}
.about-three__image-text{
      background-color:#ffb408;
}
.video-one__box{
      background-color: #ffb408a8;
}
.video-one__btn{
      background-color:#ffb408;
}
.contact-one__box>i{
      background-color: #ffb408;
}
.contact-one__box:hover>i{
      background-color: #890000;
}
.td-button, input[type="submit"], button[type="submit"]{
      background-color: #ffb408;
}
.contact-one__form .thm-btn:hover{
      background-color: #890000;
}
.elementor-652 .elementor-element.elementor-element-4982b8f .contact-one__box{
      background-color: #ffb408 !important;
}
.accordion .para-title{
      color: #000 !important ;
}
.accordion .para-title.active i{
      color: #000 !important ;
}
.accordion .para-title i{
      color: #000 !important ;
 
}
.team-one__content{
      background-color:#ffb408;
}
.team-one__social a:hover{
      color: #cc2b00;
}
.main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a{
      color: #000 !important;
}
.tgt-footer-section .info-logo img{
      display: none;
}
.tgt-footer-section .info-logo {
      background-image: url("./assets/images/Ratenest Logo_For.png");
      height: 130px;
      width: 100%;
      max-width: 200px;
      background-size: 100%;
      background-repeat: no-repeat;
}
.apply-now-form label{
      font-weight: 600;
      color: #000;
}
.apply-now-form .form-control:focus{
      box-shadow: none;
      background-color: #eff2f6;
}
.apply-now-form label.error {
   
    display: block;
      font-size: 12px;
     
      color: #be0000 !important;
      font-weight: 600;
  }
.apply-now-form span.red-star {
      color: #be0000;
}
.apply-now-form .radio-button-container {
      color: rgba(0,0,0,0.75);
      display: block;
      position: relative;
      padding-left: 35px;
      line-height: 22px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 16px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
.apply-now-form .radio-button-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
}
.apply-now-form .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 24px;
      width: 24px;
      background-color: rgba(0,0,0,0);
      border-radius: 50%;
      border: 2px solid rgba(0,0,0,0.25);
      transition: all 0.3s;
}
    
.apply-now-form .radio-button-container:hover input ~ .checkmark {
      border-color: rgba(0,0,0,0.5);
}
.apply-now-form .radio-button-container input:checked ~ .checkmark {
      background-color: rgba(0,0,0,0);
      border-color: #c0090b;
}
.apply-now-form .checkmark:after {
      content: "";
      position: absolute;
      display: none;
}
.apply-now-form .radio-button-container input:checked ~ .checkmark:after {
      display: block;
}
.apply-now-form .radio-button-container .checkmark:after {
      top: 4px;
      left: 4px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #c0090b;
}
.apply-now-form input[type=checkbox] {
      position: relative;
      border: 2px solid #000;
      border-radius: 2px;
      background: none;
      cursor: pointer;
      line-height: 0;
      margin: 0 .6em 0 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      -webkit-appearance: none;
      opacity: .5;
}
    
.apply-now-form input[type=checkbox]:hover {
      opacity: 1;
}
    
.apply-now-form input[type=checkbox]:checked {
      background-color: #c0090b;
      opacity: 1;
      border: 2px solid #c0090b;
}
    
.apply-now-form input[type=checkbox]:before {
      content: '';
      position: absolute;
      right: 50%;
      top: 50%;
      width: 4px;
      height: 10px;
      border: solid #FFF;
      border-width: 0 2px 2px 0;
      margin: -1px -1px 0 -1px;
      transform: rotate(45deg) translate(-50%, -50%);
      z-index: 2;
    }
.apply-now-form .label-equal{
    margin-top: 35px;
}
.about-one__form h3{
      background-color: #890000; 
}
.about-one__form .noUi-connect{
      background-color:#890000;
}
.about-one__form .noUi-horizontal .noUi-handle{
      border-color: #890000;
}
.main-slider .swiper-slide .image-layer:before{
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}
.thm-btn:hover, .thm-btn:focus{
      color: #fff;
      background-color:#890000;
}
.about-one__form .thm-btn:hover{
      background-color:#890000;
}
.right-content .thm-btn:hover{
      background: #fff;
      color: #890000;
}
span.funfact-symbol {
      margin-left: 10px;
  }
  
  .footer-widget__contact-list li i{
      color: #ffb408;
  }


@media(min-width:992px){
      .apply-now-form  .space-redio-btn{
          margin-left: 50px;
      }
      .footer-widget__contact{
            margin-left: 0px;
            padding: 0px;
      }
      .call-to-action .right-content{
            margin-top: 40px;
      }
      .main-menu .logo-box{flex-direction: column;}
}


 /****** css added by sandeep 09th jan 2024 ***/
 .custom-loader {
     width: 100%;
     height: 100%;
     position: absolute;
     right: 0;
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     z-index: 9999;
     background: rgba(0, 0, 0, 0.4);
     display: none;
 }

 .custom-loader .loader-modal {
     border-color: #ffb408;;
     border-right-color: #cf2e2e;;
 }
 .no-scroll {
      overflow: hidden;
   }

   body{
      position: relative;
   }


.custom-tagline {
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
.service-one__content h3{min-height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.single-loan-slider .ui-slider .ui-slider-range {
	background-color: #890000 !important;
}
.single-loan-slider .ui-slider .ui-slider-handle {
	border: 3px solid #890000 !important;
}
@media(max-width:991px){
      .footer-widget__contact{
            padding: 0px;
      }
}	
/*---------------------------------
      write your css from here
------------------------------------*/
      
/* added by shubhangi 6 feb */
.about-team .all-team .row{
      display: flex;
      justify-content: center;
}
.mobile-nav__content{
      background-color:#fff
}
.mobile-nav__close{
      color: #000;
}
.mobile-nav__content .main-menu__list li a{
      color: #000;
}
.mobile-nav__content .main-menu__list li:not(:last-child) {
      border-bottom: 1px solid #ddd;
}
.main-menu .mobile-nav__toggler{
      color: #000;
}
.mobile-nav__close::after, .mobile-nav__close::before{
      background-color: #000;
}
.mobile-nav__contact li a, .mobile-nav__social a{
      color: #000 !important;
}
.main-menu .mobile-nav__toggler:hover{
      color: #ffbb2f;
}
.mobile-nav__overlay{
      background-color: #ffbb2f66;
}
.contact-one__box-content a:hover{
      color: #be0201;
}
.feature-two__box:hover .pylon-featured-title, .feature-two__box:hover>i{
      color: #000000;
}
.trusted-company__box .pylon-contact-num-list, .block-title .title-block, 
.elementor-7928 .elementor-element.elementor-element-77615fb .elementor-icon-list-text, 
.service-one__content h3, .single-loan-slider h4, 
.elementor-7928 .elementor-element.elementor-element-4bfb5df .feature-four__box-inner h3,
.elementor-7928 .elementor-element.elementor-element-6f26a3c .elementor-icon-list-text{
      color: #000000;
}
@media (max-width: 767px){
.trusted-company__box .pylon-contact-num-list{
      margin-left: 10px;
}
}

.blog-sidebar .wp-block-search__inside-wrapper{
      position: relative;
}
.blog-sidebar .wp-element-button{
      bottom: 0;
}
.blog-sidebar .widget.blog-sidebar__box.widget_search form{
      background-color: #f0f2f6;
}
.blog-sidebar .widget_search button[type="submit"]{
      background-color: #ffb408;
      height: 55px;
}

@media(max-width:991px){
      .feature-two__box>i{
            color: #cc2b00;
      }
      .feature-two__box::before{ 
            background-color: #cc2b00;
      }
      .feature-two__box:hover::before {
            background-color: #cc2b00;
      }
      .blog-sidebar .widget.blog-sidebar__box.widget_search form{
            background-color: #fff;
      }
     
}