/*
Theme Name: GS Concrete Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*-------------------------------------------------------------- 
# Root css 
--------------------------------------------------------------*/
 :root{
    --black: #000000;
    --red: #D31600;
    --white: #FFFFFF;
     --text:#7A7A7A;
     --transition: all 0.5s ease-in-out;
}
 body::-webkit-scrollbar {
     width: 6px;
}
 body::-webkit-scrollbar-track {
     background:var(--black);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
     background:var(--red);
     border-radius: 8px;
}
 a{
     transition: all 0.5s;
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
div#wpadminbar ~  div[data-elementor-type="header"]{
    top: 32px;
}
div[data-elementor-type="header"] {
    position: sticky !important;
    top: 0px;
    z-index: 99;
    width: 100%;
    left: 0px;
    transition: all 0.4s;
}
/*-------------------------------------------------------------- 
# Home css 
--------------------------------------------------------------*/
.hero_item{
    min-height: calc(100vh - 129px) !important;
}
div#wpadminbar ~ div .hero_item{
    min-height: calc(100vh - 129px - 32px) !important;
}
.hero_sec .owl-dots {
    margin: 0px !important;
}
.hero_sec .owl-dots button span {
    margin: 0px !important;
}
.hero_sec .owl-dots {
    display: flex;
    grid-gap: 10px;
    position: absolute;
    bottom: 10px;
    right: 10%;
}
.hero_sec .owl-dots button {
    border: unset !important;
    outline: unset !important;
    width: 130px !important;
    height: 10px;
    background-color: unset !important;
    opacity: 0.5;
    transition: all 0.4s;
}
.hero_sec .owl-dots button.active {
    opacity: 1;
}
.hero_sec .owl-dots button span {
    width: 100% !important;
    border-radius: unset !important;
    background-color: var(--white) !important;
}
.our_service_box > a {
    display: block;
    width: 100%;
    height: 380px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.our_service_box > a .our_service_grid {
    bottom: 0px;
    left: 0px;
    display: grid;
    flex-flow: wrap;
    justify-content: space-between !important;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 1;
    align-items: center;
    grid-template-columns: auto 150px;
}
.our_service_box > a .our_service_grid h3 {
    margin: 0px;
    font-size: 32px;
    font-family: 'Inter';
    font-weight: 400;
    color: var(--white);
}
.our_service_box > a .our_service_grid * {
    color: rgb(0 0 0 / 70%);
    font-weight: 400;
    font-size: 15px;
    color: var(--white);
    fill: var(--red);
}
.our_service_box > a .our_service_grid span {
    font-weight: 500;
    font-size: 20px;
    text-align: end;
}
.our-products-wrapper .our_service_box > a p{
	color:var(--text);
}
.our-products-wrapper .our_service_box > a .our_service_grid span{
	color: var(--red);
	font-size: 14px;
	display: flex;
	align-items: center;
}
.our_service_box > a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.head_red h2 span {
    color: var(--red);
}
.our-products-wrapper .our_service_box > a::before{
	display:none !important;
}
.owl-nav button{
    background-color:unset !important;
    outline: unset !important;
    border: unset !important;
    margin: 0px !important;
}
.owl-nav {
    display: flex;
    justify-content: left;
    grid-gap: 15px;
    margin-top: 24px !important;
}
.counter_grid .counter_box .elementor-counter-number-wrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 8px solid var(--red);
}
.product_slide .our_service_box > a::before {
    background-color: rgba(0,0,0,0.3);
}
.form_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
.form_grid p {
    margin: 0px;
}
.form_grid input,.form_grid textarea {
    border-radius: 8px;
    border: unset !important;
    min-height: 48px !important;
    font-size: 16px !important;
    color: var(--black) !important;
    font-family: 'Inter';
    border: 1px solid var(--black) !important;
}
.form_grid textarea {
    height: 120px;
    resize: none;
}
.form_grid  > div:nth-last-child(1),.form_grid  > div:nth-last-child(2) {
    grid-column: span 2;
}
.gallery_Sec .elementor-gallery-item__image {
    min-height: 122px;
}
.form_grid input[type="submit"] {
    background-color: var(--red) !important;
    color: var(--white) !important;
    padding: 12px 20px !important;
    border-radius: 30px;
    transition: all 0.3s;
    font-weight: 600;
    border: unset !important;
}
.form_grid input[type="submit"]:hover {
    background-color: var(--black) !IMPORTANT;
}
.copy_bottom a{
    color: var(--red) !important;
}
.banner_text  span,.hero_item h1 span{
	color:var(--red) !important;
}
.why_choose_grid .why_choose_box figure img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
}

