/*
Theme Name: concrete strucure
Description: Child theme of concrete strucure
Author: concrete strucure
Version: 1.0.0
Text Domain: concrete strucure
Template: twentytwentyone
*/

/*  =========================== banner section =========================== */
.banner-slide{height:600px;position: relative;display: flex !important;align-items: center;}
.banner-btn{gap: 12px;}
.banner-slide .banner-content{max-width: 715px;}
.banner-slide .banner-content{margin-left: calc(50% - (1100px/2));}
/* content */
.banner-content .heading-style-1{margin-bottom: 19px;}
.banner-content .heading-style-5{margin-bottom: 42px;color:var(--white);font-size: 20px;}

/* arrows */
.slick-arrow{bottom: 0;top: auto; background-color: var(--bg-orange)!important;border-radius: 0!important;height: 67px;width: 70px;display: flex; justify-content: center; align-items: center;z-index: 10;transform: unset;}
.slick-prev{left: auto;right: 1px; transform: translateX(-100%);}
.slick-next {right: 0;}
.slick-prev:before, .slick-next:before{content:''; background: url('../images/slider-arrow.svg') no-repeat center / cover; width: 25px;height: 25px;display: block;}
.slick-prev:before{transform: rotate(270deg);}
.slick-next:before{transform: rotate(90deg);}
.slick-arrow:hover{background-color: var(--gray)!important;}
.slick-arrow:hover::before{filter: invert(1);}

/*  =========================== project section =========================== */
.section-project{height: 600px;}
.section-project .container{height: 100%;}
.section-project .heading-style-2{margin-bottom:22px;}
.section-project .heading-style-5{margin-bottom: 39px;color:var(--white);}

/* ============================================================= media quiery ============================================================= */
@media screen and (max-width:1399px){
    /* .section-services{padding-inline: 30px;} */
}
@media screen and (max-width:1199px) {
    .container{max-width: 960px;}
    /* --------------------------banner section---------------------------- */
    .banner-slide{height:540px;}
    .banner-slide .banner-content{margin-left: calc(50% - (960px/2));}
    .banner-content .heading-style-1 { margin-bottom: 17px; }
    .banner-content .heading-style-5 { margin-bottom: 37px;}
    .banner-btn { gap: 10px; }
    .slick-arrow {height: 65px; width: 65px;}          
    /* --------------------------project section ---------------------------- */
    .section-project{height: 500px;}
    .section-project .heading-style-2{margin-bottom:20px;}
    .section-project .heading-style-5{margin-bottom: 34px;}       
}
@media screen and (max-width:991px) {
    .container{max-width: 720px;}
    /* --------------------------banner section---------------------------- */
    .banner-slide{height:450px;}
    .banner-slide .banner-content{margin-left: calc(50% - (720px/2));}
    .banner-content .heading-style-1 { margin-bottom: 15px; }
    .banner-content .heading-style-5 { margin-bottom: 32px;font-size: 18px;}
    .slick-arrow {height: 55px; width: 55px;}        
    /* --------------------------project section---------------------------- */
    .section-project{height: 410px;}
    .section-project .heading-style-2{margin-bottom:18px;}
    .section-project .heading-style-5{margin-bottom: 28px;}
   
}
@media screen and (max-width:767px) {
    .container{max-width: 540px;}
     /* --------------------------banner section---------------------------- */
    .banner-slide{height:415px;}
    .banner-slide .banner-content{margin-left: calc(50% - (540px/2));max-width: 520px;}
    .banner-content .heading-style-1 { margin-bottom: 14px; }
    .banner-content .heading-style-5 { margin-bottom: 30px;}
    .slick-arrow {height: 50px; width: 50px;}
    .slick-prev:before, .slick-next:before{width: 20px; height: 20px;}      
    /* --------------------------project section---------------------------- */
    .section-project{height: 350px;}
    .section-project .heading-style-2{margin-bottom:15px;}
    .section-project .heading-style-5{margin-bottom: 25px;}      
}
@media screen and (max-width:575px) {
    .container{max-width: 100%;}
    /* --------------------------banner section---------------------------- */
    .banner-slide{height:460px;}
    .banner-slide .banner-content{margin-left: calc(50% - (100%/2 - 15px));margin-right: 15px;}
    .banner-content .heading-style-1 { margin-bottom: 12px; }
    .banner-content .heading-style-5 { margin-bottom: 18px;font-size: 17px;}
    .slick-arrow {height: 42px; width: 42px;}
    .slick-prev:before, .slick-next:before{width: 18px; height: 18px;}  
    
    /* --------------------------project section---------------------------- */
    .section-project{height: 220px;}
    .section-project .heading-style-2{margin-bottom:8px;}
    .section-project .heading-style-5{margin-bottom: 15px;}
}