/**
* Theme Name: Roofnox Child
* Description: This is a child theme of Roofnox, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themearc">Theme Arc</a>
* Template: roofnox
* Version: 1.0
*/

.header-style-11 {position:relative;background: #9bddff!important;}
.header-style-11 .nav-btn-two{border: 2px solid #fff!important;}
.bg-dark{background-color: #9bddff!important;}
.bg-danger{background-color: #c9ac02!important;}
.text-danger{color:#fff !important;}

/* ----- Top Bar ------ */
.topbar{
	border-bottom: 1px solid rgb(255 255 255 / 49%);
    padding-block: 10px;
}
.topbar .btn-box .theme-btn{
    font-size: 14px;
    padding: 6px 20px;
}
.topbar .btn-box .theme-btn:hover{
	background:#333945;
}
.theme-btn.btn-three {
    color: #000000;
    background: #b7b7b7;
}

/* ----- Header Sticky ------ */

.main-header{
    position: sticky!important;
    top: 0!important;
	z-index:1000!important;
}
.sticky-header{
	display:none;
}

/* ----- Ripple Effect ------ */

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

.ripple:before,
.ripple:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #ffffff;
	height: 70%;
    aspect-ratio: 1;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
}

.ripple:before {
	animation: circle 1s linear infinite;
}

.ripple:after {
	animation: circle 1s linear .5s infinite;
}

@keyframes circle {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	50% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: .3;
	}
	100% {
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}

/* ----- Hero Custom Button ------ */

.banner-carousel .content-box .btn-box span {
    display: flex;
    flex-direction: column;
    align-items: self-start;
}
.banner-carousel .content-box .btn-box a{
	padding-inline: 60px;
}
.banner-carousel .content-box .btn-box a {
	position: relative;
	overflow: hidden;
}

.banner-carousel .content-box .btn-box a:before,
.banner-carousel .content-box .btn-box a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #ffffff;
	height: 70%;
    aspect-ratio: 1;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
}

.banner-carousel .content-box .btn-box a:before {
	animation: circle 1s linear infinite;
}
.banner-carousel .content-box .btn-box a:after {
	animation: circle 1s linear .5s infinite;
}
.banner-carousel .content-box .btn-box span:after{
	content:"within minutes";
	display: block;
    font-size: .8em;
    font-weight: normal;
    line-height: normal;
}

/* ----- Service Block ------ */
.service-block-11 .inner-box .lower-content .icon-box{
	display: grid;
    place-content: center;
}
.service-block-11 .inner-box .lower-content .icon-box img {
    padding: 5px;
    max-height: 80px;
}
.service-block-11 .inner-box .image-box img {
    height: 200px;
    object-fit: cover;
}
.service-block-11 .inner-box .lower-content{
	padding-left:120px;
	display: flex;
    align-items: center;
}
.service-block-11 .inner-box .lower-content h3{
	font-size: 20px;
    line-height: normal;
}

/* ----- Price range slider ------ */

.slider-container {
	border-radius: 10px;
	margin-bottom: 30px;
	max-width: 600px;
	margin-inline: auto;
}
.slider-wrapper {
	position: relative;
	flex-grow: 1;
	margin: 0 15px;
}

.slider {
	width: 100%;
	height: 6px;
	-webkit-appearance: none;
/* 	background: linear-gradient(to right, #FD4A36 0%, #FD4A36 50%, #ddd 50%, #ddd 100%); */
	outline: none;
	border-radius: 3px;
	margin: 20px 0;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background: #caaa03;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid white;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: #FD4A36;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid white;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.price-display {
	display: flex;
    align-items: center;
    font-weight: 900;
	color: #caaa03 !important;
    font-size: 24px;
}

.current-value {
    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 900;
    color: #FD4A36;
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-width: 200px;
    justify-self: center;
}
.cards-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
.cards-container .card {
	flex: 1 1 auto;
	border: 1px dashed #bbbbbb;
	border-radius: 20px;
	padding: 40px 20px 20px;
	align-items: center;
}
.cards-container .card .badge{
	background: #f2f2f6;
    border: 1px solid #bbbbbb;
	color:#000000;
    border-radius: 30px;
    max-width: 100px;
    width: 100%;
    position: absolute;
    top: -10px;
}
.cards-container .card h1 {
	color: #caaa03;
	margin-top: 0;
}
.cards-container .card h1, .cards-container .card h3{
	font-weight:900;
}
.cards-container .card .savings>span{
	font-weight:900;
	color:#caaa03;
}
.cards-container .card hr {
	width:100%;
	margin-bottom: 20px;
}
.cards-container #premiumCard.card {
	background: #161e2d; 
}
.cards-container #premiumCard.card h1, .cards-container #premiumCard.card h3{
	font-style: italic;
}
.cards-container #premiumCard.card h3, .cards-container #premiumCard.card h6{
	color: #fff;
}
.cards-container .price {
	font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 35px 0;
    padding: 10px 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	min-width: 175px;
	text-align: center;
}
.cards-container .price span{
	color: #8ece3a;
}
.cards-container .features {
	text-align: left;
	margin: 20px 0;
}
.cards-container .features li {
	margin-bottom: 8px;
}

