#body, html{
    overflow-x: hidden !important;
}
body, html{
    overflow-x: hidden;
}
@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Ultralight.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Thin.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-Regular.woff2') format('woff2'),
        url('../fonts/Lora-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 body {
   font-family: 'SF UI Display';
    font-weight: 300;
    color: var(--gray);
}
 h1,h2,h3,h4,h5,h6 {
 font-family: 'Lora';

}
 *:focus {
     outline: none !important;
}
 p {
     color: var(--gray);
     font-size: 16px;
}
 a {
     text-decoration: none;
     word-break: break-word;
}
 a:hover{
     text-decoration: underline;
     color: var(--main_primary);
}
 .resend_btn:hover{
     text-decoration: underline;
     color: var(--main_primary);
}
 img {
     max-width: 100%;
}
 ul {
     padding-left: 0;
}
 ul li {
     list-style: none;
}
.font_sf{
    font-family: 'SF UI Display';
}
/* heading font size */
 h1 {
     font-size: 42px;
}
 h2 {
     font-size: 40px;
}
 h3 {
     font-size: 30px;
}
 h4 {
     font-size: 24px;
}
 h5 {
     font-size: 20px;
}
/* main colors */
 :root {
     --main_primary: #E30074;
     --main_secondary: #092864;
     --gray: #4A4A4A;
}
.radius_20{
    border-radius: 20px;
}
.radius_10{
    border-radius: 10px;
}
.radius_6{
    border-radius: 6px;
}
.radius_top_left_10{
    border-radius: 10px 0px 0px 0px;
}
.radius_top_right_10{
    border-radius: 0px 10px 0px 0px;
}
.shadow_custom{
    box-shadow: 0px 0px 20px 0px #0000001A;
}
/* btn */
 .btn {
     padding:10px 24px;
     font-size: 15px;
     font-weight: bold;
     border-radius: 6px;
     color: white;
     cursor: pointer;
     text-decoration: none;
     text-transform: uppercase;
     background-color: var(--main_primary);
     border: 2px solid var(--main_primary);
}
 .btn:hover{
 	    box-shadow: 0px 10px 17px #e3007447;
    color: var(--main_primary);
    background-color: transparent;
    text-decoration: none;
 }
 .outline_btn{
	border: 2px solid var(--main_secondary) ;
	background-color: transparent;
	color: var(--main_secondary);
}
.outline_btn:hover{
	background-color: var(--main_secondary);
	box-shadow: 0px 10px 17px #0928644a;
    color: #fff;
}
 .outline_btn_primary{
	border: 2px solid var(--main_primary) ;
	background-color: transparent;
	color: var(--main_primary);
}
.outline_btn_primary:hover{
	background-color: var(--main_primary);
	box-shadow: 0px 10px 17px #e3007447;
    color: #fff;
}
.btn_gray{
    background-color: #F7F7F7;
    border-color:#F7F7F7 ;
    color: var(--main_primary);
}
.btn_gray:hover{
    text-decoration: none;
}
 .btn:focus {
     box-shadow: none;
     outline: none;
}
.btn_mw{
    min-width: 180px;
}
.form-control{
    border: 2px solid var(--main_primary);
    border-radius: 10px;
    padding: 15px 24px;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--main_primary);
  outline: 0;
  box-shadow: none;
}
.color_primary{
    color: var(--main_primary);
}
.color_gray{
    color: var(--gray);
}
.color_secondary{
    color: var(--main_secondary);
}
.bg_primary{
    background-color: var(--main_primary) !important;
}
.bg_secondary{
    background-color: var(--main_secondary) !important;
}
.bg_gray{
    background-color: #F7F7F7;
}
.font_22{
    font-size: 22px;
}
.font_20{
    font-size: 20px !important;
}
.font_18{
    font-size: 18px;
}
.fw_500{
    font-weight: 500;
}
.logo img{
	max-width: 115px;
	position: absolute;
    margin-top: -23px;
}
.sec_py{
    padding-top: 70px;
    padding-bottom: 70px;
}
.sec_pt{
    padding-top: 70px;
}
.sec_pb{
    padding-bottom: 70px;
}
.text_justify {
    text-align: justify;
}
header{
	height: 100px;
}
header .navbar-expand-lg .navbar-nav .nav-link {
	color: #000;
	padding: 6px 15px;
}
header .navbar-expand-lg .navbar-nav .nav-link.active, header .navbar-expand-lg .navbar-nav .nav-link:hover{
	color: var(--main_primary);
    text-decoration: none;
}
.phone_div span{
	height: 40px;
	width: 40px;
	background-color: var(--main_primary);
	border-radius: 50%;
}
.phone_div span img{
	height: 25px;
}
.banner_section{
    background-image: url(../images/window-bg.png);
    min-height: 580px;
    background-size: cover;
    background-position: top;
    position: relative;
    z-index: 111;
}
.banner_section .container{
    position: relative;
    z-index: 1111;
}
.testimonial_row{
    display: flex;
}
.kite_img{
position: absolute;
    max-height: 430px;


    right: 15%;
    margin-top: 5%;
}
.cat_img{
    position: absolute;
    bottom: -26%;
    max-width: 310px;
    margin-left: 9%;
}
.banner_content{
    max-width: 500px;
    padding-top: 115px;
    position: relative;
}
.clouds_img{
    position: absolute;
    max-width: 1000px;
    margin: auto;
    top: 280px;
     overflow: hidden;
  width: 100%;
  right: 0;
  left: 0;

}
.clouds_img img{
 animation: move 30s linear infinite;
 position: relative;
}
@keyframes move {
      from {
        right: 30%;
      }
      to {
        right: -500px;
      }
}
.branding_row img{
    max-height: 55px;
    max-width: 156px;
    margin: 15px 10px;
}
.reviews_section{
    background: #F7F7F7;
background: linear-gradient(180deg,rgba(247, 247, 247, 1) 57%, rgba(255, 255, 255, 1) 52%);
    padding: 70px 0px;
}
.section_heading h3{
    font-size: 38px;
    max-width: 500px;
}

