/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.9.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.page-content {
/*     padding: 10px; */
}


.request-code .elementor-widget-container .elementor-icon-wrapper a.elementor-icon:hover{
    margin-left:10px;
}
.request-code .elementor-widget-container .elementor-icon-wrapper a.elementor-icon{
    transition: 0.3s;
}
.keynotes-application .elementor-icon-box-content ul {
    text-align: left;
}
.our-insulations-mb .elementor-widget-container h3,
span.insulation_flipbox_home_button{
    font-family: 'Inter';
}
.our-insulations-mb h3 {
    color: #861a14;
}
span.insulation_flipbox_home_button {
    display: flex;
    color: #861a14;
    align-items: center;
    gap: 5px;
}
.mb-nav .elementor-menu-toggle {
    background: unset;
}
.eicon-menu-bar::before,
.mb-nav i::before,
.eicon-close::before,
.mb-nav nav.elementor-nav-menu--dropdown > ul > li:last-child a{
    color: #fff;
}
.mb-nav nav.elementor-nav-menu--dropdown ul > li{
    display:block;
}
.mb-nav nav.elementor-nav-menu--dropdown > ul > li:last-child{
    background:#cf221b;
}
.mb-nav nav.elementor-nav-menu--dropdown > ul > li:last-child::before,
.mb-nav nav.elementor-nav-menu--dropdown > ul > li:last-child a.elementor-item.elementor-item-active::before{
    position: absolute;
    content: " ";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 21px;
    height: 7px;
    left: 130px;
    top: 18px;
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2023/11/Arrow-1.svg);
}
.mb-nav nav.elementor-nav-menu--dropdown > ul > li:last-child:hover::before {
    left: 140px;
}
.we-started-sec .swiper-slide-inner{
    padding:0 !important;
}
.we-started-slider {
    margin: -65px auto 0 auto;
}
.we-started-sec .swiper-slide[data-swiper-slide-index="0"],
.we-started-sec .swiper-slide[data-swiper-slide-index]{
    position: relative;
}
.we-started-sec .swiper-slide[data-swiper-slide-index="0"]::before {
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2024/01/green-tick.png) !important;
}
.we-started-sec .swiper-slide[data-swiper-slide-index="0"]::before {
    top: 20%!important;
    left: 50%!important;
    transform: translate(-20%, -50%)!important;
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2024/01/red-tick.png);
}
.we-started-sec .swiper-slide[data-swiper-slide-index]::before {
    position: absolute;
    content: " ";
    width: 50px;
    height: 50px;
    top: 19%;
    left: 49%;
    transform: translate(-19%, -49%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: transparent;
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2024/01/red-tick.png);
}
.we-started-slider .swiper-slide-contents {
    margin-top: 90px;
}


