html, *{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: 'Open Sans';
  color: #fff;
}
header{
  z-index: 99;
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0px;
  background: #00000036;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}

button:focus,
input:focus, select:focus {
  outline: none;
  box-shadow: none;
  box-shadow:none!important;
}

.form-group input.form-control:focus {
    outline: none;
    box-shadow: none;
}

button,
input {
    border: none;
}

ul {
    list-style: none;
    padding-left: 0px;
}
body img{
  max-width: 100%;
}
.dropdown .dropdown-menu {
  transition: all 0.5s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  display: block;
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
}
/****************************Custom Css**********************/
img.logo-img {
    max-width: 190px;
    height: auto;
}
img.cta-img {
    max-width: 55px;
}
header a.nav-link {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Candara';
    line-height: 16px;
}

.nav-link:hover{ background-color: #5f2e72; }


li.nav-item a {
    padding: 4px 6px;
}
li.nav-item.active a {
    background: #5f2e72;
    border-radius: 2px;
}
/*****************slider css***********************/
#myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
  left:0;
  height:100%;
    width: 100%;
    background-attachment: fixed;
}
#myCarousel h4{
  font-size:50px;
  margin-bottom:15px;
  color:#FFF;
  line-height:100%;
  letter-spacing:0.5px;
  font-weight:600;
}
#myCarousel p{
  font-size:18px;
  margin-bottom:15px;
  color:#d5d5d5;
}

#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .carousel-item{height:100%; min-height:550px; }
#myCarousel{position:relative;z-index:1;background-size:cover;}

.carousel-control-next, .carousel-control-prev{height:40px;width:40px;padding:12px;top:50%;bottom:auto;transform:translateY(-50%);}


.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
  opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
  opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
  .carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
  }
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


 
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

#myCarousel .carousel-item:nth-child(1) {
     /* background-image: url(../images/bg.jpg); */
    background-image: url(../images/bg1.jpg);


}
#myCarousel .carousel-item:nth-child(2) {
  /* background-image: url(../images/bg1.jpg); */
  background-image: url(../images/bg2.jpg);

}
#myCarousel .carousel-item:nth-child(3) {
  background-image: url(../images/FirstScreen3.jpg);

}

.galleryBanner{
  background-image: url(../images/gallery.jpg);
  background-size: cover;
  min-height: 240px; background-position: top;
   position: relative; 
}
.careerBanner1{
  background-image: url(../images/career1.jpg);
  background-size: cover;
  min-height: 240px; background-position: top;
   position: relative; 
}
.mediaBanner{
  background-image: url(../images/media.jpg);
  background-size: cover;
  min-height: 240px; background-position: top;
   position: relative; 
}

.brandPortpholio{
  background-image: url(../images/topbanner.png);
  background-size: cover;
  min-height: 240px; background-position: top;
   position: relative; 
}

.subject p{ color: #000;
  font-weight: 600; }

.subject{ margin-top: 30px; }
.subject input{ width: 100%; padding: 10px;
  border-radius: 3px;  }
 
.formContact{ padding: 30px; } 
.formContact h3{ color: #000;
  font-size: 30px;
  font-weight: 600; }
  
.contactForm{ display: flex; width: 100%; flex-wrap: wrap;
  justify-content: space-between; margin-top: 30px; }

.contactForm p { color: #000;
  font-weight: 600; }

.contactForm input{ padding: 10px;
  border-radius: 3px;
  width: 255px; }

