/* Fonts */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy-extrabold/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../fonts/gilroy-extrabold/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/gilroy-extrabold/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/inter-regular/Inter-Regular.woff2') format('woff2'),
        url('../fonts/inter-regular/Inter-Regular.woff') format('woff'),
        url('../fonts/inter-regular/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/inter-medium/Inter-Medium.woff2') format('woff2'),
        url('../fonts/inter-medium/Inter-Medium.woff') format('woff'),
        url('../fonts/inter-medium/Inter-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/inter-bold/Inter-Bold.woff2') format('woff2'),
        url('../fonts/inter-bold/Inter-Bold.woff') format('woff'),
        url('../fonts/inter-bold/Inter-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Spectral';
    src: url('../fonts/spectral-regular/Spectral-Regular.woff2') format('woff2'),
        url('../fonts/spectral-regular/Spectral-Regular.woff') format('woff'),
        url('../fonts/spectral-regular/Spectral-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Italic';
    src: url('../fonts/inter-italic/Inter-Italic.woff2') format('woff2'),
        url('../fonts/inter-italic/Inter-Italic.woff') format('woff'),
        url('../fonts/inter-italic/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-Light';
    src: url('../fonts/gilroy-light/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/gilroy-light/Gilroy-Light.woff') format('woff'),
        url('../fonts/gilroy-light/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

.inter-italic{
    font-family: Inter-Italic;
}
.inter-regular{
    font-family: Inter-Regular;
}
.inter-medium{
    font-family: Inter-Medium;
}
.gilroy-bold{
    font-family: Gilroy;
}
.gilroy-light{
    font-family: Gilroy-Light;
}
/* --Fonts-- */


/* Menu */
.main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.main-menu {display:none;opacity: 1; visibility: visible; background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be); }
@media (min-width: 1200px){
.fixed-top.main-menu .container.p-5.m-auto {
    max-width: 72%;
    padding-right: 0!important;
    padding-top: 2rem!important;
}
}
.main-menu .nav li a{color:#FFF; font-size: 3vw; font-weight:600;font-family: Gilroy;padding: .3rem 1rem;}
.main-menu .nav li{
    /* opacity: 0; */
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}
.fixed-top.main-menu .menu_right{
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 576px){
    .fixed-top.main-menu .menu_right{
        position: relative;
        text-align: left;
    }
    .contact_us .social_buttons div.d-inline-block{
        width: unset!important;
    }
}

.fixed-top.main-menu .container.d-flex{
    max-width: 95vw;
}
.nav-button{
    position: relative;
    border: solid 1px #f8f8f808;
    height: 42px;
    display: block;
    width: auto;
    padding: 12px;
    cursor: pointer;
}

.fixed-top.main-menu .close {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    right: 15px;
  }

  .fixed-top.main-menu .close:before, .fixed-top.main-menu .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height:18px;
    width: 1.5px;
    background-color: #951e84;
    margin: 7px 0;
  }
  .fixed-top.main-menu .close:before {
    transform: rotate(45deg);
  }
  .fixed-top.main-menu .close:after {
    transform: rotate(-45deg);
  }
  .fixed-top.main-menu .container.d-flex.justify-content-between h6{
    margin-top: 10px;;
    margin-left: 2rem;
    letter-spacing: 6px;
    font-weight: 400;
    font-family: Inter-Medium;
    font-size: 0.8rem;
    color: #fff;
    opacity: .5;
  }
  .fixed-top.main-menu .container.d-flex.justify-content-between h6.news{
    margin-left: 0;
  }
  .rights{
    font-size: 11px;
    opacity: .5;
  }
  .animate_right{
      opacity: 0;
  }
  .news_container span.vertical_line{
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #ffffff26;
    border-right: solid;
    border-right-color: #ffffff5e;
    border-right-width: 1px;
    display: block;
    padding: 8px 0;
    height: 1px;
    margin: 9px;
}

.marquee {
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff;
    line-height: 2;
    font-family: Spectral;
  }
  
  .marquee span {
    display: inline-block;
    padding-left: 100%;
    /* show the marquee just outside the paragraph */
    animation: marquee 15s linear infinite;
  }
  
  .marquee span:hover {
    animation-play-state: paused
  }
  
  
  /* Make it move */
  
  @keyframes marquee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
/* --Menu-- */

/* header */
.head-main .navbar img.logo{width: 106px;}
.head-main .navbar{padding-left: 0;padding-right: 0;}
.head-main .navbar .container{padding-left: 0;padding-right: 0;}
.head-main .navbar a.nav-button{
    color: #8f117d;
    letter-spacing: 5px;
    padding-right: 0;
    font-weight: 500;
}
.head-main .navbar .finder_box .finder{
    background: #af24a6;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-left: 6px;
}
.head-main .navbar span.vertical_line{
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #e8cde3;
    border-right: solid;
    border-right-color: #ce97c6;
    border-right-width: 1px;
    display: inline-block;
    padding: 6px 0;
}
.head-main .navbar .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.head-main .navbar .ml-auto{
    z-index: 99;
}
/* --header-- */










body.bg_img{
    background-image: url(../images/contact_bg.png);
}
.hr_purple{
    border-top: 1px solid #8f117d;
    border-bottom: 1px solid #d4a4cd;
    border: unset!important;
}
.border_5{
border-radius: .5rem;
}
@media (min-width: 1200px){
.container-1200{
    max-width: 1180px;
    -webkit-height: 100% !important;
    height: 100%;
}
.contact_us .container-1200 .main_row{
    margin: 0;
    margin-bottom:95px;
}
.contact_us .container-1200 .row .col-sm-9.d-flex{
    padding: 0;
}
/* .contact_us .container-1200{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */
body.bg_img{
    height: 100vh;
    overflow: hidden;
}

}

.contact_us .container-1200 .main_row .bg_gradient {
    background-image: linear-gradient(145deg, #fe317d -12%, #a729ac 40%, #7c18be);
    height: 100%;
}
.contact_us .main_row .details_top img{width: 16px;}
.contact_us .main_row .details_top h6{
    font-size: 11.5px;
    color: #fff;
}
.contact_us .main_row .details_top h6.inter-regular{
    font-size: 10.5px;
}
.contact_us .main_row .details_middle pre{
    font-size: 10.5px;
    color: #fff;
    line-height: 1.6;
}
.contact_us .main_row .contact_number{
    margin-top:12px!important;
}
.contact_us .main_row .contact_number img{width: 25px;}
.contact_us .main_row .contact_number p{
    color: #fff;
    font-size: 12px;
    margin-top:.4rem;
}
.contact_us .main_row .email img{
    width: 28px;
}
.contact_us .main_row .email p{
margin-top: 6px;
font-family:Inter-Regular;
color: #fff;
font-size: 10.5px;
}
.hr_contact_bottom{
    border-top: 2px solid #ba70ce;
}
.contact_us .social_buttons div.d-inline-block{
    width: 26px;
    padding-left: 4px;
    padding-right: 4px;
}
.social_buttons {
    margin-bottom: 13px!important;
}


@media (min-width: 576px){
.contact_us .container-1200 .main_row .bg_gradient {
    position: absolute;
    width: 100%;
    z-index: 8;
}
.contact_us .container-1200 .main_row .contact_left .col_main{
    padding-left: 10.2%!important;
} 
.contact_us .main_row .col-sm-7.custom {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.contact_us .main_row .col-sm-3.custom{
    padding: 0; 
    -ms-flex: 0 0 26%;
    flex: 0 0 26%;
    max-width: 26%;

}
.contact_us .main_row .col-sm-2.custom{
    padding: 0; 
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;

}
}
.contact_us .main_row .col-sm-7.custom h2{
    font-family: Gilroy;
    color: #8f117d;
    font-size: 28px;
}
.contact_us .main_row .col-sm-7.custom p{
    font-family: Inter-Regular;
    color: #1b1e21;
    font-size: 13px;
}
.contact_us .contact_left .col_main .form-control{
    border-radius: .5rem;
    border: unset;
    background-color: #f1f4f5;
    font-size: 0.8rem;
    font-weight: 500;   
    padding: 1.25rem;
    height: calc(1.5em + 1.25rem + 2px);
}
.contact_us .contact_left .col_main textarea.form-control{
    padding: .75rem 1.25rem;
    height: auto;
    }
.contact_us .contact_left .col_main .form-control:focus{
    box-shadow: 0 0 0 0.2rem rgba(226, 46, 140, 0.52);
}
.contact_us .contact_left .col_main .form-control::placeholder {
    color: #85909a;
    opacity: 1; /* Firefox */
  }
  
  .contact_us .contact_left .col_main .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #85909a;
  }
  
  .contact_us .contact_left .col_main .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #85909a;
  }
@media (min-width: 1200px){
   .contact_left{padding: 0}
   .contact_left .col-sm-3{padding: 0;}
   .contact_left .col-sm-3 .w-100{height: 508px!important;}
   
}
@media (min-width: 576px){
.contact_us .container-1200 .main_row{
    margin-top: 25px;
}
}

.contact_us .contact_left .col_main .round_button {
    background-image: linear-gradient(90deg, #e82f89, #7e19be);
    font-family: Inter-Bold;
    border: none;
    color: white;
    padding: 14px 36px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
    border-radius: 25px;
  }

  /* --sub category -- */
.sub_category_heading{
    text-align:left;
    color: #8f117d;
    margin-bottom: 18px;
}
.background_image_color{background:linear-gradient(123deg, #fe317d, #a729ac 47%, #7c18be);
height:288px;
}
@media (min-width: 576px){
    .main_row_sub_cat{position:absolute;}
    .prod_sub_cat .product_container .row1 .col-sm-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18.25%;
        flex: 0 0 18.25%;
        max-width: 18.25%;
    }
    .prod_sub_cat .product_container .row1 .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 44.5%;
        flex: 0 0 44.5%;
        max-width: 44.5%;
    }
    .prod_sub_cat .product_container .row2 .col-sm-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;;
        flex: 0 0 20%;
        max-width: 20%;
    }
.prod_sub_cat .product_container .row2 .col-sm-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.75%;
        flex: 0 0 25.75%;
        max-width: 25.75%;
    }
.prod_sub_cat .product_container .row2 .col-sm-5{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34.25%;
        flex: 0 0 34.25%;
        max-width: 34.25%;
    }
.prod_sub_cat .product_container.container {
        padding: 0;
}
.prod_sub_cat .product_container .row2 .content_row_sub_category{
    position: relative;
    width: 130%;
    left: -20%;
    background: #fff;
    padding: 5% 9% 8%;
    line-height: 2;
    top: 15.5%;
    box-shadow: 0 20px 30px -4px grey;
}
.prod_sub_cat .product_container .position-relative{
    top:30px;
}
.prod_sub_cat .product_container .row2 .col-sm-10{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
.prod_sub_cat .product_container .row.col-sm-10.bottom_row .col-sm-3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.prod_sub_cat .product_container .row.col-sm-10.bottom_row .col-sm-9{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.prod_sub_cat .product_container .position-relative{
    position: absolute!important;
}

}
@media (min-width: 1200px){
.prod_sub_cat .product_container.container {
    max-width: 1150px;
    padding: 0;
}
}
.product_container .row2 div.col-sm-3{
    padding: 0 12px;
}
.prod_sub_cat .product_container{
    margin-right: 0px;
    margin-left: 0px;
}
.prod_sub_cat .main_row_sub_cat .content_row_sub_category p.text-justify.inter-regular{
    font-size: 11.5px;
}
/* --sub category end -- */

/* Home Styles */
.white_navbar{
    display: none;
}
.home .hr_purple{display: none;}
.home_nav .purple_navbar{
    display: none;
}
.home .purple_navbar{
    z-index: 9;
}
.home_nav .white_navbar{
    display: block;
    z-index: 9;
}
.home_nav .head-main .navbar .finder_box .finder{
    background-color: #fff;
}
.home_nav .head-main .navbar a.nav-button{
    color: #fff;
}
.home .home_main .position-absolute{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.home .home_main .section1 .overlay1{
    background-image: linear-gradient(121deg, #741c3c, #a729ac 47%, #7c18be);
    position: absolute;
    width: 86.5%;
    height: 92vh;
    top: 0;
    opacity: 0.38;
    right: 0;
    border-bottom-left-radius: 100%;
}
.home .home_main .section1 .overlay2{
    opacity: 0.48;
    background-image: linear-gradient(119deg, #741c3c, #a729ac 47%, #7c18be);
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    border-radius: 0 100% 0 0;

}
.home .home_main .section1 .overlay3{
    opacity: 0.38;
    background-image: linear-gradient(119deg, #741c3c, #a729ac 47%, #7c18be);
    position: absolute;
    width: 85%;
    height: 150vh;
    top: 6px;
    border-radius: 35% 100% 0 0;
    left: -10%;
}
.home .home_main .section1 .overlay7{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78) 85%, #000000);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
}
.home .home_main .section1 .overlay4{
    position: absolute;
    top: 0;
    height: 100vh;
    left: 8%;
}
.home .home_main .section1 .overlay4 .content{
position: relative;
top: 40%;
transform: translateY(-50%);
color: #fff;
max-width: 780px;
}
.home .home_main .section1 .overlay4 .content p{
    font-size: 11.5px;
    margin-right: 40px;
}

.home .home_main .section1 .overlay5{
    position: absolute;
    bottom: 0;
}
.home .home_main .section1 .overlay5 .social_buttons{
    position: relative;
    left: 50%;
    width: max-content;
    transform: translate(-50%, 0%);
}
.home .home_main .section1 .overlay5 p{
    position: absolute;
    left: 12%;
    width: max-content;
    bottom: 0;
    color: #fff;
    font-size: 10px;
}
.home .home_main .section1 .overlay6{
    position: absolute;
    top: 55%;
    width: 100%;
}
.home .home_main .section1 .overlay6 .row{
    width: 94%;
    margin: auto;
}
.home .home_main .section1 .overlay6 .col-sm-3{
    padding-right: 4.25%;
    padding-left: 4.25%;
}
.home .home_main .section1 .overlay6 .col-sm-3 div img{
  position: relative;  
  z-index: 1;
  transition: transform .2s; /* Animation */
}
.home .home_main .section1 .overlay6 .col-sm-3 div img:hover {
    transform: scale(1.15); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    cursor: pointer;
}
.home .home_main .section1 .overlay6 .col-sm-3 div:after{
    content: " ";
    position: absolute;
    width: 56%;
    left: 24%;
    bottom: 44%;
    height: 70%;
    z-index: 0;
    -moz-box-shadow: 0px 5px 4px #888;
    -webkit-box-shadow: 0px 5px 4px #888;
    box-shadow: -18px 55px 0px #00000080;
    border-radius: .35rem;
  }
.home .home_main .section1{
    overflow: hidden;
}
.home .home_main .section2{
    position: absolute;
    left: 0;
    top: 0;
}
.home .home_main .section2 .col-sm-3{
    padding: 0;
}
.home .home_main .section2 .col-sm-3 .home4_title_images p{
    position: sticky;
    top: 50%;
    font-size: 28px;
}
.home .home_main .section2{
    overflow: hidden;
    height: 100vh;
}

.home .home_main .section3{
    position: absolute;
    background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
}
.home .home_main .section3 .row.sec_row{
    position: relative;
    top: 50%;
    transform: translateY(-38%);
}
.home .home_main .section3 h3{
    font-size: 28px;
}
.home .home_main .section3 p.inter-regular{
    font-size: 12px;
    width: 89%;
}
.home .home_main .section3 .img_container1{
    width: 86%;
}
.home .home_main .section3 .img_container2{
    position: absolute;
    top: 6%;
    width: 88%;
    left: 6%;
}
.home .home_main .section3 .home2_main_content{
    position: absolute;
    bottom: 15%;
    left: 0;
}
.home .home_main .section3{
    overflow: hidden;
}
.home .home_main .section4{
    position: absolute;
    background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
}
.home .home_main .section4 .row.sec_row{
    width: 90%;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section4 p.inter-regular{
    font-size: 11.1px;
    line-height: 2;
}
.home .home_main .section4 .image_container1{
    width: 80%;
    margin-left: auto;
}
.home .home_main .section4 .image_container1 img{
    filter: saturate(3) opacity(65%);
}
.home .home_main .section4 .image_container2{
    position: absolute;
    top: 10%;
    right: 3%;
    width: 88%;
}
@media (min-width: 576px){
    .home .home_main .section4 .row.sec_row .col-sm-5.para_container{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 38%;
}
.home .home_main .section4 .row.sec_row .col-sm-6.img_container{
max-width: 46%;
}
}
.home .home_main .section4 .img_container{
    position: relative;
    top: 50%;
    /* transform: translateY(20%); */
}
.home .home_main .section4{
    overflow: hidden;
}
.home .home_main .section5{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section5 .home4_section_two{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section5 .home4_section_two h3{
    color: #8f117d;
}
.home .home_main .section5 .home4_section_two p.inter-regular{
    font-size: 11.5px;
}
.home .home_main .section5 .home4_section_two .row.container .col-sm-6:first-child{
    padding: 2.8% 2% 0 4.5%;
}
.home .home_main .section5 .home4_section_two .row.container .col-sm-6:nth-child(2){
    padding: 2.8% 4.5% 0 2%;
}
.home .home_main .section5 .home4_section_two .row.container .section_three_img{
    background-image: linear-gradient(148deg, #ffffff 22%, #f5f5f5);
}
.home .home_main .section5 .home4_section_two .row.container .section_three_img p{
    padding: 6.75% 4%;
    box-shadow: 0px 8px 7px #8080805e;
    line-height: 2;
}
.top-rounded{
border-radius: .5rem .5rem 0 0 !important;
}
.bottom-rounded{
    border-radius: 0 0 .5rem .5rem!important;
}

.home .home_main .section6{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section6 .home4_section_three{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section6 .home4_section_three h3{
    color: #8f117d;
}
.home .home_main .section6 .home4_section_three h3.text-center{
    margin-bottom: 1%;
}
.home .home_main .section6 .home4_section_three .section_three_head{
    padding: 3% 5%;
    box-shadow: 0 25px 30px #80808066;
    margin: 5.5% 0;
    background-image: linear-gradient(115deg, #ffffff 45%, #f5f5f5);
}
.home .home_main .section6 .home4_section_three .row .col-sm-6:first-child{
    padding: 0 4.25% 0 2.25%;
}
.home .home_main .section6 .home4_section_three .row .col-sm-6:nth-child(2){
    padding: 0 2.25% 0 4.25%;
}
.home .home_main .section6 .home4_section_three p.text-center{
    font-size: 11.25px;
    /* margin-top: 3%; */
}
.home .home_main .section6 .home4_section_three .section_three_head p{
    font-size: 13.5px;
}

.home .home_main .section7{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section7 .home4_section_four {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section7 .home4_section_four.container{
    width: 74%;
}
.home .home_main .section7 .home4_section_four h3{
    color: #8f117d;
    margin-bottom: 3%;
    margin-top: 3%;
}
.home .home_main .section7 .home4_section_four .col-sm-4{
    padding: 0 6px;
}
.home .home_main .section7 .home4_section_four p.text-center{
    font-size: 12.5px;
    padding: 4.25% 6%;
    box-shadow: 0 15px 30px #80808066;
    background-image: linear-gradient(130deg, #ffffff 37%, #f5f5f5);
}
.home .home_main .section7 .home4_section_four .col-sm-12{
padding: 0 6px;
}
.home .home_main .section8{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section8 .home4_section_six {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section8 .home4_section_six.container{
    width: 74%;
}
.home .home_main .section8 .home4_section_six h3{
    color:#8f117d;
    margin-bottom: 1.5%;
}
.home .home_main .section8 .home4_section_six p.inter-regular{
    font-size: 12.15px;
    width: 76%;
    margin: auto;
    margin-bottom: 3.1%;
}
.home .home_main .section8 .home4_section_six .col-sm{
    padding: 0 2.25%;
}

.home .home_main .section9{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section9 .home4_section_five {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.home .home_main .section9 .home4_section_five.container{
    width: 68%;
}
.home .home_main .section9 .home4_section_five .col-sm{
    padding: 0 2px;
}
.home .home_main .section9 .home4_section_five h3{
    color:#8f117d;
    margin-top: 1.5%;;
}
.home .home_main .section9 .home4_section_five p.inter-regular{
    font-size: 12.15px;
    margin-bottom: 3.1%;
}

.home .home_main .section10{
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.home .home_main .section10 .home4_section_seven {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.home .home_main .section10 .home4_section_seven h3{
    color:#8f117d;
    margin-top: 3.5%;;
}
.home .home_main .section{
background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
}






/* The dots/bullets/indicators */
 .dot {
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    background-color: #e600fb63;
    border-radius: 20%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
   .dot.active,  .dot:hover {
    background-color: #000;
  }
   .dot_container{
    text-align: center;
    transform: rotateY(0deg) rotate(90deg);
    position: absolute;
    top: 50%;
    left: -2.5%;
  }
  
  .dot {
	background-color: #ffffff85;
	width: 4px;
	height: 4px;
	/* border-radius: 50%; */
	position: relative;
	cursor: pointer;
	position: relative;
	top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    margin: 5px;
}
.dot.white {
    background-color: #e9009b80;
}
.dot:before {
	content: '';
	position: absolute;
	border: rgba(255, 255, 255, 0.5) solid 1px;
    border-radius: 50%;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}
.dot.white:before {
    border: rgba(209, 0, 105, 0.5) solid 1px;
}

/* dot active */
.dot.active:before {
	border: rgb(255, 255, 255) solid 1px;
}
.dot.active:before {
	border: rgb(255, 255, 255) solid 1px !important;
	animation-name: example;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.dot.active.white:before {
	/*border: rgba(0,105,125,1) solid 1px !important;*/
	animation-name: example_white;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.dot.active:before  {
    border: rgba(0,105,125,1) solid 1px !important;
}
.dot.active {
	background-color: #ffffff;
}
.dot.white.active {
	background-color: #e9009b;
}
.dot.dot_active > span {
	opacity: 1;
}

/*.a {
	animation-name: example;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	border: rgba(255,255,255,1) solid 1px;
}*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% { 
    	opacity: 1;
    	top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
    	border: rgb(255, 255, 255) solid 1px;
    }
    100% { 
    	opacity: 0;
    	top: -3vh;
	    right: -3vh;
	    bottom: -3vh;
	    left: -3vh;
	    border: rgba(0,105,125,0) solid 1px;
			position: absolute;
    }
}

/* Standard syntax */
@keyframes example {
    0% { 
    	opacity: 1;
    	top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
    	border: rgb(255, 255, 255) solid 1px;
    }
    100% { 
    	opacity: 0;
    	top: -3vh;
	    right: -3vh;
	    bottom: -3vh;
	    left: -3vh;
	    border: rgba(0,105,125,0) solid 1px;
		position: absolute;
    }
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example_white {
    0% { 
    	opacity: 1;
    	top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
    	border: rgb(184, 2, 96,1) solid 1px;
    }
    100% { 
    	opacity: 0;
    	top: -3vh;
	    right: -3vh;
	    bottom: -3vh;
	    left: -3vh;
	    border: rgba(255,255,255,0) solid 1px;
			position: absolute;
    }
}

/* Standard syntax */
@keyframes example_white {
    0% { 
    	opacity: 1;
    	top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
    	border: rgb(184, 2, 96, 1) solid 1px;
    }
    100% { 
    	opacity: 0;
    	top: -3vh;
	    right: -3vh;
	    bottom: -3vh;
	    left: -3vh;
	    border: rgba(255,255,255,0) solid 1px;
			position: absolute;
    }
}

  
  .home .section{
      display: none;
  }


/* Home Styles End */

.more_about_main h3{
    color:#8f117d;
}
.more_about_main .img2_container img.main_img{
    position: relative;
    width: 450px;
    right: 76px;
}
.more_about_main .img2_container img.img_part{
    position: absolute;
    left: 163px;
    width: 274px;
    bottom: -11px;
}
.more_about_main .img1_container img{
    width: 280px;
    position: relative;
    left: 40px;
    top: 20px;
}
.more_about_main .img3_container img{
    width: 256px;
    position: relative;
    top: 270px;
    right: 22px;
}
.more_about_main .more_about_main_content p.inter-regular{
    font-size: 11.5px;
    width: 600px;
    line-height: 2;
}
.more_about_main .more_about_main_content{
    right: 48px;
    position: relative;
    top: 26%;
    transform: translateY(-50%);
}
.more_about_background_color_1{
    background-image: url("../images/aboutus/middle_1.svg");
    background-size: cover;
    width: 412px;
    background-repeat: no-repeat;
    padding: 37px;
    position: relative;
}
.more_about_background_color_2{
    background-image: url("../images/aboutus/middle_2.svg");
    background-size: cover;
    width: 430px;
    background-repeat: no-repeat;
    position: relative;
    top: 38.5%;
    left: 6%;
}
.more_about_background_color_3{
    background-image: url("../images/aboutus/middle_3.svg");
    background-size: cover;
    width: 455px;
    background-repeat: no-repeat;
    padding: 18px;
    position: relative;
    bottom: 95px;
    right: 60%;
}
.more_about_background_color_4{
    background-image: url("../images/aboutus/middle_4.svg");
    background-size: cover;
    width: 430px;
    background-repeat: no-repeat;
    padding: 85px 55px;
    position: relative;
    right: 80%;
    top: 28%;
}
.more_about_background_color_4 .text_container {
    width: 340px;
    padding: 95px 10px 45px 72px;
}
.more_about_background_color_5 img{
    position: absolute;
    top: 13%;
    right: 2%;
    width: 25.75%;
}
.more_about_main .section2 .col-sm-3 p{
    font-size: 12.35px;
    color: #fff;
}
.more_about_main .section2 .col-sm-3 p b{
    font-size: 13px;
}
.more_about_main .section2 .col-sm-3 h4{
font-weight: bold;
color: #fff;
opacity: .5;
}
.section2 .more_about_background_color_1 .text_container{
    width: 312px;
    padding: 58px 0 18px;
    
}
.section2 .more_about_background_color_2 .text_container{
    width: 275px;
    padding: 136px 0 133px;
}
.section2 .more_about_background_color_3 .text_container{
    width: 245px;
    padding: 115px 0 100px 20px;
}
.section2 .section2_heading{
    width: 280px;
    position: relative;
    left: 15%;
    top: 45px;
}
.more_about_main .section3 .margin_top_6{
    margin-top: 6rem!important;;
}

.more_about_main .section3 .rounded.polaroid img{
    border-bottom-left-radius:unset!important;
    padding: 18px;
}
.more_about_main .section_three_img.rounded.polaroid{
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(160deg, #ffffff 10%, #f5f5f5 100%);
  height: 86%;
}
.more_about_main .section3 .col-sm-3{
    padding-right: 30px;
    padding-left: 30px;
}

.more_about_main .section3 .section_three_img p.inter-regular{
    width: 186px;
    font-size: 11px;
    margin: auto;
}

.more_about_main .section{
    display: none;
}
.more_about_main .dot_container{
    left: 0;
}
.more_about_main .section2{
    margin-top: -65px;
}
.more_about_main .section3{
    padding-top: 7.5%;
}
.more_about_main .section4 {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: linear-gradient(119deg, #fe317d -13%, #a729ac 39%, #7c18be 100%);
}
.more_about_main .section4 h5.gilroy-bold{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 28px;
}

.more_about_main .section4 .img_container{
    position: relative;
    top: 50%;
    transform: translateY(-55%);
}
.more_about_main .section4 .text_container{
    width: 604px;
    font-size: 12px;
    margin: auto;
    color: #fff;
    position: sticky;
    top: 52.25%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }
.more_about_main .section5 .section_five_bottom_img .section_five_img{
        position: absolute;
        top: -668px;
        left: 30px;
        width: 104%;
}
.more_about_main .section5{
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    /* overflow: hidden; */
    height: 100vh;
}
.more_about_main .section5 .text_container{
    position: absolute;
    width: 50%;
    left: 20%;
    top: 38%;
    color: #fff;
}
.more_about_main .section5 .text_container p{
    font-size: 11.5px;
    line-height: 2;
}
/* logos white */
.logo_row_container{
    background: #fff;
    padding: 2%;
    border-radius: .5rem;
    margin: 0 12%;
}
.home4_section_seven .row.w-50.m-auto.p-4{
    background: #fff;
    border-radius: .5rem;
}
/* upload button */
.input-file-container {
    position: relative;
    width: 134px;
    margin: 6% 0;
  } 
  .js .input-file-trigger {
    display: block;
    padding:0;
    background: #ffffff00;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border: solid;
    border-radius: .5rem;
  }
  .js .input-file {
    position: absolute;
    top: 0; left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
  }
  .js .input-file:hover + .input-file-trigger,
  .js .input-file:focus + .input-file-trigger,
  .js .input-file-trigger:hover,
  .js .input-file-trigger:focus {
    background: #34495E;
    color: #39D2B4;
  }
  
  .file-return {
    margin: 0;
  }
  .file-return:not(:empty) {
    margin: 1em 0;
  }
  .js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
  }
  .js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
  }
  .js .input-file-trigger img{
      width: 28px;
      margin: 5px 9px;
      
    }
.js .input-file-trigger span{
    font-size: 13.5px;
}

/* inquiry form */
#inquiry_btn , #inquiry_btn_close{
    position: fixed;
    z-index: 99999;
    bottom: 4%;
    right: 2%;
    border-radius: 20%;
    width: 80px;
    height: 40px;
    border-width: 0;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 48px -10px #888888;
    color: #9d26b1;
    font-weight: bolder;
}
#inquiry_btn_close{
font-size: 22px;
display: none;
color: rgb(159, 38, 175);
}
#inquiry_btn img{
    width: 35%;
}
#myModal .modal-dialog.ui-draggable{
    width: 480px;
    max-width: 480px;
}
#myModal .modal-dialog.ui-draggable .modal-content{
    padding: 10px 20px;
    background-image: linear-gradient(132deg, #fe317d -13%, #a729ac 40%, #7c18be 100%);
}
#myModal .modal-dialog.ui-draggable .modal-content .col{
    padding-right: 4px;
    padding-left: 4px;
}
#myModal .modal-dialog.ui-draggable .modal-content .form-group.tarea, #myModal .modal-dialog.ui-draggable .modal-content .form-group.select{
margin: 0 -10px 15px;
}
#myModal .modal-dialog.ui-draggable .modal-content .form-control{
background: #ffffff2e;
border: none;
}

#myModal textarea::placeholder,#myModal input::placeholder {
  color: rgb(255, 255, 255)!important;
  opacity: 1; /* Firefox */
  font-size: 11px;
}

#myModal textarea:-ms-input-placeholder,#myModal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:  rgb(255, 255, 255)!important;
 font-size: 11px;
}

#myModal textarea::-ms-input-placeholder,#myModal input::-ms-input-placeholder { /* Microsoft Edge */
 color:  rgb(255, 255, 255)!important;
 font-size: 11px;
}
#myModal textarea, #myModal input ,#myModal select{
    color: #fff;
    font-size: 13px;
    padding: 0.5rem .75rem 0.65rem;
    min-height: 40px;
}
#myModal{
    background: #0000007a;
}
#myModal .modal-dialog.ui-draggable{
    position: fixed;
}

#myModal .modal-dialog.ui-draggable .btn.round_button{
    margin-left: -9px;
    background: #fff;
    color: #be2ba0;
    font-size:11px;
}
#myModal .modal-dialog.ui-draggable .form-group.select select option{
    background: #d773b2;
}
/* progress bar */
.progress 
{
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
 background-image: linear-gradient(119deg, #e60095, #39283a 47%, #093835);
}
.bar 
{ 
  background-color: #819FF7; 
  width:0%; 
  height:5px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:3px; 
  left:48%; 
}

.loader_container{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9999;
    text-align: center;
}

.loader_container h2 {
    color: rgba(0, 0, 0, .3);
    font-size: 2.325vw;
    z-index: 99999;
    text-align: center;
    width: 100%;
}

.home .loader_container h2:before {
    /* animation: loading 7s linear; */
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}
.hide_container{
    white-space: nowrap;
    width: 0;
    overflow: hidden;
    text-overflow: clip;
    position: absolute;
    top: 0;
    color: #fff;
}
.hide_container h2{
    color: #fff;
}


/* product sub new */

/* navbar */
.product_new_details .container-1200{
    max-width: 87%;
}
.product_new_details .container-1200 .container.d-flex.justify-content-between{
    max-width: 100%;
}

.product_new_details .fixed-top.main-menu .container.d-flex {
    max-width: 86.5vw;
}
.product_new_details .head-main .navbar img.logo{
    width: 100%;
}
.product_new_details .head-main .navbar a.nav-button{
    font-size: 1.25vw;
}
.product_new_details .head-main .navbar{
    padding: 2rem 0 1rem;
}
.product_new_details .head-main .navbar span.vertical_line{
    padding: 10px 0;
}
.product_new_details .head-main .navbar .finder_box .finder{
    width: 54px;
    height: 54px;
    margin-left: 10px;
}
.product_new_details .sub_final .left-0 .btn.btn-link.card-link{
    font-size: 1vw;
}
.product_new_details .hr_purple{
    border-top: 2px solid #8f117d;
    border-bottom: 2px solid #d4a4cd;
}
/* Navbar End */

/* product container */
.product_new_details .row.products_container .col-sm-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19.5%;
    flex: 0 0 19.5%;
    max-width: 19.5%;
    padding-right: 20px;
    padding-left: 15px;
}
.product_new_details .row.products_container .col-sm-10{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80.5%;
    flex: 0 0 80.5%;
    max-width: 80.5%;
}
.product_new_details .row.products_container .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    max-width: 32.5%;
    padding-right: 20px;
    padding-left: 20px;
}
.product_new_details .row.products_container .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 43.5%;
    flex: 0 0 43.5%;
    max-width: 43.5%;
}
.product_new_details .row.products_container .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}

.product_new_details .row.products_container .col-sm-5 .rounded {
    position: absolute;
    width: 118%;
    padding: 4.5% 8%;
    background: #ffffff;
    top: 15%;
    left: -12%;
    box-shadow: 0 20px 35px #85848475;
    min-height: 23.5vw;
}
.product_new_details .row.products_container .col-sm-5 .rounded h3.gilroy-bold{
    font-size: 2vw;
    color: #90137e;
    margin-bottom: 5%;
}
.product_new_details .row.products_container .col-sm-5 .rounded .more_info{
    color: #90137e;
}
.product_new_details .row.products_container .col-sm-5 .rounded .inter-regular {
    font-size: 0.95vw;
    line-height: 1.75;
    width: 97.5%;
}
.product_new_details .row.products_container .bottom_set{
    margin-top: 2.5%;
}
.product_new_details .row.products_container .bottom_set .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 20px;
}
.product_new_details .row.products_container .bottom_set .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 10px;
    z-index: -1;
}
.product_new_details .row.products_container .bottom_set .col-sm-9 img{
    z-index: -1;
    position: relative;
}

.product_new_details .prod_back{
    width: 33.5vw;
    height: 21.5vw;
    background-image: linear-gradient(123deg, #fe317d, #a729ac 47%, #7c18be);
    border-radius: .5rem;
    position: absolute;
    top: 12.75vw;
    left: 23.4vw;
    z-index: -2;
}

/* min width 1930 */
@media (min-width: 1930px){
    .product_new_details .prod_back{
        top: 11.5vw;
    }
}
/* min width 1930 */
@media (min-width: 4000px){
    .product_new_details .prod_back{
        top: 10vw;
    }
}
/* max width 1680 */
@media (max-width: 1681px){
    .product_new_details .prod_back{
        top: 13.75vw;
    }
}

@media (max-width: 1400px){
    .product_new_details .prod_back{
        top: 9.25vw;
    }
    .product_new_details .head-main .navbar img.logo{
        max-width: 110px;
    }
    .product_new_details .head-main .navbar{
        padding: 0;
    }
    .product_new_details .head-main .navbar .finder_box .finder{
        width: 40px;
        height: 40px;
    }
    .product_new_details .row.products_container .col-sm-5 .rounded{
        min-height: 22.5vw;
    }
    .product_new_details .product_main_title_content{
        margin-bottom: 0;
    }
       
}
@media (min-width: 1280px) and (max-width: 1400px){
    .product_new_details{
        overflow: hidden!important;
    }
}
@media (max-width: 1025px){
    .product_new_details .prod_sub_cat.sub_final .product_main  {
        position: absolute;
        width: 84%;
        top: 50%;
        transform: translateY(-50%);
    }
    .product_new_details .prod_back {
        top: 5vw;
        left: 16vw;
    }
}

@media (max-width: 992px){
    .product_new_details .prod_sub_cat.sub_final .product_main  {
        position: absolute;
        width: 83%;
        top: 50%;
        transform: translateY(-50%);
    }
    .product_new_details .prod_back {
        top: 4vw;
        left: 16vw;
    }
}
@media (max-width: 578px){
    .product_new_details .container-1200{
        max-width: 100%;
    }
    .product_new_details .sub_final .left-0 .btn.btn-link.card-link {
        font-size: 4vw;
    }

    .product_new_details .prod_sub_cat.sub_final .product_main {
        position: unset;
        width: unset;
        top: unset;
        transform: unset;
    }
    .product_new_details .prod_sub_cat.sub_final .product_main .products_container{
        margin-bottom: 5%;
    }

    .product_new_details .row.products_container .col-sm-2 , .product_new_details .row.products_container .col-sm-10 ,.product_new_details .row.products_container .col-sm-4 ,.product_new_details .row.products_container .col-sm-5 , .product_new_details .row.products_container .col-sm-3{
        -webkit-box-flex: 0;
        -ms-flex:unset;
        flex:unset;
        max-width: unset;
        padding-right: 10px;
        padding-left: 10px;
        margin: 2%;
    }
    .product_new_details .row.products_container .bottom_set{
        display: none;
    }
    .product_new_details .prod_back{
        display: none;
    }
    .product_new_details .head-main .navbar a.nav-button{
        font-size: 4.25vw;
    }
    .product_new_details .row.products_container .col-sm-5 .rounded {
        position: unset;
        width: 100%;
        padding: 4.5% 8%;
        box-shadow: 0 20px 35px #85848475;
        height: auto;
    }
    .product_new_details .row.products_container .col-sm-5 .rounded .inter-regular{
        font-size: 3vw;
        width: 100%;
    }
    .product_new_details .row.products_container .col-sm-5 .rounded h3.gilroy-bold{
        font-size: 5vw;
    }

}

/* home responsive */
@media (min-width:1600px){
.container-1200{
    max-width: 87%;
    -webkit-height: 100% !important;
    height: 100%;
}
.container-1200 .navbar .container{
    max-width: 100%;
}
.head-main .navbar img.logo {
    width: 100%;
}
.head-main .navbar a.nav-button {
    font-size: 1vw;
    letter-spacing: 10px;
}
.head-main .navbar .finder_box .finder {
    width: 45px;
    height: 45px;
    margin-left: 10px;
}
.head-main .navbar{
    padding: 2rem 0 1.5rem;
}
.home .home_main .section1 .overlay4 .content{
    max-width: 80%;
}
.home .home_main .section1 .overlay4 .content h1{
    font-size: 3.065vw;
    margin-bottom: 4%;
}
.home .home_main .section1 .overlay5 .social_buttons .d-inline-block{
    padding: 0 6px;
    margin: 0 6px;
}
.home .home_main .section1 .overlay5 p {
    position: absolute;
    left: 7.5%;
    width: max-content;
    bottom: 0;
    color: #fff;
    font-size: 0.725vw;
    opacity: .75;
}
.home .home_main .section1 .overlay4 .content p {
    font-size: 0.9vw;
    width: 80%;
    margin-right: 40px;
}
.home .home_main .section3 p.inter-regular{
    width: 100%;
    font-size: 0.975vw;
    line-height: 2;
}
.home .home_main .section3 h3{
    letter-spacing: 2px;
    font-size: 2vw; 
    margin-bottom: 3%;  
}
.home .home_main .section3 .home2_main_content{
    bottom: 20%;
}
.home .home_main .section4 .home2_main_content h3{
    letter-spacing: 2px;
    font-size: 2vw; 
    margin-bottom: 3%;
    margin-top: 5%;
}
.home .home_main .section4 p.inter-regular {
    font-size: 0.97vw;
    line-height: 2;
}
.home .home_main .section4 .row.sec_row .col-sm-5.para_container{
    max-width: 42%;
}
.home .home_main .section4 .img_container{
    transform: translateY(10%);
}
.home .home_main .section5 .home4_section_two .container {
    max-width: 80%;
}
.home .home_main .section5 .home4_section_two h3{
    font-size: 2vw;
}
.home .home_main .section5 .home4_section_two p.inter-regular {
    font-size: 0.95vw;
}
.home .home_main .section6 .home4_section_three.container{
    max-width: 83%;
}
.home .home_main .section6 .home4_section_three h3.text-center{
    font-size: 2vw;
}
.home .home_main .section6 .home4_section_three p.text-center {
    font-size: .82vw;
}
.home .home_main .section6 .home4_section_three h3{
    font-size: 1.85vw;
}
.home .home_main .section6 .home4_section_three .section_three_head p {
    font-size: 1.05vw;
}
.home .home_main .section7 .home4_section_four h3{
    font-size: 2vw;
}
.home .home_main .section7 .home4_section_four.container {
    max-width: 72%;
}
.home .home_main .section7 .home4_section_four p.text-center{
    font-size: .95vw;
}
.home .home_main .section9 .home4_section_five h3{
    font-size: 2vw;
}
.home .home_main .section9 .home4_section_five p.inter-regular {
    font-size: 0.95vw;
    margin-bottom: 4%;
}
.home .home_main .section9 .home4_section_five.container {
    max-width: 63%;
}
.home .home_main .section8 .home4_section_six h3{
    font-size: 2vw;
}
.home .home_main .section8 .home4_section_six.container {
    max-width: 72%;
}
.home .home_main .section8 .home4_section_six p.inter-regular {
    font-size: 0.95vw;
}
.home .home_main .section10 .home4_section_seven h3{
    font-size: 2vw;
    margin-bottom: 2%;
}
.home .home_main .section10 .home4_section_seven .w-50{
    width: 46.05%!important;
}

}
@media (max-width:578px){
    .home_nav .white_navbar{
        display: none;
    }
    .home_nav .purple_navbar{
        display: block;
    }
    .home_nav .head-main .navbar a.nav-button {
        color: #8f117d;
    }
    .home_nav .head-main .navbar .finder_box .finder{
        background-color:#af24a6;
    }
    #myModal .modal-dialog.ui-draggable{
        width: unset;
    }
}
/* product */
@media (min-width:1600px){
.product_head_title{
    font-size: 3.5vw;
    font-family: gilroy;
}
.product_main_title_content p.inter-regular {
    font-size: 0.97vw!important;
}
.product_main_title_content {
    text-align: center;
    margin-bottom: 5%;
    margin-top: 7.5%;
}
.product_main{
    position: absolute;
    width: 85.25%;
    top: 50%;
    transform: translateY(-50%);     
}
.product_head_title.gilroy-bold{
    margin-bottom: 5%!important;
}
.product_main_title_content .position-absolute {
        position: fixed!important;
        top: -10%;
    }
.product_new_details .sub_final .position-absolute.left-0{
    top: 4%;
}
.product_new_details .prod_back{
    top: 9.25vw;
    left: 16.25vw;
}
.product_content_image_head{
    font-size: 1.35vw!important;
}
/* Menu */

.fixed-top.main-menu{
    padding-top:1%;
}
.fixed-top.main-menu .container.d-flex{
    max-width: 85.5vw;
}
.fixed-top.main-menu .container.p-5.m-auto{
    max-width: 69%;
}
.nav-open .main-menu .nav li{
    padding: 1% 0;
}
.main-menu .nav li a{
    font-size: 2.5vw;
    letter-spacing: 5px;
}
.fixed-top.main-menu .menu_right p {
    font-size: 0.95vw;
    line-height: 2;
    letter-spacing: 1px;
}
.fixed-top.main-menu .menu_right p.rights{
    font-size: 0.75vw;
}
.fixed-top.main-menu .close:before, .fixed-top.main-menu .close:after {
    position: absolute;
    left: 22px;
    content: ' ';
    height: 20px;
    width: 1.5px;
    background-color: #951e84;
    margin: 12px 0;
}
.fixed-top.main-menu .close{
    width: 45px;
    height: 45px;
    right: 5px;
    top: -15px;
}
.fixed-top.main-menu .container.d-flex.justify-content-between h6{
    margin-left: 3.5%;
    font-size: 0.85vw;
    letter-spacing: 10px;
}
.fixed-top.main-menu .social_buttons .d-inline-block{
    padding: 0px 6px;
}
.fixed-top.main-menu .social_buttons{
    margin-bottom: 5%!important;
    margin-top: 5%!important;
}
.fixed-top.main-menu .social_buttons .d-inline-block:last-child{
    padding: 0 2px 0 6px;
}
.fixed-top.main-menu .menu_right{
    margin-bottom: 10%;
    width: 115%;
}

/* contact us */
.contact_us .main_row .col-sm-7.custom h2{
    font-size: 2vw;
}
.contact_us .container-1200 .main_row {
    margin-top: 2%;
    box-shadow: 0 8px 20px #958d8d4a;
}
.contact_us .container-1200 .main_row .contact_left .col_main {
    padding-left: 7.5%!important;
}
.contact_us .main_row .col-sm-7.custom p{
    font-size: 0.95vw;
    margin-top: 1.5%;
    margin-bottom: 8%!important;
}
.contact_us .contact_left .col_main .form-control{
    font-size: 1vw;
    padding: 8% 8%;
    margin-bottom: 4%;
}
.contact_us .contact_left .col_main textarea.form-control{
    padding: 2% 4%;
    height: 7.5vw;
    margin-bottom: 4%;
}
.contact_us .contact_left .col_main .round_button{
    font-size: 0.85vw;
    padding: 2.5% 8%;
    border-radius: 50px;
}
.contact_us .main_row .col-sm-7.custom{
    padding-bottom: 4%;
}
.contact_us .container-1200 .main_row .contact_left .col_main .social_buttons{
    margin-top: 6%!important;
}
.contact_us .container-1200 .main_row .contact_left .col_main .social_buttons .d-inline-block{
    width: 35px;
    height: 35px;
}
.contact_us .main_row .details_top h6 {
    font-size: 0.85vw;
}
.contact_us .details_top{
    margin-top: 10%!important;
    font-size: 0.85vw;
    line-height: 2;
}
.contact_us .main_row .details_middle pre{
    font-size: 0.85vw;
}
.contact_us .main_row .contact_number p{
    font-size: 0.85vw;
}
.contact_us .main_row .details_top h6.inter-regular {
    font-size: .85vw;
}
.contact_us .main_row .details_top img {
    width: 5.5%;
    margin-top: 5%;
    margin-bottom: 2%;
}
.contact_us .container-1200 .main_row .bg_gradient .hr_contact_bottom{
    margin-bottom:12%;
}
/* enquiry form */
#myModal .modal-dialog.ui-draggable{
    width: 35%;
    max-width: 35%;
}
#inquiry_btn, #inquiry_btn_close{
    width: 115px;
    height: 60px;
    bottom: 2%;
    right: 1%;
    font-size: 1.2vw;
}

#myModal textarea::placeholder,#myModal input::placeholder {
  opacity: 1; /* Firefox */
  font-size:0.95vw;
}

#myModal textarea:-ms-input-placeholder,#myModal input:-ms-input-placeholder { /* Internet Explorer 10-11 */

 font-size:0.95vw;
}

#myModal textarea::-ms-input-placeholder,#myModal input::-ms-input-placeholder { /* Microsoft Edge */

 font-size:0.95vw;
}
#myModal textarea, #myModal input ,#myModal select{
    font-size: 0.95vw;
    padding: 1rem 1rem 1.2rem;
    min-height: 60px;
}
#myModal .modal-dialog.ui-draggable .btn.round_button{
    font-size: 1vw;
}
}

