/* Apps for Real Estate Agents */

.rebrokerbanner{background: url(../img/real_estate_images/rebrokerbanner.jpg) no-repeat;height: 500px;background-size: cover;}
.rebrokercontainer{padding: 200px 0 80px;}
.rebrokercontainer h1{font-family: 'Gilroy-Black';color: #FFF;font-size: 44px;}
.rebrokercontainer p{font-family: 'Gilroy Light';color: #FFF;font-size: 20px;margin-bottom: 35px;}
.rebrokercontainer a{font-family: 'Gilroy Medium';}
.rebrokercontainer a:hover{background-color: #FFF;color: #012a5e;font-family: 'Gilroy Medium';}


.retopheading h2{font-family: 'Gilroy-ExtraBold';font-size: 44px;background-image: linear-gradient(to right, #012a5e, #0e23c1);-webkit-linear-gradient(to right, #012a5e, #0e23c1): ;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: #012a5e;margin-bottom: 15px;line-height: 1.1;}
.clientsheading{margin-bottom: 40px;}
.retopheading p{font-family: 'Gilroy Light';font-size: 20px;color: #171819;line-height: 1.4;}
.spacehere{margin-bottom: 50px;}
.resolutionrow{margin-top: 60px;}
.everythingbox .rekeyfeatures_{padding-left: 0;}
.resolutionbox{padding: 15px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 10px;height: 230px;}
.resolutionbox h4{font-family: 'Gilroy-Bold';font-size: 20px;line-height: 1.24;margin-bottom: 10px;}

.rekeyfeaturesbg{background-color: #f0f6fc;}
.rekeyfeatures_{padding-left: 60px;}
.rekeyfeatures_ h3{font-family: 'Gilroy-Bold';font-size: 36px;color: #000;line-height: 1.28;}
.rekeyfeatures_ p{font-size:18px;color: #000;margin-bottom: 50px;font-family: 'Gilroy Light';}
.rekeyfeatures_ p.givemespace{padding-right: 100px;}
.rekeyfeatures_ p span{font-family: 'Gilroy-Bold';}
.rekeyfeaturesbox_{background-color: #FFF;padding: 15px;border-radius: 10px;text-align: center;margin-bottom: 30px;}
.rekeyfeaturesbox_ p{font-size: 18px;margin-bottom: 0;}
.rekeyfeaturesbox_ .image_icon{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;margin-bottom: 10px;}
.rekeyfeaturesbox_ .filters_{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;background-position: 0 -66px;margin-bottom: 10px;}
.rekeyfeaturesbox_ .property_{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;background-position: 0 -140px;margin-bottom: 10px;}
.rekeyfeaturesbox_ .pnotification{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;background-position: 0 -218px;margin-bottom: 10px;}
.rekeyfeaturesbox_ .touch_{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;background-position: 0 -294px;margin-bottom: 10px;}
.rekeyfeaturesbox_ .mls_{background: url(../img/real_estate_images/realestate_keyfeatures_icons.png) no-repeat;width: 50px;height: 50px;background-size: cover;margin: 0 auto;background-position: 0 -372px;margin-bottom: 10px;}

.presencecontainer{background-color:#012a5e;padding: 80px 40px;text-align: center;color:#FFF;border-radius: 40px;}
.presencecontainer h2{font-family: 'Gilroy Light';font-size: 40px;color:#FFF;margin-bottom: 30px;}
.presencecontainer h2 span{font-family: 'Gilroy-Bold';}
.presencecontainer p{font-family: 'Gilroy Light';font-size: 20px;color:#FFF;line-height: 1.4;margin-bottom: 30px;}
.presencecontainer a:hover{background-color: #FFF;color:#012a5e;}

.reclientsrow .reclientsbox{background-color: #FFF;border-radius: 10px;padding: 10px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom: 30px;}
.reclientsrow .col-md-3{width: 20%;}

@media only screen and (min-width:501px) and (max-width:768px){
    .reclientsrow .col-md-3{width: 50%;float: left;}
}

@media only screen and (max-width:500px){
    .reclientsrow .col-md-3{width: 100%;}
}

@media only screen and (max-width:768px){
    .rebrokerbanner{height: auto;}
    .rebrokercontainer{padding: 120px 0 40px;}
    .rebrokercontainer h1{font-size: 36px;}
    .rebrokercontainer p,.retopheading p,.reidxapps p,.whyclavaxbox p,.whyclavaxbox ul li,.rekeyfeatures_ p{font-size: 16px;line-height: 1.4;}
    .rekeyfeatures_ h3{font-size: 28px;}
    .rekeyfeatures_{padding-left: 0;}
    .rekeyfeatures_ p.givemespace{padding-right: 0;margin-bottom: 25px;}
    .presencecontainer{padding: 20px;border-radius: 0;}
    .presencecontainer p{font-size: 16px;}
    .presencecontainer h2{font-size: 32px;line-height: 1.14;margin-bottom: 20px;}
    .reappdevelopmentbox{margin-bottom: 40px;}
    .reappdevelopmentbox h2,.remobappheading h2,.reidxapps h2,.whyclavaxbox h2{font-size: 36px;}
    .retopheading h2{font-size: 32px;line-height: 1.2;}
    .reappdevelopmentbox p{padding-right: 0;font-size: 16px;margin-bottom: 20px;}
    .resolutionbox{padding:20px;height: auto;margin-bottom: 20px;}
    .reusersrow .reusers_{border-right: none;}
    .reusersbox{padding:0;height: auto;margin-bottom: 20px;}
    .reappsbanner{background:transparent;height: auto;}
    .rewhyclavaxbanner{width: 100%;margin: 0 auto;background-color: #FFF;}
}

/* Real Estate Mobile App Development */

.remobilebanner{background: url(../img/real_estate_images/remobilebanner.webp);height: 450px;background-size: cover;}
.remobilecontainer{padding: 150px 0 80px;}
.remobilecontainer h1{font-family: 'Gilroy-Black';color: #FFF;font-size: 44px;}
.remobilecontainer p{font-family: 'Gilroy Light';color: #FFF;font-size: 18px;margin-bottom: 25px;line-height: 1.5;}
.remobilecontainer a{font-family: 'Gilroy Medium';}
.remobilecontainer a:hover{background-color: #FFF;color: #012a5e;font-family: 'Gilroy Medium';}

@media only screen and (min-width:1280px){
    .realestatewrapper .container{width: 1250px;margin:  0 auto;}
    .realestatewrapper .paraBox{padding: 60px 0;}
}

.reappdevelopmentbox h2{font-size: 44px;font-family: 'Gilroy Light';background-image: linear-gradient(to right, #012a5e, #0e23c1);-webkit-linear-gradient(to right, #012a5e, #0e23c1): ;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: #012a5e;line-height: 1.14;}
.reappdevelopmentbox h2 span{font-family: 'Gilroy-ExtraBold';}
.reappdevelopmentbox p{font-family: 'Gilroy Light';font-size: 18px;color: #171819;margin-bottom: 25px;padding-right: 100px;line-height: 1.4;}
.reappdevelopmentbox ul{padding-left: 20px;}
.reappdevelopmentbox ul li{font-family: 'Gilroy Light';font-size: 18px;list-style: square;margin-bottom: 10px;color: #171819;padding-left: 15px;}
.reappdevelopmentbox ul li::marker{color: #012a5e;}

.remobappheading h2{font-size: 44px;font-family: 'Gilroy Light';background-image: linear-gradient(to right, #012a5e, #0e23c1);-webkit-linear-gradient(to right, #012a5e, #0e23c1): ;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: #012a5e;line-height: 1.14;}
.remobappheading h2 span{font-family: 'Gilroy-ExtraBold';}
.remobappheading p{font-size: 20px;font-family: 'Gilroy Light';color: #171819;margin-bottom: 50px;line-height: 1.4;}

.reofferingsbox{padding: 20px 40px;background-color: #f4f5f8;border-radius: 15px;margin-bottom: 30px;height: 295px;}
.reofferingsbox img{margin-bottom: 20px;}
.reofferingsbox h4,.reofferingsbox p{color: #171819;}
.reofferingsbox h4{margin-bottom: 20px;}
.reofferingsbox .offerings_whiteimage{display: none;}
.reofferingsbox:hover{background-image: linear-gradient(to right, #012a5e, #0e23c1);background-color: #012a5e;}
.reofferingsbox:hover .offerings_image{display: none;}
.reofferingsbox:hover .offerings_whiteimage{display: block;}
.reofferingsbox:hover h4,.reofferingsbox:hover p{color: #FFF;}

.reusersbox{padding: 20px;margin-bottom: 30px;height: 230px;}
.reusersbox h4{margin-bottom: 20px;}
.reusersrow .reusers_{border-right: 1px solid #eaeaea;}

.reappsbanner{background: url(../img/real_estate_images/reappsbanner.webp) no-repeat;height: 525px;background-size: cover;}
.rewhyclavaxbanner{background-color: #012a5e;width: 30%;margin: auto 0;}

.reidxapps h2{font-size: 44px;font-family: 'Gilroy Light';background-image: linear-gradient(to right, #012a5e, #0e23c1);-webkit-linear-gradient(to right, #012a5e, #0e23c1): ;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: #012a5e;line-height: 1.14;}
.reidxapps h2 span{font-family: 'Gilroy-ExtraBold';}
.reidxapps p{font-size: 20px;font-family: 'Gilroy Light';line-height: 1.4;color: #171819;}

.whyclavaxbox h2{font-size: 40px;font-family: 'Gilroy Light';background-image: linear-gradient(to right, #012a5e, #0e23c1);-webkit-linear-gradient(to right, #012a5e, #0e23c1): ;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-color: #012a5e;line-height: 1.14;}
.whyclavaxbox h2 span{font-family: 'Gilroy-ExtraBold';}
.whyclavaxbox p{font-size: 18px;font-family: 'Gilroy Light';line-height: 1.4;color: #171819;margin-bottom: 30px;}
.whyclavaxbox ul{padding-left: 20px;margin-bottom: 30px;}
.whyclavaxbox ul li{font-family: 'Gilroy Light';font-size: 18px;list-style: square;margin-bottom: 10px;color: #171819;}
.whyclavaxbox ul li span{font-family: 'Gilroy-Bold';}
.whyclavaxbox ul li::marker{color: #012a5e;}

@media only screen and (max-width:768px){
    .remobilebanner{height: auto;}
    .remobilecontainer{padding: 120px 0 40px;}
    .remobilecontainer h1{font-size: 36px;}
    .remobilecontainer p,.remobappheading p,.reidxapps p,.whyclavaxbox p,.whyclavaxbox ul li{font-size: 16px;line-height: 1.4;}
    .reappdevelopmentbox{margin-bottom: 40px;}
    .reappdevelopmentbox h2,.remobappheading h2,.reidxapps h2,.whyclavaxbox h2{font-size: 36px;}
    .reappdevelopmentbox p{padding-right: 0;}
    .reofferingsbox{padding:20px;height: auto;margin-bottom: 20px;}
    .reusersrow .reusers_{border-right: none;}
    .reusersbox{padding:0;height: auto;margin-bottom: 20px;}
    .reappsbanner{background:transparent;height: auto;}
    .rewhyclavaxbanner{width: 100%;margin: 0 auto;background-color: #FFF;}
}