@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
    --inter:"Inter", sans-serif;
}

body, html{
    overflow-x: hidden !important;
    width: 100%;
}

.lead_button a{overflow: hidden; position: relative; transition: all 0.6s ease-in-out;}
.lead_button a span{ z-index: 1;}
.lead_button a:after{transition: all 0.6s ease-in-out; content: ''; position: absolute; width: 0%; height: 100%; background-color:#10385d;; left: 0; top: 0; z-index: 0;}
.lead_button a:hover:after{ width: 100%; transition: all 0.6s ease-in-out;}


@keyframes srp_rotating_anim {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  .srp_rotating {
    animation: srp_rotating_anim 15s linear infinite;
  }

/*
 *  Widget: Testimonail-slider
 * =============================================*/
 @keyframes csp_carousel01 {
    0% {
    transform: translateX(0); 
  }
    100% {
    transform: translateX(-100%); 
  } 
}
@keyframes csp_carousel01_carousel_reverse {
    0% {
    transform: translateX(-100%);
  }
    100% {
    transform: translateX(0); 
  } 
}
.real_success{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.real_successin{
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    flex-wrap: nowrap;
    gap: 15px;
    padding-bottom: 35px;
}
.real_success_items{
    display: flex;
    align-items: center;
    /* width: 100%; */
    animation: csp_carousel01 20s linear infinite;
    gap: 15px;
}
.real_success_items .col{
    width: auto;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 32px 24px 24px 30px;
    white-space: unset !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.real_success_items .colin{
    width: 254px;
    height: 100%;
}
.real_success_items .star{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.real_success_items .star .sicon{}
.real_success_items .star .sicon img{
    width: auto;
    max-width: unset;
}

.real_success_items .star .stitle{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    margin-top: 0px;
}
.real_success_items .star .stitle svg{
    margin-right: 3px;
    margin-top: -4px;
}
.real_success_items .star .stitle svg path{
    opacity:0.6;
    fill:#2E2E2E;
}
.real_success_items .colin h5{
    width: 100%;
    display: block;
    white-space: normal;
    margin: 0px;
}
.real_success_items .colin article{
    width: 100%;
    white-space: normal;
    font-weight: 400;
    min-height: 107px;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.real_success_items .colin article p{}

.real_success_items .nameaddress{
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
}
.real_success_items .nameaddress .left{}
.real_success_items .nameaddress .firstletter{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}
.real_success_items .nameaddress .right{
    white-space: normal;
}
.real_success_items .nameaddress .right .name{
    display: block;
    width: 100%;
}
.real_success_items .nameaddress .right .address{
    width: 100%;
    display: flex;
}
.real_success_items .nameaddress .right .address .icon{}
.real_success_items .nameaddress .right .address .icon svg{}
.real_success_items .nameaddress .right .address .icon svg path{}

.reverse_direction_yes .real_success_items{
    animation-name: csp_carousel01_carousel_reverse;
}
.reverse_direction_no .real_success_items{
    animation-name: csp_carousel01;
}
.stop_on_hover_yes .real_successin:hover .real_success_items{
  animation-play-state: paused;
}
 
.strong{
    color:#06A1D7;
}

/*
 *  Widget: Testimonail-slider
 * =============================================*/
 @keyframes csp_carousel01 {
    0% {
    transform: translateX(0); 
  }
    100% {
    transform: translateX(-100%); 
  } 
}
@keyframes csp_carousel01_carousel_reverse {
    0% {
    transform: translateX(-100%);
  }
    100% {
    transform: translateX(0); 
  } 
}
.real_success{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.real_successin{
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    flex-wrap: nowrap;
    gap: 15px;
    padding-bottom: 35px;
}
.real_success_items{
    display: flex;
    align-items: center;
    /* width: 100%; */
    animation: csp_carousel01 20s linear infinite;
    gap: 15px;
}
.real_success_items .col{
    width: auto;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    padding: 32px 24px 24px 30px;
    white-space: unset !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.real_success_items .colin{
    width: 254px;
    height: 100%;
}
.real_success_items .star{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.real_success_items .star .sicon{}
.real_success_items .star .sicon img{
    width: auto;
    max-width: unset;
}

.real_success_items .star .stitle{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    margin-top: 0px;
}
.real_success_items .star .stitle svg{
    margin-right: 3px;
    margin-top: -4px;
}
.real_success_items .star .stitle svg path{
    opacity:0.6;
    fill:#2E2E2E;
}
.real_success_items .colin h5{
    width: 100%;
    display: block;
    white-space: normal;
    margin: 0px;
}
.real_success_items .colin article{
    width: 100%;
    white-space: normal;
    font-weight: 400;
    min-height: 107px;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.real_success_items .colin article p{}

.real_success_items .nameaddress{
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
}
.real_success_items .nameaddress .left{}
.real_success_items .nameaddress .firstletter{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}
.real_success_items .nameaddress .right{
    white-space: normal;
}
.real_success_items .nameaddress .right .name{
    display: block;
    width: 100%;
}
.real_success_items .nameaddress .right .address{
    width: 100%;
    display: flex;
}
.real_success_items .nameaddress .right .address .icon{}
.real_success_items .nameaddress .right .address .icon svg{}
.real_success_items .nameaddress .right .address .icon svg path{}

.reverse_direction_yes .real_success_items{
    animation-name: csp_carousel01_carousel_reverse;
}
.reverse_direction_no .real_success_items{
    animation-name: csp_carousel01;
}
.stop_on_hover_yes .real_successin:hover .real_success_items{
  animation-play-state: paused;
}




  /* ===== PROPERTY MANAGER STYLES ===== */
  .property-manager-div {
      background-color: #f1f0fa;
      padding-bottom: 0rem;
      font-family: 'Neue Plak', sans-serif;
  }

  .property-manager-div .property-manager {
      max-width: 1120px;
      margin: 0 auto;
      padding: 0rem 0rem;
  }

  /* ===== STATS SECTION ===== */
  .property-manager-div .stats-property-manager {
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-top: 0rem;
      margin-bottom: 0;
  }

  .property-manager-div .path {
      position: absolute;
      z-index: 0;
      width: 86%;
      top: 10rem;
  }

  .property-manager-div .path svg {
      width: 100%;
  }

  .property-manager-div .stat-block {
      display: flex;
      width: 25%;
      margin-bottom: 3rem;
      opacity: 0;
      transform: translateX(-20px);
      transition: opacity 0.6s ease, transform 0.6s ease;
      position: relative;
      height: max-content;
  }

  .property-manager-div #stat1 {
      margin-top: 18.6rem;
  }

  .property-manager-div #stat3 {
      margin-top: 21.3rem;
  }

  .property-manager-div #stat4 {
      left: 5rem;
      bottom: -11.89rem;
  }

  .property-manager-div .stat-item {
      position: relative;
  }

  .property-manager-div .stat-number {
      position: absolute;
      font-size: 63px !important;
      color: #0A3760;
      opacity: 0.1;
      font-weight: 700 !important;
      min-width: 90px;
      left: -88px;
  }

  .property-manager-div .stat-content {
      border-left: 2px solid #06A1D7;
      padding: 22px 0 42px 1.2rem;
  }

  .property-manager-div .stat-title {
      color: #0a3760;
      margin-bottom: 13px;
      font-size: 21px;
      font-weight: 600;
      letter-spacing: -0.66px;
      line-height: 1.01;
  }

  .property-manager-div .stat-description {
      color: #000;
      font-size: 15px;
      padding-left: 2px;
      line-height: 1.45;
  }

  .property-manager-div .icon-circle {
      position: absolute;
      background-color: #fff;
      border-radius: 50%;
      width: 97px;
      height: 97px;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transform: scale(0.8);
      transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .property-manager-div .icon-1 {
      top: -106px;
      left: -42px;
  }

  .property-manager-div .icon-1 svg {
      height: 45px;
      width: 45px;
  }

  .property-manager-div .icon-2 {
      bottom: -123px;
      left: 2px;
  }

  .property-manager-div .icon-2 svg {
      height: 55px;
      width: 55px;
  }

  .property-manager-div .icon-3 {
      left: -24px;
      top: -146px;
  }

  .property-manager-div .icon-3 svg {
      height: 40px;
      width: 44px;
  }

  .property-manager-div .icon-4 {
      left: -29px;
      bottom: -7rem;
  }

  .property-manager-div .icon-4 svg {
      height: 50px;
      width: 37px;
  }



.property-manager-div #stat1 .stat-item{}
.property-manager-div #stat1 .stat-item .stat-number{
    top: -12px;
    letter-spacing: -1px;
    left: -86px;
}
.property-manager-div #stat1 .stat-item .stat-content{}
.property-manager-div #stat1 .stat-item .stat-title{}
.property-manager-div #stat1 .stat-item .stat-description{}


.property-manager-div #stat2 .stat-item{
    margin-left: 48px;
    margin-right: -100px;
}
.property-manager-div #stat2 .stat-item .stat-number{
    left: -101px;
}
.property-manager-div #stat2 .stat-item .stat-content{
    padding: 15px 0 33px 19px;
}
.property-manager-div #stat2 .stat-item .stat-title{
    margin-bottom: 9px;
}
.property-manager-div #stat2 .stat-item .stat-description{}


.property-manager-div #stat3 .stat-item{
    padding-left: 12px;
}
.property-manager-div #stat3 .stat-item .stat-number{
    top: -16px;
}
.property-manager-div #stat3 .stat-item .stat-content{
    padding: 20px 0 48px 28px;
    margin-right: -28px;
}
.property-manager-div #stat3 .stat-item .stat-title{
    margin-bottom: 9px;
}
.property-manager-div #stat3 .stat-item .stat-description{}