/* ----- Contact form 7 ------ */
.form-label {
    font-weight: 500;
    line-height: normal;
}

.wpcf7 form .wpcf7-response-output{
	font-size: 14px;
    line-height: normal;
    padding: 5px 8px 8px;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
}
.wpcf7 form p{
	height:100%;
}
.wpcf7-list-item{
	margin: 0 1em 0 0;
    font-size: .85em;
}

.service-block-six .inner-box .image-box img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

/* ----- Arupa css add ------ */
.page-title .pattern-layer{opacity:.5;}
.page-title{padding:80px 0;}
.bannerform{position:absolute!important; top:50%!important; transform:translate(0, -50%)!important; bottom:inherit!important;}
.bannerform h4{font-size:2.4rem!important;}
.bannerform .wpcf7-form-control-wrap{margin-bottom: 11px;display: inline-block;width: 100%;}
.formtext .wpcf7-form-control-wrap{margin-bottom:0!important;}
.current-menu-item a{color:#5f62d7 !important;}
.current-menu-item a:hover{color:#5f62d7 !important;}

/*-----24-07-2025----------*/
.theme-btn{background:#dede19 !important; color:#fff!important;}
.theme-btn:hover{background:#3a3c6f !important;}
.logo img{padding:10px 0!important;}
.homefaq .content-box{margin-left:30px!important;}
.social-links{display:none!important;}
.video-section .video-inner .theme-btn{background:transparent!important;}
.video-section .video-inner .theme-btn:hover{background:#fff!important; color:#eb1c24!important;}

/*----- 25-07-2025 -----*/
.current-value {
text-align: center;
margin: 0 auto 50px;
font-size: 30px;
font-weight: 900;
color: #caaa03;
background: #fff;
padding: 15px 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
max-width: 200px;
}
.about-style-four.home-19 .content_block_three .content-box .lower-box .author-box h5 {color: #8487f5!important;}
.cls-1 {fill: #8487f5!important;}
.elementor-10695 .elementor-element.elementor-element-b43dbf1 .elementor-icon-list-icon svg{fill: #8487f5!important;}
/* :root{--theme-color: #eb1c24!important;} */


.testimonial-block-one .inner-box .author-box{margin-left:0;}
.about-signature .signature img{height:60px;}
.insurance-claimform .step1-fields{flex-direction:column;}
.insurance-claimform .wpcf7-tel{
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
    background: #fff;
    border: 1px solid #fff;
    color: #868686;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 30px;
    font-family: 'Barlow', sans-serif;
    transition: all 500ms ease;
}
.insurance-claimform .wpcf7-response-output{color:#fff;}
/*--------- arupa css add(3-feb-2026) ------------*/
.line-grid-wrap{display:none;}
.footer-logo img{width:100px!important;}
/* .elementor-9733 .elementor-element.elementor-element-124a35a:not(.elementor-motion-effects-element-type-background){background-color: #c9ac02!important;} */
.elementor-9733 .elementor-element.elementor-element-6dec4b1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]{border-color: #8487f5!important;}
.elementor-9733 .elementor-element.elementor-element-5570431:not(.elementor-motion-effects-element-type-background){background-color: #9bddff!important;}
.elementor-9733 .elementor-element.elementor-element-95187dd:not(.elementor-motion-effects-element-type-background){background-color: #2b2d42e3 !important;}
.service-style-16 .content-box .link a{color:#8487f5;}
.content_block_23 .content-box{background:#404194;}
.content_block_23 .content-box .text{background:#6fb7dc;}
.content_block_23 .content-box .text:before{background:#9bddff;}
.quote img, .icon img{filter: brightness(0) saturate(100%) invert(63%) sepia(23%) saturate(7005%) hue-rotate(209deg) brightness(100%) contrast(93%);}
.video-section .video-inner .theme-btn:hover {background: #fff !important;color: #8487f5 !important;}
.about-style-four.home-23 .content_block_three .content-box .lower-box .author-box .designation {color: #686bdb;}
.cta-style-two .inner-container:before {background: #5f62d7;}
.service-sidebar .contact-widget .content-box:before {background: #9bddff;}
.service-sidebar .contact-widget .image-box:after {background: #9bddff;}
.service-sidebar .contact-widget .image-box:before {background: #5f62d7;}
/* .service-details-three .content-box .list-item li:before {background-image: url(http://digitalvtx.com/ghsroofing/wp-content/uploads/2026/03/icon-1989.png);} */
.overlay-link img{filter: brightness(0) saturate(100%) invert(63%) sepia(23%) saturate(7005%) hue-rotate(209deg) brightness(100%) contrast(93%);}
.testimonial-section .owl-nav {bottom: 24px!important;}
.before-after-box img{height:550px!important;}
.service-sidebar .contact-widget .image-box:after{bottom:-1px;}

.xs-sidebar-group .content-inner .info-box .info li:first-child .icon {top:0!important;}
.xs-sidebar-group .content-inner .info-box .info li:nth-child(3) .icon {left:0!important;}
.xs-sidebar-group .widget-heading {top: 20px!important;right: 15px!important;}
.main-footer {background: #9bddff!important;}
.main-footer .widget-section {border-bottom: 1px solid #fff!important;}
.scroll-to-top .scroll-bar .bar-inner {background-color: rgb(72 74 157)!important;}
.scroll-to-top .scroll-bar:before {background-color:#5f62d7!important;opacity: .3;}
.appointment-area {background:none!important;}
.wpcf7 input[type="email"]{padding:13px 14px!important;}
.main-footer p {color: #fff!important;}
.main-footer .widget-title:before{background:#fff!important;}
.footer-bottom .bottom-inner p a {color: #3f4295!important;}
.chooseus-style-five {background: #9bddff;}


.list{margin-left:20px; color:#000;}
.list li{margin-bottom:10px; list-style:disc!important;}
.termslink a{color:#188bf6!important; text-decoration: underline!important; font-weight:500;}
.termslink a:hover{color:#d79933!important;}



/* ------ arupa css start (19-march-2026) ----------*/
.trustedbox .inner-box{display:none;}

/* ------ arupa css end (19-march-2026) ----------*/


@media (min-width:1400px){

/* 	.hero-sec{height:calc(100vh - 156px)!important;} */
	/* Force hero section to take up full screen */
/* Force full height hero section */
.banner-style-19 .banner-carousel .slide-item .content-box h2{font-size:54px!important; line-height:60px!important;}
.bannerform{padding:40px!important;}

.hero-sec {
  height: 100vh !important;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Fix all internal carousel heights */
.hero-sec .banner-style-19,
.hero-sec .banner-carousel,
.hero-sec .owl-stage-outer,
.hero-sec .owl-stage,
.hero-sec .owl-item,
.hero-sec .slide-item,
.hero-sec .bg-layer {
  height: 100vh !important;
}

/* Ensure background image covers fully */
.hero-sec .bg-layer {
  background-size: cover;
  background-position: center center;
}

/* Optional - Fix content position */
.hero-sec .content-box {
height:calc(100vh - 156px)!important;
}



}
@media (max-width:991.98px){.bannerform{position:relative!important; top: 0 !important;transform: none !important;}}
@media (max-width:767.98px){
	.bannerform1{position:relative!important; top: 0 !important;transform: none !important; right:0!important;}
}

@media (max-width: 575.98px) {
	.wpcf7-list-item{display:block!important;}
	.scroll-to-top {right:-40px!important;}
	.appointment-form input[type="text"], .appointment-form input[type="email"]{height:40px!important; margin-bottom:15px;}
	.content_block_eight .content-box .accordion .acc-btn h3{font-size:20px; line-height:normal;}
	.content-box .bread-crumb{display:none!important;}
	#menu-item-42 .dropdown-btn{display:none!important;}
.page-title {padding: 70px 0px!important;}
	.page-title .content-box h1{font-size:30px!important;}
.theme-btn span{font-size:14px;}
.history-section .history-block .year {width: 80px;height: 80px;line-height: 80px;}
.main-footer .widget-section {padding: 36px 0px 36px 0px!important;}
.bannerform1{position:relative!important;top: 0 !important; transform: none !important; right:0!important;}
.theme-btn{padding:12px 20px!important;}
}

/* ---- Hero/quote-form overlap fix (derived 2026) ----
   The 500px absolute .bannerform overlaps the banner headline between
   992px and 1400px. Cap the headline width while the form floats, and
   drop the form into normal flow below 1200px (mirrors the <=991px rule). */
@media (min-width:992px) and (max-width:1400px){
	.banner-style-19 .banner-carousel .slide-item .content-box{max-width:calc(100% - 640px);}
}
@media (min-width:992px) and (max-width:1199.98px){
	.bannerform{position:relative!important; top:0!important; transform:none!important; right:0!important; margin:0 auto;}
	.banner-style-19 .banner-carousel .slide-item .content-box{max-width:100%;}
}