a{color: rgb(25, 95, 199);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div,a,body,button,h1,h2,h3,h4,h5,h6,input,ol,ol li,p,select,span,table,td,textarea,ul,ul li,label,div{margin:0;padding:0;font-family:'Roboto', sans-serif !important; outline: 0px !important;}ul{list-style:none;list-style-image:none}ul li{list-style:none;list-style-image:none}a{outline:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{outline:0;box-shadow:none}.noborder{border:0 !important}.nobT{border-top:0px}.nobB{border-bottom:0px}.nobL{border-left:0px}.nobR{border-right:0px}.position-relative{position:relative}.position-absolute{position:absolute}.float-left{float:left}.float-right{float:right}.clearfix{clear:both}.display-flex{ display: flex}.flex-column{flex-direction: column;}.flex-wrap{flex-wrap: wrap;}.just_start{justify-content: flex-start;}.align_center{ align-items: center;}.just_space_btw{justify-content: space-between;}.display-block{display:block}.display-inline{display: inline;}.display-inline-block{display:inline-block}a,a:focus,a:hover{text-decoration:none}.cursor-pointer{cursor:pointer}.vertical-middle{vertical-align:middle}.vertical-top{vertical-align:top}.vertical-bottom{vertical-align:bottom}.break_word{word-break: break-word;}.uppercase{text-transform:uppercase}.mAuto{margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-5{font-size:5px}.text-8{font-size:8px}.text-10{font-size:10px}.text-12{font-size:12px!important}.text-14{font-size:14px!important}.text-15{font-size:15px!important}.text-16{font-size:16px!important}.text-18{font-size:18px!important}.text-20{font-size:20px!important}.text-22{font-size:22px!important}.text-24{font-size:24px!important}.text-26{font-size:26px!important}.text-30{font-size:30px!important}.text-40{font-size:40px!important}.lh-14{line-height:14px}.lh-16{line-height:16px}.lh-20{line-height:20px}.lh-30{line-height:30px}.lh-40{line-height:40px}.lh-50{line-height:50px}.bRadius5{ border-radius: 5px;}.bRadius10{ border-radius: 10px;}.bRadius20{ border-radius: 20px;}.wt600{font-weight:600}.wt500{font-weight:500}.wt400{font-weight:400}.wt300{font-weight:300}.wt100{font-weight:100}.vh100{height: 100vh;}.w-0{width:0}.w-3{width:3%}.w-5{width:5%}.w-7{width:7%}.w-8{width:8%}.w-10{width:10%}.w-12{width:12%}.w-13{width:13%}.w-15{width:15%}.w-20{width:20%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-27{width:27%}.w-30{width:30%}.w-32{width:32%}.w-33{width:33%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-68{width:68%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-82{width:82%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-100{width:100%}.w-250{ width:250px;}.w-300{ width:300px;}.w-500{ width:500px;}.w-600{ width:600px;}.noM{margin:0}.noMT{margin-top:0}.noMB{margin-bottom:0}.noML{margin-left:0}.noMR{margin-right:0}.mT0{margin-top:0px}.mT5{margin-top:5px}.mT10{margin-top:10px}.mT15{margin-top:15px}.mT20{margin-top:20px}.mT25{margin-top:25px}.mT30{margin-top:30px}.mT35{margin-top:35px}.mT40{margin-top:40px}.mT45{margin-top:45px}.mT50{margin-top:50px}.mT60{margin-top:60px}.mT70{margin-top:70px}.mT80{margin-top:80px}.mT90{margin-top:90px}.mT100{margin-top:100px}.mB5{margin-bottom:5px}.mB10{margin-bottom:10px}.mB15{margin-bottom:15px}.mB20{margin-bottom:20px}.mB25{margin-bottom:25px}.mB30{margin-bottom:30px}.mB35{margin-bottom:35px}.mB40{margin-bottom:40px}.mB45{margin-bottom:45px}.mB50{margin-bottom:50px}.mB60{margin-bottom:60px}.mB70{margin-bottom:70px}.mB80{margin-bottom:80px}.mB90{margin-bottom:90px}.mB100{margin-bottom:100px}.mL5{margin-left:5px}.mL10{margin-left:10px}.mL15{margin-left:15px}.mL20{margin-left:20px}.mL25{margin-left:25px}.mL30{margin-left:30px}.mL35{margin-left:35px}.mL40{margin-left:40px}.mL45{margin-left:45px}.mL50{margin-left:50px}.mL60{margin-left:60px}.mL70{margin-left:70px}.mL80{margin-left:80px}.mL90{margin-left:90px}.mL100{margin-left:100px}.mR5{margin-right:5px}.mR10{margin-right:10px}.mR15{margin-right:15px}.mR20{margin-right:20px}.mR25{margin-right:25px}.mR30{margin-right:30px}.mR35{margin-right:35px}.mR40{margin-right:40px}.mR45{margin-right:45px}.mR50{margin-right:50px}.mR60{margin-right:60px}.mR70{margin-right:70px}.mR80{margin-right:80px}.mR90{margin-right:90px}.mR100{margin-right:100px}.noP{padding:0}.noPT{padding-top:0}.noPB{padding-bottom:0}.noPL{padding-left:0}.noPR{padding-right:0}.pT5{padding-top:5px}.pT10{padding-top:10px}.pT15{padding-top:15px}.pT20{padding-top:20px}.pT25{padding-top:25px}.pT30{padding-top:30px}.pT35{padding-top:35px}.pT40{padding-top:40px}.pT45{padding-top:45px}.pT50{padding-top:50px}.pT60{padding-top:60px}.pT70{padding-top:70px}.pT80{padding-top:80px}.pT90{padding-top:90px}.pT100{padding-top:100px}.pB5{padding-bottom:5px}.pB10{padding-bottom:10px}.pB15{padding-bottom:15px}.pB20{padding-bottom:20px}.pB25{padding-bottom:25px}.pB30{padding-bottom:30px}.pB35{padding-bottom:35px}.pB40{padding-bottom:40px}.pB45{padding-bottom:45px}.pB50{padding-bottom:50px}.pB60{padding-bottom:60px}.pB70{padding-bottom:70px}.pB80{padding-bottom:80px}.pB90{padding-bottom:90px}.pB100{padding-bottom:100px}.pL5{padding-left:5px}.pL10{padding-left:10px}.pL15{padding-left:15px}.pL20{padding-left:20px}.pL25{padding-left:25px}.pL30{padding-left:30px}.pL35{padding-left:35px}.pL40{padding-left:40px}.pL45{padding-left:45px}.pL50{padding-left:50px}.pL60{padding-left:60px}.pL70{padding-left:70px}.pL80{padding-left:80px}.pL90{padding-left:90px}.pL100{padding-left:100px}.pR5{padding-right:5px}.pR10{padding-right:10px}.pR15{padding-right:15px}.pR20{padding-right:20px}.pR25{padding-right:25px}.pR30{padding-right:30px}.pR35{padding-right:35px}.pR40{padding-right:40px}.pR45{padding-right:45px}.pR50{padding-right:50px}.pR60{padding-right:60px}.pR70{padding-right:70px}.pR80{padding-right:80px}.pR90{padding-right:90px}.pR100{padding-right:100px}.p5{padding:5px}.p10{padding: 10px;}.p15{padding: 15px;}.p20{padding: 20px;}.p30{padding: 30px;}.text-cap{text-transform: capitalize;}.border_ddd{ border:1px solid #ddd;}.box_shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);}.word_break{ word-break: break-word;}.break_all{ word-break: break-all;}.text_dec_none{ text-decoration:none; }
html {scroll-behavior: smooth;}
.roboto-<uniquifier> {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
/*new*/
.color_666{color: #666}
.color_18191A{color: #18191A}
.color_fff{ color: #fff;}
.color_orange{ color:#E45F23 }
.color_0F3A71{ color:#0F3A71 }
.color_192C39{ color:#192C39 }
.color_273C4B{ color:#273C4B }
.bg_gray{ background-color:#F5F7FA}
body{ background-color:#fff !important}
.main_wrapper{ width: 100%; margin: 0px auto; padding: 0px 20px; max-width: 1500px;}
header{position: fixed; top: 0; width: 100%; margin: 0; left: 0; right: 0;padding: 0px; border-bottom: 1px solid #f2f2f2; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);z-index: 100;background-color: #fff;}
/*.header_sticky { position: fixed; top: 0; width: 100%; margin: 0; left: 0; right: 0;   }*/
.nomral_logo{ display: block;}
.sticky_logo{ display: none;}
.header_sticky .nomral_logo{ display: none;}
.header_sticky .sticky_logo{ display: block;}
.logo_sec{ float: left; width: 15%; text-align: left; padding: 10px 0;}
.logo_sec img{ width: 230px; display: block;}
.menu_sec{ float: left; width: 85%; text-align: right; margin-top: 0px;}
.menu_sec ul{ margin: 0px; padding: 0px; width: 100%;}
.menu_sec ul li{ display: inline-block; margin-right: 40px; vertical-align: middle;}
.menu_sec ul li a{ color: #000; font-size: 16px; font-weight: 400; text-decoration: none;}
.menu_sec ul li a:hover{ text-decoration: none;}
.menu_sec ul li:last-child{ margin: 0px;}
.header_section{position: absolute; top: 0; left: 0; right: 0; z-index: 100;}
.header_number .text-16, .header_number .text-18 { font-size: 22px !important;}
.header_sticky .menu_sec ul li a{ color: #000;}
.menu_icon{ display: none;}
.menu_overlay{ display: none;}
#mobile_menu{ display:none; }
.header_top_menubar{ background-color:#F5F7FA; padding: 5px 0;}
.header_top_menubar ul{ display:block; vertical-align:middle; text-align:right; margin:0px; padding:0 }
.header_top_menubar ul li{ display:inline-block; vertical-align:middle; text-align:right; font-size:14px; margin:0px; padding:0px;letter-spacing: 0.32px; color: #273C4B; }
.header_top_menubar ul li a{ color:#273C4B; text-decoration: none; font-weight: 400; margin-left: 20px;}
/*.header_top_menubar ul li:last-child a{ color:#3E7CBA; }
.header_top_menubar ul li:last-child a i{ margin-right:2px }*/
.header_number{ padding:28px 0 20px 0 }
.top_search_sec{ background-size: cover ; display:flex; min-height:100vh; width:100%; padding-top:86px; position:relative; background-color:#0F3A71; background-repeat:no-repeat; }
.top_sec_inner{ position:relative;  width:1000px; text-align:center; margin:auto; padding-top:15px; padding-bottom:75px;}
.top_sec_inner h1{ color:#fff; font-size:70px; font-weight:500; margin:0px 0px 0px; padding:0;  line-height:78px; }
.top_sec_inner hr{height: 2px;   background-color: #E45F23;   width: 100%;   max-width: 600px;   margin: 10px auto 60px;   border-color: #E45F23;   opacity: 1;}
.top_sec_inner p{ color:#F5F7FA; font-size:24px; margin:25px 0 40px; padding:0; line-height:36px; }
.top_search_box{ display:flex; justify-content:flex-start; align-items:center; height:70px; width:90%; margin:0 auto; border-radius:3px; position:relative; }
.top_search_box:hover {
 box-shadow: 0 0 6px 15px rgba(0, 0, 0, 0.15);
}
.top_search_input{ position: relative; width:70%; background-color:#fff; display:flex; justify-content:flex-start; align-items:center; height:100%; padding:10px 20px; border-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0; }
.top_search_input img{width: 30px; margin-right: 10px;}
.top_search_input input{width: 90%; border: 0; height: 100%; color: #192C39; padding: 5px; margin-right: 10px; font-style: italic; font-size:24px;}
.top_search_input input::placeholder{ opacity:0.71; color:#192C39; }
.top_search_input input::::-ms-input-placeholder{ opacity:0.71; color:#192C39; }
.search_list{ background-color: #fff; position: absolute; top: 71px; left: 0px; right: 0; height: 200px; overflow-y: scroll; box-shadow: 0px 0px 23px 0px rgba(62, 124, 186, .3); z-index: 10;} 
.search_list p{ font-size: 14px; color: #192C39; border-bottom: 1px solid #eee; margin: 0px; padding: 6px 10px 6px 70px; text-align: left; cursor: pointer;}
::-webkit-scrollbar { width: 5px;  height: 5px;}
::-webkit-scrollbar-button {  background: #ccc}
::-webkit-scrollbar-track-piece {  background: #888}
::-webkit-scrollbar-thumb {  background: #eee}
.top_search_button{ width:30%; background-color:#E45F23; height:100%; border-radius:3px;  border-top-left-radius:0; border-bottom-left-radius:0; text-transform:uppercase; color:#fff; font-size:22px; display:flex; align-items:center; justify-content: center; text-align:center; border:0; font-weight:700 }
.top_search_button:hover{ background-color: #C74A12; }
.top_sec_bottom { width:100%; position:absolute; bottom:0; left: 0; right: 0; padding: 10px; background-color: rgba(25, 44, 57, 0.5); padding: 20px 15%;}
.top_sec_bottom img { width:20px; margin-right:10px }
.top_sec_bottom span{ color:#fff; font-size:24px; font-weight:500; }
.testimonial{ background-color:#F5F7FA; text-align:center; padding:30px 0 30px;  }
.test_wrap{ width:100%; margin:0px auto; }

.test_coma img{ display:inline-block; vertical-align:middle; width:15px; }
.testimonial p{ color:#000; font-size:28px; line-height: 44px; margin:20px 0px 30px; padding:0px; text-align: center; }
.test_user_img img{ width:70px; }
/*.test_user_details{ width:300px; margin:0px auto; }*/
.test_user_details{ width:100%; max-width:100%;}
.test_user_text { text-align:left; padding-left:0px; }
.test_user_text h4{ color:#192C39; font-size:18px; font-weight:500; margin:0px 0 5px; padding:0px; text-align: center;}
.test_user_text h4 img{ vertical-align:top; display: inline-block; width:18px; margin-left:5px; }
.test_user_text p{ color:#192C39; font-size:16px; font-style: italic; font-weight:normal; margin:0px; padding:0px; text-align: center; line-height:20px }
.test_slider{max-width: 1200px;
  margin: auto; padding-bottom:40px; }
.carousel-inner{ margin:0px auto; width:100%; max-width:70%;}
.test_slider .carousel-control-prev-icon {background-image: url(../../assets/images/arrow-left.png) !important; opacity: 1;}
.test_slider .carousel-control-next-icon {background-image: url(../../assets/images/arrow-left.png) !important; opacity: 1;
    transform: rotate(180deg);}
.test_slider .carousel-control-next-icon, .carousel-control-prev-icon{ width:2.5rem !important; height:2.5rem !important }
.sell_house_step{padding:70px 0; }
.sell_house_step h3{ color:#192C39; text-align:center; font-weight:500; margin:0px; padding:0px;  font-size:48px; }
.sell_house_step span:first-child{ display:block; color:#E45F23; text-transform:uppercase; font-size:22px; text-align:center; margin-bottom:15px; letter-spacing:normal; }
.sell_house_step span:last-child{ color:#E45F23; font-style:italic; }
.step_cards{ width:100%; margin:0; padding:0 0 70px; position: relative;}
.step_cards ul{ display:flex; justify-content: space-between; align-items: center; margin:0px auto; padding:0px; width:1100px; }
.step_cards ul li{ margin:0px; padding:0px; width:30%; text-align:center; }
.step_cards ul li b{ display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; margin: 0px auto 30px; background-color: #E45F23; color: #fff; text-align: center; font-size: 24px;   font-weight: 600; border-radius: 50%;}
.step_cards ul li .step_card_details{  border-radius:20px; box-shadow: 0px -10px 50px #3E7CBA36; position: relative;}
.step_cards ul li .step_card_details img{ width:100%; border-top-left-radius:20px; border-top-right-radius:20px; height: 230px; width: 100%; object-fit: cover; }
.step_cards ul li .step_card_details h4{ font-size:24px; line-height: 30px; color:#192C39; text-align:center; margin:0px; padding:20px 30px 15px;  }
.step_cards ul li .step_card_details p{ font-size:16px; line-height: 27px; color:#273C4B; text-align:center; margin:0px; padding:0px 30px 35px;  }
.step_cards ul li .step_card_details p span{ color:#E45F23 }

.step_cards_btn {
      background-color: #E45F23;
      border-radius: 3px;
      text-transform: uppercase;
      color: #fff;
      font-size: 22px;
      text-align: center;
      border: 0;
      font-weight: 700;
      text-decoration: none;
      height: 70px;
      width: 300px;
      margin: 60px auto 0;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0px 3px 20px rgba(181, 76, 29, 0.4);
      transition: all ease-out 0.3s;
      position: relative;
      overflow: hidden;
      /* Default highlight/pulsing effect */
      animation: pulse 2s infinite;
    }

    /* Pulsing animation for default state */
    @keyframes pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(228, 95, 35, 0.7);
      }
      70% {
        box-shadow: 0 0 0 15px rgba(228, 95, 35, 0);
      }
      100% {
        box-shadow: 0 0 0 0 rgba(228, 95, 35, 0);
      }
    }

    /* Hover animation */
    .step_cards_btn:hover {
      transform: translateY(-5px) scale(1.03);
      box-shadow: 0px 10px 25px rgba(181, 76, 29, 0.6);
      background-color: #F06728;
      animation: none; /* Stop pulsing on hover */
    }

    /* Highlight/click animation */
    .step_cards_btn:active {
      transform: translateY(3px) scale(0.98);
      box-shadow: 0px 1px 10px rgba(181, 76, 29, 0.4);
      transition: all ease-out 0.1s;
    }

    /* Add shine effect */
    .step_cards_btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 50%;
      height: 100%;
      background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
      transform: skewX(-25deg);
      transition: all 0.75s;
    }

    .step_cards_btn:hover::before {
      left: 150%;
      transition: all 0.75s;
    }

    /* Add ripple effect on click */
    .step_cards_btn::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: width 0.6s, height 0.6s, opacity 0.6s;
    }

    .step_cards_btn:active::after {
      width: 400px;
      height: 400px;
      opacity: 1;
      transition: width 0.4s, height 0.4s, opacity 0.4s;
    }

.sell_home_blue{ background-repeat: no-repeat; background-position: 0 0; background-size: cover ;  width:100%; position:relative; padding-bottom: 70px; background-color: #0F3A71}
.sell_home_blue .sell_house_step h3, .sell_home_blue .sell_house_step h3 span{ color:#fff; font-style:normal; }
.trad_wrapper {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; 
  gap: 20px;
  flex-wrap: wrap;
}

.trad_card {
  width: 33.333333333%;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.trad_card_head {
  background-color: #E9EEF3;
  color: #192C39;
  padding: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.trad_card_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}

.trad_card_list ul li {
  color: #273C4B;
  font-size: 16px;
  text-align: left;
  padding: 10px 30px;
  border-bottom: 1px solid #EFEFEF;
}

.trad_card_list ul li:last-child {
  border-bottom: none;
}

/* First Card: Traditional Listing */
.trad_card:nth-child(1) {
  margin-right: -30px;
}

.trad_card:nth-child(1) .trad_card_head {
  text-align: left;
  padding-left: 30px;
}

/* Second Card: The Home Offer */
.trad_card:nth-child(2) {
  box-shadow: 0px -10px 50px #3E7CBA36;
  position: relative;
  z-index: 10;
  transform: scale3d(1.05, 1.05, 1.05);
}

.trad_card:nth-child(2) .trad_card_head {
  background-color: #FFDED0;
}

.trad_card:nth-child(2) .trad_card_list ul li {
  padding-left: 30px;
  font-weight: 600;
  color: #192C39;
}

 

/* Third Card: Local Flippers */
.trad_card:nth-child(3) {
  margin-left: -30px;
}

.trad_card:nth-child(3) .trad_card_head {
  text-align: left;
  padding-left: 50px;
}

.trad_card:nth-child(3) .trad_card_list ul li {
  padding-left: 50px;
  padding-right: 0;
}
.our_expert{ background-color:#F5F7FA; padding:90px 0px; }
.our_wrap{ width:1300px; margin:0px auto; padding:0px;}
 
.our_expert_detail{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap; width:100%; }
.our_expert_box{ display:flex; justify-content:flex-start; align-items:flex-start; width:33.333333333%; margin-bottom:40px; padding-right:40px; }
.our_check_icon img{ width:20px; margin-right:20px; }
.our_check_text h5{ font-size:24px; color:#192C39; text-align: left; margin:0px 0 10px; padding:0px; font-weight:500; }
.our_check_text p{ font-size:16px; color:#273C4B; text-align: left; margin:0px; padding:0px; }
.benfits_sec .sell_home_blue{ background-repeat: no-repeat; background-size: cover ;  background-color: #E45F23}
.fast_cash_wrap{ width: 1100px; margin: 0px auto; display:flex; justify-content:space-between; align-items:flex-start; }
.fast_cash{ width:30%; border-radius:10px; padding:40px; text-align:center; background-color:#fff; }
.fast_cash img{ width:60px; margin:0px auto; }
.fast_cash h5{ font-size:26px; font-weight:500; text-align:center; margin:20px 0 15px; padding:0px 50px; color:#20272C; }
.fast_cash p{ font-size:16px; text-align:center; margin:0px; padding:0px; color: #273C4B}
.fast_cash p span{ font-weight:500; }
.trusted_by .sell_house_step { padding-bottom:20px; }
.trusted_by .sell_house_step h3 span{font-style:normal; }
.trusted_by_brand{ width:1100px; margin:0px auto 70px; }
.trusted_by_brand img{ width: 100px; height: 100px; object-fit: contain; margin: 0px 20px;}
.footer_wrap{ width:1100px; margin:0px auto; }
.main_footer{ background-color:#0F3A71; background-image:url(../../assets/images/footer_img.png); background-repeat: no-repeat; background-size: contain;  padding:70px 0 20px }
.footer_left{ width:30% }
.footer_left img{ width:200px; }
.footer_left p{ font-size:14px; color:#fff; font-weight: 400; margin:20px 0 0; padding:0; text-align:left; }
.footer_right{ width: 30%; display:flex; justify-content:space-between; align-items:flex-start; }
.footer_links h4{ font-size:14px; color:#fff; opacity: 0.32; text-align:left; margin:0px 0 20px; padding:0px; font-weight:500; text-transform:uppercase;  }
.footer_links ul{ display:block; margin:0; padding:0px; }
.footer_links ul li{  display:block; margin:0 0 5px; padding:0; font-size:14px; color:#fff; font-weight:400; }
.footer_links ul li a{ color:#fff; text-decoration:none; }
.copy_right{ font-size:12px; color:#fff; opacity: 0.52; text-align:left; margin-top:40px; }
.for_top_box_show{background-color: #F5F7FA;}
.for_top_box_show .main_footer{ padding-top:180px; }
.footer_top_box{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom: -130px; position: relative; z-index: 10;}
.rqst_box{ border-top:3px solid #E45F23; border-bottom-left-radius:15px; border-bottom-right-radius:15px; box-shadow: 0px -10px 50px #3E7CBA36; padding:45px; width: 49%; background-color: #fff;}
.rqst_box p{ font-size: 26px; text-align: left; margin: 0px; padding: 0px; font-weight: 500; line-height: 34px; color:#192C39 }
.rqst_box .step_cards_btn{ margin:30px 0 0; color:#fff; }
.rqst_box.rt_bg_img{  background-repeat: no-repeat; background-size: 170px; background-position: right bottom;}
.rqst_box.rt_bg_img2{ background-repeat: no-repeat; background-size: 170px; background-position: right bottom;}
.rqst_box .header_number{ padding-top:40px; padding-bottom:10px }
.rqst_box .header_number .fs-6{font-size: 2rem !important;}
.top_progress{ width:600px; margin:0 auto 80px; }
.msg_box{ border-radius: 3px; font-size: 12px; font-weight: 600; padding:7px 12px; text-align:center;margin:5px 0 }
.error_label{ background-color:#ffebeb; color:#F42727; }
.success_label{background-color:#e4fff0; color:#1BAF5F;}
label.label_st{ font-size:20px; font-weight:800; text-align:left; margin:0px 0 5px; padding:0px; color:#192C39; }
.form_details{  margin-bottom: 40px;}
.form_value{ width:100%; position:relative; }
.form_value input, .form_value select, .form_value textarea{ border:2px solid #B1B5C8; background-color:#fff; text-align:left; color:#000000; font-size:22px; padding:10px 15px; height:64px; border-radius:5px; width:100%; }
/* Highlight on hover */
.form_value input:hover, .form_value select:hover, .form_value textarea:hover {
  border-color: #ef5b24; /* Orange border */
  box-shadow: 0 0 5px rgba(239, 91, 36, 0.3); /* Subtle orange glow */
}

/* Highlight when focused/active */
.form_value input:focus, .form_value select:focus, .form_value textarea:focus {
  border-color: #ef5b24; /* Orange border */
  box-shadow: 0 0 8px rgba(239, 91, 36, 0.5); /* Stronger orange glow */
  outline: none; /* Remove default browser outline */
}
.form_value input::placeholder{ opacity:1; color:#636363; }
.form_value input::::-ms-input-placeholder{ opacity:1; color:#636363; }
.number_plus_minus .form_value input{ text-align:center; }
.plus_minus_wrap{ display:flex; justify-content:space-between; align-items:center; position:absolute; top:14px; left:0; right:0; padding:0px 10px; }
.plus_minus{ background-color:#E9EEF3; position:absolute; top:50%; margin-top:-15px; color:#192C39; font-size:20px; font-weight:bolder; text-align:center; display:flex; justify-content:center; align-items:center; border-radius:5px; width:30px; height:30px; cursor:pointer; }
.plus_minus.minus{ left:10px;}
.plus_minus.plus{ right:10px;}
.radio-btn-group { display: block; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.radio-btn-group .radio_wrap { margin-right:10px; margin-bottom:15px; }
.radio-btn-group .radio_wrap label { background: #fff; border: 2px solid #a3a3a3;  padding: 10px 30px; border-radius: 30px; cursor: pointer; color: #000; font-size:22px; font-weight:normal; }
.radio-btn-group .radio_wrap label:hover{ background-color:#000; color:#fff; border-color:#000;}
.radio-btn-group .radio_wrap input[type=radio] {display: none;}
.radio-btn-group .radio_wrap input[type=radio]:checked + label { background: #0F3A71; color: #fff; border-color: #0F3A71;}
.form_value textarea{ height:auto !important; }
.form-check-input:checked{background-color: #0F3A71 !important; border-color: #0F3A71 !important;}
.ps_progress{ width:100%; background-color:#dfe4f4; border-radius:5px; height:6px; margin-top:20px; position:relative; }
.ps_progress_active{ background-color:#0F3A71; border-radius:5px; position:absolute; top:0; left:0; height:6px; }
.ps_progress_active::after{ content: ""; width:20px; height:20px; background-color:#fff; border:3px solid #0F3A71; border-radius:50%; position:absolute; z-index:1; top:-8px; right: -10px}
.slider-container { position: relative; width: 100%; height: 6px; background-color: #dfe4f4; border-radius: 5px; margin-bottom: 20px;}
.slider-progress { position: absolute; height: 100%; background-color: #0F3A71; border-radius: 5px;}
.slider-thumb { position: absolute; width: 20px; height: 20px; background-color: white; border: 3px solid #0F3A71; border-radius: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.form_sec{ margin-top:110px; background-color:#F5F7FA; padding:50px 0 100px;  }
.form_sec h1{ font-size:50px; text-align: center; margin: 0px 0 30px; color: #20272C; padding: 0; letter-spacing: -0.6px;}
.details_wrap{ margin:0 auto; width:70%; margin-bottom: 50px; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.step_progress{ width:30%; background-color:transparent; padding:20px; border-radius:10px;}
.form_box{ width: 70%; background-color:#fff; padding:60px 60px; border-radius:0px; -webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.1);  }
.cont_btn{ background-color:#E45F23; color:#fff; border-radius:5px; text-align:center; padding:14px 50px; font-size: 18px; font-weight:400; border:0;  transition:all ease-out .3s;}
.cont_btn:hover{ background-color:#cc531c; transition:all ease-in .3s; }

.cos-progress-vertical { list-style: none; padding-left: 0;}
.cos-progress-vertical li { font-size: 16px; padding-left: 45px; position: relative; padding-bottom: 18px; line-height: 23px; color: #65727C; font-weight: 500;}
.cos-progress-vertical li:first-child:after{ border-top-left-radius: 30px; border-top-right-radius: 30px; top: -3px; height: 108%;}
.cos-progress-vertical li.active:first-child:after{ top: 0px;}
.cos-progress-vertical li:last-child:after { height: 64%; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.cos-progress-vertical li.sub { padding-left: 37px;}
.cos-progress-vertical li:before {content: " "; font-size: 16px; color: #137ABB; background: #fff; top: 0px; left: 3px; position: absolute; z-index: 2; line-height: 15px; text-indent: -1px; border-radius: 50%; width: 20px; height: 20px; box-shadow: 0px 0px 20px -6px rgba(0,0,0,1);}
.cos-progress-vertical li.active:before {background: #fff; border: 4px solid #49ADF4; content: "\2022"; color: #49ADF4; text-align: center; font-size: 40px; padding-top: 0px; width: 26px; height: 26px; left: 0px; padding-left: 1px;display: flex;
  justify-content: center;
  align-items: center;}
.cos-progress-vertical li.active { color: #192C39; font-weight: 600;}
.cos-progress-vertical li:after { content: " "; display: block; width: 26px; height: 100%; background: #dfe4f4; position: absolute; top: 0px; left: 0; z-index: 1;}
.other_images{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width: 100%;}
.other_images .property_img{ width:31%;height:150px; margin:10px 10px 10px 0}
.other_images .property_img img{ width:100%;  }
.landing_page_steps.step_cards ul li b{ position: absolute; left: 0; right: 0; top: 218px;}
.landing_page_steps.step_cards ul li .step_card_details h4{ padding-top:40px; }
.landing_page_top .top_sec_inner{ display:flex; justify-content:space-between; align-items:center;  }
.landing_page_top .top_sec_inner h1{ text-align:left; font-size:60px; line-height:66px; text-transform:capitalize; letter-spacing: -2px;}
.landing_page_top .top_sec_inner p{ text-align:left; }
.top_left{ width:55%; padding-right:150px; }
.top_right{ width:45%; padding-left:80px; }
.landing_page_top .top_sec_inner{ top:100px; width:1100px }

.top_right .form_box{ width:100%;border-radius: 10px; padding: 40px 50px; }
.top_right label.label_st{ font-size:14px; margin-bottom:5px; }
.top_right .form_details{ text-align:left; margin-bottom:15px; }
.top_right .form_value input, .top_right .form_value select, .top_right .form_value textarea{height: 40px; border-radius: 4px; font-size: 12px;}
.top_banner{ background-color:#0F3A71; height:250px; margin-top:110px; background-size:cover; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; }
.top_banner h1{ text-align:center; font-size:60px; font-weight: 600; margin: 0px; padding: 0px; color: #fff}
.contact_wrap{ width:700px; margin: 0px auto; position: relative; z-index: 1; top: -30px;}
.contact_card{ display:flex; justify-content:flex-start; align-items:flex-start; background-color:#fff; border-radius:10px; padding:50px; flex-wrap:wrap; margin-bottom:20px; box-shadow: 0px 0px 23px 0px rgba(62,124,186,.1); }
.contact_icon{ width:20%; }
.contact_text{ width:80% }
.contact_icon img{ width:60px;  }
.contact_text h2{ color:#192C39; text-align: left; margin: 0px 0 10px; padding: 0px; font-weight: 500; font-size: 22px;}
.contact_text p{ color:#273C4B; text-align: left; margin: 0px 0 5px; padding: 0px; font-weight: normal; font-size: 16px; line-height: 30px;}
.contact_text a{ margin-top:20px; display:block; }
.how_work { width:1000px; margin:0px auto; padding:50px 0 ; }
.how_steps .step_cards ul{ display:block; width:100%; }
.how_steps .step_cards ul li{background-color: #fff; width: 100%; padding: 50px 60px; position: relative; box-shadow: 0px 0px 23px 0px rgba(62,124,186,.1); border-radius: 15px; margin-bottom: 50px;}
.how_steps .step_cards ul li b{ position: absolute; top: -18px; left: 0; right: 0;}
.how_steps .step_cards ul li .step_card_details{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-shadow: none;}
.how_steps .step_cards ul li .step_card_details img{ width:46%; border-radius:5px; }
.how_steps .how_step_text{ width:50%; text-align:left; padding-left: 30px;}
.how_steps .step_cards ul li .step_card_details h4{ text-align:left; }
.how_steps .step_cards ul li .step_card_details p{ text-align:left; }
.ho_faq .accordion-button{ background-color:#fff !important; font-weight:500; font-size:18px; color:#192C39; outline:0 !important; border-radius:5px !important; padding-left: 25px; padding-right: 25px; }
.ho_faq .accordion-button:focus{ box-shadow:none !important; }
.ho_faq .accordion{ border-radius:0 }
.ho_faq .accordion-item{ margin-bottom:15px; border-radius: 5px; border: 1px solid #ddd !important;box-shadow: 0px 0px 23px 0px rgba(62,124,186,.1); }
.ho_faq .accordion-button:not(.collapsed){ box-shadow: none !important; }
.ho_faq .accordion-body{ padding:0 25px 20px !important; color:#273C4B; font-size:14px; line-height:22px; }
.ho_blog { display:block; padding:100px 15%; }
.ho_blog h1{ text-align:left; }
.ho_blog p{ font-size:16px; text-align:left; margin:10px 0; padding:0px; color:#fff; }
.blog_wrap{ width:100%; max-width:1100px; margin:0px auto; padding:70px 0;  }
.blog_feature{ display:flex; justify-content:space-between; align-items:center; }
.blog_feature_img{ width:46.5%; }
.blog_feature_img img{ width:100%; display:block; border-radius:8px; height:350px; object-fit:cover; }
.blog_feature_text{ width:46.5% }
.blog_cat{ font-size:16px; color:#35524C; font-weight:500; letter-spacing: 1px; text-transform:uppercase; margin:0px 0 15px; padding:0; text-align:left; }
.blog_badge{ padding:8px 16px; font-size:14px; color:#fff;  background-color: #2A66A1; text-align:center; border-radius:4px; font-weight:500; margin-right:15px; }
.blog_read{ font-size:14px; text-align:left; color:#2A66A1; font-weight:600 }
.blog_feature_text h1{ margin:20px 0; text-align: left; padding: 0; color:#192C39; font-size:44px; font-weight:500; }
.blog_feature_text h1 a{ color:#273C4B; text-decoration:none; }
.blog_feature_text p{ margin:0; text-align: left; padding: 0; color:#1A3630; font-weight: 300; font-size:18px; line-height:34px; }
.pop_art{ margin:100px 0; }
.pop_art ul{ margin:0px; padding:0px; display:flex; align-items:flex-start; justify-content:flex-start; border-top:2px solid #eee; border-bottom:2px solid #eee; }
.pop_art ul li{ width:33.33%; padding:50px 30px; flex-direction: column;
  justify-content: center;
  flex: 1;}
.pop_art ul li:nth-child(1){ padding-left:0 }
.pop_art ul li:nth-child(2){ border-left:2px solid #eee; border-right:2px solid #eee; }
.pop_art ul li h3{ font-size:24px; font-weight:600; text-align:left; color:#273C4B; margin:10px 0 0px; padding: 0px; }
.pop_art ul li h3 a{ color:#192C39; text-decoration:none; }
.new_tips .pop_art ul{ border:0; flex-wrap:wrap; justify-content:space-between; }
.new_tips .pop_art ul li{ border:0; padding:0px; flex: 0 0 auto;
  width: 33.3333333333%; margin-bottom:60px; padding:0px 10px; }
.new_tips .pop_art ul img { border-radius:15px; width:100%; height:250px; object-fit:cover; margin-bottom:20px; }
.blog_pagination{ text-align:center; width:100%; display:flex; justify-content:center; align-content: center; align-items:center; margin-bottom:50px;  }
.pagination_prev_next{ display:flex; justify-content:flex-start; align-items:center; color:#0F3A71; font-weight:600; font-size:16px; }
.pagination_prev_next a{ color:#0F3A71; text-decoration:none; }
.pagination_number ul { margin:0 40px; padding: 0; display:flex; justify-content:flex-start; align-items:center; }
.pagination_number ul li{ border:1px solid #ddd; width: 45px; height: 45px; display:flex; align-items:center; color:#0F3A71; font-weight:600; margin-right:5px; }
.pagination_number ul li a{ display:flex; align-items:center; justify-content: center; width:100%; height: 100%; color:#0F3A71; text-decoration:none;}
.pagination_number ul li.active, .pagination_number ul li.active a{ background-color:#0F3A71; color:#fff; border-color:#0F3A71 }
.pagination_number ul li:nth-child(5){ border:0; color:#0F3A71; text-align:center; display:flex; align-items:center; justify-content:center; }
.ho_blog.bolg_inside{padding:100px 20%; }
.blog_wrap.blog_inside_wrap{ margin-top:-200px; }
.blog_inside_banner img{ border-radius:2px; height:450px; object-fit:cover; }
.blog_inside_content{ display:flex; justify-content:flex-start; align-items:flex-start; }
.blog_share{ width:10% }
.blog_inside_text{ width:90%;  padding-right:100px; }
.blog_inside_text h2{ margin: 50px 0 15px;  padding: 0; color: #192C39; font-size: 44px; font-weight: 500;}
.blog_inside_text p{margin: 0;  padding: 0; color: #192C39; font-size: 16px; line-height: 30px;}
.blog_inside_text img{ width:100%; display:block; border-radius:2px; height: 450px; object-fit: cover; }
.blog_inside_text ol{ margin: 10px 0 20px; padding-left: 15px;}
.blog_inside_text ol li{margin: 0; text-align: left; padding: 0; color: #192C39; font-size: 16px; line-height: 30px; list-style: disc;}
.blog_inside_text h3{ margin: 50px 0 25px;  padding: 0; color: #192C39; font-size: 26px; line-height: 36px; font-weight: 600; border-left: 5px solid #E45F23; padding-left: 20px;}
.sell_box{ border-radius:20px; border: 2px solid #E45F23; margin-top:40px; padding:50px 80px; text-align:center; }
.sell_box img{ width:170px; height:auto; margin:0px auto; }
.sell_box p{ font-size:40px; line-height: 46px; letter-spacing: -2px; text-align:center; color:#192C39; margin:50px 0px 0; padding:0px; font-weight:500; }
.sell_box .step_cards_btn{ height:60px; margin-top:50px; }
.blog_share ul{ margin:50px 0 0px; padding:0; }
.blog_share ul li{ border:2px solid #ddd; border-radius: 5px; width: 60px; height: 60px; margin:0px 0 10px; padding:0; font-size:18px; }
.blog_share ul li a{ width:100%; height:100%; display:flex; color:#000; text-decoration:none; display: flex; justify-content: center; align-items: center; }
.blog_tag{ margin-top: 50px; display:flex; justify-content:flex-start; align-items:center; }
.blog_tag span{ margin-right:10px; border-radius:20px; text-align: center; padding: 6px 12px; background-color:#E9EEF3; color:#0F3A71; font-size:14px; font-weight:500; }
.privacy_content{background-color:#F5F7FA;}
.privacy_content .blog_inside_text{ width:70%; padding:70px 100px 100px 15%; background-color:#fff; }
.privacy_content .blog_inside_text h2{ font-size:38px; }
.table_content{ background-color:#F5F7FA; width:30%; padding:70px; height: 100%}
.table_content ol{ margin: 0px; padding: 0px 0 0 20px; list-style-type:none;}
.table_content ol li{margin: 0 0 5px; text-align: left; padding: 0; color: #192C39; font-size: 16px; line-height: 30px; font-weight: 500}
.table_content ol li a{color: #192C39; }
.progress_range { position: relative; background-color: #dfe4f4; width: 100%; height: 6px; border-radius: 30px;}
.progress_range:before { --width: calc(var(--p) * 1%); content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #E45F23; border-radius: 30px; z-index: 0; -webkit-animation: load 0.5s forwards linear; animation: load 0.5s forwards linear; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-size: 0.7rem 0.7rem;}
.progress_range:after { counter-reset: progress var(--p); color: #000; position: absolute; left: 0; top: 0; z-index: 1;}
.mobile_logo{ display:none; }
.mobile_logo img{ width: 170px; padding: 20px 15px;}
.option_wrap{max-width: 1500px; margin: 0px auto; padding: 80px 0 0 120px;}
.option_two .top_search_sec{ background-color:#e0e3e8 }
.option_two .top_sec_inner{ height: auto; width: 700px; margin: 0; position: static; top:0; }
.option_two .top_sec_inner h1{ color:#192C39; font-weight:400; line-height:80px; text-align:left; }
.option_two .top_sec_inner h1 span{ font-weight:600 }
.option_two .top_sec_inner p{ color:#192C39; text-align: left;}
.option_two .top_search_box{ display:block; width:100%; padding-right:100px; height:100%; }
.option_two .top_search_input{ width:100%; border-radius:3px; height:50px; box-shadow: 0px 0px 23px 0px rgba(62, 124, 186, .3)}
.option_two .top_search_button{ width:100%; margin-top:15px; border-radius:3px; height:50px; }
.option_two .top_sec_bottom{ position: static; margin-top: 40px; width: 50%; background-color: transparent; flex-wrap: wrap; padding: 0;}
.option_two .top_sec_bottom span { color:#192C39;  font-size:14px; }
.option_two .top_sec_bottom .d-flex.justify-content-between.align-items-center{ justify-content:flex-start !important; width: 50%; margin-bottom: 10px;}
.option_two .top_sec_bottom img{ width:16px; }
.option_two .top_search_input img{ width:20px; }
.option_two .search_list{ top:51px; }
.option_two_header .header_top_menubar{ background-color:#0F3A71; }
.option_two_header .header_top_menubar ul li a{ color:#fff; }
.option_two .sell_home_blue{ background-color:#F5F7FA }
.option_two .sell_home_blue .sell_house_step h3, .option_two .sell_home_blue .sell_house_step h3 span{color: #192C39;}
.option_two .trad_card_head{ background-color:#d2d8de }
.option_two .trad_card_list ul{ background-color:#E9EEF3; }
.option_two .trad_card:nth-child(2) .trad_card_list ul{ background-color:#fff }
.option_two_white{ background-color:#fff !important }
.option_two .benfits_sec .sell_home_blue{ background-color: #F5F7FA}
.option_two .fast_cash{ box-shadow:0px -10px 50px #3E7CBA36; }
.option_two .sell_home_blue .sell_house_step h3 em{ font-style:normal; }
.ho_faq .accordion-button:not(.collapsed)::after{ background-image:url(../../assets/images/minus.svg) !important; }
.ho_faq .accordion-button::after{background-image:url(../../assets/images/plus.svg) !important;}
.arrow_msg{ position:absolute; bottom: -100px; right: -92px; display: flex; justify-content: flex-end;}
.arrow_msg img{ width:50px;  }
.arrow_msg span{ color:#fff; font-size:24px; font-style:italic; display: block; padding-top: 30px; padding-left: 10px;}
.border-dot{width: 750px; margin: 0 auto; position: absolute; left: 0; right: 0; z-index: -1; top: 12px;}
.border-dot img{ width:100%; }
.contact_card:last-child{ margin-bottom:0px;}
@-webkit-keyframes load {
  to {
    width: var(--width);
  }
}

@keyframes load {
  to {
    width: var(--width);
  }
}
/*new*/


@media only screen and (max-width: 1400px){
.details_wrap{ width:100% }
.top_progress{ width:80%; margin:0 auto; }
.test_wrap{ width:100%; }
.trad_wrapper{ width:100%; }
.our_wrap{ width:100%; }
.fast_cash_wrap{ width:100%; padding: 0px 50px;}
.footer_wrap{ width:100%; }
.trusted_by_brand{ width:100%; }
.step_cards ul{ width:100% }
.main_wrapper{ width:100%; }
.top_sec_inner h1{ font-size:50px; line-height:50px; }
.top_sec_inner{ top:50px; height:300px; width:100% }
.testimonial{padding: 70px 100px;}
.step_cards{padding: 0 50px 70px;}
.our_expert {padding: 90px 50px;}
.trusted_by .trusted_by_brand{ display:block !important; }
.trusted_by_brand img{ margin: 0 10px; }
.footer_top_box{width: 100%; padding: 0px 50px;}
.main_footer{ padding:70px 50px 20px }
.top_search_sec{ height:600px; }
.how_work{ width:100%; padding:50px 20px; }
.landing_page_top .top_sec_inner{ padding:0px 20px; top:170px; height: 100%; padding-bottom: 60px; width: 100%;}
.top_right .form_box{ padding:20px 30px }
.top_left{ padding-right:30px; }
.top_right{ padding-left:30px; }
.blog_wrap{ padding:50px 30px; }
.option_wrap{ width:100%; max-width:100%; padding:50px; }
.option_two .top_sec_inner h1{ line-height:55px; }
.arrow_msg{ display:none; }
.border-dot{ display:none; }
}



@media only screen and (max-width: 920px){
.menu_icon{ display: inline-block; vertical-align: middle; color: #fff; margin-right: 0px; padding-top: 20px;}
.menu_icon i{ font-size: 30px; color: #000}
.menu_overlay{ position: fixed; top:0px; bottom: 0px; left: 0px; right:0px; background: rgba(0, 0, 0, .9); z-index: 100;}
.show{ display: block;} 
.menu_sec ul{position: fixed; width: 220px; height: 100%; top: 0; right: 0; background-color: #fff; text-align: left; padding-top: 0px; transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform :translateX(100%); transition: all ease-in .3s; z-index: 1000;}
.menu_sec ul li{ width: 100%; display: block; margin: 0 0 10px;}
.menu_sec ul li a svg, .brand_menu ul li a img{ display: inline-block; margin: 0 8px 0 0; vertical-align: middle;}
.menu_sec ul li a{ padding: 8px 15px; text-align:left; color: #000;}
.sidebar_open{ transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; transition: all ease-out .3s; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s;}
.header_sticky .menu_icon{ color: #000;}
#mobile_menu{ display:block;}
.step_progress{ width:40% }
.form_box{ width:60%; padding:40px 30px }
.header_top_menubar, header .menu_sec .header_number { display:none !important; }
.step_cards ul{ display:block; }
.step_cards ul li{ width:100%; margin-bottom:30px; }
.step_cards ul li b{ margin-bottom:20px; }
.trad_wrapper{ display:block; padding: 0 20px;}
.trad_card{ width:50%; margin:0px auto 20px !important; transform:none !important; box-shadow:none !important; }
.trad_card_list ul li{ padding:10px 30px !important; text-align:center; }
.trad_card_head{ text-align:center !important; padding:15px 30px !important; }
.trad_card_head img{ width:150px !important}
.our_wrap .our_inner{ display:block !important; }
.our_expert .sell_house_step{ width:100% }
.our_expert_detail{ width:100%; margin-top:50px; }
.our_expert .sell_house_step h3, .our_expert .sell_house_step h3 span{ text-align:center; }
.our_expert .sell_house_step h3 br{ display:none; }
.fast_cash h5{  padding:0px 10px; font-size:20px; }
.top_sec_bottom{ padding:20px 0; }
.top_sec_bottom .d-flex.justify-content-between.align-items-center{ padding:0 20px; }
.top_sec_bottom span{ font-size:14px; }
.fast_cash_wrap{ display:block; }
.fast_cash{ width:100%; margin-bottom:20px; }
.step_cards_btn{width: 200px; font-size: 14px; height: 60px;}
.rqst_box p{ font-size:20px; }
.rqst_box{ padding: 20px 30px;}
.rqst_box .header_number {padding-top: 40px;}
.footer_right{ width:50% }
.top_banner{ margin-top:70px; }
.contact_wrap{ width:100%; padding:0px 20px; }
.how_steps .step_cards{ padding:0 }
.how_steps .step_cards ul li .step_card_details img{ height:180px; }
.how_steps .step_cards ul li{ padding:30px 40px }
.top_left { padding-right:50px; }
.ready_sell .text-40.wt500.color_18191A{ font-size:30px !important; }
.blog_feature_text h1{ font-size:30px; }
.new_tips .pop_art ul img{ height:180px; }
.pop_art ul li h3{ font-size:20px; }
.ho_blog.bolg_inside { padding: 70px 70px;}
.privacy_content .blog_inside_text{ padding:30px; width:60% }
.table_content{ width:40%; padding:30px }
.privacy_content .blog_inside_text h2{ font-size:24px; }
.privacy_content .blog_inside_text p{ font-size:14px; }
.top_banner.ho_blog.privacy_banner{ background-position:0 0 !important; height:200px !important; }
.option_wrap{ padding:0 30px; }
.option_two .top_sec_bottom{ width:100% }
.option_two .top_sec_inner{ width:100% }
.landing_page_top .top_sec_inner h1{ font-size:45px; line-height:55px; }
.landing_page_top .top_sec_inner{ top:120px; }
.top_right{ padding-left:0 }
}



@media only screen and (max-width: 600px){
.main_wrapper{ padding: 0 20px;}
.header_sticky{ padding: 15px 20px 0;}
.property_img{ width:100% }
.range{ width:100% }
.other_images .property_img{ width:29%; height:80px }
.qest_heading{ font-size:24px }
.qest_sub_heading{ font-size:14px }
.answer_tag, .cont_input input, .cont_input select{ font-size:12px; padding:6px 20px; text-align:left; }
.cont_input input, .cont_input select{ min-width:200px; }
.logo_sec img{ width:150px; margin:0 }
.top_sec_inner h1{ font-size:32px; letter-spacing:-1px; line-height:42px; }
.top_sec_inner p{ font-size:14px;line-height: 20px; margin-bottom:20px; }
.top_sec_inner p br{ display:none; }
.top_search_sec .top_sec_bottom{ flex-wrap: wrap; justify-content: flex-start !important; }
.top_sec_bottom .d-flex.justify-content-between.align-items-center{ justify-content:flex-start !important; width: 50%;}
.top_sec_bottom span{ font-size:12px; }
.top_sec_bottom img{ width:14px;}
.top_sec_inner{ padding:90px 20px 0; height:100% }
.top_search_sec { height: 550px;}
.top_search_input img{ width:18px; }
.top_search_box{ display:block; height:48px; }
.top_search_input input{ padding:0; width:100%; font-size:14px; }
.top_search_input{ width:100%; border-radius:5px !important }
.top_search_button{ width:100%; border-radius: 5px; margin-top: 5px;}
.search_list{ top:50px }
.search_list p{ padding:6px 20px; }
.carousel-control-next, .carousel-control-prev{ width:10%;}
.testimonial{ padding:20px 0px; }
.testimonial p{ font-size:14px; line-height:20px; margin-top: 10px; margin-bottom: 20px; padding-left:0px; padding-right:0px;}
.carousel-control-next-icon, .carousel-control-prev-icon{ width:1.5rem !important; height:1.5rem !important }
.test_coma img{ width:10px; }
.test_user_text h4{ font-size:14px; }
.test_user_img img{ width:50px; }
.testimonial p{ font-size: 14px; margin-top: 10px; line-height: 22px; }
.sell_house_step{ padding:30px 0; }
.sell_house_step span:first-child{ font-size:14px; margin-bottom:10px; }
.sell_house_step h3{ font-size:30px; letter-spacing:-1.5px; line-height: 34px !important;}
.step_cards{ padding:0px 0 30px; }
.step_cards ul li .step_card_details img{ height:180px }
.step_cards ul li .step_card_details h4 {font-size: 18px; line-height: 24px; }
.step_cards ul li .step_card_details p{ font-size:14px; line-height:20px; padding-bottom:20px; }
.step_cards_btn{ margin-top:20px; }
.trad_card { width:100% }
.trad_card_head {padding: 10px 30px !important; font-size: 18px;}
.trad_card_list ul li { padding: 8px 30px !important; font-size: 14px;}
.sell_home_blue{ padding-bottom:30px; }
.our_expert{ padding:30px 20px; display:block !important; }
.our_expert_detail{ padding-left:0; margin-top:30px; }
.our_expert_box{ padding-right:0; width:100%; margin-bottom:20px; }
.our_check_text h5{ font-size:18px; }
.our_check_text p{ font-size:14px; }
.our_check_icon img{ width:18px; }
.fast_cash img{ width:30px; }
.fast_cash h5{ font-size:18px; margin-bottom: 10px;}
.fast_cash p{ font-size:14px; }
.trusted_by_brand img {width: 70px; height: auto;}
.footer_top_box{ display:block; padding:0 20px; }
.rqst_box{ width:100%; margin-top:20px; }
.rqst_box { padding: 10px 20px;}
.rqst_box p{ font-size:20px; line-height:26px; }
.rqst_box .step_cards_btn{ margin-top:20px 0 0; }
.step_cards_btn { width: 200px; font-size: 12px; height: 44px; padding: 0;}

.rqst_box{border-radius: 15px; margin-top:0px; margin-bottom:15px;}
.rqst_box .header_number{ padding-top:20px; }
.rqst_box.rt_bg_img, .rqst_box.rt_bg_img2{ background-size:100px; justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;}
	.rqst_box p{ text-align:center;}
.for_top_box_show .main_footer{ padding: 160px 25px 20px; }
.footer_top_box{ margin-bottom:-100px: }
.footer_wrap .d-flex.justify-content-between.align-items-start{ display:block !important; }
.footer_left{ width:100%; text-align:center; }
.footer_left p{ text-align:center;}
.footer_right{ width:100%; margin-top:30px; display: flex;    flex-direction: column;}
.footer_right .footer_links{ width:100%; margin: 0 0 15px;}
.footer_right .footer_links:last-child{ margin-bottom:0px;}
.footer_links h4{ margin-bottom:10px; text-align:center;}
.footer_right .footer_links ul {
  display: flex;
  flex-wrap: wrap; 
  row-gap: 8px;  
  column-gap: 16px; 
  list-style-type:none;
  list-style: none;  
  margin: 0 0;  
  padding: 0; justify-content: center;
}

.footer_right .footer_links ul li { margin:0px;
}

.copy_right{ margin-top:20px;text-align:center; }
.footer_left p br{ display:none; }
.footer_left img{ width:100px;  }
header .main_wrapper{ display:flex;}
.logo_sec{ padding:10px 0; width:60%; }
.menu_sec{ width:40%;justify-content: end;
    align-items: center;
    display: flex;}
.menu_icon i{ font-size:32px; color: #646262;}
.menu_icon{ padding:6px; }
.logo_sec img{ width:180px; }
.test_user_text p{ margin:0; padding:0; }
.mobile_logo{ display:block; }
.menu_sec ul li a { padding: 8px 15px 8px 25px; font-size: 14px;}
.top_banner{ height:200px; }
.top_banner h1{ font-size:40px; }
.contact_card{ padding:30px 20px }
.contact_icon img{ width:40px; }
.contact_text h2{ font-size:18px; }
.contact_text p, .contact_text a{ font-size:14px; line-height: 22px;}
.how_work h1{ font-size:20px !important }
.ho_faq .accordion-button{ font-size:16px !important; }
.main_footer {padding: 30px 30px 20px;}
.how_steps .step_cards ul li .step_card_details{ display:block; }
.how_steps .step_cards ul li {padding: 25px 20px;}
.how_steps .step_cards ul li .step_card_details img {width: 100%;}
.how_steps .how_step_text{ width:100%; padding:0 }
.how_steps .step_cards ul li .step_card_details h4{ padding:15px 0; }
.how_steps .step_cards ul li .step_card_details h4 br{ display:none; }
.how_steps .step_cards ul li .step_card_details p{ padding:0 }
.landing_page_top .top_sec_inner{ display:block; }
.top_left{ width:100%; padding-right:0 }
.landing_page_top .top_sec_inner h1{ font-size:30px; line-height:32px; }
.top_right{ width:100% }
.top_right .form_box{ padding:10px 20px 20px; }
.top_right .form_details{ margin-bottom:10px; }
.top_right label.label_st{ font-size:12px; }
.top_right .form_value input, .top_right .form_value select, .top_right .form_value textarea{ height:34px; padding: 0px 10px }
.top_right .cont_btn{ height:34px; font-size:12px; padding:6px; }
.landing_page_top .top_search_sec{ height:650px; }
.ready_sell .d-flex.justify-content-between.align-items-center.ps-5{ display:block !important; padding:0 !important }
.ready_sell .text-40.wt500.color_18191A{ font-size: 20px !important; margin-bottom: 20px; text-align:center !important; }
.landing_page_steps.step_cards ul li b{ top:166px; }
.form_sec h1{ font-size:28px; }
.form_sec{ margin-top:30px; padding-bottom:0; }
.step_progress{ display:none; }
.form_box{ width:100% }
.form_sec .details_wrap{ margin-bottom:0px; padding-bottom:35px;}
label.label_st{ font-size:16px; }
.form_value input, .form_value select, .form_value textarea{ font-size:16px; height:46px; }
.form_details{ margin-bottom:20px }
.plus_minus{ width:20px; height:20px; font-size:18px; margin-top:-10px; }
.plus_minus_wrap{ top:10px; }
.radio-btn-group .radio_wrap label{ font-size:16px; padding:6px 20px; }
.form_box .form_btns{ display:flex !important; }
.form_box .form_btns.mT50{ margin-top:0px; }
.form_box .form_btns .text-right{ text-align:center; }
.form_box .form_btns .text-right .cont_btn{ font-size:14px; padding:6px 20px; width: 100%; margin-top:20px; }
.form_box .form_btns .text-left{ text-align:center; }
.form_box .form_btns .text-left .cont_btn{ font-size:14px; padding:6px 20px; width: 100%; margin-top:20px; }
.top_banner.ho_blog{ height:200px !important; padding:50px; margin-top:50px; }
.blog_feature{ display:block; }
.blog_feature_img{ width:100%; }
.blog_feature_text{ width:100%; }
.blog_cat{ font-size:14px; }
.blog_feature_img img{ height:200px; margin-bottom:20px; }
.blog_feature_text h1 { font-size: 24px; margin-bottom: 15px;}
.blog_feature_text p{ font-size:14px; line-height:22px; }
.pop_art{ margin:50px 0 }
.pop_art ul{ display:block; }
.pop_art ul li{ width:100%; padding:15px 0px !important; }
.pop_art ul li:nth-child(2){border:0; border-top: 2px solid #eee; border-bottom: 2px solid #eee;}
.pop_art ul li h3 { font-size: 16px;}
.new_tips .pop_art ul li{ width:100%; border:0 !important; padding:0 !important; margin-bottom:30px; }
.pagination_number ul li{ font-size:10px; width:25px; height:25px; }
.pagination_prev_next { font-size:12px; width:15%; }
.blog_pagination{ flex-wrap:wrap; margin: 0}
.pagination_number{ width:70% }
.pagination_number ul{ margin:0px 0px 0 20px; }
.blog_wrap.blog_inside_wrap{ margin-top:0 }
.ho_blog.bolg_inside { padding:50px 20px !important;}
.ho_blog.bolg_inside h1{ font-size:24px; }
.ho_blog.bolg_inside p.d-flex.justify-content-start.align-items-center.mt-4{ font-size:12px; }
.ho_blog.bolg_inside p.d-flex.justify-content-start.align-items-center.mt-4 img{ width:20px; margin-right:5px; }
.blog_inside_banner img{ height:250px; }
.blog_inside_text{ padding-left:20px; padding-right:0 }
.blog_share ul li{ font-size:14px; width:30px; height:30px; }
.blog_inside_text h2{ font-size:24px; margin-top:30px; }
.blog_inside_text p{ font-size:14px; line-height:22px; margin-bottom: 12px;}
.blog_share ul{ margin-top:30px; }
.sell_box{ border-width:1px; }
.blog_inside_text .sell_box img{ height:auto !important; width:150px; }
.blog_inside_text .sell_box{ padding:30px }
.blog_inside_text .sell_box p{ font-size:24px; line-height:30px; letter-spacing:-1.5px; }
.blog_inside_text .sell_box .step_cards_btn{ height:40px; padding:6px; }
.blog_inside_text ol li{ font-size:14px; line-height:22px; }
.blog_inside_text h3{ font-size:20px; padding-left:10px; border-width:3px; }
.blog_tag{ display:block; }
.blog_tag span{ font-size: 12px; display:inline-block; margin:0px 5px 10px 0 }
.privacy_content .blog_inside_text{ padding:30px 20px; width:100% }
.table_content{ display:none; }
.privacy_content .blog_inside_text h2{ font-size:20px; }
.privacy_content .blog_inside_text p.fs-4{ font-size:14px !important; line-height:22px !important; }
.form_box .two_col{ display:block !important; }
.form_box .form_details.w-47{ width:100%; }
.option_two .top_sec_inner{ width:100%; padding: 0}
.option_two .top_search_sec{ padding:90px 0 30px; height:auto; }
.option_two .top_sec_inner h1{  font-size:30px; line-height:40px; }
.option_two .top_search_box{ padding:0 }
.option_two .top_search_input{ height:40px; padding:0 10px }
.option_two .top_search_button{ height:40px; margin-top:5px; }
.option_two .search_list{ top:41px; }
.option_two .top_sec_bottom span{ font-size:12px; }
.landing_page_top .top_sec_inner{ top:170px; }
}

.button-content {
	display: inline-block;
}
.loading-dots {
	display: none;
}
.btn-loading-dots{ display:block;}
.btn-loading-dots span,
.loading-dots span {
	display: inline-block;
	margin-left: 2px;
	font-size: 28px;
	animation: blink 1s infinite;
}
.loading-dots span:nth-child(2), .btn-loading-dots span:nth-child(2) {
	animation-delay: 0.2s;
}
.loading-dots span:nth-child(3), .btn-loading-dots span:nth-child(3) {
	animation-delay: 0.4s;
}
@keyframes blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

#confirmationSection{ display:none;}
#confirmationSection.active{ display:block;}
#questionSection{ display:none;}
#questionSection.active{ display:block;}

.displayProperty{display: flex;  flex-direction: row; gap:30px;}
.displayProperty > div{ display: flex;
  justify-content: center;
  align-items: center;}
.propertyInfo{ display:block; width:100%;}


.condition-slider-container {
      width: 100%;
      position: relative;
      padding-top: 30px;
    }
    
    .condition-labels {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
      position: absolute;
      top: 0;
      width: 100%;
    }
    
    .condition-label {
      font-size: 14px;
      color: #004080;
      font-weight: 500;
      text-align: center;
    }
    
    .condition-track {
      height: 8px;
      background-color: #e0e0e0;
      border-radius: 4px;
      position: relative;
    }
    
    .condition-track-filled {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #004080;
      border-radius: 4px;
    }
    
    .condition-slider {
      width: 100%;
      -webkit-appearance: none;
      appearance: none;
      height: 8px;
      background: transparent;
      margin: 0;
      position: absolute;
      top: 30px;
      left: 0;
      pointer-events: auto;
    }
    
    .condition-slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: white;
      border: 3px solid #004080;
      cursor: pointer;
      margin-top: -6px;
    }
    
    .condition-slider::-moz-range-thumb {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: white;
      border: 2px solid #004080;
      cursor: pointer;
    }
    
    .condition-slider:focus {
      outline: none;
    }
    
    /* Hide original track for better cross-browser support */
    .condition-slider::-webkit-slider-runnable-track {
      background: transparent;
      height: 8px;
    }
    
    .condition-slider::-moz-range-track {
      background: transparent;
      height: 8px;
    }
	
	
.form_details {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}
.form_details > *{ width: 100%;
  max-width: 100%;}
.form_details .question_block.w-47{flex: 0 0 auto;
  width: 48%; }
  
 .question_block .area_box{ display:block; width:100%; margin-bottom:25px;}
 
 
 .carousel.pointer-event{ max-width:1366px; margin:auto;}
 .t-bg{background-color: #F5F7FA;}
 
 .elementor-element ul{ padding:inherit; margin:inherit; list-style-type: decimal; padding-left: 15px;}
 .elementor-element ul li{ color:#192C39; padding:inherit; margin:inherit; list-style-type: decimal; font-size:16px; line-height:26px; margin-bottom:0px; margin-top:10px;}
 .elementor-element ul li ul, .elementor-element ul li ol{list-style-type:disc; }
 .elementor-element ul li ul li, .elementor-element ul li ol li{ list-style-type:disc; font-size:14px; line-height:24px; padding:inherit; margin:inherit; margin-bottom:0px; margin-top:10px; }
 .elementor-element h1, .elementor-element h2, .elementor-element h3, .elementor-element h4, .elementor-element h5, .elementor-element h6{margin: 30px 0 20px;}
 .ho_blog h1{ color:#fff !important;}
 
 
 .blog_inside_text h1,
.blog_inside_text h2,
.blog_inside_text h3,
.blog_inside_text h4,
.blog_inside_text h5,
.blog_inside_text h6 {
  scroll-margin-top: 120px; /* 120px header + 10px buffer */
}
.propertyImage{ width:100%;}

.loadingSkeleton {
    background: linear-gradient(90deg, #e0e0e0 25%, #f2f2f2 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 8px;
  }

  .imageSkeleton {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
  }

  .textSkeleton {
    height: 20px;
    width: 100%;
  }

  @keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }


    .video-blog{padding-top:70px; padding-bottom:70px;  background-color:#f8f9fd;}
    .testimonial-container {
      max-width: 1200px;
      margin: 0px auto; 
	  
      display: flex;
      flex-direction: column;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      border-radius: 12px;
      overflow: hidden;
	  
    }

    .testimonial-wrapper {
      display: flex;
      flex-direction: row;
      min-height: 400px;
    }

    /* Responsive breakpoints */
    @media (max-width: 992px) {
      .testimonial-wrapper {
        min-height: 350px;
      }
    }

    @media (max-width: 768px) {
      .testimonial-wrapper {
        flex-direction: column;
        min-height: auto;
      }
      
      .video-section, .quote-section {
        width: 100%;
      }
      
      .video-section {
        height: 300px;
      }
    }

    @media (max-width: 600px) {
      .testimonial-container {
        margin: 0px auto;
        border-radius: 8px; padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:20px;
      }
      
      .video-section {
        height: 250px;
      }
      
      .quote-section {
        padding: 20px;
		border-radius: 0px 0px 15px 15px;
      }
      
      .quote-text {
        font-size: 16px !important;
      }
      
      .quote-author {
        font-size: 14px !important;
      }
      
      .play-icon {
        width: 60px !important;
        height: 60px !important;
      }
      
      .autoplay-badge {
        font-size: 12px;
        padding: 8px 12px;
      }
	   .step_cards ul li b {
    margin-bottom: -18px;
    position: relative;
    z-index: 99; width: 44px;
  height: 44px;
  }
  .top_sec_bottom .d-flex.justify-content-between.align-items-center {
    padding: 0 10px;
  }
  .top_sec_bottom span{ font-size:14px; line-height:20px; }
  .top_sec_bottom .d-flex.justify-content-between.align-items-center{ }
  .top_sec_bottom .d-flex.justify-content-between.align-items-center > :nth-child(1) {
 margin-bottom:8px;
}

.top_sec_bottom .d-flex.justify-content-between.align-items-center > :nth-child(2) {
  margin-bottom:8px;
}
  #questionView .question_block:last-child .area_box{ margin-bottom:0px;}
  .form_details{ margin-bottom:20px;}
    }

    .video-section {
      position: relative;
      flex: 1;
      background-color: #000;
      overflow: hidden;
    }

    .video-section video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .play-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; 
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 5;
      transition: opacity 0.3s ease;
    }

    .play-overlay.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .play-icon {
      width: 80px;
      height: 80px;
      background-color: rgba(232, 93, 36, 0.8);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: transform 0.3s ease;
    }

    .play-icon:hover {
      transform: scale(1.1);
    }

    .play-icon svg {
      width: 130px;
      height: 130px;
      fill: white; 
    }

    .autoplay-badge {
      position: absolute;
      top: 20px;
      left: 20px;
      background-color: #e85d24;
      color: white;
      padding: 10px 15px;
      border-radius: 5px;
      font-weight: bold;
      z-index: 10;
      animation: pulse 2s infinite;
    }
	
@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.video-section {
  opacity: 0;
  animation: fadeSlideUp 0.8s ease forwards;
  animation-play-state: paused;
}

.quote-section .quote-text, .quote-section .quote-author{
  opacity: 0;
  animation: fadeSlideUp 0.8s ease 0.1s forwards;
  animation-play-state: paused;
}

.testimonial-container.visible .video-section,
.testimonial-container.visible .quote-section  .quote-author, .testimonial-container.visible .quote-section  .quote-text {
  animation-play-state: running;
}

    @keyframes pulse {
      0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(232, 93, 36, 0.7);
      }
      70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(232, 93, 36, 0);
      }
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(232, 93, 36, 0);
      }
    }

    .quote-section {
      flex: 1;
      background-color: #e85d24;
      color: white;
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
	  max-width:460px;
    }

    .quote-text {
      font-size: 22px;
      line-height: 1.5;
      margin-bottom: 30px;
      position: relative;
    }



    .quote-author {
      font-size: 20px;
      font-weight: bold;
      align-self: flex-end;
    }
	
	
.error-message-area span.err{ display:block; width:100%; margin-bottom:10px; text-align:center; font-size:18px; font-weight:600; line-height:16px; color:#C30; padding:12px 16px; border:1px solid #FF9194; background-color:#FFF0F1; }	
input[type=text].error, input[type=email].error, input[type=number].error, input[type=date].error, select.error{ border:1px solid #C30;}


.slidecontainer {
  width: 100%;
}

 
.section_thanks h1{ text-align:center; margin-bottom:25px;}
.section_thanks p{ text-align:center; margin-bottom:15px; font-size:20px;}
.section_thanks p:last-child{ margin-bottom:0px;}
.thanks-wraper{ display:block; width:100%; max-width:600px; background-color:#fff; border-radius:15px; padding:35px; margin:25px auto; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);}

.propertyImage{display: flex;
    width: 100%;
    min-height: 280px;
    text-align: center;
    justify-content: center;
    align-items: center; 
    border-radius: 4px;}

@media only screen and (max-width: 768px){
	.displayProperty{flex-direction: column;}
	.propertyInfo{ padding-top:15px; padding-bottom:20px;}
	.propertyInfo .cont_btn{ height:34px; font-size:12px; padding:6px; }
	.form_box{padding: 30px 20px;}
}

/* Base styles */
.step_cards li {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.step_cards li b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f0f0f0;
}

.border-dot {
  width: 0; 
  z-index: 0;
}
.step_cards li .step_card_details {
  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
  cursor: pointer;
}

.step_cards li:hover .step_card_details {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: scale(1.08);
}
/* Animation keyframes */
@keyframes stepCardAppear {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  70% {
    transform: translateY(0) scale(1.03);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes numberPulse {
  0% {
    transform: scale(1);
    background-color: #f0f0f0;
  }
  60% {
    transform: scale(1.3);
    background-color: #e85d24;
  }
  100% {
    transform: scale(1);
    background-color: #e85d24;
  }
}

@keyframes drawLine {
  from {
    width: 0;
  }
  to {
    width: 750px;
  }
}

/* Combined animations */
.step_cards.animate .border-dot {
  animation: drawLine 1.5s ease-out forwards;
}

.step_cards.animate li:nth-child(1) {
  animation: stepCardAppear 0.6s ease-out forwards;
}

.step_cards.animate li:nth-child(2) {
  animation: stepCardAppear 0.6s ease-out 0.2s forwards;
}

.step_cards.animate li:nth-child(3) {
  animation: stepCardAppear 0.6s ease-out 0.4s forwards;
}

.step_cards.animate li:nth-child(1) b {
  animation: numberPulse 0.5s ease 0.3s forwards;
}

.step_cards.animate li:nth-child(2) b {
  animation: numberPulse 0.5s ease 0.5s forwards;
}

.step_cards.animate li:nth-child(3) b {
  animation: numberPulse 0.5s ease 0.7s forwards;
}


/* Base styles for the comparison cards */
.trad_wrapper {
  position: relative;
  perspective: 1000px;
}

.trad_card {
  opacity: 0;
  transform-origin: center center;
  transition: all 0.5s ease-in-out;
}

/* Middle card initially visible */
.trad_card:nth-child(2) {
  opacity: 1;
  z-index: 3;
  position: relative;
}

/* Side cards initially hidden behind the middle card */
.trad_card:nth-child(1) {
  transform: translateX(30%) scale(0.9);
  z-index: 1;
}

.trad_card:nth-child(3) {
  transform: translateX(-30%) scale(0.9);
  z-index: 1;
}

/* Animation class added by JavaScript when section is in viewport */
.trad_wrapper.animate .trad_card {
  opacity: 1;
}

.trad_wrapper.animate .trad_card:nth-child(1) {
  transform: translateX(0) scale(1);
  transition-delay: 0.2s;
}

.trad_wrapper.animate .trad_card:nth-child(3) {
  transform: translateX(0) scale(1);
  transition-delay: 0.2s;
}

/* Optional shadow for depth effect */
.trad_wrapper.animate .trad_card {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Initial state for the text */
.our_expert_box {
  opacity: 0;
  transform: translateY(20px);
}

/* When .our_expert gets the 'visible' class, animate each box with a staggered delay */
.our_expert.visible .our_expert_box:nth-child(1)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0s; }
.our_expert.visible .our_expert_box:nth-child(2)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.1s; }
.our_expert.visible .our_expert_box:nth-child(3)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.2s; }
.our_expert.visible .our_expert_box:nth-child(4)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.3s; }
.our_expert.visible .our_expert_box:nth-child(5)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.4s; }
.our_expert.visible .our_expert_box:nth-child(6)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.5s; }
.our_expert.visible .our_expert_box:nth-child(7)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.6s; }
.our_expert.visible .our_expert_box:nth-child(8)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.7s; }
.our_expert.visible .our_expert_box:nth-child(9)  { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.8s; }
.our_expert.visible .our_expert_box:nth-child(10) { animation: fadeInUp 0.5s ease forwards; animation-delay: 0.9s; }
.our_expert.visible .our_expert_box:nth-child(11) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.0s; }
.our_expert.visible .our_expert_box:nth-child(12) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.1s; }
.our_expert.visible .our_expert_box:nth-child(13) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.2s; }
.our_expert.visible .our_expert_box:nth-child(14) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.3s; }
.our_expert.visible .our_expert_box:nth-child(15) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.4s; }
.our_expert.visible .our_expert_box:nth-child(16) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.5s; }
.our_expert.visible .our_expert_box:nth-child(17) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.6s; }
.our_expert.visible .our_expert_box:nth-child(18) { animation: fadeInUp 0.5s ease forwards; animation-delay: 1.7s; }

/* Initial state for each box */
.benfits_sec .fast_cash {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.3s ease; /* For smooth hover scaling */
}

/* When the section becomes visible, animate each box with staggered delays */
.benfits_sec.visible .fast_cash {
  animation: fadeSlideUp 0.6s ease forwards;
}

/* Stagger each box using nth-child */
.benfits_sec.visible .fast_cash:nth-child(1) {
  animation-delay: 0s;
}
.benfits_sec.visible .fast_cash:nth-child(2) {
  animation-delay: 0.2s;
}
.benfits_sec.visible .fast_cash:nth-child(3) {
  animation-delay: 0.4s;
}

/* Smooth zoom effect on hover */
.benfits_sec .fast_cash:hover {
  transform: scale(1.05);
}


.clear-input {
  font-size: 16px;
  color: #999;
  user-select: none;
}

.clear-input:hover {
  color: #333;
}


/*..........Form Page..................*/

body.template-page-seller-lead{background-color: #F5F7FA !important;}
.form-header {
  display: block;
  width: 100%;
  box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.1);
  background-color:#fff;
}

.form-footer {
  display: block;
  width: 100%;
  padding: 16px 0;
}

.form-header .container,
.form-footer .container,
.form-nav .container,
.form-section .container {
  display: block;
  width: 100%;
  max-width: 1366px;
}

.form-footer{margin-bottom:80px;}
.form-footer h6{ text-align:center; font-size:13px; line-height:16px; color:#636363; font-weight:normal;}
.form-footer h6 a{ color:#363636;}

.form-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #fff;
  width: 100%; 
}
.form-nav .container .col{ padding-top:10px; padding-bottom:10px;}

.form-nav .progressBar {
  height: 5px;
  background-color: #efefef;
  margin: 0;
  padding: 0;
}

.form-nav .progressBar span {
  display: block;
  height: 5px;
  background-color: #339;
  width: 30%;
}

.form-nav .nav-row{ display:none;}
.form-nav .nav-row.active{ display:flex;}

.form-nav .col{display: flex; align-items: center;}
.form-nav .col-left{ text-align:left; justify-content: flex-start;}
.form-nav .col-right{ text-align:right; justify-content: flex-end;}
.form-nav .progressBar {
  /* Provide a default if nothing is set inline */
  --p: 0;  
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #dfe4f4;
  border-radius: 30px;
  overflow: hidden;
}

.form-nav .progressBar span {
  display: block;
  height: 100%;
  width: calc(var(--p) * 1%);
  background-color: #E45F23;
  transition: width 0.3s ease;
}


.form-section .row .col{ padding-top:35px; padding-bottom:35px;}
.form-section.form-confirmation-section .col.col-left{ max-width:800px;}
.form-section.form-question-section .col.col-left{ max-width:360px;}
.form-section.form-question-section .col.col-left .step_progress{ width:100%;}
.form-section .questionView{ padding:35px; background-color:#fff; border:1px solid #efefef; min-height:100%; border-radius:12px;}
.form-section .propertyInfo{ padding:35px; background-color:#fff; border:1px solid #efefef; min-height:100%; border-radius:12px; }
.form-section .propertyInfo p{ font-size:18px; line-height:24px; margin-bottom:5px;}
.form-section h2{ font-size:24px; line-height:34px; margin-top:0px; margin-bottom:20px; font-weight:800; margin-top:0px;}
.form-section .propertyImage{  background-color:#fff; border:1px solid #efefef; border-radius:12px;}

.questionView .question_block:last-child .area_box{ margin-bottom:0px !important;}
.form-confirmation-section .container, .form-question-section .container{ min-height: calc(100vh - 220px); align-items: center;}
.form-confirmation-section .container .row, .form-question-section .container .row{  }
 
.offer-start .container{display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 160px); }

.offer-start .container h1{ text-align:center;}
.offer-start .container p{ text-align:center;}
.offer-start .container .row{ width:100%; max-width:900px; }
.offer-start .top_search_box{ margin-top:45px;}

.checkbox_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0px;
  font-size: 16px;
  line-height: 1.4;
}

.form_value input[type="checkbox"]{ width:24px; height:24px;}
.checkbox_wrap input[type="checkbox"] {
  margin-top: 0px; 
  cursor: pointer;width: 34px; max-width: 34px; height:34px; box-shadow: 0 0 0 3px #000;
}
.checkbox_wrap input[type="checkbox"]:checked { box-shadow: 0 0 0 0px #000;}

.checkbox_wrap label {
  flex: 1;
  cursor: pointer;
}

/* Progress bar container */
.catProgress {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	width: 280px;
}

/* The vertical line */
.catProgress::before {
	content: '';
	position: absolute;
	top: 0;
	left: 11px;
	height: 100%;
	width: 8px;
	background-color: #ccc;
	z-index: 1;
}

/* Progress line (green part) */
.catProgress::after {
	content: '';
	position: absolute;
	top: 0;
	left: 11px;
	height: 0; /* Will be updated by JS or class */
	width: 8px;
	background-color: #098766;
	z-index: 2;
	transition: height 0.3s ease;
}

/* Progress steps */
.catProgress li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 25px;
	z-index: 3;
}

/* Circle for each step */
.catProgress li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #ccc;
	z-index: 3;
}

/* Step text */
.catProgress li span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;transition: all 0.3s ease;
}
.catProgress li:hover span{ padding-left:5px; color:#cc531c;} 

/* Active step */
.catProgress li.active::before {
	border-color: #098766;
	background-color: #fff;
}

/* Completed steps */
.catProgress li.done::before {
	border-color: #098766;
	background-color: #098766;
}

.catProgress li:hover::before {
  border-color: #cc531c; 
}
.catProgress li.active:hover::before {
  border-color: #cc531c; 
}
.catProgress li.done:hover::before {
  border-color: #cc531c;
  background-color: #cc531c;
}

/* Dot inside completed circles */
.catProgress li.done::after {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	z-index: 4;
}

/* Update green progress line height based on active/done items */
.catProgress.step-1::after { height: 0px; }
.catProgress.step-2::after { height: 0px; }
.catProgress.step-3::after { height: 55px; }
.catProgress.step-4::after { height: 110px; }
.catProgress.step-5::after { height: 165px; }
.catProgress.step-6::after { height: 225px; }

#prev-question{ background-color:transparent; border-color:transparent; color:#636363 !important; border:1px solid #636363;  }
#prev-question:hover{background-color:transparent; border-color:transparent; border-color:#000;  background-color:#000  !important; color:#fff !important;} 

.form_value .clear-input{ cursor:pointer; position:absolute; right:0px; width:42px; height:42px; justify-content: center; top: 50%; color:#969696;   display: none; align-items: center; transform: translateY(-50%); font-size:20px; }
.form_value:focus-within .clear-input, .form_value:hover .clear-input {
  display: flex;
}
.form_value .clear-input:hover{ color:#000;}
.area_box_radio .label_st{ margin: 0px 0 15px; }

.range-value-box {
  position: relative;
  width: 100%;
  margin-top: 42px;
}
.range-value-box p{ margin-top:10px; font-size:20px;}
.rangeVal {
  position: absolute;
  top: -38px;
  background: #fff;
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 20px;
  transform: translateX(-50%);
  pointer-events: none;
}
.range-value-box .rangeNumberInput{ margin:25px 0px 0px; width: 280px; text-align:center;}
.inline-erroe{ color:#C33; font-size:13px; padding-left:10px;}
@media (max-width: 600px){
	.inline-erroe{ display:block; padding-left:  0px;}
	.form-header .container .row .col{justify-content: center;   display: flex; align-items: center;}
	.form-header .container .row .col.col-logo{ max-width:160px;}
	.form-header .container .row .col.col-logo img{ max-width:100%;}
	.form-header .container .row .col .header_number .text-16{ display:none; }
	.form-section .row{flex-direction: column; }
	.form-section .row .col{ width:100% !important; max-width:100% !important; }
	.form-section .questionView{ padding:16px;}
	.checkbox_wrap input[type="checkbox"]{ max-width:18px;width:18px;}
	.checkbox_wrap label { font-size: 12px; }
	.form_details{ margin-bottom:0px;}
	label.label_st{ font-size:16px; font-weight: 500;}
	.question_block .area_box{ margin-bottom:18px;}
	.form-nav .cont_btn{ padding: 8px 20px;  font-size: 16px;}
	.form-footer h6{ font-size:12px;}
	#questionSection .col-left{ display:none !important; }
	.area_box_radio .label_st{ margin-bottom:15px;}
	.form_details .question_block.w-47{ width:100%;}
}
/* Mobile responsive styles */

@media (max-width: 768px) {
	
	
	
	.catProgress {
		display: flex;
		width: 100%;
		margin: 30px 0;
	}
	
	.catProgress::before {
		top: 15px;
		left: 0;
		height: 2px;
		width: 100%;
	}
	
	.catProgress::after {
		top: 15px;
		left: 0;
		height: 2px;
		width: 0; /* Will be updated by JS or class */
	}
	
	.catProgress li {
		flex: 1;
		padding-left: 0;
		padding-top: 40px;
		text-align: center;
		margin-bottom: 0;
	}
	
	.catProgress li::before {
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	
	.catProgress li.done::after {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.catProgress li span {
		display: block;
		font-weight: bold;
		font-size: 12px;
	}
	
	/* Update green progress line width based on active/done items */
	.catProgress.step-1::after { width: 0%; }
.catProgress.step-2::after { width: 20%; }
.catProgress.step-3::after { width: 40%; }
.catProgress.step-4::after { width: 60%; }
.catProgress.step-5::after { width: 80%; }
.catProgress.step-6::after { width: 100%; }
}

.date-picker .clear-input, .time-picker .clear-input{ display:none !important;}

 

/* Basic range reset */
.form_value .range-slider {
  -webkit-appearance: none; 
  width: 100%;           
  height: 16px !important;           /* track thickness */
  border-radius: 4px;     
  outline: none;          
  margin: 6px 0; 
  border-radius:8px !important;         
  background-color: #ddd; /* fallback color for unfilled portion */
  border: 1px solid #B1B5C8;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: opacity .2s; 
  padding:0px !important;
}
.range-slider:hover, .range-slider:focus {
  opacity: 1;
  border: 1px solid #B1B5C8 !important;
}

/* The "thumb" (draggable handle) in Chrome/Safari/Edge */
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 26px;
  background: #cc531c;        /* handle color */
  border-radius: 4px;
  border: 1px solid #cc531c;  
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  cursor: pointer;
}

/* For Firefox, you need :-moz prefixes */
.range-slider::-moz-range-thumb {
  width: 20px;
  height: 26px;
  background: #cc531c;
  border-radius: 4px;
  border: 1px solid #cc531c;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  cursor: pointer;
}

.rangeVal::after {
  content: '';
  position: absolute;
  top: -6px; /* position the triangle above the box */
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  z-index: 2;
}

/* Optional border for triangle */
.rangeVal::before {
  content: '';
  position: absolute;
  top: -7px; /* slightly higher to be the border */
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 7px 7px 7px;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
  z-index: 1;
}

.form-header .col{ padding-top:10px; padding-bottom:10px;}
.form-header .header_number{ padding-top:10px; padding-bottom:10px;}
.form-header .col{display: flex;  align-items: center;}
.form-header .col:last-child{justify-content: flex-end;}
.top_sec_inner h1{ font-size:30px; line-height:92px;}
.top_sec_inner h1 span{ font-size:52px; line-height:60px;}
.form-section .propertyInfo h4{ font-size:16px; margin-bottom:0px; margin-top:15px;}
@media only screen and (max-width: 768px) {
	.top_sec_inner h1{ font-size: 20px;   line-height: 44px; letter-spacing:normal;}
	.top_sec_inner h1 span { font-size: 26px;  line-height: 26px;} 
	.top_sec_inner hr{ margin-top:0px; margin-bottom:30px;}
	.top_search_button{ margin-top:15px; font-size:16px;}
	.quote-section{ padding:20px;}
	.quote-text{ margin-bottom:15px;}
	.form-section .row .col{ margin-top:0px; margin-bottom:0px; padding-top:16px; padding-bottom:16px;}
	.propertyImage{ min-height:200px;}
	.form-section .propertyInfo{ padding:16px;}
	.form-section .propertyInfo p{ font-size:14px;}
	.form-section .propertyInfo h4{ font-size:13px; margin-bottom:0px; margin-top:15px;}
}


.thank-you-container {
  max-width: 700px;
  margin: 80px auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.thank-you-container .success-icon {
  width: 80px;
  height: 80px;
  background-color: #f2f9f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  position: relative;
  animation: thank-pulse 2s infinite;
}

@keyframes thank-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(46, 204, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}

.thank-you-container .success-icon i {
  font-size: 36px;
  color: #2ecc71;
  animation: thank-scale-in 0.5s ease-out forwards;
}

@keyframes thank-scale-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.thank-you-container .confetti {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ff5722;
  top: -10px;
  animation: thank-confetti 5s ease-in-out forwards;
}

@keyframes thank-confetti {
  0% {
    transform: translateY(0) rotateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateY(500px) rotateZ(360deg);
    opacity: 0;
  }
}

.thank-you-container .thank-you-heading {
  color: #333;
  font-size: 2.5rem;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  animation: thank-slide-up 0.8s ease-out forwards;
}

@keyframes thank-slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.thank-you-container .main-message {
  margin-bottom: 25px;
  color: #333;
  line-height: 1.8;
  font-size:24px;
  animation: thank-fade-in 1s 0.3s both;
}

.thank-you-container .assistance-message {
  margin-bottom: 25px;
  color: #333;
  animation: thank-fade-in 1s 0.6s both;
}

@keyframes thank-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.thank-you-container .submission-id {
  background-color: #f7f9fc;
  padding: 12px 20px;
  border-radius: 50px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
  border: 1px dashed #ddd;
  animation: thank-fade-in 1s 0.9s both;
}

.thank-you-container .id-number {
  color: #ff5722;
  font-weight: bold;
}

.thank-you-container .email-notice {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 30px;
  animation: thank-fade-in 1s 1.2s both;
}

.thank-you-container .next-steps {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 20px;
  text-align: left;
  margin-bottom: 30px;
  animation: thank-fade-in 1s 1.5s both;
}

.thank-you-container .next-steps h3 {
  color: #333;
  margin-bottom: 15px;
  font-size: 1.1rem;
}

.thank-you-container .steps-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.thank-you-container .steps-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  color: #333;
}

.thank-you-container .steps-list li::before {
  font-family: "Font Awesome 6 Free";
  content: '\f00c';
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #ff5722;
  font-size: 16px;
}

.thank-you-container .contact-options {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  animation: thank-fade-in 1s 1.8s both;
}

.thank-you-container .contact-option {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  flex: 1;
  max-width: 220px;
  transition: all 0.3s;
  text-align: center;
}

.thank-you-container .contact-option:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-color: #ff5722;
}

.thank-you-container .contact-icon i {
  font-size: 24px;
  margin-bottom: 10px;
  color: #ff5722;
  display: inline-block;
}

.thank-you-container .contact-label {
  font-size: 0.9rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

.thank-you-container .contact-value {
  font-size: 0.85rem;
  color: #555;
}

.thank-you-container .testimonial {
  font-style: italic;
  color: #333;
  font-size: 0.9rem;
  margin-top: 30px;
  position: relative;
  padding: 10px 20px;
  animation: thank-fade-in 1s 2.1s both;
}

.thank-you-container .testimonial::before,
.thank-you-container .testimonial::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #ff5722;
  opacity: 0.3;
  position: absolute;
  font-size: 1.2rem;
}

.thank-you-container .testimonial::before {
  content: '\f10d';
  left: -5px;
  top: -10px;
}

.thank-you-container .testimonial::after {
  content: '\f10e';
  right: -5px;
  bottom: -10px;
}
.checkbox-group .checkbox_wrap.error{ border:1px solid #C30; padding:6px 12px; border-radius:6px;}
@media (max-width: 600px) {
	.checkbox-group .checkbox_wrap.error{ display:block; }
  .thank-you-container {
    margin: 40px 20px;
    padding: 25px 20px;
  }
  .thank-you-container .main-message{ font-size:18px;}
  .section_thanks p{ font-size:16px;}

  .thank-you-container .success-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .thank-you-container .success-icon i {
    font-size: 28px;
  }

  .thank-you-container .thank-you-heading {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }

  .thank-you-container .main-message,
  .thank-you-container .assistance-message,
  .thank-you-container .email-notice {
    font-size: 0.95rem;
  }

  .thank-you-container .submission-id {
    font-size: 0.9rem;
    padding: 10px 16px;
  }

  .thank-you-container .next-steps {
    padding: 15px;
  }

  .thank-you-container .next-steps h3 {
    font-size: 1rem;
  }

  .thank-you-container .steps-list li {
    font-size: 0.9rem;
    padding-left: 25px;
  }

  .thank-you-container .steps-list li::before {
    font-size: 14px;
    top: 1px;
  }

  .thank-you-container .contact-options {
    flex-direction: column;
    gap: 15px;
  }

  .thank-you-container .contact-option {
    max-width: 100%;
    padding: 12px;
  }

  .thank-you-container .contact-icon i {
    font-size: 20px;
  }

  .thank-you-container .contact-label {
    font-size: 0.85rem;
  }

  .thank-you-container .contact-value {
    font-size: 0.8rem;
  }

  .thank-you-container .testimonial {
    font-size: 0.85rem;
    padding: 8px 15px;
  }

  .thank-you-container .testimonial::before,
  .thank-you-container .testimonial::after {
    font-size: 1rem;
  }
  
  .header_number .text-16, .header_number .text-18{ font-size:16px;}
  
  .top_search_sec{ min-height: 600px;
    padding-top: 70px;padding-bottom: 75px; background-position: center center;}
  .top_search_sec .top_sec_inner{ top:inherit; display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; padding-top: 0px;
    width: 100%;}
	.top_search_sec .top_sec_inner form{ width:100%;}
  .video-blog {
  padding-top: 0px;
  padding-bottom: 0px;
  }
  
   .carousel-control-next-icon, .carousel-control-prev-icon, .test_slider .carousel-control-next-icon {
    width: 24px !important;
    height: 24px !important;
  }
  .carousel-inner{ max-width:80%;}
  .header_number .text-16, .header_number .text-18{ font-size: 18px !important;}
  .t-bg .sell_house_step span:first-child{ margin-bottom: 2px; }
  .top_search_box{ width:100%;}
  .carousel-inner{ max-width: 90%; }
  .carousel button{ display:none !important;}
  .error-message-area span.err {
  font-size: 12px;
  }
  .form-section h2{ font-size:20px; line-height:30px;}
  
  /* The "thumb" (draggable handle) in Chrome/Safari/Edge */
.range-slider::-webkit-slider-thumb { 
  width: 36px;
  height: 36px; 
}

/* For Firefox, you need :-moz prefixes */
.range-slider::-moz-range-thumb {
  width: 36px;
  height: 36px; 
}
.range-value-box .rangeNumberInput{ width:100%;}
}
.mls-info p{line-height: 30px;}
.timeSection{ font-size:16px; line-height:30px; padding-top:0px; padding-bottom:10px;}
.timeSection span{ font-size:20px; line-height:32px; font-weight:600;}