.property-manager-div #stat4 .stat-item{}
.property-manager-div #stat4 .stat-item .stat-number{
    left: -103px;
    top: -15px;
}
.property-manager-div #stat4 .stat-item .stat-content{
    padding: 9px 28px 12px 18px;
}
.property-manager-div #stat4 .stat-item .stat-title{}
.property-manager-div #stat4 .stat-item .stat-description{}


  /* ===== ANIMATION CLASSES ===== */
  .property-manager-div .animate {
      opacity: 1;
      transform: translateX(0);
  }

  .property-manager-div .icon-animate {
      opacity: 1;
      transform: scale(1);
  }

  /* ===== RESPONSIVE STYLES ===== */
  @media (max-width: 1600px) {
	.property-manager-div #stat1 {
		margin-top: 21.6rem;
	}
	.property-manager-div #stat3 {
		margin-top: 24.3rem;
	}
	.property-manager-div #stat4 {
		left: 5rem;
		bottom: -13.89rem;
	}
	.property-manager-div .path {
		top: 12rem;
	}
 }
@media (max-width: 1500px) {
    .property-manager-div #stat1 {
        margin-top: 24.6rem;
    }
    .property-manager-div #stat3 {
        margin-top: 28.3rem;
    }
	.property-manager-div .path {
		top: 14rem;
	}
    .property-manager-div #stat4 {
        left: 5rem;
        bottom: -18.89rem;
    }
}
  @media (max-width: 1400px) {
    .property-manager-div .property-manager {
        /* margin: 0 5rem; */
    }

    .property-manager-div .path {
        width: 70%;
        top: 12rem;
        left: 5%;
    }

    .property-manager-div #stat1 {
        margin-top: 26rem;
        left: 6%;
    }

    .property-manager-div #stat3 {
        margin-top: 28rem;
        left: -8%;
    }

    .property-manager-div #stat4 {
        left: -1rem;
        bottom: -17rem;
    }
  }