.conDetails{ background: #f6f5f7;
  width: calc(100% - 12px);
  border: 2px solid #cac9c9; }

  .weareConDetails{ background: #f9f9f9;
    border: 2px solid #cac9c9; height: 300px; }

 .weareConDetails img { width: calc(100% - 0px);
  height: 335px;
  object-fit: cover; }

.officeAddress{ margin-top: 50px; }
.addressCont{ padding: 25px;
  color: #000;
height: 200px;
 }
.addressCont p { font-weight: 600; }
.sendBrand{ margin-top: 30px; }
.sendBrand button{ background: #6f3f85;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 5px;}

  .conDetails:hover{ box-shadow: 0px 3px 21px 5px #d88cf5;
    border: 2.5px solid #c77fe3; }

  .ceoDetail:hover{ box-shadow: 0px 3px 21px 5px #d88cf5;
    border: 2.5px solid #c77fe3;
}


.messageComment{ margin-top: 30px; }
.messageComment p{ color: #000;
  font-weight: 600; }
.messageComment textarea{ border: 0px;
  padding: 10px; }

 
.contactusBanner{ background-image: url(../images/contactusbanner.png);
  background-size: cover;
  min-height: 240px; background-position: top;
   position: relative;  }

  .aboutusBanner{ background-image: url(../images/aboutuabanner.png);
    background-size: cover;
    min-height: 240px; background-position: top;
     position: relative; 

  }

.contactDetails{ margin-top: 20px;
  background: #e8edf0;
  box-shadow: 1px 6px 10px 10px #cecece; }

.buttonTab button{ width: 100%;
  padding: 10px;
  background: #272727;
  color: #fff;
  font-weight: 600; margin-top: 5px; width: calc(100% - 24px); }

  .buttonTab.active button{ background: #5f2e72;
    box-shadow: 0px 0px 6px 1px #cf6df5;}

.buttonTab button:hover{ background: #5f2e72;
  box-shadow: 0px 0px 6px 1px #cf6df5; }

.weAre{ margin-top: 20px; }
.weAre h3 {  color: #000;
  font-weight: 600;
  font-size: 27px;}
.elaf{  color: #000;
  margin-top: 12px;
  line-height: 25px;
  font-size: 16px;
  font-weight: 600;
  word-spacing: 3px;
  text-align: justify;}
.uniquness{ color: #000;
  margin-top: 10px;
  line-height: 25px;
  font-size: 16px;
  font-weight: 600;
  word-spacing: 3px;
  text-align: justify; }

div#myCarousel{
  height: 100vh;
}
div#myCarousel .carousel-inner,
div#myCarousel .carousel-item{
  height: 100%;
}
#myCarousel .carousel-item{
  background-size: cover;
  background-position: top left;
}
#myCarousel .carousel-item .mask .container,
#myCarousel .carousel-item .mask .container .row{
  height: 100%;
}
.navbar-expand-lg .navbar-nav li.nav-item {
    align-items: center;
    display: flex;
    margin: 8px;
}
.pre-header{
  border-bottom: 1px solid #fff;
}
nav.navbar.navbar-expand-lg.bg-transparent {
    padding: 5px 0px;
}
.left-icons i.fa {
    color: #fff;
    font-size: 20px;
    margin-right: 8px;
}
.pre-header {
    padding: 10px 4px;
}
.left-icons img {
    max-width: 17px;
}
.left-icons span {
    color: #fff;
    font-size: 12px;
}
.left-icons span a{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
.search-wrapper {
    position: absolute;
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {    
    height: 70px;
    width:70px;
    overflow: hidden;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:450px;
    border-radius: 50px;
    background: rgba(0,0,0,0.5);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute; 
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #FE5F55;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #FE5F55;
}
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FE5F55;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.pre-header {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search form {
    position: relative;
    width: 280px;
    height: 26px;
}
.search i.fa.fa-search {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.search input {
    height: 100%;
    width: 92%;
    background: transparent;
    color: #fff;
}
.search.show-input input {
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
    padding: 0px 20px 10px 0px;
}
.search i.fa.fa-search{cursor: pointer;}
#myCarousel .carousel-item h4 {
    font-size: 25px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    filter: drop-shadow(1px 1.732px 2px rgba(0,0,0,0.13));
    position: relative;
    background: #00000066;
    display: inline-block;
    padding: 10px 10px;
    transform: skew(15deg)!important;
    border-radius: 4px;
    transition: 0s;
    margin-bottom: 0px;
}
#myCarousel .carousel-item p{
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  position: relative;
  background: #00000066;
  display: inline-block;
  padding: 10px 10px;
  transform: skew(-15deg)!important;
  border-radius: 4px;
  transition: 0s;
}
#myCarousel .carousel-item a{
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  position: relative;
  background: #5f2e7299;
  display: inline-block;
  padding: 10px 10px;
  transform: skew(15deg)!important;
  border-radius: 4px;
  transition: 0s;
}
#myCarousel .carousel-item h4 span,
#myCarousel .carousel-item a span{
  transform: skew(-15deg)!important;
  display: inline-block;
}
#myCarousel .carousel-item p span{
  transform: skew(15deg)!important;
  display: inline-block;
}
.col-md-7.col-12.order-md-1.order-2 {
    position: relative;
}
#myCarousel .carousel-item a:after {
    position: absolute;
    content: '';
    border-right: 4px;
    width: 5px;
    height: 100%;
    right: -1px;
    top: 0;
    background: red;
    border-radius: 0px;
    transform: skew(12deg)!important;
    border-radius: 4px;
    opacity: 0.6;
}
#myCarousel .carousel-item p{position: relative;}
#myCarousel .carousel-item p:after{
  content: '';
  position: absolute;
  left: -50%;
  top: 0px;
  height: 100%;
  width: 50%;
  background:#00000066 ;
}
i.fa{cursor: pointer;}
section.youtube-video{
  background-image: url(../images/green-bg.jpg);
  background-size: cover;
  min-height: 400px;
}
header.scrolling {
    background: #000000d1;
}
section.youtube-video h2{
  font-size: 40px;
  line-height: 36px;
  color: #fdfdfd;
  font-weight: 700;
}
section.youtube-video p{
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
}
section.youtube-video p span{
  font-size: 22px;
}
.btn{
  font-size: 14px;
  line-height: 45px;
  font-weight: 700;
}
section.youtube-video button.btn.btn-transperent{
    color: #ffffff;
    border: 2px solid #fff;
    padding: 0px 15px;
    transition: 0.5s;
}
section.youtube-video button.btn.btn-solid{
  color: #000000;
  border-radius: 5px;
  background-color: rgba(254,255,255,1);
  padding: 0px 15px;
  border: 2px solid #fff;
  transition: 0.5s;
}

