/* page */
div#ast-scroll-top {
    display: none ! important;
}
html {
    overflow-x: hidden !important;
}
/* contact form */
iframe {
    max-height: 820px !important;
    overflow: scroll !important;
}
section.contact-form .eael-contact-form-7-wrapper .one {
    display: flex;
    gap: 20px;
    margin-bottom: 0px;
}
section.contact-form .eael-contact-form-7-wrapper .two {
    display: flex;
    gap: 20px;
    margin-bottom: 0px;
}
section.contact-form .eael-contact-form-7-wrapper .services {
    height: 50px;
    border-radius: 8px;
    margin: 0px;
}
section.contact-form .eael-contact-form-7-wrapper .budget {
    height: 50px;
    border-radius: 8px;
    margin: 0px;
}
section.contact-form::before {
    content: "";
    position: absolute;
    bottom: -36px;
    left: 64px;
    width: 546px;
    height: 254px;
    background: url(https://ramconstructionusa.net/wp-content/uploads/2025/07/Vector.png);
}
section.contact-form {
    position: relative;
}
body.page-id-369 .elementor-location-header , body.page-id-369 .elementor-location-footer {
    display: none;
}
/* footer section */
section#footer {
    position: relative;
}
section#footer::before {
    content: '';
    position: absolute;
    top: 24px;
    right: 60px;
    height: 290px;
    width: 1000px;
    background: url(https://ramconstructionusa.net/wp-content/uploads/2025/07/Vector-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
section#footer section.footer-inner {
    position: relative;
}
section#footer section.footer-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, transparent, #ffffff66, transparent);
}
section#footer .elementor-inner-section .elementor-element-bb7c4c3 ul li.elementor-icon-list-item {
    background: #ffffff0f;
    width: 320px;
    padding: 12px 0px 12px 16px;
    border-radius: 12px;
}
/* gradient heading */
.gradient .elementor-heading-title {
    background: linear-gradient(45deg, #23AFF0, #2E7ABF);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline;
}
/* Home start */
iframe#inline-3EOd4VDnB4q9DZNFuCdy {
    border-radius: 15px !important;
}