@media (max-width: 1280px) {
    .property-manager-div .path {
        width: 70%;
        top: 13rem;
        left: 5%;
    } 
    .property-manager-div #stat1 {
        margin-top: 29rem;
        left: 6%;
    }
    .property-manager-div #stat3 {
        margin-top: 30rem;
        left: -8%;
    }
    .property-manager-div #stat4 {
        left: -1rem;
        bottom: -19rem;
    }
	.property-manager-div .icon-4 {
		left: -29px;
		bottom: -10rem;
	}
    .property-manager-div #stat4 {
        left: -1rem;
        bottom: -16rem;
    }
}
  @media (max-width: 1200px) {

      .property-manager-div .stats-property-manager {
          flex-direction: column;
          margin-top: 3rem;
      }

      .property-manager-div .stat-block {
          width: 100%;
          margin-bottom: 2rem;
      }

      .property-manager-div .path {
          display: none;
      }

      .property-manager-div #stat1, .property-manager-div #stat3 {
          margin-top: 0;
          left: 0;
      }

      .property-manager-div #stat4 {
          left: 0;
          bottom: 0;
      }

      .property-manager-div .icon-1, .property-manager-div .icon-2, .property-manager-div .icon-3, .property-manager-div .icon-4 {
          display: none;
      }
	  
    .property-manager-div .stat-block .stat-item {
        display: flex;
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .property-manager-div .stat-block .stat-item .stat-number {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        bottom: unset !important;
        right: unset !important;
        font-size: 53px !important;
        width: 100px;
    }
    .property-manager-div .stat-block .stat-item {
        display: flex;
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
    }
	.property-manager-div .stat-description {
		font-family: "web-SuisseIntl-Regular-Body", Sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.4px;
		color: #000000;
	}
	.property-manager-div .stat-content {
		border-left: 2px solid #06A1D7;
		padding: 25px 0 24px 1.2rem !important;
		width: 75% !important;
	}
	.property-manager-div .stat-content {
		border-left: 2px solid #06A1D7;
		padding: 25px 0 24px 1.2rem !important;
		width: 75% !important;
	}
  }

  @media (max-width: 600px) {
      .property-manager-div h3 {
          font-size: 2rem;
      }

      .property-manager-div .logo {
          margin-top: 1rem;
          align-self: flex-start;
          width: 100%;
          height: 100%;
          left: 0;
          justify-content: start;
      }
  }

  @media (max-width: 400px) {
    .property-manager-div .property-manager {
        margin: 0 0px;
    }
    .property-manager-div .stat-block .stat-item .stat-number {
        font-size: 53px !important;
        width: 100%;
    }
    .property-manager-div .stat-content {
        border-left: 2px solid #06A1D7;
        padding: 20px 0 19px 5.2rem !important;
        width: 100% !important;
    }
      .property-manager-div .stat-number {
          position: unset;
      }
    .property-manager-div .stat-block .stat-item {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
  }

 

  /* =====SMART RENT PROPERTY FORM 01===== */

.form_flex{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
}
.warper{
    max-width: 1380px;
    margin: 0px auto;
    padding: 9px 6px 9px 6px;
    border-radius: 73px;
    background-color:#ffffff;
    position: relative;
    margin-top: 37px;
}

.top_icon{
	width:100%;
	position:absolute;
	left:0;
	top: -36px;
    display: none;
}
.top_icon span{
	display:block;
	width: 84px;
	height: 84px;
	padding:20px;
	margin:0px auto;
	border-radius:50px;
	background-color:#123D65;
}
.top_icon span img{
	width: 40px;
	height: 40px;
	margin: 2px 0px 0px 1px;
}
/*=========form_left===========*/
.form_left{
	padding-top: 87px;
	width: 25.5%;
	background-color: #e6f6fb;
	border-radius: 83px 0px 0px 83px;
}
.form_left ul{
	text-decoration:none;
	padding-left: 22px;
}
.form_left ul li{
	position: relative;
	display: flex;
	font-family: "webNeueplak", Sans-serif;
	font-size: 22px;
	list-style: none;
	text-decoration: none;
	line-height: 1.3;
	color: #0A3760;
	/* padding-bottom: 81px; */
	min-height: 126px;
	font-weight: 600;
}
.form_left ul li:before{
	content:"";
	top: 56px;
	left: 20px;
	position: absolute;
	background-color: #fff;
	width: 2px;
	height: 62px;
}
.form_left ul li:last-child:before{
	display:none;
}
.form_left ul li .number{
	margin-right: 9px;
}
.form_left ul li .number span{
	margin-right: 10px;
	text-align: center;
	height: 47px;
	display: flex;
	width: 47px;
	border-radius: 50px;
	background-color: #ffffff;
	font-family:var(--inter);
	font-weight:700;
	font-size: 20px;
	list-style: none;
	text-decoration: none;
	color: #0A3760;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	box-shadow: 0px 00px 00px 3px #FFF inset;
	border: 1px solid #ffffff;
}
.form_left ul li.active .number span{
	background-color: #06a1d7;
	box-shadow: 0px 00px 00px 4px #e6f6fb inset;
	border: 1px solid #06a1d7;
	color:#FFF;
}
.form_left ul li.active:before{
	content:"";
	background-color:#06A1D7
}
.srp_list_text{
    padding-top: 10px;
}


/*=========form_right===========*/
.form_right{
    width: 74.5%;
    background-color: #ffffff;
    border-radius: 0px 100px 100px 0px;
    padding: 52px;
    box-sizing: border-box;
    padding-bottom: 29px;
}
.right_top{
   width:100%;
}
.right_title{
    width: 63%;
    padding-top: 31px;
}
.right_title.right_title_2{
    padding-top:76px;
}
.right_title .right_title_3{
    font-size:37px;
}
.right_title h2{
    padding-top: 9px;
    font-family: "webNeueplak", Sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1.6px;
    color: #0A3760;
    margin: 0px;
}

.right_title h4{
	padding-top: 6px;
	font-family: "webNeueplak", Sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.034;
	letter-spacing: 0.3px;
	color: #0A3760;
}
.right_img{
    padding-right: 13px;
    width: 37%;
    border-radius: 0px 100px 0px 0px;
}
.right_top .right_img img{
	width:320px;
}

.right_img.right_img_2{
    padding: 44px 43px 0px 17px;
}
.right_bottom{max-width: 774px;}

.right_bottom h3{
	padding-bottom: 37px;
	margin: 0px;
	padding-top: 14px;
	padding-left: 5px;
	font-family: "webNeueplak", Sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.034;
	letter-spacing: 0px;
	color: #0A3760;
}
.right_bottom h3.srp_frm_sub_heading{
    padding-top: 67px;
}

.strong{
    color:#06A1D7;
}

/*=========form===========*/

.form_col{ display:block;}

.form_colin{
	margin-bottom: 18px;
	background-color: #f4f4f4;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	align-items: center;
	align-content: center;
    position: relative;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
}
.form_colin:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color:#e0e0e0;
    transition: all 0.6s ease-in-out;
    z-index: 1;
    
}
.form_colin input, .form_colin label, .form_colin textarea{ z-index: 2;}
.form_colin:hover:before{
    width: 100%;
    transition: all 0.6s ease-in-out;
}
.form_colin .srp_radio{
	width: 26px;
	height: 26px;
	border: 1px solid #06A1D7;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 50%;
	margin-right: 15px;
    transition: 120ms transform ease-in-out;
}