.we-started-sec .swiper-slide[data-swiper-slide-index]::after {
    position: absolute;
    content: " ";
    width: 90%;
    height: 1px;
    top: 20%;
    left: 25%;
    transform: translate(-20%, -25%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* background: red; */
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2024/01/red-line-mb.png);
    z-index: -1;
}
.we-started-sec .swiper-slide[data-swiper-slide-index="0"]::after {
    position: absolute;
    content: " ";
    width: 90%;
    height: 2px;
    top: 22%;
    left: 20%;
    transform: translate(-22%, -20%);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url(https://loudshout.in/techwin/wp-content/uploads/2024/01/Untitled_design-removebg-preview-1.png);
    z-index: -1;
}
.we-are-growing {
    position: relative;
    z-index: 2;
}
.we-are-growing img {
    position: absolute;
    right: 0;
}
/* RESPONSIVE CSS */

/*----------------------------- Large Screens -------------------------------*/


@media only screen and (max-width :1920px) and (min-width: 1601px) {
        .we-started .frame .ellipse{
            left: 1014px;
            top: 14px;
            width: 170px;
        }
        .we-started .frame .line {
            height: 19px;
            left: 1352px;
            position: absolute;
            top: 153px;
            width: 3.4px;
            object-fit: cover;
        }
        .we-started .frame .rectangle-2{
            top: -144px;
        }
}

@media only screen and (max-width :1600px) and (min-width: 1441px) {
    .we-started .frame .ellipse{
        left: 1014px;
        top: 14px;
        width: 170px;
    }
    .we-started .frame .line {
        height: 19px;
        left: 1352px;
        position: absolute;
        top: 153px;
        width: 3.4px;
        object-fit: cover;
    }
    .we-started .frame .rectangle-2{
        top: -144px;
    }
    .we-started .frame .img {
        height: 140px;
        left: 1008px;
        position: absolute;
        top: 166px;
        width: 182px;
        object-fit: contain;
    }
    .we-started .frame .line-2 {
        height: 13px;
        left: 187px;
        position: absolute;
        top: 441px;
        object-fit: cover;
    }
}

@media only screen and (max-width :1440px) and (min-width: 1367px) {
        .we-started .frame .ellipse{
        left: 1014px;
        top: 14px;
        width: 170px;
    }
    .we-started .frame .line {
        height: 19px;
        left: 1352px;
        position: absolute;
        top: 153px;
        width: 3.4px;
        object-fit: cover;
    }
    .we-started .frame .rectangle-2{
        top: -144px;
    }
    .we-started .frame .img {
        height: 140px;
        left: 1008px;
        position: absolute;
        top: 166px;
        width: 182px;
        object-fit: contain;
    }
    .we-started .frame .line-2 {
        height: 13px;
        left: 187px;
        position: absolute;
        top: 441px;
        object-fit: cover;
    }
    .we-started .frame .line {
        height: 15px;
        left: 1351px;
        position: absolute;
        top: 153px;
        object-fit: cover;
    }
    
}

@media only screen and (max-width :1366px) and (min-width: 1281px) {
    .we-started .frame .ellipse{
        left: 1014px;
        top: 14px;
        width: 170px;
    }
    .we-started .frame .line {
        height: 19px;
        left: 1352px;
        position: absolute;
        top: 153px;
        width: 3.4px;
        object-fit: cover;
    }
    .we-started .frame .rectangle-2{
        top: -144px;
    }
    .we-started .frame .img {
        height: 141px;
        left: 1030px;
        position: absolute;
        top: 164px;
        width: 140px;
        object-fit: contain;
    }
    .we-started .frame .line-2 {
        height: 13px;
        left: 187px;
        position: absolute;
        top: 441px;
        object-fit: cover;
    }
    .we-started .frame .line {
        height: 21px;
        left: 1353px;
        position: absolute;
        top: 151px;
        width: 3px;
        object-fit: cover;
    }
    
   
}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
    
    .we-started .frame .ellipse{
        left: 1014px;
        top: 14px;
        width: 170px;
    }
    .we-started .frame .line {
        height: 19px;
        left: 1352px;
        position: absolute;
        top: 153px;
        width: 3.4px;
        object-fit: cover;
    }
    .we-started .frame .rectangle-2{
        top: -144px;
    }
    .we-started .frame .img {
        height: 141px;
        left: 1030px;
        position: absolute;
        top: 164px;
        width: 140px;
        object-fit: contain;
    }
    .we-started .frame .line-2 {
        height: 13px;
        left: 187px;
        position: absolute;
        top: 441px;
        object-fit: cover;
    }
    .we-started .frame .line {
        height: 21px;
        left: 1353px;
        position: absolute;
        top: 151px;
        width: 3px;
        object-fit: cover;
    }
    
}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
    .we-started .frame .overlap-group{
        left: 0;
    }
    .we-started .frame .rectangle-4{
        left: -60px;
    }
    .we-started .frame .rectangle{
        left: 548px;
    }
    .we-started .frame .ellipse{
        height: 160px;
        left: 939px;
        position: absolute;
        top: 14px;
        width: 160px;
    }
    .we-started .frame .img {
        height: 139px;
        left: 955px;
        top: 167px;
        width: 150px;
    }
    .we-started .frame .rectangle-2 {
        height: 839px;
        left: 558px;
        top: -116px;
    }
    .we-started .frame .union-wrapper-2{
        left: 220px;
    }
    .we-started  .frame .union-wrapper-3{
        left: 908px;
    }
    .we-started .frame .ellipse-3,
    .we-started .frame .ellipse-2{
        left: 93px;
    }
    .we-started .frame .line-2{
        left: 93px;
    }
    .we-started .frame .rectangle-3 {
        height: 347px;
        left: 394px;
        top: 417px;
        width: 3px;
    }
    .we-started .frame .rectangle-2 {
        height: 740px;
        left: 591px;
        top: -66px;
    }
    .we-started .frame .union-wrapper-5{
        left: 221px;
    }
    .we-started .frame .union-wrapper-4{
        left: 909px;
    }
}