.our-products-wrapper .our_service_grid_wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
   .our-products-wrapper .product-tabs{
        display:flex;
        gap:30px;
        margin-bottom:40px;
        flex-wrap:wrap;
    }

.our-products-wrapper .tab-btn{
        background:none;
        border:none;
        font-size:18px;
        font-weight:600;
        cursor: pointer !important;
        padding:0 0 10px;
        position:relative;
        background-color: unset !important;
        color: var(--black) !important;
        opacity: 0.5;
    }

   .our-products-wrapper .tab-btn.active{
        opacity:1;
    }

    .our-products-wrapper .tab-btn.active::after{
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:3px;
        background:#000;
    }

    .our-products-wrapper .our_service{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        grid-gap: 40px 30px;
    }

    .our-products-wrapper .our_service_box{
        overflow:hidden;
        background:#fff;
    }

    .our-products-wrapper  .our_service_box a{
        text-decoration:none;
        display:block;
        height: 100%;
        background-color: #E6EBEF !important;
        border-radius: 20px;
    }

    .our-products-wrapper .product-image img{
        width:100%;
        height: 280px !important;
        object-fit:cover;
        display:block;
    }

.our-products-wrapper .our_service_box > a .our_service_grid {
    width: 100%;
    max-width: 100%;
    padding: 24px 15px;
    z-index: 1;
    align-items: center;
    /* background-color: #E6EBEF !important; */
    bottom: 0px;
    display: block;
    position: unset;
}
.our-products-wrapper .our_service_box > a .our_service_grid h3 {
    margin: 0px;
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 400;
    color: var(--black);
    margin-bottom: 10px;
}
   .our-products-wrapper .our_service_grid{
        background:#e9edf1;
        padding:18px 20px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
    }

    .our-products-wrapper .our_service_grid h3{
        margin:0;
        font-size:24px;
        font-weight:500;
        line-height:1.3;
    }

    .our-products-wrapper .learn-more{
        font-size:34px;
        line-height:1;
        flex-shrink:0;
    }
.our-products-wrapper span.learn-more svg {
      width: 19px;
   }
.list_right  span.elementor-icon-list-icon {
    order: 2;
    margin: 0px 0px 0px 10px;
}
.our_service_simple {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}


@media(max-width: 1024px){
	.hero_sec .owl-dots button {
		width: 26px !important;
		height: 6px;
	}
	.hero_sec .owl-dots .owl-dot span{
		height: 6px !important;
	}
	.hero_sec .owl-dots {
		grid-gap: 6px;
		bottom: 20px;
		right: 20px;
	}
	div#wpadminbar ~ div .hero_item {
		min-height: 600px !important;
	}
	.hero_item{
		min-height: 600px !important;
	}
}
@media(max-width: 991px){
    div[data-elementor-type="header"] nav {
        position: fixed !important;
        width: 100%;
        left: 0px;
        top: 82px;
        padding: 10px 0px !important;
        margin: 0px !important;
        border-radius: 0px !important;
	}
        div[data-elementor-type="header"] nav * {
            border-radius: unset !important;
        }
        div[data-elementor-type="header"] nav li a{
            background-color:transparent !important;
            justify-content: space-between;
        }
        div[data-elementor-type="header"] span.sub-arrow * {
            filter: brightness(0) invert(1);
        }
    div[data-elementor-type="header"] .current-menu-item a {
        color: var(--red) !important;
    }
	.our_service_box > a .our_service_grid h3 {
		font-size: 20px;
	}
	.our_service_box > a .our_service_grid span{
		font-size: 18px;
	}
	.our_service_box > a .our_service_grid {
		padding: 15px;
		grid-template-columns: auto 116px;
	}
	.form_grid {
		grid-gap: 16px;
	}
	.form_grid input[type="submit"] {
		padding: 8px 15px !important;
	}
	 .form_grid input, .form_grid textarea {
        min-height: 42px !important;
        font-size: 15px !important;
    }
	 .our-products-wrapper  .our_service{
            grid-template-columns:repeat(2,1fr);
        }
}
@media(max-width: 767px){
	.our_service_box > a {
		height: 280px;
	}
	.our-products-wrapper .our_service{
            grid-template-columns:1fr;
        }

        .our-products-wrapper .product-image img{
            height:220px;
        }
	.our_service_simple {
    grid-template-columns: repeat(1, 1fr);
}
}