body {
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/* first section */

.first_section {
    /* display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 60px 0; */
    padding: 60px 0;

}
.first_section .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.first_section a.button_text{
    color: #101010;
    border: 1px solid #101010;
}

section#top_video_banner {
    padding-bottom: 0px;
}
.bannertext {
    position: absolute;
    top: 50%;
    width: 52%;
    margin: auto;
    transform: translate(-50%, -50%);
    left: 50%;
}

.first_content_left {
    width: 50%;
    position: relative;
    padding-right: 10%;
text-align: center;
}


.first_content_right {
    width: 50%;
    padding-left: 10%;
    position: relative;
}
.first_content_right img, .first_content_right video{
    width: 100%;
}
.first_content_left h2 { 
    /* font-size: 42px; */
    margin-bottom: 20px; 
    /* font-family: 'balkindlight';
    -webkit-font-smoothing: antialiased;
    line-height: 55px; */

}
.first_content_left p {
    /* margin-bottom: 30px; */
    font-family: 'Inter';
    font-weight: 300;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #101010;
}
.first_section .first_content_left .subheadh2 h2 {
    color: #101010;
}

/* .first_content_left::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0px;
    height: 102%;
    width: 2px;
    background-color: var(--color-theme-primary);
    bottom: 0px;
} */


.first_content_right::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    height: 100%;
    width: 2px;
    background-color: #101010;
    bottom: 0px;
}