section.youtube-video button.btn.btn-transperent:hover{
  color: #fff;
  border-radius: 5px;
  background-color: #5f2f73;
  padding: 0px 15px;
  border: 2px solid transparent;
  transition: 0.5s;
  opacity: 0.8;
}

section.youtube-video button.btn.btn-solid:hover{
    color: #ffffff;
    border: 2px solid transparent;
    padding: 0px 15px;
    background: #5f2f73;
    transition: 0.5s;
    opacity: 0.8;
}
.pd-right-10{
  padding-right: 20px;
}
section.youtube-video.brands {
    background: #000;
}
section.youtube-video.brands .pd-r-0 {
    padding-right: 0px;
}
section.youtube-video.brands .pd-r-0 img {
    min-width: calc(100% + 15px);
}
.mar-0-auto.max-w-90 {
    padding-left: 30px;
    max-width: 80%;
}
section.youtube-video .mar-0-auto.max-w-90 p.my-4{
  color: #ffffff;
}
#myCarousel .carousel-item .mask.flex-center,
#myCarousel .carousel-item .container-1440,
#myCarousel .carousel-item .row.align-items-center.mt-3,
#myCarousel .carousel-item .col-md-5.col-12.order-md-2.order-1{
  height: 100%;
}
#myCarousel .carousel-item .col-md-5.col-12.order-md-2.order-1{
  display: flex;
  align-items: center;
}


.socialHandle{ display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid;
  line-height: 41px;
  margin-top: 5px; }

.spacing{ margin-left: 10px; }
.navbarResponsive{ margin-right: -39px; }
#mainBanner{ background-image: url('images/bannerfront.png'); background-size: cover;
  height: 630px; }