.form_colin .srp_radio:checked{
    transform: scale(1.3);
    background-color:#06A1D7 ; 
}

.form_colin label{
	font-size:20px;
	font-family: "webNeueplak", Sans-serif;
	font-size: 21px;
	color: #0A3760;
	padding-left: 4px;
}
.srp_input{
    position: relative;
    border: 1px solid #bfbdbd !important;
    border-radius: 10px !important;
    margin-top: 3px;
    margin-bottom: 21px;
    overflow: hidden;
    transition: all 0.6s ease-in-out;
}
.srp_input:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0%;
    height:100%;
    background-color: #e0e0e0;
    transition: all 0.6s ease-in-out;
    z-index:1;
}
.srp_input:hover:before{
    width: 100%;
    transition: all 0.6s ease-in-out;
}

.srp_input input{
    box-sizing: border-box;
    border: none !important;
    padding: 19px 19px 19px 65px !important;
    font-size: 21px;
    font-style: italic;
    line-height: 1;
    letter-spacing: -0.25px;
    color: #0A3760;
    z-index: 3; 
    display: block;
    position: relative;
    background-color: transparent;
}

.srp_input textarea{
    box-sizing: border-box;
    border: 0px !important;
    padding: 19px 19px 19px 65px !important;
    font-size: 21px;
    font-style: italic;
    line-height: 1;
    letter-spacing: -0.25px;
    color: #0A3760;
    background-color: transparent;
    height: 191px;
    z-index: 3;
    display: block;
    position: relative;
}