/* services */
section.service_section {
    background: var(--color-theme-sec);
    padding: 60px 0px;
}
section.service_section h2 {
    color: var(--color-theme-primary);

    /* text-align: center;
    font-size: 52px; */
    margin-bottom: 20px;
    /* font-family: 'balkindlight'; */
}
.main_service_box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0px;
    flex-wrap: wrap;

}
.service_box img{
    width: 100%;
    display: block;
    max-width: 100%;
    margin: auto;
    transition: all 1s ease-in-out;
}
.service_box p {
    color: var(--color-theme-sec);
    text-align: center;
    font-size: 18px;
    font-family: 'Inter';
    margin-top: 20px;
    font-weight: 400;
    position: absolute;
    bottom: -21px;
    width: 100%;
    height: 60px;
    line-height: 52px;
    background-image: linear-gradient(#ff000000, #00000061, #000000ba);
}
.service_box {
    width: 30%;
    /* margin-bottom: 100px; */
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #efe8db;
} 
/* 
section.instawrap h2 {
    color: #101010;
    text-transform: uppercase;
}

section.instawrap h2 span{
    vertical-align: middle;
    position: relative;
}

section.instawrap h2 span:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(../images/instagram-icon-tll-1.png);
    display: inline-block;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    position: ABSOLUTE;
    right: -50px;
    top: 7px;
    filter: brightness(0);
}
.service_box:hover img {
    transform: scale(1.06);
}

.service_box img {
    transition: all ease-in-out 0.8s;
} */


/* instagram video section  */


.insta_sec_heading{
    padding-bottom: 30px;
}

.insta_sec_heading h2{
    font-size: 48px;
    font-family: 'balkindregular';
    -webkit-font-smoothing: antialiased;
    line-height: 55px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
}


.instagram_wrap{
    padding: 0 100px;
}

.insta_video_grid .slick-prev, .insta_video_grid .slick-next{
    background-color: #fff;
    padding: 15px 10px;
    height: unset;
    width: unset;
}

.insta_video_grid .slick-prev{
    left: -100px;
}

.insta_video_grid .slick-next{
    right: -100px;
}

.insta_video_grid .slick-prev:before{
    content: "";
    background: url(../images/right-arrow-icon.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    transform: rotate(180deg);
    display: inline-block;
    /* filter: invert(1); */
    /* transform-origin: top; */
}

.insta_video_grid .slick-next:before{
    content: "";
    background: url(../images/right-arrow-icon.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    /* filter: invert(1); */
    /* transform-origin: top; */
}

.insta_video_wrap{
    position: relative;

}
/* 
.insta_video_wrap:hover .insta_icon{
    visibility: visible;
    opacity: 1;
}

.insta_icon{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: 0.4s;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.insta_video_wrap:hover .insta_icon:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #0000007a;
    z-index: -1;
}
*/

.insta_video_wrap:hover .insta_icon{
    opacity: 1;
    visibility: visible;
}

.insta_icon {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0%;
    left: 0%;
    background: #00000070;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.4s;
}
.insta_icon img{
    max-width: 20px;
    margin: 0 auto;
} 


/* instagram video section end */


/* our work */
section.ourwork_section{
    /* padding: 80px 60px; */

    background: var(--font-color-theme-sec)
}



.ourwork_section h2{
    color: #101010;
}

.ourwork_section a.button_text{
    color: #101010;
    border: 1px solid #101010;

 
}
.service_section + section.ourwork_section {
    background: #ffffff;
}
/* section.ourwork_section h2 {
    text-align: center;
    font-size: 52px;
    font-family: 'balkindlight';
} */
.our_work_para p {
    font-size: 18px;
    text-align: center;
    font-family: 'Inter';
    font-weight: 300;
    /* margin-bottom: 20px; */
    line-height: 31px;
    color: #101010;
}
.our_work_para p:last-child {
    margin-bottom: 0px;
}
.our_work_para {
    width: 70%;
    /* padding: 50px; */
    position: relative;
    margin: 0 auto;
    line-height: 30px;
    margin-top: 40px;
}
.ourwork-wrap-inner {
    max-width: 800px;
    margin: auto;
}
.afterbeforelink span{
    cursor: pointer;
}
.ourwork-wrap-slider {
    padding: 0px 20px;
}
.ourwork-wrap-slider .item p{
    text-align: center;
    margin-top: 20px;
    font-family: 'Inter';
    font-size: 13.4px;
    margin-bottom: 0px;
    font-weight: 600;
    text-transform: capitalize;
}


/* a.button_text_work{
    text-decoration: none;
    color: var(--color-theme-primary);
    font-family: 'Inter';
    padding: 12px 15px;
    border: 1px solid  var(--color-theme-primary);
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
} */

/* our promises */
.our_promise_part{
    background: var(--color-theme-sec);
    
    /* padding: 80px 60px; */
}
.our_promise_image img {
    max-width: 80px;
}
/* section.our_promise_part h2 {
    font-size: 52px;
    text-align: center;
    font-family: 'balkindlight';
} */
.promise_flex {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    padding: 0px 0;
}
.our_promise_image p {
    text-align: center;
    font-size: 18px;
    font-family: inter;
    color: var(--color-theme-primary);
    margin: 15px 0 0;
}
.our_promise_image {
    display: grid;
    place-items: center;
}
/* How it works */
.how_it_works{
    padding: 60px 0px;
}
.first_section1 {
    display: flex;
align-items: center; 
    justify-content: space-around;
    /* padding: 60px 0; */
}
.first_content_left1 {
    width: 30%;
}
.first_content_right2 {
    width: 30%;
    padding: 40px;
}
.first_content_left2 h2 {
    /* font-size: 52px; */
    position: relative;
    /* text-align: center;
    font-family: 'balkindlight'; */
    text-align: center;
    color:#101010
}
.first_content_right1 p {
    font-size: 15px;
    font-family: 'Inter';
    text-align: center;
    margin-top: 10px;
    font-weight: 300;
}
.number_part::after {
    content: "";
    position: absolute;
    top: 10%;
    height: 90%;
    width: 2px;
    background-color: var(--color-theme-primary);
    left: calc(50% - 20px);
    right: auto;
}
.first_content_left2 {
    width: 50%;
    padding-left: 5%;
}
.first_content_right1 {
    width: 50%;
    padding-right: 10%;
}
.number_part {
    display: flex;
}
.first_number1 {
    margin-top: 214px;
    margin-right: 50px;
    text-align: right;
}
.second_number2 {
    margin-top: 147px;
    margin-right: 00px;
    text-align: right;
}
.first_number {
    margin-top: 100px;
  
}
.second_number {
    margin-top: 200px;
   
}
.number1 {
    padding-right: 40px;
    width: 50%;
}

.number2{
    width: 50%;
    padding-left: 40px;
}

.number_part p {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 200;
    max-width: 200px;
    line-height: 23px;
}
.first_number1 p , .first_number p, .second_number p, .second_number2 p {
    position: relative;
}

.number_part div p::after{
    position: absolute;
    font-size: 80px;
    font-family: 'balkindlight';
}
.first_number1 p::after {
    content: "2";
    right: -51px;
    top: 27px;
  
}

.first_number p::after{
    content: "1";
    right: 208px;
    top: 22px;
  
}

.second_number p::after{
    content: "3";
    right: 203px;
    top: -18px;
    top: 24px;
  
}

.second_number2 p::after{
    content: "4";
    right: -51px;
    top: 25px;
  
}

/* founder's section */

.meetfounder-wrap{
    background: var(--color-theme-sec);
}
/* #first_content_left{
    padding: 60px 0px 0px 0px;
} */
/* green section */
.green_section{
    background: #217c54;
    padding: 60px 0;
}
.green_sec_main {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #fff;
    /* gap: 133px; */
}
.green_sec_flex1 {
    display: flex;
    justify-content: center;
    width: 89%;
    align-items: center;
}
.sustain_able_next img {
    max-width: 62%;
    margin: auto;
}
.green_sec_flex2 {
    width: 45%;
    padding: 0px;
}
.sustain_able h2 {
    font-size: 76px;
    text-align: center;
    font-family: 'balkindlight';
    color: var(--color-theme-sec);
    letter-spacing: 10px;
}
.green_sec_flex2 p {
    font-size: 18px;
    font-family: inter;
    line-height: 30px;
    /* margin-bottom: 30px; */
    font-weight: 200;
    color: var(--color-theme-sec);

}

.green_sec_flex2 p:last-child{
    margin-bottom: 0;
}

.green_sec_flex2 p strong{
font-weight: 500;

}



.sustain_able {
    /* -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: -24%; */
    width: 16%;
}
.sustain_able_next {
    width: 85%;
}

/* full name section */

.banner_head1 {
    width: 70%;
    position: relative;
    margin: 0 auto;
}
.slick-dotted.slick-slider{
    margin-bottom: 0px;
}
.banner_head1 p {
    text-align: center;
    margin-top: 20px;
    font-family: 'Inter';
    font-size: 13.4px;
    margin-bottom: 5px;
    font-weight: 600;
}
.banner_head1 p + p {
    font-weight: 300;
}
/* media mentions */
.media_mention{
    background: var(--color-theme-sec);
    /* padding: 80px 60px; */

}
.media_products {
    /* display: flex; */
    align-items: center;
    gap: 40px;
    /* margin-top: 40px; */
    flex-wrap: wrap;
}
/* section.media_mention h2 {
    font-size: 52px;
    font-family: 'balkindlight';
} */
.media_four {
    width: 22%;
}
.slick-initialized .slick-slide{
    /* margin-right: 50px; */
}
.media_four {
    padding: 0px 20px;
}
ul.slick-dots{
    display: none!important;
}
/* our partners */


.theysay-slider video {
    height: 500px;
    width: auto;
    max-width: 600px;
    object-fit: cover;
}
.theysay-slider .item {
    text-align: center;
}
.banner_head1.theysay-slider .item p:last-child{
margin:0px;
}
.banner_head1.theysay-slider .item p:first-child{
font-weight: 600;
} 
/* time line */
.timelinecontainer {
    width: 100%;
    padding: 0px 0;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
 }
 
 .timelinecontainer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 100%;
    z-index: 1;
    border-right: dashed 1px var(--color-theme-primary);
 }
 
 .timeline-block {
    width: -webkit-calc(50% + 8px);
    width: -moz-calc(50% + 8px);
    width: calc(50% + 8px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    clear: both;
    margin-bottom: 50px;
 }
 
 .timeline-block-right {
    float: right;
 }
 
 .timeline-block-left {
    float: left;
    /* direction: rtl */
    text-align: right;
    flex-direction: row-reverse;

 }
 .marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #60121a;
    margin-top: 10px;
    z-index: 1;
}
 
 .timeline-content {
    width: 95%;
    padding: 0 30px;
    color: var(--color-theme-primary);
    font-family: 'Inter';

 }
 
 .timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
 }
 
 .timeline-content span {
    font-size: 75px;
    color: #101010;
    font-family: 'balkindlight';
    line-height: 56px;

 }
 
 .timeline-content p {
    font-size: 18px;
    line-height: 25px;
    color: #101010;
    font-family: 'Inter';
    font-weight: 300;

 }
 

 section.first_section.meetfounder-wrap .first_content_left p , section.first_section.meetfounder-wrap .first_content_left h2{
    color: var(--color-theme-primary);
 }

 section.first_section.meetfounder-wrap .first_content_right::before{
    background-color :var(--color-theme-primary);
 }


/* instawrap-sections */

section.insta_sec{
    padding: 60px 0;
}

.insta-content-image-wrps {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 25px;
}
.insta-content-image-wrps .insta-content {
    width: 50%;
    display: block;
    padding-right: 15%;
}
.insta-content-image-wrps .insta-image-items-slider {
    width: 50%;
    display: block;
    position: relative;
    z-index: 1;
}
.insta-image-items-slider .insta-image-items{
    position: relative;
}
.insta-content-image-wrps .insta-content p {
    font-size: 18px;
    font-family: inter;
    line-height: 30px;
    font-weight: 200;
    color: #101010;
}
.insta-image-items .insta-image img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: -1px 2px 13px #00000054;
}
.insta-image-items .insta-image-postion img {
    max-width: 25px;
}
.insta-image-items .insta-image-postion {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .2s ease;
}
.insta-image-items-slider .insta-image-items.slick-slide {
    transform: scale(0.85);
    transition: all 0.4s ease-in-out;
}
.insta-image-items-slider .insta-image-items.slick-active.slick-center {
    transform: scale(1);
}
.insta-image-items-slider:after {
    content: '';
    background: #60091a;
    display: block;
    width: 83%;
    height: 165%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    border-radius: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}