/* hide back button */
.sub_final span.left-0{
    display: none!important;
}
.product_main span.left-0{
    display: none!important;
}
/* hide search button */
.head-main .navbar .finder_box .finder{
    display: none;
}
.head-main .navbar span.vertical_line{
    display: none;
}

.production .home_main .section , .partners .home_main .section{
    background-image: unset;
}

.production .dot_container , .partners .dot_container{
    left: 0;
}
.production .slow.mySlides.section.section1.animated.more_about_main.fadeIn{
    overflow: unset;
}

.about_us .home_main .section2{
    position: unset;
    background-image: unset;
    margin-top: -65px;
    position: absolute;
    width: 90%;
    margin: 0 5%;
    padding: 1%;
}
.about_us .section4{
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: linear-gradient(119deg, #fe317d -13%, #a729ac 39%, #7c18be 100%);
}
.about_us .section5 .img_container {
    position: relative;
    top: 50%;
    transform: translateY(-55%);
}
.about_us .section5 .text_container {
    width: 604px;
    font-size: 12px;
    margin: auto;
    color: #fff;
    position: sticky;
    top: 52.25%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_us .section5 h5.gilroy-bold {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 28px;
}
.about_us .section2 .col-sm-3 h4 {
    font-weight: bold;
    color: #fff;
}
.about_us .section2 .col-sm-3 p {
    font-size: 12.35px;
    color: #fff;
}
.about_us .section2 h3 {
    color: #8f117d;
}
.production .img4_container{
    position: absolute;
    top: 54.5%;
    left: 0;
}
.production .img4_container img{
    width: 22.25vw;
}
.production .img5_container{
    position: absolute;
    left: 10%;
}
.production .img5_container img{
    width: 22.25vw;
}
.production .img6_container{
    position: absolute;
    left: 60%;
}
.production .img6_container img{
    width: 18.75vw;
}
.about_us .home_main .section7{
    background-image:unset;
}
.about_us .home_main .section7{
    max-width: 90%;
    margin: 0 5%;
    padding-top: 4%;
}
.about_us .all_container{
    position: absolute;
    top: -50px;
    width: 90%;
}
.about_us .section_five_img{
    position: absolute;
    top: -85px;
}
.about_us .section_five_bottom_img{
    position: absolute;
    /*Ko2 Labs-/decrease top value*/
    top: -104px;
    /*top: -45px;*/
    width: 95%;
}
.about_us .section_five_img2 .text_container{
    position: absolute;
    top: 40%;
    width: 55%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.9vw;
    color: #fff;
}
.about_us .posti_container{
    height: 68%;
}
.about_us .bottom_1 img{
    /*Ko2 Labs-/ commented bottom line to fixe image overlaping-----------------*/
    /*position: absolute;*/
    bottom: 0;
    width: 100% !important;
}
.about_us .bottom_2 img{
    width: 88%;
    /* margin-bottom: 5.5%; */
}
.about_us .bottom_3 img{
    width: 88%;
    margin-top: 5%;
}
.about_us .bottom_4 img{
    width: 88%;
}
.about_us .dot_container{
    left: 0;
}
.prod_back{
    display: none;
}
@media screen and (min-width: 1400px){
.about_us .section5 h5.gilroy-bold {
    font-size: 2vw;
}
.about_us .section5 .text_container {
    width: 75%;
    font-size: 0.95vw;
    transform: translateY(-40%);
}
.about_us .section2 .col-sm-3 p {
    font-size: 0.95vw;
}
.production .slow.mySlides.section.section1.animated.more_about_main.fadeIn{
    margin-top: 2%;
}
.about_us .bottom_1 img {
    width: 92.5%;
    left: 10px;
}
.about_us .bottom_2 img {
    width: 90.75%;
}
.about_us .home_main .section7{
    padding-top: 5%;
}
}


/* PC menu */

.menu_pc{
    z-index: 9;
}
.menu_pc.navbar-light .navbar-nav .nav-link{
    color:#8f117d;
    font-family: inter-regular;
    font-size: 1vw;
}
.home_nav .menu_pc.navbar-light .navbar-nav .nav-link{
    color:#fff;
    font-family: inter-regular;
    font-size: 1vw;
}
.menu_pc.navbar-light .logo.logo_w{
    display: none;
}
.menu_pc.navbar-light .logo.logo_p{
    display: block;
}
.home_nav .menu_pc.navbar-light .logo.logo_w{
    display: block;
}
.home_nav .menu_pc.navbar-light .logo.logo_p{
    display: none;
}
.navbar-expand-lg .navbar-nav{
    display: flex;
    justify-content: space-between;
    width: 85%;
}
@media (min-width: 992px){
.top_section  .dnone{
    display: none!important;
}
}
.menu_pc{
    display: none;
}
.top_section .menu_pc{
display: flex;
}
@media (max-width: 992px){
    .menu_pc{
        display: none;
    }
    .top_section .menu_pc{
        display: none;
    }
}
.partners .section_seven_img{
    transform:scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transition: -webkit-transform .15s linear;
    transition:transform .15s linear;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(160deg, #ffffff 10%, #f5f5f5 100%);
    border-radius:.5rem;
}
.partners .section_seven_img:hover {
    -webkit-transition: -webkit-transform .15s linear;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform:scale(1.1);
    transition:transform .15s linear;
    position: relative;
    z-index: 5;
}

/* End PC menu */
/* custom */
#inquiry_btn, #inquiry_btn_close { transition: all .2s ease-in-out; }
#inquiry_btn:hover ,#inquiry_btn_close:hover { transform: scale(1.5); }
@media (min-width: 1200px) and (max-width: 1330px){
    .more_about_main .section4 .img_container{
        transform: translateY(-50%);
    }
    .more_about_main .section4 .img_container img{
        height: 100vh;
        width: auto!important;
    }
    .more_about_main .section5 .section_five_bottom_img .section_five_img{
        width: 110%;
    }
    .home h5.gilroy-bold.text-white.pl-1{
        font-size: 1rem;
    }

}
@media (max-width: 1030px){
    .home_nav .white_navbar {
        display: none;
    }
    .home_nav .purple_navbar {
        display: block;
    }
    .home_nav .head-main .navbar a.nav-button{
        color: #8f117d;
    }
    .home_nav .head-main .navbar .finder_box .finder {
        background-color: #af24a6;
    }
}
@media (min-width: 1850px){
    /* p{
    font-size: 1vw;
    } */
}
@media (max-width: 1370px){
.home h5.gilroy-bold.text-white.pl-1{
    font-size: 1rem;
}
}
.home .home_main .section1 .overlay5 .social_buttons .d-inline-block{
    margin: 0 6px;
}
.dropdown:hover>.dropdown-menu {
    display: block;
  }
.dropdown-item{
    color: #8f117d;
}
.dropdown-divider {
    margin: 0;
}
.dropdown-menu {
    padding: 0;
}
.dropdown-item:hover{
    background: #8f117d;
    color:#fff;
}
.ekko-lightbox .modal-header{
    position: absolute;
    top: 0;
    right: 2px;
    padding: 0;
    border: 0;
    z-index: 999;
}
.ekko-lightbox .modal-body{
    padding: 1.2rem;
}

/* about us :-( */
@media (min-width: 992px){
.more_about_background_color_3{
    position: absolute;
    left: 22%;
    bottom: 48%;
}
.more_about_background_color_5 img{
    top: 12%;
    right: 40%;
}
}
@media screen and (min-width: 1400px){
.more_about_background_color_5 img {
    top: 12%!important;
    right: 36%!important;
}
.section2 .more_about_background_color_3{
    left: 45%;
    bottom: 38%!important;
}
}

.border-r-l{
    border-top-left-radius: 8px;
    height: 17.5vw;
}



.navbar-nav .sub:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > .sub > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

@media screen and (max-width: 1400px){
.production .img5_container{
    left:13%;
}
}
/*about us sustainability area */
.section_sustainability .section_sustainability_header{
    margin-left: 14vw;
    margin-top: 5vh;
}
.section_sustainability .sustainability_row{
    margin-top: -4%;
}
.section_sustainability .sustainability_row2{
    margin-top: -8%;
}
.section_sustainability .t_con{
    font-size:0.9vw;
    color: #fff;
    position: absolute;
}
.section_sustainability .col_1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
}
.section_sustainability .col_1 img{
    height: 54vh;
}
.section_sustainability .col_1 .t_con{
    top: 52%;width: 70%;left: 50%;transform: translate(-50%, -50%);
}
.section_sustainability .col_2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27.5%;
    flex: 0 0 27.5%;
}
.section_sustainability .col_2 .col_inner{
    height: 42vh;
}
.section_sustainability .col_2 .col_inner img{
    margin-top: -10%;
    max-width: 100%;
    height: 100%;
}
.section_sustainability .col_2 .t_con{
    top: 50%;width: 75%;left: 50%;transform: translate(-50%, -50%);
}
.section_sustainability .col_3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
}
.section_sustainability .col_3 img{
    height: 38vh;
}
.section_sustainability .col_3 .t_con{
    top: 32%; width: 60%;left: 50%;transform: translate(-50%, -50%);
}