/*reviews slider styling */
.reviews_slider .owl-stage:hover{
    transition: 0s !important;
}
.review_card .profile img{
    border-radius: 50%;
    height: 60px;
    width: 64px !important;
}
.reviews_slider .review_card{
    border-radius: 10px;
    box-shadow: 0px 30px 20px lightgray;
    padding: 20px;
    background-color: #fff;

}
.profile p{
    width: calc(100% - 50px);
}
.reviews_slider .owl-stage-outer{
    padding: 5% 0px;
}
.date_div img{
    height: 25px;
    width: auto !important;
}
.reviews_slider .owl-dots{
    display: none;
}
.differnce_section, .success_section, .dinosaurs_section    {
    background-color: #F7F7F7;
    padding: 70px 0px;
}
.img_div img{
max-height: 300px;
max-width: 350px;
}
.img_div{
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.differnce_col1::after, .differnce_col2::after{
    position: absolute;
    content: "+";
    background-color: var(--main_primary);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 45px;
    right: -45px;
    top: 40%;
        animation: horizontal-shake 1s infinite;
  animation-timing-function: ease-out; 
  animation-direction: alternate;
  z-index: 999;
}
.differnce_col2::after{
content: "=";
}
@keyframes horizontal-shake{
  0% { transform: translateX(0) }
  25% { transform: translateX(5px) }
  50% { transform: translateX(-5px) }
  75% { transform: translateX(5px) }
  100% { transform: translateX(0) }
}


.why_choose_section, .branding_section{
    padding: 70px 0px ;
}
.section_heading p{
    font-size: 18px;
    padding-top: 10px;
}
.why_choose_col img{
    max-height: 170px;
    transition: all 0.4s;
    border-radius: 50%;
}
.why_choose_col:hover img{
    transition: all 0.4s;
    transform: scale(1.05);
       box-shadow: 0px 10px 20px #a1849369;
}
.industry_section, .experts_section, .myths_section{
    background-color: #F7F7F7;
    padding: 70px 0px;
}
.industry_section .img_div img{
    max-height: 340px;
    max-width: 480px;
}
.how_work_section, .compare_section, .members_section{
    padding: 70px 0px;
}
.network_branding_row li{
    width: 18%;
    margin: 10px 0px;
    text-align: center;
}
.network_branding_row li img{
    max-width: 150px;
    max-height: 80px;
}
.white_card{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px lightgray;
    padding: 25px;
    min-height: 350px;
    position: relative;
    margin: 15px 0px;
}
.white_card::before{
    position: absolute;
    content: "";
    height: 80px;
    width: 4px;
    background-color: var(--main_primary);
    top: 37%;
    left: 0;
}
.join_card {
/*    border: 4px solid #C3C3C3;*/
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 15%;
    text-align: center;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    box-shadow: 0px 0px 10px lightgray;
}
.join_card_large{
    min-height: 360px;
    position: relative;
    z-index: 111;
    border-color: var(--main_primary);
}
.join_card_content p{
    font-size: 18px;
}
.join_card_large .card_header{
    background-color: var(--main_primary) !important;
    color: #fff !important;
}
.r_border{
    border-right: 0px;
    margin-right: -20px;
}
.l_border{
    border-left: 0px;
    margin-left: -20px;
}
.stories_infographic{
    display: flex;
    flex-wrap: wrap;
    padding-top: 70px;
    max-width: 1000px;
    justify-content: center;
    margin: auto;
}
.stories_infographic li{
    list-style: none;
    height: 180px;
    width: 180px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    margin: 20px 1%;
            animation: scale 1s infinite;
  animation-timing-function: ease-out; 
  animation-direction: alternate;
}
@keyframes scale {
  0% {
   transform: scale(1);
  }
  0% {
   transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}
.stories_infographic li h4{
    font-size: 28px;
}

.stories_infographic li:nth-child(2){
    margin-top: -20px;
}
.stories_infographic li:nth-child(3){
    margin-top: -40px;
    height: 230px;
    width: 230px;
}
.stories_infographic li:nth-child(4){
    height: 210px;
    width: 210px;
}
.second_row li:nth-child(1){
    height: 190px;
    width: 190px;
    margin-top: -60px;
}
.second_row li:nth-child(2){
        margin-top: -50px;
}
.second_row li:nth-child(3){
        margin-top: -30px;
        height: 170px;
        width: 170px;
}
.third_row li:nth-child(1){
    height: 190px;
    width: 190px;
    margin-top: -60px;
    margin-left: 160px;
}
.third_row li:nth-child(2){
        margin-top: -50px;
}
.third_row li:nth-child(3){
        margin-top: -50px;
        height: 170px;
        width: 170px;

}
.img_wrap{
    position: absolute;
    background: #FFFFFF;
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 61%, rgba(0, 0, 0, 0.66) 100%);
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img_wrap p{
    position: absolute;
    bottom: 0;
    font-size: 22px;
}
.img_wrap i{
    height: 45px;
    width: 45px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #C3C3C3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main_secondary);
    transition: all 0.3s;
}
.post_img{
    border-radius: 10px;
    overflow: hidden;

}
.post_img img{
    width: 100%;
}
.post_card .post_content{
    font-size: 18px;
}
.post_card .post_content::before{
    position: absolute;
    content: "❝";
    font-size: 40px;
    color: var(--main_primary);
    left: 0;
    line-height: 30px;
}
.post_card .post_content span{
      font-size: 40px;
    color: var(--main_primary);
    line-height: 30px;
        transform: rotate(180deg);
    display: inline-block;
}
.post_card:hover .img_wrap i{
    background-color: var(--main_primary);
    color: #fff;
    border-color: var(--main_primary);
    transition: all 0.3s;
}
.members_section img{
    max-width: 250px;
    max-height: 180px;
}
.locations_btn{
    position: absolute;
    right: 0;
    left: 0;
    padding-top: 100px;
    text-align: center;
}
footer {
    background: linear-gradient(180deg, #717171 3.38%, #373737 100%);
}
.footer_col h4{
    color: #fff;
    position: relative;
}
.footer_col h4::after{
    position: absolute;
    content: "";
    height: 3px;
    width: 70px;
    background-color: var(--main_primary);
    bottom: -13px;
    left: 0;
}
.footer_col ul{
    padding-top: 30px;
}
.footer_col ul li{
    list-style: none;
    margin: 10px 0px;
     transition: all 0.5s;
}
.footer_col ul li a{
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: all 0.5s;
}
.footer_col ul li:hover a{
    border-bottom-color: #fff;
    transition: all 0.5s;
    font-weight: 600;
    text-decoration: none;
}
.social_links a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 6px;
    background-color: #4A4A4A;
    color: #fff;
    border-bottom: 0px !important;
    margin: 0px 15px 0px 0px;
}
.social_links li:hover a{
    border-bottom: 0px;
}
.social_links li{
    display: inline-block;}
    .social_links a:hover{
        border-color: transparent;
        background-color: var(--main_primary);

    }
    .bottom_footer p{
        color: #C3C3C3;
    }
    .posts_section{
        padding: 70px 0px ;
    }
        .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    z-index: 11111;
    background-color: #fff;
    box-shadow: 0px 0px 10px lightgray;
    height: 70px;
    transition: all 0.3s;
}
header.fixed-header .logo img{
    max-width: 75px;
     transition: all 0.3s;
}
.join_card .card_header{
    background-color: #F7F7F7;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.join_card_content{
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.content_lists li{
    list-style: none;
    
    margin: 15px 0px;
    font-weight: 500;
}
.content_lists li a{
    color: var(--main_primary);
}
.content_lists li i{
    color:  #CECECE;
    margin-right: 10px;
}
.breadcrumb a, .breadcrumb li{
    color: #4A4A4A !important;
}
.breadcrumb li.active{
    font-weight: 600;
}
.contact_box{
    min-height: 280px;
}
.circle{
    height: 240px;
    width: 240px;
    background-color: #ebebeb;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.industry_section .img_div .circle img{
    max-height: 315px;
}
.img_div span{
    position: absolute;
    left: 0;
    width: 100px;
    top: 0;
    font-family: "Shantell Sans", cursive;
    transform: rotate(-35deg);
    font-weight: 400;
    margin-top: -20px;
}
.img_div span img{
        transform: rotate(15deg);
}
.right_img_div span{
    left: auto;
    right: 0;
    transform: rotate(27deg);
    width: 100px;
    text-align: center;
    font-weight: 400;
}
.right_img_div span img{
        -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.blub_wrapper{
    background-image: url("../images/blub-gif-bg.png");
    background-size: cover;
    background-position: center;
    margin-top: 50px;
}
/* new css */
.table_padding tr th, .table_padding tr td{
    padding: 15px 20px;
}
.th_bg thead{
    background-color: var(--main_primary);
    color: #fff;
}
.ul_disc{
    padding-left: 25px;
}
.ul_disc li{
    margin: 10px 0px;
    position: relative;
}
.ul_disc li:before {
    content: "·";
  font-size: 92px;
  line-height: 13px;
  position: absolute;
  left: 0;
  margin-left: -30px;
  top: 0;
  width: 10px;
  height: 10px;
}
.ul_disc li.list-unstyled::before{
    content: none;
}
.user_circle{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.user_circle img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form_padding{
    padding: 70px 130px;
}
.select_arrow{
    position: relative;
}
.select_arrow .form-control{
    padding-right: 35px;
}
.select_arrow:after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 12px;
  color: var(--main_primary);
  font-family: "Font Awesome 6 Pro";
  transform: translateY(-50%);
  font-weight: 500;
  font-size: 22px;
}
/* check box */
label{
    font-weight: 500;
}
.custom_checkbox input {
  display: none;
  cursor: pointer;
}

.custom_checkbox label {
  position: relative;
  cursor: pointer;
}

.custom_checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: #F7F7F7;
  border: 2px solid #C3C3C3;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 3px;
}

.custom_checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 14px;
  border: solid var(--main_primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.border_3px{
    border: 3px solid #C3C3C3;
}
.we_do_icon{
    width: 130px;
    height: 130px;
    display: inline-block;
}
.we_do_icon img{
    max-width: 100%;
    max-height: 100%;
}
.property_slider .owl-nav{
    position: absolute;
  top: 50%;
  font-size: 24px;
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}
.property_slider .owl-item .item{
    border-radius: 10px;
    overflow: hidden;
    height: 400px;
}
.property_slider .owl-item .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.property_slider_thumb .owl-item .item{
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    height: 130px;
    cursor: pointer;
}
.property_slider_thumb .owl-item .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
}
.property_slider_thumb .owl-item.current .item img{
    opacity: 1;
}
.tick_box_ul{
    margin: 0px;
}
.tick_box_ul li{
    margin-top: 15px;
    position: relative;
    font-weight: 500;
    padding-left: 40px;
}
.tick_box_ul li::before{
   content: "";
   width: 30px;
  height: 22px;
   position: absolute;
   top: 0;
   left: 0;
   background-image: url('data:image/svg+xml,<svg width="28" height="18" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 28C7.40033 28 4.1005 28 2.05026 25.9497C-1.66893e-07 23.8995 0 20.5996 0 14C0 7.40033 -1.66893e-07 4.1005 2.05026 2.05026C4.1005 -1.66893e-07 7.40033 0 14 0C20.5996 0 23.8995 -1.66893e-07 25.9497 2.05026C28 4.1005 28 7.40033 28 14C28 20.5996 28 23.8995 25.9497 25.9497C23.8995 28 20.5996 28 14 28ZM19.6424 9.75754C20.0525 10.1676 20.0525 10.8324 19.6424 11.2424L12.6424 18.2424C12.2324 18.6525 11.5676 18.6525 11.1575 18.2424L8.35754 15.4424C7.94749 15.0324 7.94749 14.3676 8.35754 13.9576C8.76758 13.5475 9.43242 13.5475 9.84246 13.9576L11.9 16.015L18.1576 9.75754C18.5676 9.34749 19.2324 9.34749 19.6424 9.75754Z" fill="%23E30074"/></svg>') ;
   background-repeat: no-repeat;
   background-size: 100%;
}
.similar_img{
    height: 250px;
}
.similar_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.similar_heading{
    min-height: 50px;
}
.rated_img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--main_primary);
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
}
.rated_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bg_red{
    background-color: #de3733;
}
.bg_green{
    background-color: #419b45;
}
.bg_blue{
    background-color: #2588e5;
}
.bg_pink{
    background-color: #d11a5d;
}
.bg_purple{
    background-color: #8a23a5;
}
.bg_brown{
    background-color: #6d4c41;
}
.nav-tabs.property_tabs{
    border-radius: 5px;
}
.nav-tabs.property_tabs .nav-link{
    width: 50%;
    background-color: #F7F7F7;
    font-size: 22px;
    font-weight: bold;
    color: var(--gray);
    border-bottom: 4px solid #E0E0E0;
    border-radius: 0px;
}
.nav-tabs.property_tabs .nav-link.active{
    color: var(--main_primary);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
    border-bottom:4px solid var(--main_primary);
}
[type="radio"] {
  font-size: inherit;
  width: 18px;
  height: 18px;
  accent-color: var(--main_primary);
}