.insta_sec_slider .circule_center {
    z-index: 9;
}
.instawrap .subheadh2 {
    margin-bottom: 15px;
}
.insta-image-items-slider:before {
    content: '';
    border: 1px solid var(--color-theme-primary);
    display: block;
    width: 66%;
    height: 185%;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 10px;
    
}
.insta-image-items-slider .insta_sec_slider:after {
    content: '@theleatherlaundry';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -51%;
    z-index: -1;
    transform: translate(-50%);
    border: 1px solid var(--color-theme-primary);
    padding: 3px;
    border-radius: 4px;
    font-size: 15px;
    font-family: inter;
    font-weight: 200;
    color: var(--color-theme-primary);
    background: #fff;
}
.insta-image-items:hover .insta-image-postion {
    opacity: 1;
}
.insta-image-items .insta-image:hover:after {
    opacity: 1;
}

.instawrap {
    padding: 195px 0px 265px;
}
.media_mention {
    /* border-top: 1px dashed #60121a33; */
    padding: 60px 0px;
}
.insta-image-items .insta-image:after{
    content: '';
    background-color: #00000045;
    z-index: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0;
}
a.button_text{
    color: #101010;
    border: 1px solid #101010;
}

section.first_section.meetfounder-wrap a.button_text{
    color: var(--color-theme-primary);
    border: 1px solid var(--color-theme-primary);
}