.greenBanner{ background-image: url('images/greenbanner.png'); height: 387px; background-size: cover; }  

.weAre.Infrastructure{ background-image: url('../images/instruction.png'); height: 410px; 
  background-size: cover; padding: 30px; }

.boxAbout{ background-color: #000;
  opacity: 0;
  position: absolute;
    bottom: 0px;
  padding: 21px;}

  .boxAbout:hover{
    opacity: 0.9;
  }

.latestBrand{ background-color: #000;
  opacity: 0.9;
  position: absolute;
    bottom: 0px;
  padding: 15px; width: 100%; cursor: pointer;}

  .brandDetail { color: #fff!important;
    margin-top: 0px!important;
    margin: 0px!important;
    font-size: 12px;}

  /* .latestBrand:hover{
    opacity: 0.9;
    cursor: pointer;
  } */

.mainBox{ display: flex; flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; } 
.about p{ font-size: 15px; margin-top: 40px;
   color: #706d6d; }

   .about::-webkit-scrollbar { animation: fadeInRight 1s ease-in-out;  }
   @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translateX(300px);
      }
      to {
        opacity: 1;
      }
    }

    h1 {
      color: #000;
      animation: fadeInLeft 1s ease-in-out;
    }
    
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(300px);
      }
      to {
        opacity: 1;
      }
    }

.viewGallery{ display: flex; flex-wrap: wrap;
  align-items: center;
  margin-top: 35px;
}
.galleryView{ border: 1px solid;
  padding: 8px;
  border-radius: 5px; }

