@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Inter', sans-serif; */ 


//#########################################################################
//###########################   1. Variables   ############################
//#########################################################################

/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */




//#########################################################################
//################   2. Containers / Grid / DND areas   ##################
//#########################################################################

.content-wrapper {
  max-width: 1240px; padding:0 20px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 60px 0px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}

//#########################################################################
//#########################   3. Typography   ############################
//#########################################################################

html {
  font-size: 19px;
}

body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 19px;
  line-height: 1.3;
}

/* Paragraphs */

/* Anchors */ 

a {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #0147FF;
}

a:hover { color: #000000; text-decoration: none;} 


/* Headings */

h1,
.h1 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 64px;
  text-transform: none;
  line-height: 1.15;
}

h2,
.h2 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 56px;
  text-transform: none;
  line-height: 1.2;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 48px;
  text-transform: none;
  line-height: 1.2;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 32px;
  text-transform: none;
  line-height: 1.2;
}

h5,
.h5 {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 24px;
  text-transform: none;
  line-height: 1.30;
}

h6,
.h6 { 
  font-weight: 400; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 15px;
  text-transform: none;
  line-height: 1.30;
}

/* Blockquote */

blockquote {
  border-left-color: #000000;
}

//#########################################################################
//###########################   4. Buttons   ##############################
//#########################################################################

button,
.button {
  border: 1px solid #ffffff;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}
/*
button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(215, 215, 215, 1.0);
  border-color: #d7d7d7;
}

button:active,
.button:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}
*/
//#########################################################################
//#############################   5. Forms   ##############################
//#########################################################################

form,
.submitted-message {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #000000;
}

/* Labels */

form label {
  color: #ffffff;
}

/* Help text */

form legend {
  color: #ffffff;
}

/* Inputs */
/*
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #ffffff;
  border-radius: 3px;
}
*/
/* Form placeholder text */

::-webkit-input-placeholder {
  color: #ffffff;
}

::-moz-placeholder {
  color: #ffffff;
}

:-ms-input-placeholder {
  color: #ffffff;
}

::placeholder {
  color: #ffffff;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #ffffff;
}

.fn-date-picker td.is-selected .pika-button {
  background: #ffffff;
}

.fn-date-picker td .pika-button:hover {
  background-color: #ffffff !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #ffffff;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #ffffff;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(215, 215, 215, 1.0);
  border-color: #d7d7d7;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}

.error {
    border: 1px solid #ff3c21!important;
}

.hs-error-msgs label {

	margin-top: 5px;
}
//#########################################################################
//############################   6. Tables   ##############################
//#########################################################################

/* Table */

table {
  border: 1px solid #ffffff;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  
  padding: 18px;

  color: #ffffff;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #ffffff;
}

//#########################################################################
//##########################   7. Website header   ########################
//#########################################################################

.header {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
  font-family: Poppins;
}

.menu__child-toggle-icon {
  border-top-color: #ffffff;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #ffffff;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #ffffff;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #ffffff;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #ffffff;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #ffffff;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Poppins;
}

.header__language-switcher-label-current:after {
  border-top-color: #ffffff;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #ffffff;
  }
}

//#########################################################################
//##########################   8. Website footer   ########################
//#########################################################################

.footer {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #ffffff;
}

//#########################################################################
//#############################   9. Blog   ###############################
//#########################################################################

.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 60px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #000000;
}

.blog-post__tag-link {
  color: #000000;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #282828;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #000000;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #282828;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 60px;
}

#comments-listing .comment-reply-to {
  color: #0147FF;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #001fd7;
}

#comments-listing .comment-reply-to:active {
  color: #296fff;
}

// #########################################################################
//#########################   10. System pages   ##########################
// #########################################################################

.hs-search-results__title {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
}

// #########################################################################
// ###########################   11. Modules   #############################
// #########################################################################

/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 600; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #000000;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #282828;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #000000;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #000000;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #282828;
}

.pagination__link-icon svg {
  fill: #000000;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 48px;
}

.card__body svg {
  fill: #ffffff;
}

/* Social follow */

.social-links__icon {
  background-color: #ffffff;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #d7d7d7;
}

.social-links__icon:active {
  background-color: #ffffff;
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #000000;
  font-size: 48px;
}


* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* body { background:#fff; margin: 0; padding: 0; font-size: 16px; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 400; color: #000; } */

body.arabic-page h1,
body.arabic-page h2,
body.arabic-page h3,
body.arabic-page h4, 
body.arabic-page h5,
body.arabic-page h6 { font-family: 'Cairo', sans-serif; }

/* h1 > span { color: ; } */

.get-bg img, img.get-bg { display: none; }
.get-bg { min-height: 0; }

img { max-width: 100%; height: auto; border: none; vertical-align: top; }

 a { cursor: pointer; vertical-align: middle; max-width: 100%; white-space: normal !important; display: inline-block; }

/* a { font-family: 'Poppins', sans-serif; color: #0147FF; outline: none; text-decoration: none !important; cursor: pointer; vertical-align: middle; max-width: 100%; white-space: normal !important; display: inline-block; }
a:hover { color: #000000; text-decoration: none;} */
p { margin:0 0 10px; width: 100%; display: block; } 
ul, ol { list-style:none; padding: 0; margin: 0; }
li { list-style:none; } 

.fullwidth { float: left; width: 100%; }
.wrapper, .wrapperXL { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1320px; padding-right: 20px !important; padding-left: 20px !important; }
/*.wrapper, .wrapperXL { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1320px; padding-right: 50px !important; padding-left: 50px !important; }*/

.wrapperXL { max-width:1800px; }
/*.wrapperXL { max-width:1280px; }*/

.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center;}
.text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { font-weight: 300; }
.text-bold, .text-bold a, .text-bold h1, .text-bold h2, .text-bold h3, .text-bold h4, .text-bold h5, .text-bold h6 { font-weight: 600; }
.text-bolder, .text-bolder a, .text-bolder h1, .text-bolder h2, .text-bolder h3, .text-bolder h4, .text-bolder h5, .text-bolder h6 { font-weight: 800;}
.text-black, .text-black a, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 { color: #000;}
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff;}
.text-uppercase, .text-uppercase a, .text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6 { text-transform: uppercase;}

p:last-child { margin-bottom: 0; }
input[type=submit] { cursor:pointer; }
body .row-fluid [class*="span"] { min-height: 0px; }
body .row-fluid [class*="span"].widget-type-space { min-height: 1px; }

.set-bg { background-size: cover; background-position: center; position: relative; width: 100%; float:left; }
.get-bg { display: none !important; }