.ourwork_section.whattheysay .mainheadh2 h2 {
    color: var(--color-theme-primary);
}
/* 
section.partners_wrap .mainheadh2 h2{
    color: #101010;
} */

section.partners_wrap{
    border-top: 1px dashed #d0b889;
    background: #f4eee2;
}

section.partners_wrap{
    padding: 60px 0px;
}

.service_box:hover img {
    transform: scale(1.05);
    transition: all 1s ease-in-out;
}


@media screen and (max-width: 767px) {
	
	.ourwork-wrap-inner{
        max-width:300px;
    }
	
	
	
	
    body .container {
        max-width: 100%;
        padding: 0 15px;
    }
    header.menunew .container {
        width: 100%;
    }
    section.footer .Footer_flex {
        flex-wrap: wrap;
    }
    .Footer_flex .footer_icons {
        width: 100%;
        padding-bottom: 40px;
    }
    .Footer_flex .second_icon_div {
        width: 100%;
        flex-wrap: wrap;
    }
    .Footer_flex .footer_icons img {
        width: 100% !important;
        max-width: 45%;
        margin: auto;
    }
    .second_icon_div .footer_icons1 {
        width: 100%;
    }
    .second_icon_div .footer_icons1 h6 {
        font-size: 15px;
        text-align: center;
        padding-bottom: 7px;
    }
    .second_icon_div .footer_icons1 ul li {
        width: auto;
    }
    .second_icon_div .footer_icons1 ul li a {
        justify-content: center;
    }
    .last_strip .first_para_strip p {
        width: max-content;
    }
    .last_strip .first_para_strip {
        max-width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        padding-left: 15px;
    }

    .main_service_box{
        padding: 0 20px;
    }

    .our_work_para{
        width: 100%;
        margin-top: 30px;
    }


    .first_section1{
        gap: 10px;
    }

    .promise_flex{
        overflow-x: auto;
        justify-content: flex-start;
        column-gap: 20px;
        align-items: baseline;
    }

    .our_promise_image{
        min-width: 50%;
    }

    .main_service_box button.slick-next:before, .main_service_box button.slick-next:before{
        content: none;
    }

    .main_service_box button.slick-next{
        background: url(../images/right-arrow-icon.png);
        width: 30px;
        height: 30px;
        background-size: cover;
        right: -15px;
    }


    .main_service_box button.slick-prev{
        background: url(../images/right-arrow-icon.png);
        width: 30px;
        height: 30px;
        background-size: cover;
        transform: rotate(180deg);
        left: -15px;
    }
    .main_service_box .slick-next, .main_service_box .slick-prev{
        transform:unset;
        top:40%;
    }



    .timeline-block{
        display: block;
    }

    .timeline-block.timeline-block-left .marker{
        float: right;
    }


    /* cities page before after css  */

    .beforeaffter-cities .ourwork-wrap-slider{
        padding: 0;
    }

    .beforeaffter-cities .ourwork-wrap-slider .slideservice-slide{
        padding: 0 20px;
    }


    section.ourwork_section .ourwork-wrap{
        padding: 30px 0;
    }
    .home .ourwork_section .ourwork-wrap-inner {
        max-width: 85%;
    }
    section.ourwork_section .ourwork-wrap{
        padding:10px 0;
    }
    .home .ourwork_section.whattheysay .mainheadh2{
        margin-bottom:10px;
      }
      .ourwork-wrap-slider .item p{
        margin-top: 5px;
        font-size: 10.4px;
        margin-bottom: 0;
        line-height:normal
    }
    .home section.service_section h2{
        margin-bottom:0;
    }
    .home section.our_promise_part{
        padding:10px 0 !important;
    }
    .home section.our_promise_part .mainheadh2 {
        margin-bottom: 10px !important;
    }
}

.ourwork_section .ourwork-wrap {
    background: url(../images/blur-cllg.jpg);
    padding: 60px 0px;
    background-attachment: fixed;
    background-size: 100%;
}
.ourwork_section .ourwork-wrap-slider .item p{
    color: #fff;
}


.ourwork_section .ourwork-wrap-slider button.slick-arrow{
    width: 30px !important;
    height: 30px  !important;
    filter: invert(1);
}


section.ourwork_section .container {
    max-width: 100%;
}
.menuwrap-inner ul li a:hover {
    color: #60121a;
    font-weight: 600;
}
header .menu2 a:hover , .menutext a:hover{
    opacity: 0.8;
}