.galleryView:hover{ padding: 8px;
  border-radius: 5px; background-color: #000; }

.readMore{ margin-left: 20px;
  background: #000;
  font-size: 14px;
  padding: 10px;
  border-radius: 7px; }
.blackBanner{ height: 375px; background-color: #0f0f0f; }
.brandsImg{ transform-origin: 50% 65%; 
  transition: transform 1s, filter 2s ease-in-out;
  filter: blur(2px); transform: scale(1.2); }
  .brandsImg:hover{ filter: blur(0px);
      transform: scale(1); }

.you{  overflow: hidden ; width: 607px; }
.logoSlider span img{ transition: all 0.4s ease-in-out; }
.logoSlider span img:hover{ filter: none; transform: scale(1.15); }

.logoSlider{ text-align: center; }	
.logoSlider span{ margin: 10px; }

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #c610fd;
}

.clients{ padding-top: 25px;}


.imageEffect1{ background-image: url('../images/image1.1.png'); width: 360px; height: 240px; transform-origin: 50% 65%; 
  transition: transform 1s, filter 1s ease-in-out;}

  /* .imageEffect1:hover{
      transform: scale(1); } */

/* .imageEffect1:hover{ background-image: url('Images/image1.1.png'); width: 360px; height: 240px; }    */
.imageEffect3{ background-image: url('../images/image3.3.png'); width: 360px; height: 240px; transform-origin: 50% 65%; 
  transition: transform 1s, filter 1s ease-in-out;}    
/* .imageEffect3:hover{ 
  transform: scale(1); }  */
.imageEffect2{ background-image: url('../images/image2.2.png'); width: 360px; height: 240px; transform-origin: 50% 65%; 
  transition: transform 1s, filter 1s ease-in-out;  }   
/* .imageEffect2:hover{ background-image: url('../images/image2.2.png'); width: 360px; height: 240px; filter: blur(0px);
  transform: scale(1); }     */

  .imageEffect3-1{ background-image: url('../images/image3.3.png'); width: 290px; height: 220px; transform-origin: 50% 65%; 
    transition: transform 1s, filter 1s ease-in-out;}    
    .imageEffect1-1{ background-image: url('../images/image1.1.png'); width: 290px; height: 220px; transform-origin: 50% 65%; 
      transition: transform 1s, filter 1s ease-in-out;}
      .imageEffect2-1{ background-image: url('../images/image2.2.png'); width: 290px; height: 220px; transform-origin: 50% 65%; 
        transition: transform 1s, filter 1s ease-in-out;  }   


/* carosel */

.graybox{ background-color: #e4e3e4;}
.logoSlider img{ margin-top: 20px; margin-bottom: 20px; }
.latest{ text-align: center;
  margin-top: 40px; }
.latest h3{ color: #0e1114; }
.latest p{  color: #000;}
.boxImg{ display: flex;
  margin-top: 35px;
  justify-content: space-between; margin-bottom: 35px; }
.boxImg p { color: #706d6d;
  margin-top: 15px;
  font-size: 12px; }    

.mainFooterbox{ background-color: #2f2f2f; }
.email { display: flex;
  align-items: center;
  margin-top: 20px; }
.addresEmail input{ font-size: 12px;
  padding: 8px 30px 08px 7px; }
.joinUs{ margin-left: 10px;
  font-size: 16px;
  background: #951d22;
  padding: 6px 20px;
  border-radius: 5px; }
.twitterPara{ display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-top: 25px; }
  .footerSection{ 
    color: #fff;  font-size: 20px!important; }
    .footrsubtitle{ font-size: 14px;
        color: #ffffff; }
    
.brandsList{ color: #000; text-align: center; }
.mainBoxbrnad{ margin-top: 15px!important; margin-bottom: 70px!important; }
.brandsList p{ font-weight: 600;
  line-height: 25px;   }
.listBrandlist .col-sm-3{ text-align: center; align-self: center; } 


.boxImage{ border: 1px solid #e7e6e6;
  padding: 30px;
  width: 284px; height: 180px; margin-top: 20px; } 

  .logolac{ background-image: url('../images/girls.png'); width: 284px;
    height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px; }
  .logolac:hover{ opacity: 0.4; }

  .gallery{ background-image: url('../images/girls.png'); width: 284px;
    height: 180px; background-size: cover;  position: absolute; bottom: 0px; }  
   /* .gallery:hover{ opacity: 0.6; color: #000;} */

    .galleryBox{ border: 1px solid #e7e6e6;
    padding: 30px;
    width: 284px;
    height: 180px;
    margin-top: 20px; }

    .galleryBox p { position: absolute;
      font-size: 45px;
      opacity: 0;
      color: #000;
      text-shadow: 2px 2px 3px #cbcbcb;
       width: 100%;
      height: 100%;}
      
      .galleryBox p:hover{ opacity: 10;} 
     
 .galleryBox:hover{ background: #9567a7;
      z-index: 999; position: relative; opacity: 0.4;}

 .boxImage img { margin-top: 45px; }
.logolac.gallery{ background-image: url('../images/girls.png'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px; }
.logolac:hover{ opacity: 0.4; }


.logo2{ background-image: url('../images/S3-2-K2.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo2:hover{ opacity: 0.4; }
.logo3{ background-image: url('../images/S3-3-F2.jpg'); width: 284px;
    height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo3:hover{ opacity: 0.4; }  
.logo4{ background-image: url('../images/S3-6-R5.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo4:hover{ opacity: 0.4; }  
.logo5{ background-image: url('../images/S3-5-C2.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo5:hover{ opacity: 0.4; } 
.logo6{ background-image: url('../images/S3-2-K1.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo6:hover{ opacity: 0.4; }   
.logo6{ background-image: url('../images/S3-7-M1.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo6:hover{ opacity: 0.4; }   
.logo7{ background-image: url('../images/S3-8-P2.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo7:hover{ opacity: 0.4; }   
.logo8{ background-image: url('../images/S3-4-B1.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo8:hover{ opacity: 0.4; }   
.logo9{ background-image: url('../images/S3-2-K5.jpg'); width: 284px;
  height: 180px; background-size: cover; opacity: 0; position: absolute; bottom: 0px;  }
.logo9:hover{ opacity: 0.4; } 


.backBrand{ margin-top: 30px;
  text-align: right;
  padding: 10px; }

.backBrand button{ background: #08846c;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 5px; }

  .locationStore{ color: #007bff;
    border-bottom: 1px solid;
    padding-bottom: 5px; cursor: pointer;
}



.listBrand{ margin-top: 20px; background: #fff;
  box-shadow: 1px 6px 10px 10px #cecece; }

  .listBrandlist{ margin-top: 20px;  }

.fashionGirls img { object-fit: cover; object-position: top; width: 100%;}
.productDetails img { width: 35%; }
.productDetails p { color: #000;
  margin-top: 15px;
  line-height: 26px; text-align: justify;
  font-weight: 600; }
  .productDetails{ margin-top: 25px; }
  .locationIcon img { width: 20px;
    margin-right: 10px; }
.locAdd{ margin-top: 15px;
  margin-left: 35px; }
 .brandPort{ position: absolute;
  top: 60%;
  left: 80px; color: #fff; }
.brandPort h3{ font-weight: 600; } 

.careerBanner{ background-image: url(../images/career.jpeg);
  background-size: cover;
  min-height: 240px; background-position: center;
   position: relative;  }

   .listCareer{ text-align:left; color: #000;
    font-size: 15px; padding-left: 20px;
    line-height: 30px; font-weight: 600; }
   .listCareer li { list-style: none; margin-left:  0px; }
   .workElaf{ padding: 8px 0; }
   .workElaf h3{ color: #a52fd3!important;
    font-weight: 600;
    font-size: 45px;}
    .grow h3{ font-size: 36px;
      font-weight: 600; color: #000;}
.resource{ 
background: whitesmoke; 
background-image: url(../images/career.jpeg);
color: #000;
font-size: 18px; height: 350px;
background-size: 100%;
background-position: center; margin-top: 20px;

box-shadow: 1px 6px 10px 10px #cecece;}

.resource:hover{ box-shadow: 0px 3px 21px 5px #d88cf5;
  border: 2.5px solid #c77fe3;}

.grow{ text-align: center; margin-top: 15px}
.workElaf p { color: #000;} 

.Apply {
  font-size: 16px;
  background: #ffc61b;
  padding: 6px 20px;
  border-radius: 5px;
  color: #000 }

  .detailBrandbox{ margin-top:20px; display: flex; justify-content: space-between }

.venzia{ color: #2f2e2e;
  font-size: 36px; }
  .venziaBox{ padding: 0px;}
.venziaDetails{ 
   font-size: 15px!important; }
.detailBrandbox img{ width: 100%!important; }
.detailBrandbox div{ margin: 0px 10px 0px 0px; }
.read{ margin-top: 45px!important;
  font-size: 16px!important;
  color: #3f3d3d!important; }

   .boxHover{
    position: absolute;
                    background: #9d53b9;;
                    width: 100%;
                    display: flex;
                    height: 100%;
                     left: 0px; opacity: 0;
  }

  .texBox{ position: absolute;
    font-size: 35px; left: 0px; opacity: 0; left: 27%;
    opacity: 0;
    top: 36%; color: #fff;}
    
    .galImg:hover .boxHover{ opacity: 0.4;}
    .galImg:hover .texBox{ opacity: 10;}

    .galImg{ position: relative;
      display: flex; margin-bottom: 30px;}

.swiper-slide img:hover {
  filter: none;
  transform: scale(1.15);
}

.swiper-slide  img {
  transition: all 0.4s ease-in-out;
}
.growPara { margin-top: 13px;
  line-height: 26px;
  color: #000000;
  font-weight: 600;
  font-size: 16px;}

 .brandTitilename{ text-align: center;}
 .galImg{ height: 184px;}
 .galImg img { width: 100%;
  object-fit: cover;
  object-position: top; }
  .listImg{ margin-right: 15px;}
  .listImg img { width: 2%;}

  .weareConDetails img{ width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;}

    .qotes{font-size: 30px;
      color: #5f2e72; }

      .success{ font-size: 22px;}
      .locationDetails{ border-bottom: 1px solid #cd55ff;
        padding-bottom: 8px;}