/* review_slider */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.review_slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  display: flex;
}
.review_slider .review_card {
  margin: 20px;
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  min-height: 300px;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* .review_slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
  animation: scroll 40s linear infinite;
  display: flex;
}
.review_slider:hover .slide-track{
    animation-play-state: paused;
} */

.review_slider {
  overflow: hidden;
  position: relative;
}

.review_slider .slide-track {
  display: flex;
  gap: 10px;                        /* spacing between cards */
  will-change: transform;
  -webkit-animation: scroll-right 80s linear infinite;
  animation: scroll-right 80s linear infinite;
}

.review_slider:hover .slide-track {
  animation-play-state: paused;
}

/* keyframes to move RIGHT without gap */
@-webkit-keyframes scroll-right {
  0%   { transform: translateX(-50%); }  /* start halfway left */
  100% { transform: translateX(0); }     /* end at origin */
}
@keyframes scroll-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.custom_pagination li .page-link{
    margin: 10px;
    border-radius: 8px !important;
    font-size: 20px;
    font-weight: 500;
    color: var(--main_primary);
    border: 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.custom_pagination li .page-link.active, .custom_pagination li .page-link:hover{
    color: #fff;
    background-color: var(--main_primary);
    text-decoration: none;
}
.custom_pagination .page-item.active .page-link{
   color: #fff;
    background-color: var(--main_primary); 
}
.ul_city{
    display: flex;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
}
.ul_city li{
    
    margin: 15px;
    border-radius: 26px;
    font-size: 16px;
    font-weight: bold;
    color: var(--main_secondary);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.ul_city li.active{
    background-color: var(--main_secondary);
    color: #fff;
}
.ul_network{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
}
.ul_network li{
    width: 18%;
    margin: 10px;
}
.ul_network li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.h_m_height{
    min-height: 60px;
}
.table_striped tbody tr:nth-of-type(2n+2) {
  background-color: #F7F7F7;
}
/* express-index new style */
.map_div{
    position: relative;
}
.map_div img{
    width: 100%;
}
.em_overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.nav-pills.ul_city .nav-link{
    color: var(--main_secondary);
    padding: 10px 35px;
    text-decoration: none;
}
.nav-pills.ul_city .nav-link.active{
    background-color: transparent;
    color: var(--main_secondary);
}
.form-control.shadow_custom:focus {
  box-shadow: 0px 0px 20px 0px #0000001A;
}
.img_width img{
    width: 100%;
}
.nav-pills.ul_city .active .nav-link {
  color: #fff;
}
.border_primary{
    border: 1px solid var(--main_primary);
}
.icon_label{
    font-size: 16px;
    display: flex;
    align-items: center;
}
#reportpagemodal .modal-content {
    border-radius: 37px 0;
    border: none;
}
#reportpagemodal .modal-header {
    background: #e00273;
    color: #fff;
    border-radius: 36px 0 0;
    padding: 15px 30px;
}
#reportpagemodal button.close {
    color: #fff;
    opacity: 1;
    line-height: 42px;
    background: transparent;
    border: 0;
    font-size: 26px;
}
#reportpagemodal .modal-title{
    color: #fff;
    font-family: 'SF UI Display';
}
#reportpagemodal .report-list li{
    margin-bottom: 10px;
}
#reportpagemodal .report-list li i{
    color: var(--main_secondary);
}
#reportpagemodal p{
    font-size: 14px;
}
#reportpagemodal h4{
    font-size: 20px;
    font-family: 'SF UI Display';
}
#reportpagemodal .modal-footer{
    flex-direction: column;
    align-items: end;
}
.dataTables_paginate {
    margin-top: 20px;
}
.custom_pagination .pagination{
    flex-wrap: wrap;
    justify-content: center;
}
/* banner form style */