.srp_input input:focus-visible, .srp_input textarea:focus-visible{
   outline: none;
}
 
.srp_input img{
    width: 16px;
    position: absolute;
    left: 28px;
    top: 23px;
    z-index: 3;
}
.srp_input img.srp_t_area_img{
    width: 26px;
    left: 30px;
}
.srp_input img.srp_contact_user{
    width: 19px;
    left: 26px;
    top: 24px;
}
.srp_input img.srp_contact_phone{
    width: 20px;
    left: 26px;
    top: 24px;
}
.srp_input img.srp_contact_email{
    width: 22px;
    left: 26px;
    top: 27px;
}

.srp_input_repeated{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap:15px;
    background-color:#EBEBEB;
    border-radius: 10px;
    padding:22px 19px 22px 65px !important;
    font-size: 21px;
    font-style: italic;
    margin-top: 3px;
    line-height: 1;
    letter-spacing: -0.25px;
    color: #0A3760;
    margin-bottom: 21px;
    box-sizing: border-box;
    cursor: pointer;
}
.srp_input_repeated img{
    height: 19px !important;
}


.srp_error{
    color: red;
    text-align: center;
    padding-top: 20px;
}

.form_btn{
	width: 100%;
	margin-top: 27px;
}

.form_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.srp_form_btn{
	 width: 100%;
	 font-size: 19px !important;
	 font-weight: 600;
	 font-family:var(--inter);
	 padding-bottom: 19px;
	 padding-top: 19px;
	 border-radius: 10px;
	 color: #ffffff;
	 border:none;
	 text-align: center;
	 background-color: #06A1D7;
     cursor: pointer;
     position: relative;
     overflow: hidden;
     transition: all 0.6s ease-in-out;
}