/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    .footer-menu .elementor-nav-menu--main ul{
        flex-direction: column;
        
    }
    .table-sec table td,
    .table td, table th{
        padding: 10px;
    }
    .footer-menu nav.elementor-nav-menu--main ul#menu-1-c459543 {
        flex-direction: column;
    }
    .footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{
        display:none;
    }
    .product-tab-sec nav ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        overflow-x: scroll;
    }
    .we-started-slider .elementor-slide-heading {
        line-height: 35px !important;
    }
    .we-are-growing {
        position: absolute;
        right: 20px;
        bottom: 50px;
    }
    .we-started-slider .swiper-slide-contents {
        margin-top: 120px;
    }
    .product-tab-sec.elementor-sticky--active{
        top: 102px !important;
    }
}

/*----------------------------- Media Tab -------------------------------*/
@media only screen and (max-width:767px){
    .table-sec table td,
    .table td, table th{
        padding: 5px;
    }
    
    .header-mb-logo img {
        width: 100%;
        max-width: 306px !important;
    }
    .we-started-slider .elementor-slide-heading span {
        font-size: 18px;
    }
    .we-started-slider {
        margin: -90px auto 0 auto;
    }
}

/*----------------------------- Media Mobile Screen -------------------------------*/
@media only screen and (max-width:479px){
    .our-insulations-img,
    .our-insulations-img a{
        width: 100%;
        height: 290px;
    }
    .our-insulations-mb {
        gap: 70px 0;
    }
    .we-started-sec .swiper-slide[data-swiper-slide-index]::before, .we-started-sec .swiper-slide[data-swiper-slide-index]::before{
        width: 31px;
        height: 31px;
        top: 13%;
        left: 47%;
        transform: translate(-13%, -47%);
    }
    .header-mb-logo a img {
        width: 100% !important;
    }
    .we-started-sec .swiper-slide[data-swiper-slide-index]::after{
        top: 20%;
        left: 23%;
        transform: translate(-20%, -23%);
    }
    .we-started-sec .swiper-slide[data-swiper-slide-index="0"]::after{
        height: 2px;
        top: 22%;
        left: 20%;
        transform: translate(-22%, -20%);
    }
    .product-tab-sec.elementor-sticky--active{
        top: 55px !important;
    }
}

/*----------------------------- Media Small Screen -------------------------------*/
@media only screen and (max-width:395px){
    .we-started-slider .swiper-slide-contents {
        margin-top: 120px;
    }
    .table-sec table td, .table td, table th {
        padding: 2px 1px;
    }
    .table td, table th {
        font-size: 10px;
    }
    .we-started-sec .swiper-slide[data-swiper-slide-index="0"]::before {
        top: 22%!important;
        left: 50%!important;
        transform: translate(-22%, -50%)!important;
    }
    .we-started-sec .swiper-slide[data-swiper-slide-index]::before, .we-started-sec .swiper-slide[data-swiper-slide-index]::before {
        top: 19%;
        left: 47%;
        transform: translate(-19%, -47%);
    }
    .we-are-growing {
        bottom: 40px;
    }
    .we-started-slider .swiper-slide-contents {
        margin-top: 150px;
    }

}
/*----------------------------- Media Small Screen -------------------------------*/
@media only screen and (max-width:320px){
    .we-started-slider .swiper-slide-contents {
        margin-top: 160px;
    }
}