.banner_input{
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.banner_input input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.banner_input .btn{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.banner_input input, .banner_input select{
    padding-left: 50px;
}
.banner_input svg{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: 15px;
    z-index: 1;
}
.google_map{
    height: 132px;
}
.google_map img{
    width: 100%;
    height: 100%;
}
.check_end li{
    position: relative;
    padding-right: 30px;
    text-align: left;
    margin: 5px 0px;
}
.check_end li::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../images/tick-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
}
.property_detail_btn .btn{
    width: 200px;
}
#eeaWizard .cat_img, #eeaWizard .kite_img{
    display: none;
}
.eea-step{
    padding-bottom: 100px;
}
.dataTables_wrapper .dataTables_info{
    padding-top: 30px;
}
/*style by aneeza*/

.fan_img img{
    object-fit: cover;
    border-radius: 10px;
}
#stats-content .dataTables_wrapper{
    overflow: inherit !important;
}
.loader_icon{
    height: 35px !important;
    width: 35px !important;
}
.banner_input:has(.custom_checkbox){
    box-shadow: 0px 0px 0px transparent;
    overflow: visible;
    justify-content: center;
}
#recaptcha-container{
    font-size: 12px;
    text-align: center;
}
/* Css for the default img case on advertising network */

.ul_network li a.network-card{
  display:block;
  text-decoration:none;
}