.form_wrap .srp_form_btn{
    width:375px;
}
.srp_form_btn.back_to_q{
    color: #0A3760;
    background-color: #e6f6fb;
}

.srp_form_btn_txt{
    display: block;
    position: relative;
    z-index: 2;
}

.srp_form_btn:before{
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background-color:#10385d;
    border-radius: 10px;
    z-index: 1;
    transition: all 0.6s ease-in-out;
}
.srp_form_btn:hover:before{
    width: 100%;
    transition: all 0.6s ease-in-out;
}



.bottom_text{
	text-align:center;
	padding-top:20px;
}
.bottom_text .bottom_icon img{
	width:16px;
	height:16px;
}
.bottom_text .icon_text{
	font-family: "webNeueplak", Sans-serif;
	font-size: 17px;
	color: #0A3760;
	padding-left: 9px;
	font-weight:600;
}

.srp_form_btn.back_to_q:hover{
    color: #ffffff;
}


.srp_compliance{
    display: none;
}
.srp_compliance a{
    color: #08a1d7;
}

.srp_loader{
    padding: 100px;
    text-align: center;
}
.ds_spinner {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 100px auto;
}

.ds_dot {
  width: 8px;
  height: 8px;
  background: #06a1d7;
  border-radius: 50%;
  position: absolute;
  opacity: 0.3;
  transform: scale(1);
  animation: ds_spin 1.4s ease-in-out infinite;
}

@keyframes ds_spin {

  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.9);
  }

  50% {
    opacity: 1;
    transform: scale(1.4);
  }
}

/* Position 12 dots in a circular pattern */
.ds_dot:nth-child(1)  { top: 0%;   left: 50%;  transform: translate(-50%, -50%); animation-delay: 0s; }
.ds_dot:nth-child(2)  { top: 15%;  left: 85%;  transform: translate(-50%, -50%); animation-delay: 0.1s; }
.ds_dot:nth-child(3)  { top: 50%;  left: 100%; transform: translate(-50%, -50%); animation-delay: 0.2s; }
.ds_dot:nth-child(4)  { top: 85%;  left: 85%;  transform: translate(-50%, -50%); animation-delay: 0.3s; }
.ds_dot:nth-child(5)  { top: 100%; left: 50%;  transform: translate(-50%, -50%); animation-delay: 0.4s; }
.ds_dot:nth-child(6)  { top: 85%;  left: 15%;  transform: translate(-50%, -50%); animation-delay: 0.5s; }
.ds_dot:nth-child(7)  { top: 50%;  left: 0%;   transform: translate(-50%, -50%); animation-delay: 0.6s; }
.ds_dot:nth-child(8)  { top: 15%;  left: 15%;  transform: translate(-50%, -50%); animation-delay: 0.7s; }
.ds_dot:nth-child(9)  { top: 7%;   left: 33%;  transform: translate(-50%, -50%); animation-delay: 0.8s; }
.ds_dot:nth-child(10) { top: 33%;  left: 93%;  transform: translate(-50%, -50%); animation-delay: 0.9s; }
.ds_dot:nth-child(11) { top: 93%;  left: 66%;  transform: translate(-50%, -50%); animation-delay: 1.0s; }
.ds_dot:nth-child(12) { top: 66%;  left: 7%;   transform: translate(-50%, -50%); animation-delay: 1.1s; }

.form_dis_none{
    display: none;
}

