body{
    background-color: var(--dark-black);
}
/* Footer css start */
.site-footer{ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.background-overlay{ background-color: transparent; background-image: linear-gradient(0deg,var(--secondary) 100%,#30373E00 100%); opacity: .8; transition: background .3s,border-radius .3s,opacity .3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.site-footer .container{ position: relative; }
.footer-design-content{ padding: 100px 0px; border-bottom: 1px solid #FFFFFF1A; position: relative; z-index: 1; }
.footer-design-content span{ color: var(--yellow-color); font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 1.4; letter-spacing: 3.4px; text-align: center; display: block; }
.footer-design-content h2{ color: var(--white-color); font-weight: 700; line-height: 1; letter-spacing: 1px; text-transform: capitalize; text-align: center; margin: 20px auto 50px; max-width: 800px; }
.footer-design-content a{ text-align: center; width: fit-content; display: block; margin: 0 auto; }
.footer-bottom-content{padding-bottom: 100px; border-bottom: 1px solid #FFFFFF1A;position: relative;}
.footer-main-content{display: flex;justify-content: space-between;align-items: baseline;margin: 80px 0px 0px;}
.footer-main-content .dill_logo{ width: 25%; } 
.footer-main-content .dill_logo a{margin-bottom: 30px;}
.footer-main-content .social-icon{display: flex;list-style: none;padding-left: 0;}
.footer-main-content .social-icon li:not(:last-child){ padding-right: 20px; }
.footer-main-content .social-icon li svg { width: 22px; height: 22px;}
.footer-main-content .social-icon li svg g{transition: all .5s ease;}
.footer-main-content .social-icon li svg:hover g{fill: var(--yellow-color);}
.footer-main-content .footer_nav{ width: 75%; display: flex; justify-content: space-between; }
.footer-main-content .footer_nav .nav{ width: 25%; }
.footer-main-content .footer_nav .nav h6{ font-size: 20px; color: var(--white-color); font-weight: 600; letter-spacing: 1px; margin-bottom: 28px; }
.footer-main-content .footer_nav .nav ul li a, .gtranslate_wrapper a{ color: #9b9b9b; transition: all .5s ease; font-weight: 400 !important; letter-spacing: 1px; }
.footer-main-content .footer_nav .nav ul li a:hover, .gtranslate_wrapper a:hover{ color: var(--yellow-color); }
.foot_copy{text-align: center;position: relative;margin: 30px 0px;}
.foot_copy li{color: var(--white-color);font-weight: 500;}
.foot_copy li a{color: var(--yellow-color);transition: all .5s ease;}
.foot_copy li a:hover{opacity: .8;}
.foot_copy li:last-child a:after{display: none;}
.foot_copy .copy_right{color: var(--white-color);}
.foot_copy .copy_right a{color: var(--yellow-color);transition: all .5s ease;}
.foot_copy .copy_right a:hover{opacity: .8;}
.foot_copy .copy_right a::after{display: none;}
/* Footer css end */

/* choose many css start */
.choose_main{margin-bottom: 0px !important;  background-color: var(--dark-black) !important;}
.home_product h2{text-align: center;color: var(--white-color);text-transform: capitalize;margin-bottom: 50px;}
.choose_main .hm_swiper-slide{text-align: center;}
.choose_main .hm_swiper-slide .hm_product-details ul{padding-left: 0px;}
.choose_main .hm_pro_img img{width: 100%;height: auto;}
.choose_main span.prev_arw, .choose_main span.next_arw{display: none !important;}
.choose_main li.hm_pro_title{width: 100%;text-align: left;}
.choose_main li.hm_pro_title a{font-size: 20px;font-weight: 600;text-transform: capitalize;line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.choose_main li.hm_pro_title:after{display: none;}
.choose_main li.hm_pro_price{width: 100%;text-align: left;line-height: 1.2;}
.choose_main .home_product span.woocommerce-Price-currencySymbol{font-size: 16px;color: var(--yellow-color);}
.choose_main .home_product span.woocommerce-Price-amount.amount bdi{font-size: 18px;color: var(--yellow-color);}
.choose_main .hm_swiper-slide{padding: 0px 30px;}

.container-fluid{max-width: 1750px;width: 100%;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.design-section{float: left; width: 100%;border-bottom: 1px solid #FFFFFF1A;}
.design-section .design-desc{background-color: #30373e;}
.design-section .design-desc .row{align-items: center;}
.design-section .design-desc .design_cencept{padding: 20px 150px 20px 220px;position: relative;z-index: 1;}
.design-section .design-desc .design_cencept::before{ content: ''; position: absolute; background-image: url(../images/structure-img.png); background-repeat: no-repeat; background-size: 100% 100%; top: 0; bottom: 0; left: 0; margin: auto; width: 26vw; height: 35vw; pointer-events: none;z-index: -1;}
.design-section .design-desc .design_cencept span{color: var(--yellow-color);text-transform: uppercase;font-size: 14px;letter-spacing: 3.4px;}
.design-section .design-desc .design_cencept h2{text-align: left;margin: 20px 0px 30px;color: var(--white-color);}
.design-section .design-desc .design_cencept p{color: var(--lightgrey-color);margin-bottom: 45px;letter-spacing: .7px;}
.design-section .design-desc .design_cencept .icon{display: block;margin-bottom: 20px;}
.design-section:nth-child(odd) .design-desc .design_cencept { padding: 20px 220px 20px 80px; }
.design-section:nth-child(odd) .design-desc .design_cencept::before{ right: 0; left: auto; background-image: url(../images/s2.png); width: 45.5vw; height:auto; bottom: 0px; margin: 0; }
.design-section:nth-child(even) .design-desc .row{flex-direction: row-reverse;}
.design-section .design-desc .design_img{background-repeat: no-repeat;background-size: cover;min-height: 700px;background-position: center;}
/* choose many css end */

/* customer satisfaction css start */
.hardwork-section .hardwork-content{max-width: 820px;margin-bottom: 65px;}
.hardwork-section::before{ content: ''; position: absolute; top: 0; background-image: url(../images/design-structure.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: 70vw; }
.hardwork-section .hardwork-content span, .about-details span{color: var(--yellow-color); text-transform: uppercase; font-size: 14px; letter-spacing: 3.4px;}
.hardwork-section .hardwork-content h2{margin-top: 17px;}
.hardwork-section .hardwork-details{text-align: center;}
.hardwork-section .hardwork-details .icon{ width: 100px; height: 100px; margin: 0 auto 30px; background-color: #32343b; border-radius: 100%; display: flex; align-items: center; justify-content: center;transition: all .5s ease;}
.hardwork-section .hardwork-details .icon:hover{background-color: var(--yellow-color);transform: scale(1.02);}
.hardwork-section .hardwork-details .icon svg{width: 68px;height: 68px;}
.hardwork-section .hardwork-details .icon svg g{fill: var(--white-color);}
.hardwork-section .hardwork-details h6{color: var(--white-color);}
.hardwork-section .hardwork-details p{color: var(--lightgrey-color);}
.hardwork-section .hardwork{padding: 40px 0px;}
.hardwork-section [class*='col-'] {padding: 0 30px;}
/* customer satisfaction css end */

/* About Counter Css start */
.counter-details{display: flex;padding: 30px 30px 25px 38px;position: relative;border: 10px solid #393c42;z-index: 0;transition: all .5s ease;justify-content: flex-start;cursor: pointer;}
.counter-details::before, .counter-details::after{ content: ''; position: absolute; top: -10px; left: 0; right:0; margin: 0 auto; width: 58%; height: 10px; z-index: -1; background-color: #23262d; transition: all .5s ease; }
.counter-details::after{ bottom: -10px; top: auto; }
.counter-details:hover::before, .counter-details:hover::after{ width: 0; background-color: #393c42; }
.counter-details .counter-number span{font-size: 80px;color: var(--yellow-color);font-weight:bold;line-height: 1;}
.counter-details .counter-title{margin-left: 30px;}
.counter-details .counter-title h6{color: var(--white-color);text-align: center;line-height: 1.5;}
.about-details { max-width: 440px; margin: 0 auto; }
.about-details h2{margin-top: 17px;}
.about-description p{color: var(--lightgrey-color);}
/* About Counter Css end */


/* Responsive Css Start */
@media only screen and (max-width:1200px){
    .footer-design-content{padding: 50px 0px;}
    .footer-main-content{margin: 50px 0px 0px;}
    .footer-bottom-content{padding-bottom: 50px;}
    .footer-design-content h2{margin: 20px auto 30px;}
    .design-section .design-desc .design_img{min-height: 660px;}
    .design-section .design-desc .design_cencept .icon{max-width: 60px;margin-bottom: 10px;}
    .design-section .design-desc .design_cencept h2{margin: 10px 0px 20px;}
}
@media only screen and (max-width:1024px){
    .design-section .design-desc .design_img{min-height: 575px;}
}
@media only screen and (max-width:992px){
    .footer-main-content .footer_nav, .footer-main-content .dill_logo{width: 100%;}
    .footer-main-content{flex-wrap: wrap;margin: 30px 0px 0px;}
    .footer-main-content .footer_nav{flex-wrap: wrap;}
    .footer-main-content .footer_nav .nav{width: 50%;margin-bottom: 30px;}
    .footer-main-content .footer_nav .nav h6{margin-bottom: 10px;}
    .footer-bottom-content{padding-bottom: 30px;}
    .foot_copy{margin: 20px 0px;}
    .creative-details .col-3, .creative-details .col-5, .creative-details .col-4{max-width: 100%;}
    .counter-details{justify-content: space-between;margin-bottom: 20px;}
    .about-details{margin-left: 0;}
}
@media only screen and (max-width:767px){
    .footer-main-content .social-icon{justify-content: center;}
    .footer-main-content .dill_logo{text-align: center;}
    .footer-main-content .dill_logo a{margin-bottom: 15px;max-width: 150px;}
    .footer-main-content .footer_nav .nav ul li a, .gtranslate_wrapper a{letter-spacing: .9;}
    .footer-main-content .footer_nav .nav{margin-bottom: 10px;}
    .footer-design-content{padding: 40px 0px 30px;}
    .btn{line-height: 1.1;padding: 13px 30px;}
    .design-section .design-desc .design_img{min-height: 500px;}
    .hardwork-section .hardwork-details .icon{margin: 0 auto 20px;}
}
@media only screen and (max-width:575px){
    .design-section .design-desc .design_img{min-height: 350px;}
    .btn{line-height: 1.1;padding: 13px 15px;}
    .design-section .design-desc .design_cencept span{letter-spacing: 1.5px;}
    .design-section:nth-child(odd) .design-desc .design_cencept::before{height: 45vw;width: 65vw;top: auto;bottom: 0;background-size: cover;transform: unset;}
    .design-section .design-desc .design_cencept::before{top: auto;bottom: 0;left: auto;right: 0;width: 54vw;height: 40vw;transform: rotate(-180deg);}
    .hardwork-section::before{display: none;}
}
/* Responsive Css End */