/*!
Theme Name: Horizon Roofing
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: horizon_roofing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
     ========================================================================== */
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.eot');
    src: url('assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Regular.woff') format('woff'),
        url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Light.eot');
    src: url('assets/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Light.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Light.woff') format('woff'),
        url('assets/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Medium.eot');
    src: url('assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Medium.woff') format('woff'),
        url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Bold.eot');
    src: url('assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Bold.woff') format('woff'),
        url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.eot');
    src: url('assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Black.eot');
    src: url('assets/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Black.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Black.woff') format('woff'),
        url('assets/fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('assets/fonts/WorkSans-Regular.eot');
    src: url('assets/fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/WorkSans-Regular.woff2') format('woff2'),
        url('assets/fonts/WorkSans-Regular.woff') format('woff'),
        url('assets/fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('assets/fonts/WorkSans-Medium.eot');
    src: url('assets/fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/WorkSans-Medium.woff2') format('woff2'),
        url('assets/fonts/WorkSans-Medium.woff') format('woff'),
        url('assets/fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('assets/fonts/WorkSans-Light.eot');
    src: url('assets/fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/WorkSans-Light.woff2') format('woff2'),
        url('assets/fonts/WorkSans-Light.woff') format('woff'),
        url('assets/fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('WorkSans-SemiBold.eot');
    src: url('assets/fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/WorkSans-SemiBold.woff') format('woff'),
        url('assets/fonts/WorkSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('assets/fonts/WorkSans-Bold.eot');
    src: url('assets/fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/WorkSans-Bold.woff2') format('woff2'),
        url('assets/fonts/WorkSans-Bold.woff') format('woff'),
        url('assets/fonts/WorkSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root{--font-primary:"Work Sans",sans-serif;--font-montserrat:"Montserrat",serif;--primary-color:#1F7AA7;--secondary-color:#295B78;--accent-color:#EDEDED;--white-color:#FFFFFF;--black-color:#000;--text-color:#666666;--line-height-25:25px;--bg-color:#10364C;--hover-color:#42C0FF;}

/* Basic Reset */
*{padding: 0px;margin: 0px;box-sizing: border-box;}
body{margin:0;padding:0;font-family:var(--font-primary);color:var(--text-color);font-size: clamp(15px, 1.3vw, 18px);}
img{max-width:100%;}
.container{max-width:1480px;width:100%;padding:0px 20px;margin:0 auto;z-index:1;position:relative;}
h1 {font-size: clamp(34px, 4vw, 62px);font-family: var(--font-montserrat);font-weight:900;line-height:1.15;letter-spacing:0.9px;}
h2 {font-size: clamp(26px, 3.5vw, 50px);font-family: var(--font-montserrat);}
h3 {font-size: clamp(22px, 2.5vw, 34px);font-family: var(--font-montserrat);font-weight:bold;line-height:1.3;}
h4 {font-size: clamp(20px, 2.3vw, 32px);font-family: var(--font-montserrat);}
h5 {font-size: clamp(16px, 1.8vw, 24px);font-family: var(--font-montserrat);}
h6 {font-size: clamp(15px, 1.6vw, 22px);font-family: var(--font-primary);}
p {font-size: clamp(14px, 1.3vw, 18px);font-family: var(--font-primary);line-height:1.62;}
.small-text{font-family: var(--font-primary);font-size: 14px;color: var(--secondary-color);font-weight:400;text-transform: uppercase;letter-spacing:1.2px;}
a{text-decoration:none}
.gap-16{gap:16px;}
.gap-40{gap:40px;}
.flex{display:flex;flex-wrap:wrap;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:space-center;}
.align-center{align-items:center;}

/* common css start */
.text-primary{color:var(--primary-color);}
.text-secondary{color:var(--secondary-color);}
.text-accent{color:var(--text-color);}
.text-white,.text-white > *{color:var(--white-color);}
.text-bold{font-family:var(--font-primary);font-size:clamp(16px,2.5vw,18px);line-height:clamp(24px,3.5vw,27px);font-weight:600;}

/*Header*/
.site-header{padding:13px 0px;}
.site-header figure{}
.site-header figure a{line-height:0px;background: #1F7AA7;width: 55px;text-align: center;height: 55px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;transition:all 0.3s ease;}
.site-header figure a:hover{background:var(--hover-color);}
.site-header .header-contact-list .contact-text-part a{font-family:var(--font-montserrat);font-size:22px;line-height:1;font-weight:700;color:var(--secondary-color);letter-spacing:0.4px;display:inline-block;margin-top:6px;transition:all 0.3s ease;}
.site-header .header-contact-list .contact-text-part a:hover{color:var(--hover-color);}
.flexible-section{padding-top:100px;padding-bottom:100px;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;}
.remove-pt{padding-top:0px !important;}
.remove-pb{padding-bottom:0px !important;}

/* Hero */
.hero_section{padding-bottom:240px;position:relative;overflow:hidden;padding-top: 112px;background-color:rgb(16 54 76 / 80%);background-blend-mode: multiply;}
.hero_section:after{content:'';background: linear-gradient(180deg, rgba(16, 54, 76, 0) 10%, rgba(16, 54, 76, 0.75) 60%, #10364C 100%);position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;}
.hero-shape {position: absolute;left: 0;bottom: -1px; width: 100%;display: block;z-index: 1;height: auto;aspect-ratio: 1920 / 85;}
.form-shape {position: absolute;left: 0;bottom: -1px; width: 100%;display: block;z-index: 1;height: auto;aspect-ratio: 680 / 50;}
.footer-shape{position: absolute;left: 0;top: -1px; width: 100%;display: block;z-index: 1;height: auto;aspect-ratio: 1920 / 100;}
.hero_section .container{position:relative;z-index:1;gap:80px;}
.hero_section .hero-col{width:calc(50% - 40px);}
.hero_section h1{color:var(--white-color);margin-bottom:16px;text-transform:uppercase;}
.hero_section h1 span{color:var(--primary-color);}
.hero_section .hero-col-content{padding-right:49px;}
.hero_section h3{color:var(--white-color);text-transform:uppercase;margin-bottom:11px;}
.hero_section .hero-col-content p{color:var(--white-color);}
.hero_section .logos-lists{margin-top:41px;border: 1px solid #42C0FF3D;}
.hero_section .logo-item{width:33.33%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter: blur(20px);padding:24px;text-align:center;}
.hero_section .logo-item:nth-child(even){border-left:1px solid #42C0FF3D;border-right:1px solid #42C0FF3D;  }
.hero_section .logo-item h5{color: #42C0FF;font-size:16px;font-weight:700;font-family: var(--font-primary);text-align:center;margin-bottom:8px;font-style:italic;margin:21px 0 9px;}
.hero_section .logo-item p{font-family: var(--font-primary);font-weight: 400;font-size: 14px;line-height: 24px;text-align: center;}
.hero_section .hero-form-title{background: linear-gradient(180deg, rgba(31, 122, 167, 0) 21.5%, rgba(31, 122, 167, 0.160755) 76.45%, rgba(31, 122, 167, 0.2) 100%);padding:42px 50px 94px;text-align:center;position: relative;}
.hero_section .hero-form-title h4{color:var(--secondary-color);max-width: 400px;margin: 0px auto;}
.hero_section .hero-form-info{padding:20px 50px 28px;}
.btn,button,input[type="submit"]{background:var(--primary-color);padding:20px;color:var(--white-color);border:none;cursor:pointer;font-family:var(--font-primary);font-size:18px;font-weight:bold;transition:all 0.3s ease;}
.btn:hover,button:hover,input[type="submit"]:hover{background:var(--hover-color);}
.hero_section .form-sub-text{text-align:center;font-weight:500;margin: 0 auto 26px;max-width: 465px;}
.hero_section .gform-footer input[type="submit"]{width:100%;}
.hero_section .gform_wrapper.gravity-theme .gfield_label{font-weight: 700;font-style: italic;font-size: 24px;line-height: 29px;text-align: center;text-transform: uppercase;color:var(--secondary-color);margin:0 0 24px;}
.hero_section .gform_wrapper .gfield_radio{display:flex;flex-wrap:wrap;gap:20px;}
.hero_section .gform_wrapper .gchoice{padding: 30px 20px;background: #F5F7F8;border: 1px solid #1F7AA726;width:calc(50% - 10px);}
.hero_section .gform_wrapper.gravity-theme .gchoice label{color: #295B78;font-size:18px;display: block;position: relative;padding-left: 29px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;max-width: 100%;}
.hero_section .gform_wrapper.gravity-theme .gchoice input {position: absolute;opacity: 0;cursor: pointer;}
.hero_section .gform_wrapper.gravity-theme .gchoice label:before{content:'';position: absolute;top: 0;left: 0;height: 18px;width: 18px;border-radius: 50%;border:1px solid #1F7AA7;}
.hero_section .gform_wrapper.gravity-theme .gchoice label:after {content: "";position: absolute;display: none;}
.hero_section .gform_wrapper.gravity-theme .gchoice input:checked ~ label:after {display: block;}
.hero_section .gform_wrapper.gravity-theme .gchoice label:after {top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: #1F7AA7;}
.hero_section .gform_wrapper.gravity-theme .gform_footer,
.hero_section .gform_wrapper.gravity-theme .gform_page_footer {margin: 24px 0 0;}
.hero-form{background:var(--white-color);}

/* Quiz Form */
.quiz-form-hero.hero_section .hero-form-title,
.quiz-form-hero .form-sub-text{display:none;}
.quiz-form-hero.hero_section .form_section_bar,
.quiz-form-hero.hero_section .label-design .gfield_description{font-family:var(--font-montserrat);font-weight: 700;font-size: 28px;line-height: 38px;text-align: center;text-transform: uppercase;color:#295B78;background: linear-gradient(180deg, rgba(31, 122, 167, 0) 21.5%, rgba(31, 122, 167, 0.160755) 76.45%, rgba(31, 122, 167, 0.2) 100%);padding: 31px 40px 81px !important;text-align: center;position: relative;}
.quiz-form-hero.hero_section .form_section_bar span,
.quiz-form-hero.hero_section .label-design .gfield_description span{font-family:var(--font-primary);font-weight: 700;font-style: italic;font-size: 18px;line-height: 29px;text-align: center;text-transform: uppercase;color: #42C0FF;display: block;margin:0 0 12px;}
body .hero_section .gfield_description.validation_message,
.quiz-form-hero.hero_section .label-design .gfield_description.validation_message{font-size: 16px;line-height: 26px;color:#295B78;background:transparent;padding:0px !important;border:0px;}
.quiz-form-hero.hero_section .label-design .ginput_container.ginput_container_radio{padding: 52px 39px 28px;}
.quiz-form-hero.hero_section .gform_wrapper .label-design.full-label .gchoice{width:100%;}
.quiz-form-hero.hero_section .gform_wrapper .gchoice {padding: 28px 20px;}
.hero_section.quiz-form-hero .hero-form-info{padding:0px;}

.quiz-form-hero .fields_break{display:none;}
.quiz-form-hero .input-design .fields-wrapper{display: grid;grid-column-gap: 2%;-ms-grid-columns: (1fr 2%)[12];grid-row-gap: 16px;grid-template-columns: repeat(12,1fr);grid-template-rows: repeat(auto-fill,auto);width: 100%;padding:38px 39px 0px;}
.quiz-form-hero .input-design .fields-wrapper input{padding: 15px 30px !important;background: #F5F7F8;border: 1px solid #1F7AA726;font-family: var(--font-primary);font-weight: 500;font-size: 18px !important;line-height: 29px;color:#295B78;}
.quiz-form-hero .input-design .fields-wrapper input::-webkit-input-placeholder {opacity:1;color: #295B78;}
.quiz-form-hero .input-design .fields-wrapper input::-moz-placeholder {opacity:1;color: #295B78;}
.quiz-form-hero .input-design .fields-wrapper input:-ms-input-placeholder {opacity:1;color: #295B78;}
.quiz-form-hero .input-design .fields-wrapper input:-moz-placeholder {opacity:1;color: #295B78;}
.quiz-form-hero .gform_wrapper.gravity-theme .gfield_validation_message,
.quiz-form-hero .gform_wrapper.gravity-theme .validation_message {background: transparent;border: 0px solid #c02b0a;padding:0px;text-transform: uppercase;color: #295B78;}

.quiz-form-hero .input-design .fields-wrapper .contact-icons input{background-repeat: no-repeat;background-position: center right 29px;}
.quiz-form-hero .input-design .fields-wrapper .name-icon input{background-image: url(/wp-content/uploads/2026/01/user-blue-icon.svg);}
.quiz-form-hero .input-design .fields-wrapper .email-icon input{background-image: url(/wp-content/uploads/2026/01/msg-blue-icon.svg);}
.quiz-form-hero .input-design .fields-wrapper .phone-icon input{background-image: url(/wp-content/uploads/2026/01/phone-blue-icon.svg);}
.quiz-form-hero .input-design .fields-wrapper .address-icon input{background-image: url(/wp-content/uploads/2026/01/location-blue-icon.svg);}

.quiz-form-hero.hero_section .gform_button,
.quiz-form-hero.hero_section .gform_next_button {background-color: var(--primary-color);padding: 25px 79px 25px 51px;color: var(--white-color);border: none;cursor: pointer;font-family: var(--font-primary);font-size: 18px;font-weight: bold;transition: all 0.3s ease;background-image: url(/wp-content/uploads/2026/01/white-right-icon.svg);background-repeat: no-repeat;background-position: center right 49px;text-transform: uppercase;}
.quiz-form-hero.hero_section .gform_previous_button {background-color: #42C0FF !important;padding: 25px 51px 25px 79px;color: #10364C !important;border: none;cursor: pointer;font-family: var(--font-primary);font-size: 18px;font-weight: bold;transition: all 0.3s ease;background-image: url(/wp-content/uploads/2026/01/blue-left-icon.svg);background-repeat: no-repeat;background-position: center left 49px;text-transform: uppercase;}
.quiz-form-hero.hero_section .gform_previous_button:hover{background-position: center left 45px;background-color:#42C0FF !important;}
.quiz-form-hero.hero_section .gform_button:hover,
.quiz-form-hero.hero_section .gform_next_button:hover {background-position: center right 45px;background-color: #42C0FF;}
.quiz-form-hero.hero_section .gform_page_footer{padding:0px 39px !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
.hero_section .gform_validation_errors{display:none;}
.quiz-form-hero.hero_section .gform_page{min-height: 660px;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;padding-bottom: 32px;}
.quiz-form-hero.hero_section #gform_page_2_1 .gform-page-footer {justify-content: flex-end;}
.quiz-form-hero.hero_section .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {border: 1px solid #1F7AA726;}
.min-h-72{min-height: 72px;}
body .hero_section .gform_wrapper .gform-loader{display:none !important;}


/* Review Section */
.review_section{background: linear-gradient(180deg, rgba(31, 122, 167, 0) 0%, rgba(31, 122, 167, 0.1) 100%);padding-top: 75px;}
.review-content{text-align:center;margin: 0 0 35px;}
.review-content h2{text-transform: uppercase;color:#295a78;font-weight: bold;margin: 14px 0 25px;}
.review-content h2 b{color: #1f7aa7;font-weight: 900;}
.review-content p{font-size: 25px;display: inline-flex;align-items: center;flex-wrap:wrap;}
.review-content p strong{color: #295B78;display: inline-block;margin: 0 8px;}
.review-content p img.google-title-img{margin-right:12px;}
.reviews-list{margin-bottom:49px;}

body .reviews-list .review-shortcode .grw-review-inner,
body .reviews-list .review-shortcode .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{box-shadow: 0px 15px 80px 0px #1F7AA714;background: linear-gradient(180deg, #E9F2F6 0%, #FFFFFF 100%) !important;border: 1px solid #42C0FF3D;padding:0px 50px 100px !important;overflow: unset !important;}
body .reviews-list .review-shortcode .rpi-flx.rpi-row12-center{display: flex !important;flex-direction: column !important;justify-content: center;align-items: center !important;text-align: center;margin-top: -35px;gap: 27px !important;}
body .reviews-list .review-shortcode .wp-google-time{width:100%;color: #666666 !important;font-size: 16px !important;line-height: 30px;}
body .reviews-list .review-shortcode .wp-google-text{font-family: var(--font-primary);font-weight: 400; font-size: 18px !important;line-height: 34px !important;text-align: center !important;display: block;}
body .reviews-list .review-shortcode .rpi-stars{order:10;margin: 3px auto 40px;}
body .reviews-list .review-shortcode .grw-review .wp-gr .grw-review-inner>svg {width: 28px !important;height: 28px !important;top: unset !important;left: 0px !important;right: 0px !important;margin: 0px auto;}
body .reviews-list .review-shortcode .wp-gr.rpi a.wp-google-name{font-size: 22px !important;color: #295B78 !important;}
body .reviews-list .review-shortcode .wp-gr .grw-img {min-width: 72px !important;max-width: 72px !important;width: 100%;height: 100% !important;object-fit: contain;border: 6px solid #F9FBFD !important;border-radius: 100%;}
body .reviews-list .review-shortcode .wp-gr .grw-img-wrap::before{display:none !important;}
body .reviews-list .review-shortcode .wp-gr .grw-review-inner>svg {top: unset !important;width: 60px !important;height: 60px !important;bottom: 50px;left: 0;right: 0px !important;margin: 0px auto;border: 1px solid #1F7AA733;padding: 13px;border-radius:100%;    background: #F5F7F8;}
body .reviews-list .review-shortcode .grw-content{padding:0px;}
body .reviews-list .review-shortcode .rpi .rpi-slides {gap: 20px !important;}
body .reviews-list .review-shortcode .rpi .rpi-slide{padding-top:50px !important;}
body .reviews-list .review-shortcode .wp-gr .wp-more-toggle {color: #136aaf !important;font-weight: 600;text-transform: capitalize;transition:all 0.3s ease;}
body .reviews-list .review-shortcode .wp-gr .wp-more-toggle:hover{color:var(--hover-color) !important;}

/* Trust Section */
.why_trust_section{padding:138px 0px 224px;position:relative;background-position:center right; }
.why_trust_section:after{content:'';background: linear-gradient(270deg, rgba(16, 54, 76, 0) 0%, rgba(16, 54, 76, 0.837367) 55%, rgba(16, 54, 76, 0.896372) 60%, rgba(16, 54, 76, 0.963787) 65%, rgba(16, 54, 76, 0.96) 80%, #10364C 100%);position:absolute;left:0px;top:0px;width:100%;height:100%;display:block;z-index:0;}
.why_trust_section:before{content:'';background-image:url('/wp-content/uploads/2026/01/Logo_Element.png');background-position:center bottom;background-size: contain;background-repeat: no-repeat;bottom:0px;left:0px;width:731px;height: 170px;position:absolute;z-index:1 }
.why_trust_section h2{color: #FFFFFF;text-transform:uppercase;font-weight:bold;margin:0px 0px 35px;}
.why_trust_section h2 b,.why_trust_section h2 strong{color:#1F7AA7;font-weight:900;display: block;}
.why-logos{border: 1px solid #42C0FF3D;margin:0px 0px 42px;}
.why-logos .why-logo-item:nth-child(odd){border-right:1px solid #42C0FF3D;}
.why-logos .why-logo-item:nth-child(1),.why-logos .why-logo-item:nth-child(2){border-bottom:1px solid #42C0FF3D;}
.why-logos .why-logo-item{width:50%;padding: 23px;gap:20px;display: flex;flex-wrap:wrap;}
.why-logos figure{background-color: #42C0FF;border-radius:100%;width:70px;height:70px;border-radius:100%;display:inline-flex;align-items:center;justify-content:center;}
.why-logo-content{width:calc(100% - 90px);}
.why-logo-content h5{font-weight: 700;font-style: italic;font-size: 20px;line-height: 32px;color:#42C0FF;font-family: var(--font-primary);}
.why-logo-content p{font-weight: 500;font-size: 16px;line-height: 26px;color:#FFFFFF;}
.max-690{max-width: 680px;}
.why_trust_section h3{color: #FFFFFF;text-transform:uppercase;margin:0px 0px 10px;}
.why_trust_section p{color: #FFFFFF;font-weight: 500;}

/* Gallery */
.gallery_section{padding-bottom:130px;padding-top: 138px;}
.gallery_title{margin:0px 0px 47px;}
.gallery_title h2{text-align: center;text-transform:uppercase;color: #295B78;font-weight:bold;}
.gallery_title h2 b{display: block;color: #1F7AA7;font-weight: 900;}
.gallery_images {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 300px);grid-auto-flow: dense;gap: 24px;}
.gallery_images figure {margin: 0;overflow: hidden;}
.gallery_images figure img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.gallery_images figure:hover img {transform: scale(1.05);}
.gallery_images figure:nth-child(6n + 1) {grid-column: span 1;grid-row: span 2;}
.gallery_images figure:nth-child(6n + 2) {grid-column: span 2;grid-row: span 1;}
.gallery_images figure:nth-child(6n + 3) {grid-column: span 1;grid-row: span 1;}
.gallery_images figure:nth-child(6n + 4) {grid-column: span 1;grid-row: span 2;}
.gallery_images figure:nth-child(6n + 5) {grid-column: span 1;grid-row: span 1;}
.gallery_images figure:nth-child(6n + 6) {grid-column: span 1;grid-row: span 1;}


/* Footer */
footer{background-color: #10364C;position:relative;padding-top: 39px;}
.bottom-footer{background-color: #295B78;padding: 27px 0px;}
.bottom-footer p{color: #FFFFFF;}
.bottom-footer p a{color: #FFFFFF;}
.bottom-footer p a:hover{color:#42C0FF;}
.social-icon{gap: 13px;display: flex;flex-wrap:wrap;}
.social-icon a{background: rgba(255, 255, 255, 0.14);width: 45px;height: 45px;display: inline-flex;border-radius: 100%;align-items: center;justify-content: center;transition: all 0.3s ease;}
.social-icon a:hover{background: #42C0FF;}
.footer-rating{width: 31%;padding-top: 130px;padding-right: 82px;}
.footer-info{width:38%;background: linear-gradient(180deg, rgba(31, 122, 167, 0.15) 0%, rgba(31, 122, 167, 0) 100%);text-align: center;padding: 132px 20px 50px;border-radius: 20px 20px 0 0;}
.footer-contact{width:31%;padding-top: 130px;padding-left: 82px;}
.footer-contact-info .small-text{color: #42C0FF;margin: 0 0 7px;}
.footer-contact-info a{color: #FFFFFF;font-weight: 700;font-size: 18px;line-height: 28px;font-family: var(--font-montserrat);transition:all 0.3s ease;}
.footer-contact-info a:hover{color:#42C0FF;}
.footer-contact-info figure{background: #42C0FF;width:55px;height:55px;display:inline-flex;align-items: center;justify-content:center;border-radius: 100%;}
.footer-contact-info{padding:0px 0px 50px;gap: 10px;align-items:center;}
.footer-contact-info:last-child{padding:50px 0px 0px;}
.footer-contact-info:nth-child(even){border-top:1px solid #1F7AA7;border-bottom:1px solid #1F7AA7;padding: 50px 0px;}
.footer-info h2{text-transform:uppercase;color: #42C0FF;padding:61px 0 18px;}
.footer-info h3{text-transform:uppercase;color: #FFFFFF;}
.footer-rating{text-align:center;}
.footer-rating figure{padding:0px 0px 60px;border-bottom: 1px solid #1F7AA7;margin-bottom: 60px;}
.footer-rating figure img{}
.footer-rating h3{color: #FFFFFF;font-weight:400;padding: 0 50px;font-family: var(--font-primary);}
.footer-contact-text{width:calc(100% - 65px);}


.page-id-225 footer svg .fill-change,
.page-id-199 footer svg .fill-change{fill:#ecf3f7;}


/* Responsive */
@media only screen and (max-width:1500px){
    .footer-contact {padding-top: 40px;padding-left: 25px;}
    .footer-rating {padding-top: 40px;padding-right: 25px;}
}

@media only screen and (max-width:1280px){
    .hero_section .hero-col-content {padding-right: 0px;}
    .hero_section .container {gap: 50px;}
    .hero_section .hero-col {width: calc(50% - 25px);}
    .hero_section .hero-form-info {padding: 20px 25px 20px;}
    .review-content p {font-size: 22px;}
    .footer-info {width: 30%;}
    .footer-contact {width: 39%;}
    .gallery_images {grid-template-rows: repeat(3, 200px);gap: 15px;}
    .flexible-section {padding-top: 80px;padding-bottom: 80px;}
    .hero_section .gform_wrapper.gravity-theme .gchoice label {font-size: 16px;}
    .hero_section .gform_wrapper .gchoice {padding: 25px 15px;}
    .hero_section .gform_wrapper .gfield_radio {gap: 15px;}
    .quiz-form-hero.hero_section .label-design .ginput_container.ginput_container_radio{padding: 30px 25px 20px;}
    .quiz-form-hero .input-design .fields-wrapper {padding: 30px 25px 0px;}
    .quiz-form-hero.hero_section .gform_page_footer {padding: 0px 25px !important;}
    .quiz-form-hero.hero_section .gform_page {min-height: 570px;}
    .quiz-form-hero.hero_section .form_section_bar, .quiz-form-hero.hero_section .label-design .gfield_description {font-size: 24px;line-height: 32px;padding: 30px 25px 70px !important;}
    .quiz-form-hero .input-design .fields-wrapper input{font-size: 16px !important}
}

@media only screen and (max-width:1024px){
    .contact-text-part{display:none;}
    .gap-40 {gap: 20px;}
    .top-footer .container,
    .hero_section .container {flex-direction: column;}
    .hero_section .container {gap: 30px;align-items: flex-start;}
    .hero_section .hero-col {width: 100%;}
    .why_trust_section:before {content: '';width: 50%;}
    .gallery_images {grid-template-rows: repeat(3, 160px);gap: 15px;}
    .footer-rating {width: 100%;}
    .footer-info {width: 100%;}
    .footer-contact {width: 100%;padding:30px 0px;}
    .footer-contact-info:last-child {padding: 30px 0px 0px;}
    .footer-contact-info:nth-child(even) {padding: 30px 0px;}
    .footer-contact-info {padding: 0px 0px 30px;}
    .footer-info {padding: 30px;}
    .footer-info h2 {padding: 30px 0 15px;}
    .footer-rating figure {padding: 0px 0px 30px;margin-bottom: 30px;}
    .footer-rating{padding:30px;}
    .review-content p {font-size: 20px;}
    .hero_section .hero-col.hero-col-img-form{max-width: 70%;}
    .quiz-form-hero.hero_section .form_section_bar, .quiz-form-hero.hero_section .label-design .gfield_description {font-size: 20px;line-height: 28px;}
    .quiz-form-hero.hero_section .form_section_bar span, .quiz-form-hero.hero_section .label-design .gfield_description span {font-size: 15px;line-height: 24px;margin: 0 0 10px;}
    body .reviews-list .review-shortcode .grw-review-inner, body .reviews-list .review-shortcode .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {padding: 0px 20px 70px !important;overflow: unset !important;}
    body .reviews-list .review-shortcode .rpi-flx.rpi-row12-center {gap: 15px !important;}
    body .reviews-list .review-shortcode .wp-google-text {font-size: 16px !important;line-height: 26px !important;}
    body .reviews-list .review-shortcode .wp-gr .grw-review-inner>svg {width: 50px !important;height: 50px !important;bottom: 35px;}
    body .reviews-list .review-shortcode .wp-gr.rpi a.wp-google-name {font-size: 20px !important;}
}

@media only screen and (max-width:767px){
    .gallery_images {grid-template-columns: repeat(2, 1fr);grid-auto-rows: 150px;}
    .gallery_images figure:nth-child(6n + 1),
    .gallery_images figure:nth-child(6n + 2),
    .gallery_images figure:nth-child(6n + 3),
    .gallery_images figure:nth-child(6n + 4),
    .gallery_images figure:nth-child(6n + 5),
    .gallery_images figure:nth-child(6n + 6) {grid-column: span 1;grid-row: span 1;}
    .gallery_images figure:nth-child(3n + 1) {grid-column: span 2;}
    .why-logos .why-logo-item {width: 100%;}
    .hero_section .logo-item {width: 100%;}
    .flexible-section {padding-top: 70px;padding-bottom: 70px;}
    .review-content p {font-size: 18px;}
    .bottom-footer .container {flex-direction: column;justify-content:center;align-items: center;gap: 10px;}
    .footer-contact-info a {font-size: 16px;line-height: 22px;word-wrap: break-word;}
    .footer-info a img{max-width:200px;}
    .hero_section .gform_wrapper .gchoice {width: 100%;}
    .btn, button, input[type="submit"]{text-wrap: auto;font-size:16px;line-height: 1.4 !important;padding:15px;}
    .hero_section .hero-col.hero-col-img-form{max-width: 100%;}
    .reviews-list {margin-bottom: 0;}
}

@media only screen and (max-width: 641px) {
    .quiz-form-hero.hero_section .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {line-height: 29px;}
    .quiz-form-hero.hero_section .gform_previous_button {padding: 15px 35px 15px 70px;background-position: center left 35px;}
    .quiz-form-hero.hero_section .gform_button, .quiz-form-hero.hero_section .gform_next_button {padding: 15px 70px 15px 35px;background-position: center right 35px;}
}


@media only screen and (max-width:480px){
    .site-header figure a{width: 40px;height: 40px;}
    .gap-40 {gap: 15px;}
    .site-header figure img{max-width:16px;}
    .site-header .logo img{max-width:150px;}
    .gallery_images {grid-template-columns: 1fr;grid-auto-rows: 200px;}
    .gallery_images figure:nth-child(n) {grid-column: span 1;grid-row: span 1;}
    .review-content p {font-size: 16px;text-align: center;justify-content: center;}
    .bottom-footer {padding: 20px 0px;}
    .footer-contact-info figure {width: 40px;height: 40px;}
    .footer-contact-info figure img{max-width:16px;}
    .review-content p img.google-title-img {margin-right: 5px;max-width: 30px;}
    .review-content p strong {margin: 0 5px;}
    .quiz-form-hero.hero_section .gform_previous_button {width:100%;margin:0px 0px 10px !important;}
    .quiz-form-hero.hero_section .gform_button, .quiz-form-hero.hero_section .gform_next_button {width:100%;margin:0px !important;}
    .quiz-form-hero .input-design .fields-wrapper input {padding: 10px 16px !important;}
    .quiz-form-hero.hero_section .gform_previous_button {padding: 10px 35px 10px 70px;}
    .quiz-form-hero.hero_section .gform_button, .quiz-form-hero.hero_section .gform_next_button {padding: 15px 70px 10px 35px;}
    .footer-rating h3{padding:0px;}
    .why-logos figure {width: 50px;height: 50px;}
    .why-logos figure img{width: 26px;}
    .why-logos .why-logo-item {padding: 15px;gap: 16px;}
    .why-logo-content {width: calc(100% - 66px);}
    .why-logo-content p {font-size: 15px;line-height: 24px;}
}