@media (max-width: 1445px) {
	.warper{
		max-width: 111.29vw;
		padding: 0.726vw 0.484vw 0.726vw 0.484vw;
		border-radius: 5.887vw;
		margin-top:0;
	}
	
	.top_icon{
		top: -2.903vw;
        display: none;
	}
	.top_icon span{
		width: 6.774vw;
		height: 6.774vw;
		padding:1.613vw;
		border-radius:4.032vw;
	}
	.top_icon span img{
		width: 3.226vw;
		height: 3.226vw;
		margin: 0.161vw 0vw 0vw 0.081vw;
	}
	/*=========form_left===========*/
	.form_left{
		padding-top: 1.5vw;
		width: 25.5%;
		border-radius: 6.694vw 0vw 0vw 6.694vw;
	}
	.form_left ul{
		padding-left:2.7vw;
	}
	.form_left ul li{
		font-size: 1.6vw;
		color: #0A3760;
		min-height: 8.28vw;
	}
    .form_left ul li:last-of-type{
        min-height: 5vw;
    }
	.form_left ul li:before{
		top: 4.516vw;
		left: 1.613vw;
		width:2px;
		height: 3.1vw;
	}
	.form_left ul li .number{
		margin-right: 0.726vw;
	}
	.form_left ul li .number span{
		margin-right: 0.806vw;
		height: 3.79vw;
		width: 3.79vw;
		border-radius: 4.032vw;
		font-family:var(--inter);
		font-weight:700;
		font-size: 1.613vw;
		box-shadow: 0vw 0vw 0vw 0.242vw #FFF inset;
		border: 1px solid #ffffff;
	}
	.form_left ul li.active .number span{
		box-shadow: 0vw 0vw 0vw 0.323vw #e6f6fb inset;
		border: 1px solid #06a1d7;
	}
	.srp_list_text{
		padding-top: 0.806vw;
	}
	
	
	/*=========form_right===========*/
	.form_right{
		width: 74.5%;
		border-radius: 0vw 8.065vw 8.065vw 0vw;
		padding: 4.194vw;
		padding-bottom: 1.2vw;
		padding-top: 0px;
	}

    .srp_fh_2{ justify-content: space-between;}

	.right_title{
		width: 63%;
		padding-top: 1.2vw;
	}
	.right_title.right_title_2{
		padding-top:1.2vw;
	}
	.right_title .right_title_3{
		font-size:2.7vw;
	}
	.right_title h2{
		padding-top: 0;
		font-size: 3vw;
		letter-spacing: -0.129vw;
	}
	
	.right_title h4{
		padding-top: 0.3vw;
		font-size: 1.5vw;
		line-height: 1.034;
		letter-spacing: 0.024vw;
	}
	.right_img{
		padding-right: 0;
		width: 22%;
		border-radius: 0vw 8.065vw 0vw 0vw;
		margin-right: 2vw;
	}
    .right_top{ 
        justify-content: space-between;
    }
	.right_top .right_img img{
		width: auto;
		max-height: 9vw;
	}
	
	.right_img.right_img_2{
		padding:0vw;
	}
	.right_bottom{max-width: 62.419vw;}
	
	.right_bottom h3{
		padding-bottom: 0.8vw;
		padding-top: 1vw;
		padding-left: 0.403vw;
		font-size: 1.9vw;
	}
	.right_bottom h3.srp_frm_sub_heading{
		padding-top:0vw;
	}
	/*=========form===========*/
	.form_colin{
		margin-bottom: 0.8vw;
		border-radius: 0.806vw;
		padding: 0.8vw 1.613vw;
	}
	.form_colin .srp_radio{
		width: 2.097vw;
		height: 2.097vw;
		border: 1px solid #06A1D7;
		margin-right: 1.21vw;
	}
	
	.form_colin .srp_radio:checked{
		transform: scale(1.3);
	}
	
	.form_colin label{
		font-size:1.613vw;
		font-size: 1.4vw;
		color: #0A3760;
		padding-left: 0.323vw;
	}
    .srp_input{
        border-radius: 0.806vw !important;
        border: 1px solid #bfbdbd !important;
        margin-top: 0.242vw;
        margin-bottom: 0.8vw;
    }
	.srp_input input{
		padding:0.9vw 1.532vw 0.9vw 5.242vw !important;
		font-size: 1.4vw;
		letter-spacing: -0.02vw;
	}
	.srp_input textarea{
		padding:1vw 1.532vw 1vw 5.242vw !important;
		font-size: 1.694vw;
		letter-spacing: -0.02vw;
		height: 15.403vw;
	}
	.srp_input img{
		width: 1.29vw;
		left: 2.258vw;
		top: 0.9vw;
	}
	.srp_input img.srp_t_area_img{
		width: 2.097vw;
		left: 2.419vw;
	}
	.srp_input img.srp_contact_user{
		width: 1.532vw;
		left: 2.097vw;
		top: 0.9vw;
	}
	.srp_input img.srp_contact_phone{
		width: 1.613vw;
		left: 2.097vw;
		top:1vw;
	}
	.srp_input img.srp_contact_email{
		width: 1.774vw;
		left: 2.097vw;
		top: 1.1vw;
	}
	
	.srp_input_repeated{
		column-gap:1.21vw;
		border-radius: 0.806vw;
		padding:0.8vw 1.532vw 0.8vw 5.242vw !important;
		font-size: 1.4vw;
		margin-top: 0.242vw;
		letter-spacing: -0.02vw;
		margin-bottom:0.8vw;
	}
	.srp_input_repeated img{
		height: 1.532vw !important;
	}

	.srp_error{
		padding-top:0.8vw;
	}
	
	.form_btn{
		margin-top: 2.177vw;
	}
	.srp_form_btn{
		 font-size: 1.2vw !important;
		 padding-bottom: 0.8vw;
		 padding-top: 0.8vw;
		 border-radius: 0.806vw;
	}
	.srp_form_btn:before{
		border-radius: 0.806vw;
	}
	.bottom_text{
		padding-top: 0.5vw;
	}
	.bottom_text .bottom_icon img{
		width:1.29vw;
		height:1.29vw;
	}
	.bottom_text .icon_text{
		font-size: 1.1vw;
		padding-left: 0.726vw;
	}

    .form_wrap .srp_form_btn {
        width:23vw;
    }
}