.carousel-services div.swiper-wrapper .swiper-slide .elementskit-commentor-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blur-effect .elementor-container.elementor-column-gap-default {
    backdrop-filter: blur(24px);
    background-color: #ffffff12 !important;
    border-radius: 12px !important;
    padding: 16px !important;
	margin: 0 !important;
}
.form-col-blur .elementor-widget-wrap.elementor-element-populated {
   backdrop-filter: blur(60px);
    background-color: #ffffff61 !important;
}
.form-col-blur  form.elementor-form button.elementor-button.elementor-size-sm {
    background: linear-gradient(95deg, #23AFF0, #2E7ABF);
    padding: 18px 0px !important;
}
.form-col-blur form.elementor-form input::placeholder
{
    color: rgba(255, 255, 255, 0.46) !important;
    opacity: 1 !important;
}
.form-col-blur form.elementor-form select option {
    color: #000000 !important;
}
.carousel-services div.swiper-wrapper .swiper-slide .elementskit-testimonial_card span.elementskit-profile-info span.elementskit-author-des {
    background: linear-gradient(95deg, #23AFF0, #2E7ABF);
    padding: 14px 24px !important;
    border-radius: 12px !important;
}
.carousel-services .swiper-slide .swiper-slide-inner .elementskit-single-testimonial-slider span.elementskit-profile-info span.elementskit-author-des {
    background: linear-gradient(95deg, #23AFF0, #2E7ABF);
    padding: 14px 24px !important;
    border-radius: 12px !important;
}
.carousel-services .swiper-slide .swiper-slide-inner  span.elementskit-profile-info {
    border-radius: 0px 0px 20px 20px !important;
    padding: 10px 0px 30px 0px !important;
}
.carousel-services .swiper-slide .swiper-slide-inner  .elementskit-commentor-content {
    backdrop-filter: blur(60px) !important;
    background-color: rgba(0, 179, 187, 0.05) !important;
    border-radius: 20px 20px 20px 20px !important;
    padding: 30px 20px 30px 20px !important;
}
.carousel-services .swiper-slide .swiper-slide-inner .elementskit-commentor-content {
    opacity: 0 !important;
	z-index: 999999 !important;
    transition: 0.5s ease !important;
}
.carousel-services .swiper-slide .swiper-slide-inner .elementskit-single-testimonial-slider{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.carousel-services .swiper-slide:nth-child(1) .swiper-slide-inner .elementskit-single-testimonial-slider {
    background-image: url('https://ramconstructionusa.net/wp-content/uploads/2025/09/DJI_20250401145345_0247_D-1.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.carousel-services .swiper-slide:nth-child(2) .swiper-slide-inner .elementskit-single-testimonial-slider {
    background-image: url('https://ramconstructionusa.net/wp-content/uploads/2025/07/Jeff-Combs-355-Longman-Rd-Eaton-OH-45320-Roof_20250715135849_0283_D.jpg');
}
.carousel-services .swiper-slide:nth-child(3) .swiper-slide-inner .elementskit-single-testimonial-slider {
    background-image: url('https://ramconstructionusa.net/wp-content/uploads/2025/07/Rectangle-24-1.png');
}
.carousel-services .swiper-slide:nth-child(4) .swiper-slide-inner .elementskit-single-testimonial-slider {
    background-image: url('https://ramconstructionusa.net/wp-content/uploads/2025/07/Storm-Damage.png');
}
.carousel-services .swiper-slide .swiper-slide-inner .elementskit-single-testimonial-slider:after {
    content: '' !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 20px !important;
}
.carousel-services .swiper-slide .swiper-slide-inner .elementskit-testimonial-inner:before {
    content: 'Siding' !important;
    position: absolute !important;
    bottom: 10% !important;
    z-index: 9 !important;
    width: 100% !important;
    text-align: center !important;
    font-family: 'futura' !important;
    font-size: 45px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.carousel-services .swiper-slide:nth-child(2) .swiper-slide-inner .elementskit-testimonial-inner:before {
    content: 'Roofing' !important;
}
.carousel-services .swiper-slide:nth-child(3) .swiper-slide-inner .elementskit-testimonial-inner:before {
    content: 'Gutters' !important;
}
.carousel-services .swiper-slide:nth-child(4) .swiper-slide-inner .elementskit-testimonial-inner:before {
    content: 'Storm Damage' !important;
}
.carousel-services .swiper-slide:hover .swiper-slide-inner .elementskit-testimonial-inner:before{
    opacity: 0 !important;
    transition: 0.5s !important;
}
.carousel-services .swiper-slide:hover .swiper-slide-inner .elementskit-commentor-content{
    opacity: 1 !important;
    transition: 0.5s ease !important;
}
.cards-arrow .premium-carousel-inner a.carousel-arrow.carousel-prev.slick-arrow {
    left: calc(50% - 40px) !important;
    transform: translateX(-50%);
    position: absolute;
    bottom: -110px !important;
    top: unset;
}
.cards-arrow .premium-carousel-inner a.carousel-arrow.carousel-next.slick-arrow {
    right: calc(50% - 40px) !important;
    transform: translateX(50%);
    position: absolute;
    bottom: -110px !important;
    top: unset;
}
.arrow-set .swiper-navigation-button.swiper-button-prev {
    left: calc(50% - 40px) !important;
    transform: translateX(-50%) !important;
    position: absolute;
    bottom: -20% !important;
    top: unset !important;
}
.arrow-set .swiper-navigation-button.swiper-button-next {
    right: calc(50% - 40px) !important;
    transform: translateX(50%) !important;
    position: absolute;
    bottom: -20% !important;
    top: unset !important;
}

/* about */
.testimonial .elementskit-testimonial-slider .swiper-navigation-button {
    position: absolute;
    bottom: -50px !important;
    top: unset;
}
.testimonial .elementskit-testimonial-slider .swiper-navigation-button.swiper-button-prev {
    left: calc(50% - 40px)!important;
    transform: translateX(-50%);
}
.testimonial .elementskit-testimonial-slider .swiper-navigation-button.swiper-button-next {
    right: calc(50% - 40px) !important;
    transform: translateX(50%);
}
section.testimonial div.swiper-wrapper .swiper-slide .elementskit-single-testimonial-slider {
    box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.25),
                0px 4px 4px 0px rgba(0,0,0,0.25);
}
section.testimonial div.swiper-wrapper {
    padding-bottom: 10px !important;
}
/* exterior section */
section.exterior-sec .elementor-widget-heading {
    margin: 0px !important;
}
section.exterior-sec .Tech__wrapper {
    height: 500px !important;
    border-radius: 20px;
}
section.exterior-sec div#vidalytics_embed_yzMJ5_DeMM4zaIOC {
    padding-top: 500px !important;
}
section.exterior-sec .Tech__wrapper video.Tech__video {
    object-fit: cover !important;
}
section.exterior-sec .Tech__wrapper .Root__wrapper .Thumbnail__wrapper .Thumbnail__image {
    background-size: cover !important;
}
/* services */
.form-col form.wpcf7-form p {
    margin-bottom: 20px !important;
}
.form-col form.wpcf7-form .form-btn input.wpcf7-submit {
    font-size: 0 !important;
}
.form-col form.wpcf7-form .form-btn p:before {
    content: 'Submit Request';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 58px;
    font-family: 'futura';
    font-weight: 700;
    background: linear-gradient(45deg, #23AFF0, #2E7ABF);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}
.form-col form.wpcf7-form .form-btn p {
    position: relative;
}
/* process section */
section.Process-sec .elementor-element-0c26914 .elementor-icon-box-wrapper p {
    min-height: 154px;
}
/* revision */
.cards-arrow .slick-track .slick-slide img {
    max-height: 300px;
    object-fit: cover;
}
.project-name {
    min-height: 115px !important;
}
.gallerry figure.gallery-item img {
    height: 300px !important;
    object-fit: cover;
}
.gallerry figure.gallery-item > div.gallery-icon {
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.29);
    border-radius: 10px;
}
/*  */
.grw-row.grw-row-m {
    font-family: "futura", Sans-serif !important;
}
.wp-gr .wp-google-text {
    font-size: 13px !important;
    line-height: 22px !important;
}
.wp-gr.wpac a.wp-google-name {
    color: #282828 !important;
}
.wp-gr .grw-review-inner.grw-round {
    border-radius: 14px !important;
}
.wp-gr .wp-google-wr a {
    box-shadow: unset !important;
    text-shadow: unset !important;
    background-image: linear-gradient(100deg, #23AFF0 0%, #2E7ABF 100%) !important;
}
.wp-gr .rpi-dot.active {
    background-color: #23AFF0 !important;
}
/*  */
@media(max-width: 1024px){
	.gallerry div.gallery {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px !important;
    margin: 0 !important;
}
.gallerry div.gallery figure.gallery-item {
    max-width: unset;
    padding: 0 !important;
}

/* footer section	 */
	section#footer .elementor-inner-section .elementor-element-bb7c4c3 ul li.elementor-icon-list-item {
    width: 260px;
    padding: 10px 0px 10px 10px;
}
	section#footer::before {
    content: '';
    position: absolute;
    top: 12px;
    right: 40px;
    height: 260px;
    width: 600px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/* process section	 */
	section.Process-sec .elementor-element-0c26914 .elementor-icon-box-wrapper h3 {
    min-height: 90px;
}
}
	@media(max-width: 767px){
		.gallerry div.gallery {
    grid-template-columns: repeat(2,1fr);
    gap: 12px !important;
}
	.gallerry figure.gallery-item img {
    height: 200px !important;
}
.gallerry div.gallery figure.gallery-item {
    max-width: 100% !important;
}
/* footer section */
	section#footer::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 10px;
    height: 200px;
    width: 300px;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}
	section#footer .footer-inner .elementor-element-bb7c4c3 ul li.elementor-icon-list-item {
    width: 100%;
}

/* 	testimonial section */
		section.testimonial .ekit-main-swiper .elementskit-commentor-content {
    margin: 0px;
}
		.testimonial .elementskit-testimonial-slider .swiper-navigation-button {
    display: block !important;
    height: 40px !important;
    width: 40px !important;
    padding: 10px !important;
    font-size: 15px !important;
    line-height: 20px;
}
/* 	exterior section	 */
		section.exterior-sec .exterior-col .elementor-widget-text-editor p {
    margin: 0px;
}
/* 	Home mobile	 */
		.cards-arrow .premium-carousel-inner a.carousel-arrow.carousel-prev.slick-arrow {
    left: calc(49% - 40px) !important;
    bottom: -90px !important;
}
.cards-arrow .premium-carousel-inner a.carousel-arrow.carousel-next.slick-arrow {
    right: calc(54% - 40px) !important;
    bottom: -90px !important;
}
.testimonial .elementskit-testimonial-slider .swiper-navigation-button.swiper-button-next {
    right: calc(50% - 40px) !important;
    transform: translateX(50%);
	bottom: -65px !important;
}
		    .testimonial .elementskit-testimonial-slider .swiper-navigation-button.swiper-button-prev {
        left: calc(52% - 40px) !important;
        transform: translateX(-50%);
        bottom: -65px !important;
    }
		.carousel-services .ekit-wid-con .elementskit-commentor-content {
    margin: 0 !important;
}
		.carousel-services .swiper-slide .swiper-slide-inner .elementskit-testimonial-inner:before {
    font-size: 32px !important;
}
		.ekit-wid-con .elementskit-testimonial-slider .swiper-button-next, .ekit-wid-con .elementskit-testimonial-slider .swiper-button-prev{
    display: block !important;
}
		.arrow-set .swiper-navigation-button.swiper-button-prev {
    left: calc(52% - 40px) !important;
    bottom: -16% !important;
}
.arrow-set .swiper-navigation-button.swiper-button-next {
    right: calc(52% - 40px) !important;
    bottom: -16% !important;
}
		.carousel-services .swiper-slide .swiper-slide-inner .elementskit-commentor-content {
    padding: 30px 20px 20px 20px !important;
}

/* 	form section	 */
		section.contact-form::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -150px;
    opacity: 100;
}
		section.contact-form .form-col .wpcf7-form-control-wrap .services {
    max-height: 44px;
}
section.contact-form .form-col .wpcf7-form-control-wrap .budget {
    max-height: 44px;
}
.form-col .form-btn p input {
    max-height: 44px;
}
.form-col form.wpcf7-form .form-btn p:before {
    font-size: 14px;
    line-height: 45px;
}
/* process section	 */
		section.Process-sec .elementor-element-0c26914 .elementor-icon-box-wrapper h3 {
    min-height: 45px;
}

/* 	Home mobile	 */
		
}
/* Transparent header at the very top */
.sticky-header {
    background: transparent;
    box-shadow: none;
    transition: background 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}
/* ===== RAM Construction Form Styles ===== */

.ram-form label {
    font-weight: 600;
    font-size: 14px;
    color: #0E2C40; /* dark construction blue */
    margin-bottom: 6px;
    display: block;
}

.ram-form input,
.ram-form select,
.ram-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #C9D4DF;
    border-radius: 8px;
    background: #F7F9FC;
    font-size: 15px;
    color: #333;
}

.ram-form input:focus,
.ram-form select:focus,
.ram-form textarea:focus {
    border-color: #005EB8;
    box-shadow: 0 0 0 2px rgba(0,94,184,0.15);
}

.ram-form textarea {
    min-height: 100px;
}

.ram-form input[type="submit"] {
    background: #005EB8;
    border: none;
    color: #ffffff;
    font-weight: 700;
    padding: 14px;
    border-radius: 8px;
    margin-top: 10px;
    cursor: pointer;
    transition: 0.25s;
}

.ram-form input[type="submit"]:hover {
    background: #004B92; /* darker blue blend */
}

/* Make spacing clean */
.ram-form {
    display: grid;
    gap: 16px;
}

/* --- FIX GOOGLE REVIEW CAROUSEL NAV BUTTONS --- */

/* Container safety reset */
.wpgr-slider, .wp-google-reviews, .grw-slider {
    position: relative !important;
}

/* Remove plugin's blue background bubble */
.wp-gr .wp-gr-card:before,
.wp-gr .wp-google-place:before,
.wp-gr .grw-slider:before {
    background: transparent !important;
    box-shadow: none !important;
}

/* Style the navigation arrows */
.wp-gr .swiper-button-next,
.wp-gr .swiper-button-prev {
    background: #ffffff !important;      /* white circles */
    border: 2px solid #000000 !important; /* black outline */
    color: #000000 !important;           /* arrow color */
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Fix arrow icons (some plugins place SVG inside) */
.wp-gr .swiper-button-next::after,
.wp-gr .swiper-button-prev::after {
    color: #000000 !important;         /* black arrow */
    font-size: 18px !important;
}

/* Remove the blue oval shapes around arrows */
.wp-gr .swiper-button-next:before,
.wp-gr .swiper-button-prev:before {
    display: none !important;
}