strong { font-weight: 700; font-family:Poppins,sans-serif; }
textarea, 
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select { width: 100% !important; border: 1px solid #ddd; outline: none; background: #fff; font-size: 16px; line-height: 24px; font-weight: 300; color: #000;min-height:46px; margin:8px 0; padding:10px 20px; -webkit-appearance: none; }
input[type="submit"] { padding:10px 30px; text-align: center; background: #1996ff; outline: none; font-size: 16px; line-height: 24px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#fff; border:2px solid #1996ff; min-height:46px; margin:5px 0; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; -webkit-appearance: none; }
input[type="submit"]:hover { color: #1996ff; background:#fff; }
.hs-form-required { display: none; }
.hs-error-msgs { list-style: none; margin: 0 0 10px; padding: 0; font-size: 12px;  }
fieldset { max-width: 100% !important; }
.input { margin-right: 0 !important; }
.form-columns-2 .hs-form-field { width: 49% !important; float: left; margin-right: 2%; }
.form-columns-2  div.hs-form-field + div.hs-form-field { margin-right: 0; }
.form-columns-3 .hs-form-field { width: 31.7% !important; float: left; margin-right: 2.4%; }
.form-columns-3  div.hs-form-field + div.hs-form-field + div.hs-form-field { margin-right: 0; }


.hs-error-msgs label { color:#FF0000; }
.hs_error_rollup { display:none; }

.btn a { text-align: center; background: #FFF; display: inline-block; font-family: 'Inter', sans-serif; font-weight: 600; padding: 10px 20px; line-height: 28px; border-radius: 5px; }
.btn a:hover { background:#000000; color:#FFFFFF; }

.flex { display:flex; }
.ffRowwrap { flex-flow:row wrap; }
.justLeft { justify-content:left; }
.justCenter { justify-content:center; }
.alignCenter { align-items:center; -webkit-align-items:center; }
.flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }

.hLogo img { max-width:250px !important; }

/* Hero Section */

.hero-outer { display: flex; flex-wrap: wrap; }
.hero-left { width: 70%; float: left; padding: 74px 220px 74px 80px; }
.hero-right { width: 28%; float: left; margin-left: 2%; padding: 30px; }
.hero-left h6 { margin-bottom: 11px; font-size:16px; font-weight:600; display: flex; align-items: center; text-transform: uppercase; color: #FFFFFF; letter-spacing: 0.07em; }
.hero-left h1 { text-transform: capitalize; max-width: 1000px; margin-top: 10px; float: left; width: 100%; }
.hero-bottomtext { color: #fff; text-transform: capitalize; font-size: 24px; letter-spacing: .01em; line-height: 38px; max-width: 773px; }
.hero-form form { position:relative; margin: 30px 0 35px; } 
.hero-form .hs-form-field > label { display:none; }
.hero-form .hs-input { padding:15px 25px; background: #EBEBEB; border: 1px solid #D2D2D8; border-radius: 3px; width: 100%; outline: none; margin-top: 0; line-height: 28px; min-height: 60px; }
.hero-form .hs-button { background: linear-gradient(314.85deg, #FF6E01 -32.84%, #FF025D 108.88%); border-radius: 0px 3px 3px 0px; border: none; font-weight: 600; font-size: 20px; position: absolute; right: 0; top: 0; margin: 0; padding: 15px 24px; line-height: 30px; min-height: 60px; max-width:250px; }  
.hero-form .hs-button:hover { background:#000000; color:#FFFFFF; }
.hero-form form > div:first-child .hs-input, .hero-form form > fieldset .hs-input { padding-right: 260px; }
.hero-rightsubtitle { font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 30px; }
.hero-right h4 { font-weight:700; color:#FFFFFF; margin: 0 0 56px; float: left; width: 100%; }
.hero-right h4 span { float:left; width:100%; }
.hero-right h5 { font-size: 27px; font-weight: 700; color: #FFF; margin: 0 0 15px; }
.hero-button { margin: 20px 0 30px; }
.hero-logos { padding: 30px 0 0; }
.hero-logo { float: left; width: 25%; }
.hero-rightbtmtext { font-size: 15px; letter-spacing: 0.05em; font-weight: 500; } 


.tsOuter { border: #D6D6D6 solid 2px; border-radius: 3px; }
.tsLeft { float:left; width:74%; }
.tsRight { float:left; width:26%; border-left:2px solid #d6d6d6; padding: 39px 65px; text-align: center; }
.tsRight h5 { color: #666; font-weight: 600; margin: 0 0 20px; }
.tslRow { float: left; width: 33.33%; border-right: #D6D6D6 solid 2px; border-bottom: #D6D6D6 solid 2px; }
.tslRow > h5 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 32px 50px; text-align: center; color: #666; font-weight: 600; border-bottom: #D6D6D6 solid 2px; }
.tslRow h5 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 32px 50px; text-align: center; color: #666; font-weight: 600; border-bottom: #D6D6D6 solid 2px; margin-bottom: 0;}
.tslRow:nth-last-child(1):nth-child(3n), .tslRow:nth-last-child(2):nth-child(3n+2), .tslRow:nth-last-child(3):nth-child(3n+1), .tslRow:nth-last-child(1):nth-child(3n+2), .tslRow:nth-last-child(2):nth-child(3n+1), .tslRow:nth-last-child(1):nth-child(3n+1) { border-bottom: none; }
.tslRow:nth-child(3n) { border-right:none; }
.tslrWrap { border-radius: 3px; background-color: #F5F6F7; position: relative; padding-left: 136px; min-height: 97px; display: flex; flex-wrap: wrap; align-items: center; }
.tslrIcon { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 116px; height: 100%; }
.tslrIcon img { display: none; }
.tslrText { padding: 20px 20px 20px 0; letter-spacing: 0.01em; font-size: 14px; line-height: 16px; }
.tslrText p { margin-bottom: 9px; }
.tslrText p:last-child { margin-bottom: 0; }

.ctaimage-outer { display: flex; flex-wrap: wrap; }
.ctaimage-right{ width: 20%; float: left; }
.ctaimage-left { width: 100%; float: left; display: flex; align-items: center; text-align: center; justify-content: center; }
.cta-image-prt { margin-right: 34px; }
.cta-text-prt { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1; padding-left: 25px; font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; color: #111111; } 
.cta-text-prt:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background-color: #111111; }
.ctaimage-right a { position: relative; z-index: 1; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; font-weight: 600; font-size: 16px; line-height: 107.4%; padding: 12.5px 20px 12.5px 75px; border: 3px solid #014DFF; border-radius: 50px; background-color: #fff; }
.ctaimage-right a:before { position: absolute; z-index: -1; content: ''; background-image: url(https://22256781.fs1.hubspotusercontent-na1.net/hubfs/22256781/Prototype%20Loop%20-%202022/Images/comment-alt-dots.png); width: 24px; background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 24px; left: 28px; top: 12px; }

.testimonial-slider-header h2 { letter-spacing: 0.01em; text-transform: capitalize; color: #000000; }
.testimonial-slider-header { max-width: 1031px; margin-left: auto; margin-right: auto; float: none; }
.testimonial-slidersec { overflow: hidden; }
.testimonial-slide { width: calc(33.33% = 21px); float: left; margin-right: 21px; background: #FFFFFF; box-shadow: 2px 4px 4px rgb(0 0 0 / 7%); border-radius: 20px; padding: 56px 36px; }
.testimonial-slider-row .slick-list { overflow: visible; }
.testimonial-slider-row:before { z-index: 1; content: ''; position: absolute; top: 0; right: 100%; width: 3000px; height: 100%; }
.testimonial-slidetext { margin-top: 23px; }
.testimonial-slider-row.slick-slider .slick-track { display: inline-flex;}
.testimonial-slider-row .testimonial-slide { margin-bottom: 20px; height: inherit; }
.testimonial-slidecta { margin-top: 14px; font-weight: 600; font-size: 18px; line-height: 115%; letter-spacing: 0.01em; color: #1E1D1F; }
.testimonial-slidecta a { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 115%; letter-spacing: 0.01em; color: #2A64C5; }
.testimonial-slider-row .slick-arrow { left: -20px; z-index: 2;cursor: pointer; top: 50%; transform: translateY(-50%); position: absolute; font-size: 0; width: 51px; height: 51px; border: 0; border-radius: 50%; background: rgba(226, 226, 228, 0.6); }
.testimonial-slider-row { padding-top: 74px; }
.testimonial-slider-row .slick-next.slick-arrow { left: auto; right: -20px; }
.testimonial-slider-row .slick-arrow:before { border-top: 3.5px solid #000000; border-right: 3.5px solid #000000; content:''; position: absolute; width: 13px; height: 13px; top: 50%; transform: translateY(-50%) rotate(-135deg); margin-left: -4px; }
.testimonial-slider-row .slick-next.slick-arrow:before { transform: translateY(-50%) rotate(45deg); margin-left: -9px; }
.testimonial-slider-row .slick-arrow.slick-disabled { display: none !important; }
.testimonial-slidetext p a { vertical-align: top; }

.fairfees-left { width: 50%; float: left; }
.fairfees-right { width: 50%; float: left; padding-left: 60px; }
.fairfees-box { margin-bottom: 30px; display: flex; flex-wrap: wrap; max-width: 326px; margin-left: auto; position: relative; float: right; border-radius: 20px; background-color: #F5F5F6; overflow: hidden; }
.fairfees-boximage { max-width: 120px; width: 120px; float: left; background-repeat: no-repeat; height: inherit; background-size: cover; background-position: center center; }
.fairfees-boximage img { display: none; }
.fairfees-boxright { width: calc(100% - 120px); float: left; padding: 25px 20px; }
.fairfees-boxrightlink a{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-size: contain; background-position: center center;  background-repeat: no-repeat; background-image: url('https://22256781.fs1.hubspotusercontent-na1.net/hubfs/22256781/Prototype%20Loop%20-%202022/Images/Plus.png'); border-radius: 50%; }
.fairfees-boxright h6 { letter-spacing: 0.01em; color: #1D1D1F; font-weight: 600; font-size: 14px; line-height: 115%; }
.fairfees-boxrightext { letter-spacing: 0.01em; text-transform: capitalize; color: #1D1D1F; font-size: 14px; line-height: 115%; margin-top: 5px; }
.fairfees-boxs { width: 100%; float: left; }
.fairfees-row { width: 100%; float: left; display: flex; flex-wrap: wrap; }
.fairfees-cols { width: 45%; float: left; margin-top: 20px; margin-right: 10%; }
.fairfees-cols:nth-child(2n) { margin-right: 0; }
.fairfees-cols h6 { letter-spacing: 0.01em; color: #6E6F73; }
.fairfees-cols h3 { line-height: 48px; margin-top: 10px; }
.fairfees-left h2 { letter-spacing: 0.01em; text-transform: capitalize; color: #000000; margin-right: -90px; }
.fairfees-leftext { margin-bottom: 20px; font-weight: 500; font-size: 20px; line-height: 26px; letter-spacing: 0.01em; color: #000000; max-width: 501px; margin-top: 11px; }
.fairfees-button { display: inline-block; margin-right: 36px; }
.with-border a { color: #014DFF; border: 1px solid #014DFF; padding: 13px 19px; text-align: center; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 20px; font-family: 'Inter', sans-serif; }
.with-background a { text-align: center; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 20px; font-family: 'Inter', sans-serif; padding: 14px 26px; color: #fff; border: 0; background: linear-gradient(90.66deg, #0079FF 0%, #0046FF 99.43%); box-shadow: 0px 3px 8px rgba(8, 64, 173, 0.35); }
.fairfees-button { margin-top: 25px; }
.fairfees-coltext { letter-spacing: 0.01em; color: #6E6F73; font-weight: 600; font-size: 18px; line-height: 115%; margin-top: 10px; }

.service-header h2 { color: #000000; margin-bottom: 12px; letter-spacing: 0.01em; text-transform: capitalize; }
.service-header { text-align: center; margin-bottom: 50px; }
.service-headertext { font-weight: 500; font-size: 24px; line-height: 160%; text-align: center; letter-spacing: 0.02em; color: #333333; max-width: 915px; margin-left: auto; margin-right: auto; }
.service-row { display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; }
.service-cols { padding-left: 20px; padding-right: 20px; width: 25%; float: left; text-align: center; margin-top: 50px; }
.service-icon { margin-bottom: 20px; }
.service-title { margin-bottom: 10px; font-weight: 600; font-size: 18px; line-height: 115%; text-align: center; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; }
.service-coltext { font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; }
.service-btns { text-align: center; margin-top: 60px; }
.service-btn { margin-top: 15px; display: inline-block; margin-right: 15px; margin-left: 15px; }
.service-btn a { min-width: 320px; }


.rent-valuation-header h3 { margin-bottom: 24px; font-size: 42px; letter-spacing: 0.03em; color: #222222; }
.rent-valuation-row { border: 1px solid #D6D6D6; border-radius: 6px; padding: 40px; }
.rent-valuation-left { width: 50%; float: left; }
.rent-valuation-right { width: 50%; float: left; text-align: right; }
.rent-valuation-left h5 { font-weight: 600; font-size: 26px; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; color: #000000; margin-bottom: 15px; }
.rv-leftext { max-width: 508px; font-weight: 400; font-size: 24px; line-height: 30px; letter-spacing: -0.03em; color: #000000; }
.rv-left-btn { margin-top: 15px; display: inline-block; margin-right: 34px; }
.rv-left-btns { margin-top: 35px; }
.rv-row { display: flex; flex-wrap: wrap; max-width: 424px; margin-left: auto; }
.rv-cl { border-top: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; width: 50%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 22px 22px 22px; }
.rv-cl:nth-child(2n) { border-right: 0; }
.rv-cl:first-child , .rv-cl:nth-child(2) { padding-top: 0; border-top: 0; }
.rv-cl:last-child , .rv-cl:nth-last-child(2)  { padding-bottom: 0; }
.rv-cltitle { width: 100%; font-weight: 700; font-size: 20px; line-height: 107.4%; text-align: center; letter-spacing: 0.01em; text-transform: capitalize; color: #000000; margin-bottom: 8px; }
.rv-cltext { text-align: center; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; width: 100%; font-weight: 500; font-size: 14px; line-height: 115%; }
.rent-valuationsubtitle { display: none; }

.faq-cltext { display: none; }
.faq-row { width: 100%; max-width: 844px; margin-left: auto; margin-right: auto; }
.faq-header .faq-title { padding-right: 40px; position: relative; font-weight: 500; font-size: 32px; line-height: 48px; letter-spacing: 0.01em; text-transform: capitalize; color: #000000; }
.faq-cols { margin-top: 40px; }
.faq-nested-ttl { padding-right: 25px; position: relative; border-top: 1px solid #D6D6D6; padding-top: 21px; padding-bottom: 27px; font-weight: 500; font-size: 19px; line-height: 27px; letter-spacing: 0.01em; color: #212121; }
/* .faq-header .faq-title:before { position: absolute; top: 10px; right: 10px; content: ''; width: 20px; height: 20px; border-bottom: 2px solid #535356; border-right: 2px solid #535356; transform: rotate(45deg); } */
.faq-header.accordion--open .faq-title:before {  transform: rotate(-136deg); top: 21px; }
.faq-nested-ttl:before { position: absolute; top: 30px; right: 5px; content: ''; width: 10px; height: 10px; border-bottom: 2px solid #535356; border-right: 2px solid #535356; transform: rotate(45deg); }
.faq-nestedcols.accordion--open .faq-nested-ttl:before {  transform: rotate(-136deg); top: 33px; }
.faq-nested-text { margin-bottom: 15px; }

.title-textheader h3 { font-size: 42px; margin-bottom: 24px; letter-spacing: 0.03em; color: #333333; }
.title-text-content { font-size: 24px; line-height: 34px; letter-spacing: 0.02em; color: #333333; }

.agent-left { width: 50%; float: left; padding-right: 70px; }
.agent-right { width: 50%; float: left; padding-left: 25px; }
.agent-cols { border: 1px solid #86868B; border-radius: 10px; width: 48.5%; float: left; margin-right: 3%; }
.agent-cols:nth-child(2n) { margin-right: 0; }
.agent-cols-image { border-top-left-radius: 10px; border-top-right-radius: 10px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 90%; width: 100%; }
.agent-outer { display: flex; flex-wrap: wrap; align-items: flex-end; }
.agent-cols-content { padding: 15px 15px 48px; }
.agent-jobtitle { color: #000000; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; margin-bottom: 16px; }
.agent-jobtitle:hover { color: #014DFF; }
.agent-name { font-weight: 500; font-size: 24px; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; margin-bottom: 5px; }
.agent-area { font-weight: 600; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; }
.agent-left h3 { margin-bottom: 30px; font-size: 40px; line-height: 50px; letter-spacing: 0.03em; color: #222222; font-weight: 700; }
.agent-left-text { font-weight: 400; font-size: 24px; line-height: 30px; font-family: 'Inter', sans-serif; letter-spacing: -0.03em; }


/* .property-formpart { max-width: 1062px; margin-left: auto; margin-right: auto; float: none; } */
.property-formpart { width: 100%; }
.property-formouter { max-width: 1062px; margin-left: auto; margin-right: auto; float: none; display: flex; flex-wrap: wrap; }
.property-formheader { text-align: center; max-width: 777px; margin-left: auto; margin-right: auto; margin-bottom: 62px; }
.property-formpart form { position: relative; }
.property-formpart .hs-form-field > label { display: none; }
.property-formpart form > div:first-child .hs-input, .property-formpart form > fieldset .hs-input { padding-right: 260px; }
.property-formpart .hs-input { padding: 15px 25px; border: 1px solid #86868B; border-radius: 10px; width: 100%; outline: none; margin-top: 0; min-height: 60px; font-weight: 500; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; color: #444444; }
.property-formpart .hs-button { background: linear-gradient(90.66deg, #0079FF 0%, #0046FF 99.43%); border-radius: 0px 10px 10px 0px; border: none; font-weight: 600; font-size: 20px; position: absolute; right: 0; top: 0; margin: 0; padding: 15px 24px; line-height: 30px; min-height: 60px; min-width: 323px; max-width: 323px; }
.property-formpart ::-webkit-input-placeholder { color: #444444; }
.property-formpart ::-moz-placeholder { color: #444444; }
.property-formpart :-ms-input-placeholder { color: #444444; }
.property-formpart ::placeholder { color: #444444; }
.property-txt { width: 55%; float: left; font-weight: 500; font-size: 24px; line-height: 160%; letter-spacing: 0.02em; color: #333333; }
.property-txt a { vertical-align: top; }
.property-boxs { width: 45%; float: left; padding-left: 40px; } 
.property-row { width: 100%; margin-top: 60px; float: left; }
.property-box { display: flex; flex-wrap: wrap; background-color: #f5f5f7; border-radius: 10px; }
.property-img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-size: cover; background-position: center center; background-repeat: no-repeat; min-width: 149px; height: inherit; }
.property-right { position: relative; float: right; padding: 30px 40px; width: calc(100% - 149px); }
.property-rightlink a { position: absolute; width: 18px; height: 18px; top: 13px; right: 10px; background-image: url('https://22256781.fs1.hubspotusercontent-na1.net/hubfs/22256781/Prototype%20Loop%20-%202022/Images/Group%204391.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.property-right h6 { font-weight: 600; font-size: 14px; line-height: 21px; letter-spacing: 0.01em; color: #333333; margin-bottom: 17px; }
.property-rightext { font-size: 14px; line-height: 21px; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; }


.fltwocols-sec { position: relative; z-index: 2; min-height: 1000px; }
.fltwocols-outer { display: flex; flex-wrap: wrap; }
.fltwocols-right:before { content: ''; width: 50%; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(116.82deg, #322074 3.51%, #0046FF 87.64%); z-index: -1; }
.fltwocols-right { width: 50%; float: right; margin-left: auto; text-align: center; }
.fltwocols-left { position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 50%; height: 100%; }
.fltwocols-right h2 { max-width: 480px; margin-left: auto; margin-right: auto; margin-bottom: 80px; font-weight: 500; letter-spacing: 0.01em; text-transform: capitalize; color: #FFFFFF; }
.fltwocols-rtext { max-width: 480px; margin-left: auto; margin-right: auto; margin-bottom: 99px; padding-left: 40px; padding-right: 40px; font-weight: 500; font-size: 24px; line-height: 36px; letter-spacing: 0.01em; text-transform: capitalize; color: #FFFFFF; }
.fltwocols-btn a { border: 1px solid #FFFFFF; border-radius: 8px; color: #fff; padding: 13px 22px; text-align: center; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; font-family: 'Inter', sans-serif; }
.fltwocols-btn { max-width: 480px; margin-left: auto; margin-right: auto; }
.fltwocols-mobileimg { display: none; }

.partner-row { display: flex; flex-wrap: wrap; }
.partner-cols { width: 23%; float: left; margin-right: 2%; margin-top: 38px; }
.partner-cols:nth-child(4n) { margin-right: 0; }
.partner-header h2 { margin-bottom: 20px; letter-spacing: -0.03em; text-transform: capitalize; color: #121212; }
.partner-header { text-align: center; }
.partner-header-text{ margin-bottom: 15px; font-size: 24px; line-height: 30px; font-family: 'Inter', sans-serif; letter-spacing: -0.03em; color: #333333; }
.partner-image { min-height: 62px; }
.partner-image img { mix-blend-mode: luminosity; opacity: 0.8; }
.partner-colstext { margin-top: 17px; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.01em; color: #666666; }

.rating-testimonial-header h3 { letter-spacing: 0.01em; text-transform: capitalize; color: #000000;}
.rating-testimonial-header { margin-bottom: 67px; }
.rating-testimonial-cols { padding: 40px; border: 1px solid #D5DBDF; border-radius: 6px; width: 22%; float: left; margin-right: 36px; }
.rating-star li { display: inline-block; margin-right: 5px; max-width: 18px; }
.rating-colstext { margin-top: 30px; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; margin-bottom: 16px; }
.rating-name { font-style: italic; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.01em; text-transform: capitalize; color: #444444; padding-left: 13px; position: relative; }
.rating-name:before { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ''; background-color: #444444; }
.rating-testimonial-row .slick-list { overflow: visible; }
.rating-testimonial-row:before { width: 284px; height: 208px; position: absolute; top: 50%; left: -320px; transform: translateY(-50%); content:''; background: linear-gradient(89.24deg, rgba(0, 0, 0, 0) 28.58%, #000000 114.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.rating-testimonial-row:after { width: 284px; height: 208px; position: absolute; top: 50%; right: -320px; transform: translateY(-50%); content:''; background: linear-gradient(89.24deg, rgba(0, 0, 0, 0) 28.58%, #000000 114.99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.rating-testimonial-sec { overflow: hidden; }
.rating-testimonial-row .slick-next.slick-arrow { left: auto; right: 30px; }
.rating-testimonial-row .slick-arrow { left: -40px; z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%); position: absolute; font-size: 0; width: 51px; height: 51px; border: 0; border-radius: 50%; background: rgba(214, 214, 214, 0.65); }
.rating-testimonial-row .slick-next.slick-arrow:before { transform: translateY(-50%) rotate(45deg); margin-left: -9px; }
.rating-testimonial-row .slick-arrow:before { border-top: 3.5px solid #000000; border-right: 3.5px solid #000000; content: ''; position: absolute; width: 13px; height: 13px; top: 50%; transform: translateY(-50%) rotate(-135deg); margin-left: -4px; }
.rating-testimonial-row .slick-track { display: inline-flex;}
.rating-testimonial-row .rating-testimonial-cols { height: inherit; }

.image-four-cols { position: relative; z-index: 1; padding-top: 24.2%; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 24.22%; float: left; margin-right: 1%; border-radius: 20px; margin-top: 30px; }
.image-four-cols:nth-child(4n) { margin-right: 0; }
.image-four-cols:before { border-radius: 20px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(184.77deg, rgba(196, 196, 196, 0) 13.47%, rgba(3, 3, 3, 0.49) 96.15%); mix-blend-mode: multiply; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); }
.image-four-cols h4{ padding: 36px; position:relative; z-index: 1; font-weight: 500; font-size: 26px; line-height: 107.4%; letter-spacing: 0.01em; text-transform: capitalize; color: #FFFFFF; }
.image-four-row { margin-top: 33px; display: flex; flex-wrap: wrap; }
.image-four-header h2 { font-weight: 500; line-height: 107.4%; letter-spacing: 0.01em; text-transform: capitalize; color: #FFFFFF; }
.image-four-headertext { color: #FFFFFF; margin-top: 5px; }
.image-four-btns { margin-top: 20px; }
.image-four-btn { display: inline-block; margin-right: 53px; margin-top: 20px; }
.image-four-btn.btn-withbackground a { text-align: center; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #212EA6; padding: 14px 17px; background-color: #FFFFFF; box-shadow: 0px 3px 8px rgba(8, 64, 173, 0.35); border-radius: 8px; }
.image-four-btn.btn-withborder a { text-align: center; min-width: 240px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; padding: 13px 16px; border: 1px solid #FFFFFF; border-radius: 8px; }  

.agentform-header { margin-bottom: 61px; }
.agentform-header h2 { letter-spacing: 0.01em; text-transform: capitalize; color: #000000; }
.agentform-bottom { max-width: 1062px; margin-left: auto; margin-right: auto; float: none; display: flex; flex-wrap: wrap; }
  
ul.slick-dots { text-align: center; margin-top: 15px; }
ul.slick-dots li { display: inline-block; margin-left: 3px; margin-right: 3px; }
ul.slick-dots li button { border: 0; outline: 0; background: #D9D9D9; font-size: 0; line-height: 0; padding: 0; width: 14px; height: 14px; border-radius: 50%; }
ul.slick-dots li.slick-active button { background: #666666; }


.agentform-form form fieldset.form-columns-2 > div:first-child { width: 65.8% !important; float: left; margin-right: 2.4%; }
.agentform-form form fieldset.form-columns-2 > div + div {  width: 31.8% !important; margin-right: 0; } 
.agentform-form form textarea, 
.agentform-form form input[type="text"], 
.agentform-form form input[type="number"], 
.agentform-form form input[type="email"], 
.agentform-form form input[type="tel"], 
.agentform-form form select { font-weight: 500; font-size: 18px; line-height: 115%; font-family: 'Poppins', sans-serif; letter-spacing: 0.01em; text-transform: capitalize; color: #444444; border: 1px solid #86868B; border-radius: 10px; min-height: 48px; }
.agentform-form form ::-webkit-input-placeholder { color: #444444; }
.agentform-form form ::-moz-placeholder { color: #444444; }
.agentform-form form :-ms-input-placeholder { color: #444444; }
.agentform-form form ::placeholder { color: #444444; }
.agentform-form form .hs-fieldtype-select .input { position: relative; } 
.agentform-form form .hs-fieldtype-select .input:before { position: absolute; content:''; width: 8px; height: 8px; top: 50%; right: 20px; border-bottom: 2px solid #535356; border-right: 2px solid #535356; transform: translateY(-50%) rotate(45deg); }
.agentform-form form .actions { display: none; }
.agentform-form form .hs-form-field { margin-bottom: 28px; }
.agentform-threecols { max-width: 1051px; margin-left: auto; margin-right: auto; margin-top: 43px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.agentform-innrcols { margin-bottom: 23px; padding: 15px 20px 32px; width: 33.33%; float: left;  border-radius: 5px; text-align: center; }
.agentform-money { font-weight: 500; font-size: 64px; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; color: #000000; margin-bottom: 12px; }
.agentform-coltext { margin-bottom: 22px; font-weight: 500; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; color: #333333; }
.agentform-colbtn a { width: 100%; background: linear-gradient(90.66deg, #0079FF 0%, #0046FF 99.43%); border-radius: 50px; padding: 10px 16px; text-align: center; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; font-family: 'Inter', sans-serif; max-width: 200px; }
.agentform-innrcols.agentform-best { background-color: #F5F5F7; }
.agentform-form form select { padding-right: 35px; }


.ctaimage-right a:hover { background-color: #000; border-color: #000; color: #fff; }
.ctaimage-right a:hover:before { background-image: url(https://22256781.fs1.hubspotusercontent-na1.net/hubfs/22256781/Prototype%20Loop%20-%202022/Images/comment-alt-dots-white.png); }
.testimonial-slidecta a:hover { color: #000; }
.with-background a:hover { background: #000; }
.with-border a:hover { background: #000; border-color: #000; color: #fff; }
.agentform-colbtn a:hover { background: #000; color: #fff; }
.image-four-btn.btn-withbackground a:hover { background: #000; color: #fff; }
.image-four-btn.btn-withborder a:hover { background: #000; border-color: #000; color: #fff; }
.fltwocols-btn a:hover { background: #000; border-color: #000; color: #fff; }
form input[type=submit]:active, form .hs-button:active , form input[type=submit]:hover , form .hs-button:hover { background: #000; border-color: #000; color: #fff; }

.footer-sec { background: #FFFFFF; box-shadow: 0px -4px 6px rgb(0 0 0 / 12%); padding: 52px 0; }
.footer-left { width: 50%; float: left; }
.footer-right { font-weight: 500; font-size: 14px; line-height: 115%; letter-spacing: 0.01em; color: #666666; width: 50%; float: left; text-align: right; }
.footer-left , .footer-left li { font-weight: 500; font-size: 14px; line-height: 115%; letter-spacing: 0.01em; color: #666666; }
.footer-left li { display: inline-block; margin-right: 40px; }
.footer-left li a { color: currentcolor; }
.footer-left li a:hover { color: #000000; }

.submitted-message { padding: 30px 0; font-size: 18px; }
.hero-form .submitted-message { padding: 30px 0; color: #fff; font-size: 18px; }


/* Responsive */

@media(max-width: 1800px){

  .wrapperXL { max-width: 1320px; }
  .hero-left { padding: 74px 90px 74px 60px; }
  .rating-testimonial-row .slick-arrow { left: -20px; }
  .rating-testimonial-cols { margin-right: 25px; }
  .rating-testimonial-row .slick-next.slick-arrow { right: -20px; }
  
  
  
}

@media(max-width: 1330px){
  .wrapperXL , .wrapper { max-width: 1024px; }
  
  .hero-left { padding: 60px 40px 60px 40px; }
  /* .hero-logo { width: 50%; } */
  .hero-button { margin: 20px 0 20px; }
  .hero-logos {padding: 20px 0 0; }
  .hero-right h4 { margin: 0 0 36px; font-size: 28px; }
  .hero-left h1 { font-size: 68px; }
  
  .tsRight { width: 100%; border-left: 0; }
  .tsLeft { width: 100%; }
  .tslRow , .tslRow:nth-last-child(1):nth-child(3n), .tslRow:nth-last-child(2):nth-child(3n+2), .tslRow:nth-last-child(3):nth-child(3n+1), .tslRow:nth-last-child(1):nth-child(3n+2), .tslRow:nth-last-child(2):nth-child(3n+1), .tslRow:nth-last-child(1):nth-child(3n+1){ border-bottom: #D6D6D6 solid 2px;  }
  
  .fairfees-cols { margin-bottom: 30px; width: 100%; margin-right: 0; }
  .fairfees-button { margin-right: 20px; }
  
  .agentform-money { font-size: 52px; }
  .agentform-coltext { font-size: 18px; }
    
  .testimonial-slider-row .slick-arrow { left: -15px; }
  .testimonial-slider-row .slick-next.slick-arrow { right: -15px; }
  
  .image-four-cols { width: 32.66%; margin-right: 0.5%; padding-top: 10%; margin-bottom: 20px; }
  .image-four-cols:nth-child(4n) { margin-right: 0.5%; }
    
  .fltwocols-right h2 { max-width: 400px; }
  .fltwocols-sec { min-height: 900px; }
  
  .rv-left-btn { margin-right: 12px; }  
  
  
  
  .image-four-row .slick-list { overflow: visible; }
  .image-four-sec { overflow: hidden; }
  .image-four-row { display: block; }
  .image-four-row:before { z-index: 9; background: linear-gradient(rgb(42 39 140), rgb(28 49 178)); position: absolute; top: 0; left: -100%; content:''; width: 100%; height: 100%; }
  .image-four-row .slick-track { display: flex; flex-wrap: wrap; }
  .image-four-cols { height: inherit; }
}


@media(max-width: 1024px){
  .wrapperXL , .wrapper { max-width: 900px; }
  h1 { font-size: 60px; }
  h2 { font-size: 54px; }
  h3 { font-size: 40px; }  
  
  .hero-right { padding: 30px 24px; width: 33%; }
  .hero-rightsubtitle { margin: 0 0 24px; }
  .hero-left { width: 65%; }
  .hero-left h1 { font-size: 56px; }
  
  .tslRow > h5 { padding: 24px 50px; }
    .tslRow h5 { padding: 24px 50px; }
  .tsRight { padding: 32px 65px; }
  .tslrText { padding: 17px 17px 17px 0; }
  
  .testimonial-slider-row { padding-top: 50px; }
  
  .rating-testimonial-header { margin-bottom: 50px; }
  
  .ctaimage-right a { padding: 12.5px 20px 12.5px 60px; }
  .ctaimage-right a:before { left: 22px; }
  
  .fairfees-left h2 { margin-right: 0; }
  .fairfees-right { padding-left: 40px; }
  
  .property-txt { font-size: 20px; }
  .property-right { padding: 30px 20px; width: calc(100% - 140px); }
  .property-img { min-width: 140px; }
  .property-boxs { padding-left: 25px; }
  
  .image-four-cols h4 { font-weight: 500; padding: 27px; }
    
  .rating-testimonial-cols { padding: 24px; }
  
  .service-cols { width: 33.33%; }
  
  .rv-leftext { font-size: 22px; }
  
  .agent-left { padding-right: 30px; }
  .agentform-header { margin-bottom: 50px; }
  .agentform-money { font-size: 46px; } 
  
}

@media(max-width: 991px){
  .wrapperXL , .wrapper { max-width: 700px; }
  h1 { font-size: 50px; }
  h2 { font-size: 40px; }
  
  .hero-left { width: 100%; padding: 34px 24px 34px 24px; }
  .hero-right { width: 100%; margin-left: 0; padding: 24px 24px; }
  .hero-bottomtext { font-size: 20px; line-height: 30px; }
  .hero-form form { margin: 30px 0 28px; }
  .hero-left h1 { font-size: 50px; }
  
  .tslRow { width: 100%; border-right: 0; }
  .tslRow > h5 { border-bottom: 0; }
    .tslRow h5 { border-bottom: 0; }
  .tslRow:last-child { border-bottom: 0 !important; }
  
  .ctaimage-right { width: 100%; margin-top: 20px; text-align: center; }
  
  /* .fltwocols-right { margin-right: -30px; } */
  .fltwocols-sec { min-height: auto; }
  .fltwocols-right h2 { margin-bottom: 60px; }
  .fltwocols-rtext { margin-bottom: 60px;  padding-left: 0; padding-right: 0; }
  
  .fairfees-left { width: 100%; } 
  .fairfees-right { padding-left: 0; width: 100%; margin-top: 32px; }
  .fairfees-box { max-width: 380px; float: left; }
  
  .property-txt { width: 100%; margin-bottom: 33px; }
  .property-boxs { padding-left: 0; max-width: 380px; width: 100%; }
  
  .image-four-btn { margin-right: 40px; }
  
  .partner-cols { width: 49%; }
  .partner-cols:nth-child(3n) { margin-right: 2%; }
  .partner-cols:nth-child(2n) { margin-right: 0; }
  .rent-valuation-row { border: 0; border-radius: 0; padding: 0; }
  .rent-valuation-left { width: 100%; }
  .rent-valuation-right { width: 100%; text-align: left; margin-top: 30px; }
  .rv-row { margin-left: 0; }
  
  .agent-left { padding-right: 0; width: 100%; margin-bottom: 30px; }
  .agent-right { width: 100%; padding-left: 0; }
  .agentform-innrcols { width: 50%; }
  
}

@media(max-width: 767px){
  .wrapperXL , .wrapper { max-width: 100%; }
  h1 { font-size: 40px; }
  
  .hLogo img { max-width: 210px !important; }
  
  .agentform-form form fieldset.form-columns-2 > div:first-child , .agentform-form form fieldset.form-columns-2 > div + div { width: 100% !important; margin-right: 0; }
  .form-columns-2 .hs-form-field { width: 100% !important; margin-right: 0; }
  .form-columns-3 .hs-form-field { width: 100% !important; margin-right: 0; }
  .agentform-form form .hs-form-field { margin-bottom: 10px; }
  
  .hero-form form > div:first-child .hs-input, .hero-form form > fieldset .hs-input { padding-right: 20px; }
  .hero-form .hs-button { border-radius: 3px; margin-top: 28px; position: static; max-width: 100%; width: 100%; }
  .hero-left { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
  .hero-right { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
  .hero-button a { width: 100%; }
  .hero-right h4 { margin: 0 0 32px; font-size: 36px; }
  .hero-left h1 { font-size: 40px; }
  
  
  .tslRow > h5 { padding: 24px 24px; }
   .tslRow h5 { padding: 24px 24px; }
  .tsRight { padding: 32px 45px; }
  .cta-image-prt { margin-right: 0; margin-bottom: 17px; display: block; width: 100%; }
  .cta-text-prt { display: block; width: 100%; padding-left: 0; }
  .cta-text-prt:before { display: none; }
  .ctaimage-left  { display: block; }
  
  .testimonial-slider-row .slick-arrow:before { width: 18px; height: 18px; border-width: 2px; border-color: #666666; }
  .testimonial-slider-row .slick-arrow { background: transparent; width: 20px; height: 20px; }
  .testimonial-slide { margin-right: 10px; margin-left: 10px; }
  .testimonial-slider-row .slick-next.slick-arrow:before { margin-left: -13px; }
  
  .fairfees-box { max-width: 280px; }
  .agentform-header h2 { font-size: 32px; text-align: left; }
  .agentform-header { margin-bottom: 32px; }
  
  .agentform-innrcols { width: 100%; }
  .agentform-threecols { display: none; }
  .agentform-bottom.property-row { margin-right: 38px; }
  
  .property-img { min-width: 120px; }
  
  .rating-testimonial-header { margin-bottom: 34px;  }
  .rating-testimonial-row .slick-arrow:before { width: 18px; height: 18px; border-width: 2px; border-color: #666666; }
  .rating-testimonial-row .slick-arrow { left: -15px; background: transparent; width: 20px; height: 20px; }
  .rating-testimonial-row .slick-next.slick-arrow { right: -15px; }
  .rating-testimonial-cols { margin-right: 12px; margin-left: 12px; }
  .rating-testimonial-row .slick-next.slick-arrow:before { margin-left: -13px; } 
  .rating-colstext { margin-top: 20px; }
  
  .partner-cols { width: 100%; margin-right: 0; margin-top: 32px; }
  .partner-cols:nth-child(3n) { margin-right: 0; }
  
  .fltwocols-left { display: none; position: static; }
  .fltwocols-mobileimg { margin-bottom: 50px; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 80%; }
  .fltwocols-right { width: calc(100% + 40px ); float: left; margin-left: -20px; margin-right: -20px; }
  .fltwocols-right:before { width: 100%; }
  .fltwocols-rtext { margin-bottom: 40px; }
  
  .property-formheader h3 { font-size: 32px; }
  .property-formheader { margin-bottom: 32px; }
  .property-formpart .hs-button { border-radius: 10px; min-width: 100%; max-width: 100%; position: static;}
  .property-formpart form > div:first-child .hs-input, .property-formpart form > fieldset .hs-input { padding-right: 20px; }
  .property-row { margin-top: 32px; }
  
  .service-cols { width: 50%; padding-left: 15px; padding-right: 15px; margin-top: 36px; }
  .rent-valuation-header h3 { margin-bottom: 16px; font-size: 40px; }
  .rent-valuationsubtitle { display: block; }
  .rent-valuationsubtitle h5 { line-height: 115%; letter-spacing: 0.01em; text-transform: capitalize; color: #000000; margin-bottom: 15px; font-weight: 500; font-size: 22px; }
  .rent-valuation-row { display: flex; flex-wrap: wrap; }
  .rent-valuation-left { order: 1; margin-top: 42px; }
  .rent-valuation-right { order: 0; margin-top: 50px; }
  .rent-valuation-left h5 { display: none; }
  .rv-left-btns { margin-top: 10px; }
  
  .rv-left-btn { display: block; margin-right: 0; }
  .rv-left-btn a { width: 100%; }
  
  .agent-left h3 { margin-bottom: 19px; }
  .agent-cols { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .agent-cols-image { padding-top: 80%; }
  
  .title-textheader h3 { font-size: 40px; margin-bottom: 19px; }
  .faq-header .faq-title { font-size: 24px; line-height: 36px; }
  .faq-cols { margin-top: 28px; }
  .faq-header .faq-title:before { width: 13px; height: 13px; }
  .faq-nested-ttl { padding-top: 9px; padding-bottom: 12px; }
  .faq-nested-ttl:before { width: 8px; height: 8px; }
  
  .service-btn { display: block; margin-right: 0; margin-left: 0; } 
  .service-btn a { min-width: auto; width: 100%; }
  
  .partner-image { min-height: auto; }
  
  .footer-sec { padding: 50px 0; }
  .footer-left { width: 100%; text-align: center; margin-bottom: 24px; }
  .footer-right { width: 100%; text-align: center; }  
  
}

@media(max-width: 400px){
  
  h1 { font-size: 34px; }
  h2 { font-size: 34px; }
  h3 { font-size: 32px; }
  h4 { font-size: 30px; }
  h5 { font-size: 22px; }
    
  .hero-form .hs-button { margin-top: 15px; }
  .hero-bottomtext { font-size: 18px; line-height: 28px; }
  .hero-right h5 { font-size: 24px; }
  .hero-logo { width: 50%; margin-top: 10px; } 
  .hero-left h1 { font-size: 34px; }
  .hero-right h4 { font-size: 28px; }
  
  .tslRow > h5 { padding: 10px 12px; }
  .tslRow h5 { padding: 10px 12px; }
  .tslrText { padding: 15px 15px 10px 0; }
  .tslrWrap { padding-left: 130px; }
  
  .testimonial-slider-row { padding-top: 40px; }
  .testimonial-slide { padding: 46px 25px; }
  
  .fairfees-leftext { font-size: 18px; line-height: 24px; }
  .fairfees-button { margin-top: 15px; }
  
  .fairfees-boximage { max-width: 100px; width: 100px; }
  .fairfees-boxright { width: calc(100% - 100px); padding: 20px 15px; }
  .fairfees-cols h3 { line-height: 42px; }
  
  .agentform-header h2 { font-size: 30px; }
  
  .property-img { min-width: 100px; }
  .property-right { padding: 25px 15px; width: calc(100% - 100px); }
  
  .image-four-cols h4 { font-size: 22px; }
  .rating-testimonial-header { margin-bottom: 28px; }
  .rating-testimonial-cols { padding: 24px 15px; }
  .rating-colstext { margin-top: 15px; }
  
  .partner-header-text { font-size: 18px; line-height: 26px; }
  
  .fltwocols-right h2 { margin-bottom: 40px; }
  .property-txt { font-size: 18px; line-height: 120%; }
  .service-headertext { font-size: 18px; line-height: 120%; }
  .service-header { margin-bottom: 20px; }
  .service-cols { width: 100%; padding-left: 0; padding-right: 0; }
  .rent-valuation-header h3 {font-size: 34px; }
    
  .rent-valuation-right { margin-top: 30px; }
  .rv-cl { padding: 20px 20px 20px; }
  .rv-leftext { font-size: 18px; line-height: 26px; }
  .agent-left h3 { font-size: 34px; line-height: 46px; }
  .agent-left-text { font-size: 18px; line-height: 26px; }
    
  .title-textheader h3 { font-size: 34px; }  
  .title-text-content { font-size: 18px; line-height: 26px; }
  
  
    
 
}

.m-0{
  margin:0px;
}

.p-0{
  padding:0px;
}

/*Compare Agent css Start*/
.pt-98{ padding-top: 98px; }
.pt40{ padding-top: 40px;}
.pb40{ padding-bottom: 40px;}

.mt40{ margin-top: 40px;}
.mb40{ margin-bottom: 40px;}
.mt70{ margin-top: 70px;}
.mb70{ margin-bottom: 70px;}
.pt70{ padding-top: 70px;}
.pb70{ padding-bottom: 70px;}
.pt120{ padding-top: 120px;}
.pb120{ padding-bottom: 120px;}
.mt120{ margin-top: 120px;}
.mb120{ margin-bottom: 120px;}
.mt55 {margin-top: 55px;}

.compare-arent .cmn-btn {
  width: 315px;
  padding: 0 15px;
}

*:focus {
outline: none;
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0px;
}

@media only screen and (max-width: 1199px) {
.pt-98{ padding-top: 50px; }
.mt70{ margin-top: 35px;}
.mb70{ margin-bottom: 35px;}
.pt70{ padding-top: 35px;}
.pb70{ padding-bottom: 35px;}
.pt120{ padding-top: 60px;}
.pb120{ padding-bottom: 60px;}
}

@media only screen and (max-width: 767px) {
  .pt-98{ padding-top: 40px; }
  .mt70{ margin-top: 30px;}
  .mb70{ margin-bottom: 30px;}
  .pt70{ padding-top: 30px;}
  .pb70{ padding-bottom: 30px;}
  .form-control{ font-size: 15px;}
  
  .compare-arent .cmn-btn {
  width: 100%
  
}
  
.dnd-section, .content-wrapper--vertical-spacing {
    padding: 40px 1rem;
}  
}


::-webkit-input-placeholder { /* Edge */
  color: #8F8EA8;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8F8EA8;
}

::placeholder {
  color:  #8F8EA8;
}