@media (max-width: 767px) {
    .top_icon{ top: -7vw; }
    .top_icon span { width: 14vw; height: 14vw;  padding: 2vw; border-radius: 9vw;  }
    .top_icon span img { width: 6vw; height: 6vw; margin: 2vw 0vw 0vw 1.9vw; }
 

    .form_left .srp_list_text{ display: none !important; }
    .form_left ul li{ min-height:24vw;}
    .form_left ul li:before{ left:2.75vw; top: 7vw; height: 16vw; }
    .form_left ul li .number{ margin-right: 0;}
    .form_left ul li .number span{ font-size:3.5vw; height: 5.7vw; width: 5.7vw;}

    .right_img{ width: 20%; padding: 0; order: 1; margin-top: 2vw;}
    .right_img.right_img_2{ padding: 0;}
    .right_title{ width:100%; padding:0; order: 2;}
    .right_title.right_title_2{  padding-top: 0.726vw; }
    .right_title .right_title_3{ font-size: 5.5vw;}
    .right_title h2{ font-size:5.5vw; }
    .right_title h4 { padding-top: 1.484vw ;font-size: 4vw; } 
    .right_bottom h3 { padding-bottom: 2.984vw;  padding-top:3vw; font-size:4vw; line-height: 1.2; }

    .form_colin {  margin-bottom:2.5vw;  border-radius: 2.806vw;  padding:2.5vw; }
 
    .form_colin label{ font-size: 4.5vw;  width: 100%; padding-left: 2.323vw; line-height: 1.3;}
    .form_colin .srp_radio{ width: 5vw; height: 5vw;}
    .srp_input{   padding:2vw 3vw 2vw 4vw !important; margin-bottom: 4.452vw; border-radius: 2.806vw !important; }
    .srp_input input, .srp_input textarea{ font-size: 4.3vw; }
    .srp_input textarea{ height: 35vw; padding-left:7vw !important; }
    .srp_input_repeated{ font-size: 4.3vw; border-radius: 2.806vw; padding: 3.7vw 1.532vw 3.7vw 1.532vw !important; margin-bottom: 4.452vw; border-radius: 2.806vw; }

    .srp_input img { width: 3.29vw; left: 3.258vw; top:3.5vw; }
    .srp_input_repeated img { height: 4vw !important; margin-right:1vw; }
    .srp_input img.srp_t_area_img{ width: 5.097vw; left: 3.419vw; top: 13px;}
    .srp_input img.srp_contact_user { width: 3.532vw; left: 3.097vw; top:3.5vw; }
    .srp_input img.srp_contact_phone { width: 3.7vw; left: 3.097vw; top:3.5vw; }
    .srp_input img.srp_contact_email { width: 4.5vw; left: 3.097vw; top: 3.5vw; }

    .srp_form_btn{ font-size:4vw !important; padding-bottom:2.5vw; padding-top:2.5vw; border-radius: 2.806vw;}
    .srp_form_btn.back_to_q6{ width:16vw; font-size:3.5vw !important; }
    .srp_form_btn.srp_form_contact{ width: 51vw; font-size: 3.5vw !important; }

    .bottom_text { padding-top:2.5vw; padding-bottom:2.5vw; }
    .bottom_text .bottom_icon img{ width: 3vw; height: 3vw;}
    .bottom_text .icon_text { font-size:2.825vw; padding-left: 2vw; line-height: 1.3;  }

    .srp_error { padding-top: 5.613vw; font-size: 3.8vw; line-height: 1.3; }

    .form_left{ width:9.5%;}
    .form_right{ width:90.5%;}
    .right_bottom{max-width: 100%;}

    .srp_complete p{ font-size: 4vw; margin-bottom: 2vw;}
    .srp_compliance{
        font-size: 2.2vw;
    }
    
}