.section_sustainability .col_4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
}
.section_sustainability .col_5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
}
.section_sustainability .col_5 img{
    height: 41vh;
}
.section_sustainability .col_5 .t_con{
    top: 46%;width: 75%;left: 50%;transform: translate(-50%, -50%);
}
.section_sustainability .col_6{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
}
.section_sustainability .col_6 img{
    height: 51vh;
}
.section_sustainability .col_6 .t_con{
    top: 50%;width: 75%;left: 50%;transform: translate(-50%, -50%);
}
.section_sustainability .col_6 .col_inner{
    margin-top: -10%;
}
@media screen and (max-width: 1025px){
    .section_sustainability .col_1 img {
        height: 42vh;
    }
    .section_sustainability .col_2 .col_inner {
        height: 31vh;
    }
    .section_sustainability .col_3 img {
        height: 28vh;
    }
    .section_sustainability .col_5 img {
        height: 30vh;
    }
    .section_sustainability .col_6 img {
        height: 37vh;
    }
    .section_sustainability .section_sustainability_header {
        margin-left: 11vw;
        margin-top: 0.5vh;
    }
    .section_sustainability .sustainability_row {
        margin-top: -2%;
    }
    .home .home_main .section4 p.inter-regular {
        line-height: 1.85;
    }
    .about_us .section_five_bottom_img{
        top: -25px;
    }
}
@media screen and (max-width: 992px) and (min-height: 992px){
    .home .home_main .section5 .row{
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
    .about_us .section5 .text_container{
        width: 100%;
        position: unset;
        transform: unset;
    }
.home .home_main .section2 {
    height: 50vh!important;
}
.section_sustainability .col_1 img {
    height: 22vh;
}
.section_sustainability .col_2 .col_inner {
    height: 16vh;
}
.section_sustainability .col_3 img {
    height: 15vh;
}
.section_sustainability .col_5 img {
    height: 16vh;
}
.section_sustainability .col_6 img {
    height: 19vh;
}

}

@media screen and (max-width: 800px) and (min-height: 1200px){
    .home .home_main .section5 .row{
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
    .about_us .section5 .text_container{
        width: 100%;
        position: unset;
        transform: unset;
    }
    .section_sustainability h4{
        font-size: 1rem;
    }
    .section_sustainability .col_1 img {
        height: 16vh;
    }
    .section_sustainability .col_2 .col_inner {
        height: 12vh;
    }
    .section_sustainability .col_3 img {
        height: 11vh;
    }
    .section_sustainability .sustainability_row {
        margin-top: 6%;
    }
}

@media screen and (max-width: 769px){
    .home .home_main .section5 .row{
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
    .about_us .section5 .text_container{
        width: 100%;
        position: unset;
        transform: unset;
        font-size: 11px;
    }
    .about_us .bottom_1 img{
        width: 81%;
    }
    .section_sustainability h4{
        font-size: 1rem;
    }
    .section_sustainability .col_1{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .section_sustainability .col_2{
        display: none;
    }
    .section_sustainability .col_3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .section_sustainability .col_4{
        display: none;
    }
    .section_sustainability .col_5{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .section_sustainability .col_6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-top: 1.5rem;
    }
    .section_sustainability .col img{
        display: none;
    }
    
    .section_sustainability .sustainability_row ,.section_sustainability .sustainability_row2{
        margin-top:unset ;
    }
    .section_sustainability .col .t_con {
        position: unset;
        top: unset;
        width: unset;
        left: unset;
        transform: unset;
        font-size: 1.75vw;
    }
    .home .home_main .section2{
        background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
        width: 100%;
        margin: unset;
        padding: 2% 8%;
    }
    .about_us .section2 h3{
        color: white;
    }
}

@media screen and (max-width: 600px){
    .section_sustainability .col{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .section_sustainability .col_6{
        margin-top: 3rem;
    }
    .home .home_main .section5 .row{
        top: unset;
        position: unset;
        transform: unset;
    }
    .border-r-l{
        height: unset;
    }
    .main-menu .nav li a {
        font-size: 5vw;
    }
    .section_sustainability .col .t_con{
        font-size: 12px;
    }
    .about_us .bottom_2 img , .about_us .bottom_1 img{
        display: none;
    }

    /* #mask_home{
        position: absolute;
        background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
        z-index: 999999;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    #mask_home img{
        position: absolute;
        width: 60%;
        top: 45%;
        left: 50%;
        transform: translate(-50%);
    } */
    #myModal .modal-dialog.ui-draggable {
        width: unset!important;
        height: 100vh!important;
        position: unset!important;
    }
}
@media screen and (min-width: 805px){
    .home_nav.home .home_main .position-absolute #demo{
    display:none;
    }
}
@media screen and (max-width: 1400px){
    .home .home_main .section5 .home4_section_two .row.container .col-sm-6:first-child{
        padding: 1.5% 2% 0 4.5%;
    }
    .home .home_main .section5 .home4_section_two .row.container .col-sm-6:nth-child(2){
        padding: 1.5% 4.5% 0 2%;
    }
    .home .home_main .section5 .home4_section_two{
        top: 55%;
    }
}
@media screen and (max-width: 1025px){
    .home .home_main .section5 .home4_section_two{
        top: 50%;
    }
}
/* @media screen and (min-width: 600px){
    #mask_home{
        display: none;
    }
} */
#mask_home{
    position: absolute;
    background: #fff;
    z-index: 999999;
    width: 100%;
    height: 101vh;
    overflow: hidden;
    top:-1vh;
}
#mask_home img{
    position: absolute;
    width: auto;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
}

@media screen and (max-width: 1300px) and (min-width: 1200px) and (min-height: 880px) and (max-height: 1030px){
    .home_nav.home .home_main .position-absolute img.w-100.cls_1024{
    height: 100vh;
    width: auto!important;
    position: relative;
    right: 0;
}
.section_sustainability .col_2 .col_inner {
    height: 29vh;
}
.section_sustainability .sustainability_row2 {
    margin-top: -10%;
}
.section_sustainability .section_sustainability_header {
    margin-top: 12vh;
}
.section_sustainability .col_1 img {
    height: 37vh;
}
.section_sustainability .col_3 img {
    height: 26vh;
}
.about_us.home .home_main .section5 .row{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.about_us .section5 .text_container{
    width: 90%;
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.about_us .section5 .img_container{
    transform: translateY(-50%);
}
.about_us .home_main .section7 .row{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.products_1280{
    height: 100%;
}
.product_main{
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}
.production .slow.mySlides.section.section1.animated.more_about_main.fadeIn{
    height: 75vh;
    overflow: hidden;
}
.production .slow.mySlides.section.section1.animated.more_about_main.fadeIn .row{
    position: relative;
    top: 20%;
}
.production.home .home_main .section3 h3{
    margin-top: 10%;
}
.contact_us .container-1200{
    height: 100%;
}
.contact_us .container-1200 .main_row {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}
.root_inner .product_main{
    position: unset;
    top: unset;
    transform: unset;
}
.fixed-top.main-menu .container.d-flex{
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}
.fixed-top.main-menu .navbar{
    top: 5%;
}
}

@media screen and (max-width: 768px) and (min-height: 900px) {
    .production .img4_container {
        position: absolute;
        top: 62%;
        left: 4%;
    }
    .production .img4_container img {
        width: 30vw;
    }
    .more_about_main .img3_container img {
        width: 28vw!important;
        right: 0!important;
    }
    .fixed-top.main-menu .container.d-flex{
        position: relative;
        top: 40%;
        transform: translateY(-50%);
    }
    .fixed-top.main-menu .navbar{
        top: 5%;
    }
    .contact_us .container-1200 .main_row {
        transform: translateY(30%);
    }
    .production .img5_container img , .production .img6_container img{
        display: none;
    }
    .production.home .section1.animated.more_about_main .row .more_about_main_content h3.gilroy-bold{
        position: absolute;
        bottom: 400%;
        left: 50%;
        transform: translateX(-50%);
    }
    .production.home .section1.animated.more_about_main {
        height: 75vh!important;
    }
    .about_us.home .home_main .section7{
        height: 40vh;
    }
}


@media screen and (max-width:1025px) and (min-height: 1150px){
.contact_us .container-1200{
    height: 100vh;
}
.contact_us .container-1200 .main_row {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}
.more_about_main .img1_container img {
    display: none;
}

.production .img5_container img , .production .img6_container img{
    display: none;
}
.production.home .section1.animated.more_about_main .row .more_about_main_content h3.gilroy-bold{
    position: absolute;
    bottom: 500%;
    left: 49%;
    transform: translateX(-50%);
}
.production.home .section1.animated.more_about_main {
    height: 75vh!important;
}
.production.home .section1.animated.more_about_main .row .col-lg-6{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.more_about_main .img2_container img.main_img{
    right: 0;
}
.more_about_main .img2_container img.img_part {
    left: 56.5%;
    bottom: -6px;
}
.production .img4_container img {
    width: 30vw;
    margin-left: 28%;
}
.more_about_main .img3_container img {
    width: 28vw!important;
    right: 55%!important;
    top: 240px!important;
}
.more_about_main .img2_container img.main_img{
    width: 500px;
}
.more_about_main .more_about_main_content p.inter-regular {
    width: 95%!important;
    margin: auto;
    margin-top: 8%;
}
.about_us.home .home_main .section7{
    height: 40vh;
}
.about_us .bottom_1 img {
    width: 85%;
}

}  

@media screen and (max-width:600px){
.product_container {
    margin-right: 0!important;
    margin-left: 0!important;
}
.product_container div.col-sm-3{
    padding: 0 5% 0 5%!important;
}

.about_us.home .home_main .section3 {
    /* padding-top: 20%; */
}
.about_us.home .home_main .section3 .img_container2 {
    width: 100%!important;
}
.about_us.home .home_main .section {
    background-image: unset;
}

.about_us.home .home_main .section5{
    background-image: linear-gradient(119deg, #fe317d, #a729ac 47%, #7c18be);
}
.about_us.home .home_main .section3 p.inter-regular, .about_us.home .home_main .section4 p.inter-regular{
    color: #000!important;
}
.section_sustainability .col .t_con{
    color: #000;
}
.about_us.home .home_main .section h3{
    color: #8f117d!important;
}
.about_us.home .home_main .section4 .image_container1 img{
    opacity: 0;
}
.about_us.home .home_main .section3 .img_container1 img{
    opacity: 0;
}
.section_sustainability h4{
    color: #8f117d!important;
}
.about_us.home .home_main .section3 h3 , .about_us.home .home_main .section4 .row.sec_row .col-sm-5.para_container h3 {
    display: none;
}
.about_us.home .home_main .section3 h3.mobile_only , .about_us.home .home_main .section4 .row.sec_row .col-sm-6.img_container h3.mobile_only {
    display:block;
    text-align: center;
}
.home .home_main .section4 .row.sec_row .col-sm-6.img_container{
    margin-bottom: 16%!important;
}
/* .about_us.home .home_main .section3 h3.mobile_only{
    padding-bottom: 7.5%;
    margin-top: -7.5%;
} */
.about_us.home .home_main .section3 .img_container2{
position: unset!important;
}
.about_us.home .home_main .section3 .row.sec_row .col-sm-5 .home2_img{
    max-width: 75%;
}
.about_us.home .home_main .section3 .img_container1{
    display: none;
}
.about_us.home .home_main .section4 .image_container2{
    position: unset!important;
    /* width: 100% ; */
    margin: auto;
}
.about_us.home .home_main .section4 .image_container1 {
    display: none;
}
.about_us .bottom_3 img{
    width: 100%;
}
.about_us .bottom_4 img {
    width: 100%;
}
.production_mobile_only {
    display: block;
    margin: 0 auto 5%;
}
.production_pc_only{
    display: none;
}
.more_about_main .more_about_main_content p.inter-regular {
    width: 100%!important;
}
}
@media screen and (min-width:600px){
    .about_us.home .home_main .section3 h3.mobile_only , .about_us.home .home_main .section4 .row.sec_row .col-sm-6.img_container h3.mobile_only {
        display:none;
    }
    .production_mobile_only{
        display: none;
    }

}