.network-card__img,
.network-card__fallback{
  width:100%;
  height:138px;           /* adjust as per your design */
  border-radius:24px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.network-card__img{
  object-fit:cover;
  display:block;
}

.network-card__fallback{
  background:#ec007d;     /* your pink */
}

.network-card__text{
  color:#fff;
  font-weight:700;
  font-size:17px;
  line-height:1.2;
  text-align:center;
  padding:0 16px;
  font-family: inherit;
}


/* End */
@media only screen and (min-width: 1800px){
    .banner_section{
        min-height: 740px;
    }
    .cat_img
 {
        bottom: -62%;
        max-width: 500px;
        margin-left: -2%;
}
.kite_img {
    max-height: 500px;
    right: 5%;
    margin-top: 11%;
}
}

@media only screen and (max-width: 1367px){
    header .container{
        width: 95% !important;
        max-width: 100% !important;
    }
    .btn {
    padding: 10px 14px;
    font-size: 12px;
}
.kite_img {
        right: 11%;
        margin-top: 6%;
}
.cat_img {
    margin-left: 4%;
}
.property_detail_btn .btn {
    width: 160px;
}
}
@media only screen and (max-width: 1200px){
  
     .industry_section .img_div .circle{
        height: 200px;
        width: 200px;
     }
    .industry_section .img_div .circle img{
        width: 60%;
    }
      .clouds_img{
        max-width: 850px;
    }
    header .btn{
            padding: 10px 12px;
    font-size: 11px;
    }
    header h4{
        font-size: 18px !important;
    }
    .img_div img {
    max-height: 240px;
    max-width: 240px;
}
.industry_section .img_div img {
    max-height: 250px;
    max-width: 366px;
}
.white_card{
    min-height: 300px;
}  
.join_card{
    padding: 20px 10%;
}
.kite_img {
    right: 8%;
    margin-top: 20%;
}
}
@media only screen and (max-width: 1024px){
    .cat_img {
    max-width: 260px;
    margin-left: 4%;
}
        .clouds_img {
        top: 200px;
    }
    .banner_section{
        min-height: 450px;
    }
    .banner_content{
        max-width: 385px;
        padding-top: 70px;
    }
    .banner_section h1{
        font-size: 28px;
    }
    .banner_section p{
        font-size: 14px;
    }
        .kite_img {
        right: 12%;
        margin-top: 10%;
        max-height: 300px;
    }
    .dataTables_wrapper{
        overflow: auto;
    }
    .property_slider .owl-item .item{
    height: 310px;
}
.property_slider_thumb .owl-item .item{
    height: 100px;
}
.property_detail_btn .btn{
    width: auto;
}
}
@media only screen and (max-width: 992px){
    .laptop_div{
        margin-left: 30px;
    }
    .img_div span img{
        height: 20px;
    }
.join_card_content p{
    font-size: 14px;
}
    .navbar-collapse {
    background-color: #ffff;
    z-index: 1111;
           box-shadow: 0px 9px 10px lightgray;
}
    .navbar-toggler{
            padding: 0px;
    height: 40px;
    width: 40px;
    background-color: var(--main_primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    }
    .navbar-toggler-icon{
        height: auto;
        width: auto;
    }
    .img_div img {
        max-height: 200px;
        max-width: 276px;
    }
    .img_div {
    height: 200px;
}
.font_18, .section_heading p, p{
    font-size: 15px;
}
.industry_section .img_div img {
        max-height: 190px;
        max-width: 280px;
    }
    h1, .section_heading h3{
        font-size: 30px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 20px;
    }
        .white_card {
        min-height: 325px;
    }
    .network_branding_row li {
    width: 30%;
}
.stories_infographic li {
    height: 150px !important;
    width: 150px !important;
}
.stories_infographic li h4 {
    font-size: 20px;
}
.stories_infographic li p{
    font-size: 12px !important;
}
.second_row li:nth-child(1) {
    margin-top: -22px;
}
.post_card .post_content {
    font-size: 14px;
}
.post_card .post_content::before {
    font-size: 27px;
}
.members_section img {
    max-width: 200px;
    max-height: 140px;
    width: 100%;
}
    .clouds_img {
        max-width: 700px;
    }
    .cat_img{
        height: 123px;
        bottom: -23%;
    }
.banner_section {
        min-height: 350px;
    }
    .banner_content{
        padding-top: 50px;
        max-width: 340px;
    }
    .kite_img{
        max-height:225px;
    }
        .banner_section p {
        font-size: 12px;
                padding-bottom: 0px !important;
        margin-bottom: 5px;
    }
    .banner_section h1 {
        font-size: 23px;
    }

    @keyframes move {
  0% {
   transform: translateX(10%);
  }
  100% {
    transform: translateX(0%);
  }

}

.navbar-brand img{
    max-height: 75px;
}
header.fixed-header .navbar-brand img {
        max-height: 44px;
    }
        .industry_section .img_div .circle {
        height: 180px;
        width: 180px;
    }
    .form_padding{
    padding:70px 20px;
}
.review_slider .review_card {
  min-height: 280px;
  width: 348px;
}
.img_div span{
    margin-left: -27px;
}
.right_img_div span{
    margin-right: -20px;
}
.banner_input input, .banner_input select{
    font-size: 16px;
}
.eea-step label{
    font-size: 12px;
}
.eea-step .custom_checkbox label:before{
    width: 20px;
    height: 20px;
}
.eea-step .custom_checkbox input:checked + label:after {
    top: 4px;
    left: 8px;
    width: 5px;
    height: 12px;
}
.phone_div {
    padding-bottom: 20px;
}
.differnce_col1::after, .differnce_col2::after{
    width:35px;
    height:35px;
    right:-35px;
    font-size: 17px;
}
}
@media only screen and (max-width: 768px){
        .img_div span {
        margin-left: -24px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 576px){
    .banner_section {
        min-height: 470px !important;
    }
    .banner_content {
        padding-top: 100px !important;
    }
}
@media only screen and (max-width: 576px){
    .banner_section{
        background-image: url("https://www.expressestateagency.co.uk/eea-website-revamp/public/images/Banner-Home-Mobile-Illustration.svg");
    }
    .ul_network li{
    width: 30%;
    margin: 10px;
}

    .contact_box {
     min-height: auto; 
}
    .join_card{
        border: 0px !important;
    }
    .cat_img {
         height: 130px;
        bottom: -42%;
        display: none;
    }

        .kite_img {
        max-height: 219px;
        margin-top: 49%;
        right: 4%;
        display: none;
    }
    .clouds_img{
        background: url(https://www.expressestateagency.co.uk/eea-website-revamp/public/images/clouds.png) repeat-x;
        height: 81px;
        background-size: cover;
        width: 10000px;
        animation: move 30s infinite;
        animation-timing-function: linear;
        animation-direction: normal;
        top: 100px;
}
.clouds_img img{
    display: none;
}

        @keyframes move {
  0% {
   transform: translateX(20%);
  }
  100% {
    transform: translateX(-10%);
  }
}
.branding_row img {
    max-height: 30px;
    max-width: 80px;
    margin: 10px 10px;
}
    h1, .section_heading h3 {
        font-size: 22px;
    }
    h2{
        font-size: 26px;
    }
    h3 {
        font-size: 20px;
    }
.font_18, .section_heading p, p{
    font-size: 13px;
}
    .differnce_col1::after, .differnce_col2::after{
        top: auto;
        bottom: -70px;
                right: 0;
        left: 0;
        margin: auto;
    }
    .differnce_col2, .differnce_col1 {
        margin-bottom: 100px;
    }
        .img_div {
        height: auto;
    }
    .why_choose_col img{
        max-height: 100px;
    }
    .why_choose_col p{
        font-size: 10px;
    }
    .network_branding_row li img {
    max-width: 90px;
    max-height: 40px;
}
    .white_card {
        min-height: auto;
    }
        .banner_section {
        min-height: 430px;
    }
        .banner_content {
        padding-top: 70px;
        /* max-width: 280px; */
    }
    .btn {
    padding: 8px 10px !important;
}
    .join_card {
            padding: 20px 4%;
        max-width: 100%;
        max-height: 300px;
        min-height: 300px;
        margin: 15px auto;
    }
  .join_card_large{
    max-width: 100% !important;
    border-color: var(--main_primary) !important;
  } 
  .l_border {
    margin-left: 0px;
    margin-top: -17px;
} 
.r_border {
    margin-bottom: -17px !important;
}
.stories_infographic li{
    height: 150px !important;
    width: 150px !important;
}
.stories_infographic li:nth-child(3) {
    margin-top: -3px;
}
.stories_infographic li:nth-child(4) {
    margin-top: -37px;
}
.second_row li:nth-child(1) {
        margin-top: 5px;
    }
    .second_row li:nth-child(2) {
    margin-top: -30px;
}
    .stories_infographic.second_row li:nth-child(3) {
        height: 185px !important;
        width: 185px !important;
    }
    .third_row li:nth-child(2) {
    margin-top: -110px;
}
.members_section img {
        max-width: 100px;
        max-height: 50px;
    }
    .locations_btn{
        padding-top: 20px;
    }
    .locations_btn .btn{
        font-size: 10px;
                padding: 5px 8px !important;
    }
    .locations_btn h5{
        font-size: 14px;
    }
    .navbar-brand img {
        max-height: 55px;
    }
    header .btn{
    font-size: 10px;
    padding: 11px 9px !important;
    }
    header {
    height: 76px;
}
.phone_div span{
	height: 35px;
	width: 35px;
}
.phone_div span img{
	height: 20px;
}
.results_text p{
    font-size: 10px;
}
.custom_pagination li .page-link {
    font-size: 14px;
    width: 36px;
    height: 36px;
    padding: 0;
}
.eea-step .text-center img{
    width: 80px;
}
.btn_mw {
    min-width: 120px;
}
.property_detail_ul li{
    width: 30%;
}
.img_div span{
    margin-left: 44px;
}
.right_img_div span{
    margin-right: 44px;
}
    .property_slider .owl-item .item{
    height: 250px;
}
.property_slider_thumb .owl-item .item{
    height: 80px;
}
.ul_city li {
    margin: 15px;
    width: calc(50% - 30px);
    text-align: center;
    font-size: 12px;
}
.font_20{
    font-size: 16px !important;
}
}
.title_case {
  text-transform: lowercase;      /* make all text lowercase */
}
.title_case::first-letter {
  text-transform: uppercase;      /* make only the first letter uppercase */
}

.review_card .review_body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;  /* number of lines */
  overflow: hidden;
  text-overflow: ellipsis;
  /* optional smoothing */
  word-break: break-word;
}
#postCode{
    width: 260px;
}
#live-icon{
   width: 24px;
   margin-bottom: 5px;
   margin-right: 6px;
}
#counter{
    width:50px;
    display: inline-block;
}