@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');






body{
   font-family: 'Poppins', sans-serif;
}

p {

    color: #828286;
    font-size: .9em;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
       color: #828286;
     font-size: .9em;
    padding-left: 30px;
}

ol{
   
    margin: 0;
    padding: 0;
       color: #828286;
     font-size: .9em;
    padding-left: 30px;
}

.headr-abseco .container-fluid {
       max-width: 100%;
    padding: 0 24px;
}
.headr-abseco{
position: absolute;
left: 0;
    z-index: 1001;
    width: 100%;
    background: rgb(255 255 255 / 95%);
    top: 0;
}
.headr-abseco .navik-header-container {
    height: 54px;
}
.headr-abseco.navik-header.sticky .logo img {
    max-height: 26px;
}
.navik-header .logo img {
    width: auto;
    max-width: inherit;
    max-height: 26px;
}
.navik-header .navik-menu {
    float: left;
    clear: inherit;
    padding-left:30px;
}
.headr-abseco .navik-menu>ul>li>a {
    position: relative;
    box-sizing: border-box;
    height: 70px;
    padding: 0 20px;
    line-height: 70px;
    white-space: nowrap;
    font-weight:400;
          color: #423f3f;
    font-size: 0.9rem;
    text-transform: capitalize;
}

.headr-abseco .navik-menu ul.mega-menu-list li a {
    padding: 10px 0;
    font-size: 14px;
    font-style: normal;
    color: #818181;
    text-align: left;
      font-family: 'Poppins', sans-serif;
}


 .headr-abseco ul{
        padding-left: 0px;
}



 .headr-abseco ul  h6 {
    /* font-size: 1rem; */
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
       font-family: 'Poppins', sans-serif;
}

a.btnexp{
    display: inline-flex !important;
    height: 36px;
    padding: 0 20px;
    align-items: center;
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    border-color: #a09e9e;
    color: #423f3f;
    font-size: 14px;
    font-weight: 500;
    transition: color 350ms ease,border-color 350ms ease;
}

.headr-abseco .navik-menu ul li a:hover,
.headr-abseco .navik-menu ul.mega-menu-list li a:hover{
    color: #ff6700;
}
a.btnexp:hover{
    border-color: #ff6700;
}

.dflx-aspsico {
display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.headr-abseco .navik-menu>ul>li>a:hover {
 color: #ff8a3b;
}
.navik-header.sticky {

    -webkit-box-shadow: 0 2px 10px 0 rgb(5 5 5 / 15%);
    box-shadow: 0 2px 10px 0 rgb(5 5 5 / 15%);
    margin: 0 !important;
    background: #fff;
}
.navik-menu.submenu-top-border li>ul {
    border-top: 3px solid #ff6700;
}

.homebannerbx {
    position: relative;
    min-width: 100%;
    min-height: 100vh;
    
    background:#fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.homebannerbx  .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homebannerbx  .container-fluid  .row{
 min-width: 100%;
}
.particle-bg{position:absolute;top:0;left:0;width:100%;height:100%}.intro-content{padding-top:175px;padding-bottom:175px}.intro-content h1{text-transform:none;font-size:35px}

.homebannerbx  h6{
    max-width: 500px;
    position: relative;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #ff6700;
  
}

.pclas-center{
     
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.homebannerbx h3{
  
  text-transform:capitalize;
      color: #423F3F;
text-align: left;
  margin:0;
  padding:0;
    max-width: 500px;
      text-align: center;
    padding-bottom: 10px;
    font-size: 3rem;
    font-weight: 700;
   
}
.homebannerbx  span{
  color: #ff6700;  
}
.homebannerbx h4 {
font-size: .9em;
    color: #666;
    font-weight: 500;
    padding: 5px 0 20px;
    text-align: left;
    line-height: 1.4em;
    text-align: center;
    max-width: 500px;
    margin: auto;
}
.homebannerbx a {
    text-decoration: none;
    float: left;
     color: #423F3F !important;
    border: 1px solid;
    border-color: rgba(66,63,63,0.3);
    color: #fff;
    padding: 7px 15px;
    border-radius: 4px;
    font-size: 1em;}


.homebannerbx  h5{
      text-align: center;
    font-size: 1.2em;
    color: #423F3F;
    text-transform: capitalize;
}


.homebannerbx .darkbg h5{
    text-align: left;
    font-size: 1.5em;
    color: #fff;
}

.slide.darkbg {
    position: relative;
    -webkit-transition: 1s;
    transition: 1s;
    background: #ff6700;
}
.slide.darkbg.black-light {

    background: #7d7874;
}
.slide.darkbg.black-light h4,
.slide.darkbg.black-light h3,
.slide.darkbg.black-light h6{
    color: #fff;
}
.homebannerbx .slide.darkbg.black-light  span {
    color: #e2deda;
}

.slide.whitebgs{
    background: #fff;
}


.slide.darkbg.darkclr {
  
    background: #000;
}

.homebannerbx .slide.darkbg   h4 {
  
    color: #fff;}
.homebannerbx .slide.darkbg a {
    background: #ffffff;
}
.homebannerbx .slide.darkbg  span {
    color: #000000;
    text-align: center;
}


.homebannerbx a{
    position: relative;
    color: #423F3F !important;
    padding: 6px 12px;
    background: transparent;

    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
}
.homebannerbx a span{
       color: #423F3F !important;
    position: relative;
    z-index: 10;
}
.homebannerbx a:hover span{
       color: #fff !important;
}
.homebannerbx a:before {
    content: "";
    opacity: 0.0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale3d(0.9, 0.65, 0.8);
    transform: scale3d(0.9, 0.65, 0.8);
    transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    top: -2px;
    right: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 3px;
    visibility: hidden;
}

.homebannerbx a:hover::before {
    opacity: 1.0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility: visible;
}


.homebannerbx a:before{
    background-color: #423F3F;
}


.readmorebuttons{
    position: relative;
    padding: 20px 0;
}
.readmorebuttons button{
    position: relative;
    color: #423F3F;
    padding: 6px 20px;
    background: transparent;
    font-size: .9em;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
}
.readmorebuttons button span{
       color: #423F3F !important;
    position: relative;
    z-index: 10;
}
.readmorebuttons button:hover span{
       color: #fff !important;
}
.readmorebuttons button:before {
    content: "";
    opacity: 0.0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale3d(0.9, 0.65, 0.8);
    transform: scale3d(0.9, 0.65, 0.8);
    transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    top: -2px;
    right: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 3px;
    visibility: hidden;
}

.readmorebuttons button:hover::before {
    opacity: 1.0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    visibility: visible;
}
.readmorebuttons button:before{
    background-color: #423F3F;
}
.readmorebuttons.whitetext-btn button span ,
.readmorebuttons.whitetext-btn button{
    position: relative;
       color: #ffffff;}


.img-rt-and-text {
    display: flex;
    align-items: center;
    justify-content: center;
}
.leftalin-text{
    padding-left: 20px;
}

.mt-20{
    margin-top: 20px;
}

.homebannerbx .slide__content.text-left-sld   h3,
.homebannerbx  .slide__content.text-left-sld   h6{
    text-align: left;
}
.homebannerbx .slide__content.text-left-sld h4 {
max-width: 100% !IMPORTANT;
    color: #fff;
    text-align: left;
    padding-right: 50%;
}

.homebannerbx .slide__content.text-left-sld  a {
    position: relative;
    color: #ffffff !important;
    padding: 6px 12px;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
    border-color: rgb(255 255 255 / 30%);
}

.max-wdth500px {
    max-width: 500px;
    margin: auto;
}

/* ==== Main CSS === */

.about-abcico{
    position: relative;
    width: 100%;
    padding: 80px 0;
  background: #fefcfc;
    min-height: 100vh;
    
    
}

.abt-absico{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
   min-height: 100vh;
    justify-content: center;
    
}
.abt-absico p{
    text-align: center;
    color: #828286;
    font-size: 30px;
    line-height: 40px;
}

.abt-absico   h3 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #423F3F;
    font-size: 56px;
    line-height: 1;
    letter-spacing: -2px;
    width: 100%;
}

.abt-absico   h4 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #423F3F;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -2px;
    width: 100%;
}


.about-abcico  .col-md-8.col-lg-6.mx-auto {
     max-width: 800px;
    flex: 0 0 800px;
}


.popupboxmin-rsn-prdt {
    position: fixed;
    right: 0px;
    left: 0;
    top: 0px;
    bottom: 0;
    display: none;
    min-height: 100vh;
    z-index: 100224;
    width: 100%;
    height: 100%;
    max-width: 100%;
  
    overflow:hidden;
     overflow-x: hidden;



    
}

.popupboxmin-rsn-prdt  .popupcontentbx-outer {
width: 100%;
    height: auto;
    max-width: 100%;
  background: rgb(255 255 255 / 82%);
    position: relative;
    float: right;
    top: 0;
    box-shadow: 0 0.46875rem 2.1875rem rgb(8 10 37 / 3%), 0 0.9375rem 1.40625rem rgb(8 10 37 / 3%), 0 0.25rem 0.53125rem rgb(8 10 37 / 5%), 0 0.125rem 0.1875rem rgb(8 10 37 / 3%);
    border-width: 0;
    transition: all .2s;
    margin-right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    overflow-x: hidden;
    padding: 50px 0;
}

.popupboxmin-rsn-prdt  .closprp {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 30px;
    height: 30px;
background: #ff6700;
    border: 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    padding: 0;
    align-items: center;
    justify-content: center;
}


.popupboxmin-rsn-prdt  .prphead {
   padding: 10px 10px;
    border: 0;
}

.rsnform-shadow-pp-outer {
    max-width: 800px;
    min-height: 300px;
    background: #fff;
    min-width: 800px;
    position: relative;
    border-radius: 10px;
       padding: 20px;

}

.popupboxmin-rsn-prdt   h5 {
    font-size: 1rem;
    font-weight: 600;
        color: #423F3F;
}
.filterdatalisting-rsn h4 {
font-size: 15px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}
.popupboxmin-rsn-prdt .prphead {
    padding: 30px 10px 14px;
    border: 0;
  
    margin-bottom: 10px;
}

.filterdatalisting-rsn {
    padding-bottom: 60px;
        overflow: auto;
    max-height: 600px;
    position: relative;
    width: 100%;
    min-height: 400px;
    background: #fff;
    max-width: 800px;
    box-shadow: -4px -1px 8px 0 rgba(85, 85, 85, 0), 0 1px 20px 0 rgba(0, 0, 0, 0), -1px 1px 11px 0px rgba(0, 0, 0, 0.06);
}

.filterdatalisting-rsn::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.filterdatalisting-rsn::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}

.filterdatalisting-rsn::-webkit-scrollbar-thumb
{
	background-color: #8e8b8b;
}



.content-pp-abt {
    padding: 20px;
    padding-top: 5px;
    position: relative;
}
a.forward, button.forward {
    border: 0;
    background: #08c808;
    color: #fff;
    padding: 2px 10px 4px 10px;
    border-radius: 2px;
    margin: 10px 5px;
    outline: 0;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 24%);
    transition: all 0.3s ease 0s;
    font-size: 13px;
}

 button.forward-pp {
    border: 0;
    background: #3c9ad4;
    color: #fff;
    padding: 3px 10px 6px 10px;
    border-radius: 2px;
    margin: 2px 0px;
    outline: 0;
    box-shadow: 0px 1px 5px rgb(0 0 0 / 24%);
    transition: all 0.3s ease 0s;
    font-size: 15px;
    font-weight: 500;
     margin-right: 5px;
}


.header-shadow-wrapper {

    display: none;
}


/* ==== Main CSS === */
section.banner__slider {
    width: 100%;
    min-height:  100vh;
    position: relative;
    z-index: 111;
    /* background: #fff; */
}






@media (min-width: 992px) {

    
  .max-width-bx {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: auto;
}  
    
    
    
    
  .slider, .slide {
    height: 100vh;
 
  }
    
.homebannerbx {
    position: relative;
    min-width: 100%;
    min-height: 100vh;
    height: 100vh;}    
    
    
}

.slide {
  position: relative;
  -webkit-transition: 1s;
  transition: 1s;
    background: #eee;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.slick-slide img{
    max-width: 90%;
    margin-top: 1rem;
}
.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.slide .slide__content {
    position: absolute;
    /* top: 50%; */
    /* left: 40%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
        left: 0;
    right: 0;
    width: 100%;
}

.slide .slide__content.slide__content__left {
  left: 15%;
  -webkit-transform: translate(-15%, -50%);
          transform: translate(-15%, -50%);
}
.slide .slide__content.slide__content__right {
  right: 15%;
  left: auto;
  -webkit-transform: translate(5%, -50%);
          transform: translate(5%, -50%);
}
.slide .slide__content--headings {
  color: #FFF;
}
.slide .slide__content--headings h2 {
  font-size: 4.5rem;
  margin: 10px 0;
}
.slide .slide__content--headings .animated {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.slide .slide__content--headings .top-title {
  font-family: "Playball", cursive;
  font-size: 2.5rem;
}
.slide .slide__content--headings .title {
  font-size: 3.5rem;
}
.slide .slide__content--headings .button-custom {
  text-decoration: none;
  color: #333;
  padding: 1.2rem 2.5rem;
  font-size: 1.5rem;
}

.slider [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-transition: opacity 0.5s ease 0.3s;
  transition: opacity 0.5s ease 0.3s;
  -webkit-transition: 1s;
  transition: 1s;
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
position: absolute;
    bottom: 30px;
    list-style: none;
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-left: 9%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}
.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: 1s;
    transition: 1s;
  }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: 1s;
    transition: 1s;
  }
}
@keyframes zoomInImage {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: 1s;
    transition: 1s;
  }
  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: 1s;
    transition: 1s;
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: 1s;
    transition: 1s;
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: 1s;
    transition: 1s;
  }
}

@keyframes zoomOutImage {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transition: 1s;
    transition: 1s;
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: 1s;
    transition: 1s;
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
          animation-name: zoomOutImage;
  -webkit-transition: 1s;
  transition: 1s;
}

.slick-nav {
  --active: #fff;
  --border: rgba(255, 255, 255, .12);
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
}
.slick-nav.prev-arrow {
  left: 3%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  z-index: 999;
}
.slick-nav.next-arrow {
  left: auto;
  right: 3%;
}
.slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.slick-nav i:before, .slick-nav i:after {
  content: '';
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  -webkit-transform-origin: 9px 50%;
          transform-origin: 9px 50%;
}
.slick-nav i:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.slick-nav i:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.slick-nav:before, .slick-nav:after {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.slick-nav.animate svg {
  -webkit-animation: stroke 1s ease forwards .3s;
          animation: stroke 1s ease forwards .3s;
}
.slick-nav.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
          animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
          animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
          animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
  52% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}

@keyframes stroke {
  52% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%,
    100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  23% {
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
    opacity: 1;
  }
  24%,
    80% {
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%,
    100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  23% {
    -webkit-transform: translateX(17px);
            transform: translateX(17px);
    opacity: 1;
  }
  24%,
    80% {
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    -webkit-transform: translateX(-22px);
            transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%,
    100% {
    -webkit-transform: rotate(-40deg) scaleX(1);
            transform: rotate(-40deg) scaleX(1);
  }
  20%,
    80% {
    -webkit-transform: rotate(0deg) scaleX(0.1);
            transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%,
    100% {
    -webkit-transform: rotate(-40deg) scaleX(1);
            transform: rotate(-40deg) scaleX(1);
  }
  20%,
    80% {
    -webkit-transform: rotate(0deg) scaleX(0.1);
            transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%,
    100% {
    -webkit-transform: rotate(40deg) scaleX(1);
            transform: rotate(40deg) scaleX(1);
  }
  20%,
    80% {
    -webkit-transform: rotate(0deg) scaleX(0.1);
            transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%,
    100% {
    -webkit-transform: rotate(40deg) scaleX(1);
            transform: rotate(40deg) scaleX(1);
  }
  20%,
    80% {
    -webkit-transform: rotate(0deg) scaleX(0.1);
            transform: rotate(0deg) scaleX(0.1);
  }
}


/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
    0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);} 
    100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}



  



.slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 4px 0 0;
    padding: 0;
    cursor: pointer;
    background: #ffffff;
    transition: width 5s ease-out 0s;
    border-radius: 50%;
    border: 3px solid #545252;
}

.slider .slick-dots li:last-child {
    margin-right: 0;
}

.slider .slick-dots li:hover,
.slider .slick-dots li.slick-active {
   background: #504f4f;
    width: 12px !important;
    height: 12px !important;
     border: 3px solid #545252;
}

.slider .slick-dots li button {
    display: none !important;
}
.header-shadow-wrapper::after {
    box-shadow: 0px 2px 40px -5px rgb(0 0 0 / 4%);
}

/* /////////// IMAGE ZOOM /////////// */

.six-icon-bx{
    position: relative;
    width: 100%;
    height: auto;
       padding:70px 30px;
  
}
 .six-icon-bx h3 {
    font-size: 1.75rem;
     width: 100%;
     text-align: center;
     margin-bottom: 50px;
     font-weight: 600;
}
 .six-icon-bx ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.six-icon-bx ul li {
      padding: 15px;
        min-width: 200px;
    width: 200px;
    min-height: 200px;
    border: 0px solid #f9f9f9;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
}

.six-icon-bx ul li:hover{
    
  box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 1px 1px 6px rgb(0 0 0 / 7%);
}

.six-icon-bx ul li a{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    padding-bottom: 40px;
    color: #000;
    text-decoration: none;
}
.six-icon-bx ul li img{
    max-width: 130px;
}

.six-icon-bx ul li span {
    height: auto;
}
.six-icon-bx ul li  h6 {
   
    position: absolute;
    bottom: 15px;
    color: #423F3F;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    
}

.right-image-section {
    position: relative;
        
          min-height: 100vh;

}

.right-image-section.leftsidboxed {
 
}

.right-image-section.leftsidboxed h5 {
    font-size: 1.25rem;
    color: #666;
    margin: 15px 0;
}
.right-image-section.leftsidboxed  p {
        color: #423f3f;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
}
.right-image-section.leftsidboxed  .readmorebuttons.whitetext-btn button span {
       color: #666 !important; 
}

.right-image-section   h2 {
font-weight: 700;
    text-transform: capitalize;
        color: #423F3F;
    font-size: 56px;
    line-height: 1;
    letter-spacing: -2px;
    text-align: center;
    width: 100%;
}

.right-image-section    h5 {
    font-size: 1.25rem;
    color: #716f6f;
    margin: 15px 0;

}

button{
    outline:none;
}

.max-width-bx .col-12.aos-init.aos-animate {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.right-image-section   h2  span{
    color: #fff;
}
.right-image-section  p{
         color: #423f3f;
    font-size: 0.9em;
    text-align: center;
    width: 100%;

}

.highlights.image-right .image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.fit-image {
    width: 100%;
     height: 100vh;
    object-fit: cover;
    object-position: center;
}

.fullwidthbgimage{
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
}
.fullwidthbgimage:after{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;

    z-index: 10;
    content: "";
    
}
.fullwidthbgimage .darkshows{
    opacity: 1;
    position: absolute;
     top: 0;
}
.fullwidthbgimage. .lightshow{
    opacity: 0;
    position: absolute;
    top: 0;
}


.fullwidthbgimage.footer-show-all .darkshows{
    opacity: 0;
            transition: opacity 5s ease-in-out;
    -webkit-transition: opacity 5s ease-in-out;
    -moz-transition: opacity 5s ease-in-out;
    -ms-transition: opacity 5s ease-in-out;
    -o-transition: opacity 5s ease-in-out;
}
.fullwidthbgimage.footer-show-all .lightshow{
   opacity: 1;
        transition: opacity 5s ease-in-out;
    -webkit-transition: opacity 5s ease-in-out;
    -moz-transition: opacity 5s ease-in-out;
    -ms-transition: opacity 5s ease-in-out;
    -o-transition: opacity 5s ease-in-out;
    
}

.fullwidthbgimage img{
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 100vh;

  
    
}

.fullwidthbgimage img:hover{

}
.voicecall-sections{
    position: relative;
    min-height: 100vh;
    background: #fff;
    width: 100%;
    padding: 50px 0;
        display: flex;
    align-items: center;
    justify-content: center;
}
section.overview-block-pt.iq-por.learn {
    width: 100%;
}
 .videofull{
    position: relative;
    width: 100%;
    min-height: 103vh;
    background-size: cover;
    object-fit: cover;
    padding: 0;
    margin: 0;
}


.app-cntr-sliderview{
    position: relative;
    padding: 50px 0;
}



/*USE CSS for Slider*/

.app-cntr-sliderview .vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.app-cntr-sliderview .banner-slider .slider.slider-for {
    max-width: 100%;
 padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: stretch;
}
.app-cntr-sliderview .banner-slider .slider.slider-nav {
    max-width: 100%;
}
.app-cntr-sliderview .banner-slider .slider.slider-for,
.app-cntr-sliderview .banner-slider .slider.slider-nav {
    width: 100%;
    float: left;
}
.app-cntr-sliderview .banner-slider .slider.slider-nav {
    height: auto;
display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;


}
.app-cntr-sliderview .slider-banner-image {
    height: auto;
}
.app-cntr-sliderview .banner-slider .slider.slider-nav {
    padding: 20px 0 0;
}
.app-cntr-sliderview .slider-nav .slick-slide.thumbnail-image .thumbImg{
    max-width: 178px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}
.app-cntr-sliderview .slider-banner-image img,
.app-cntr-sliderview .slider-nav .slick-slide.thumbnail-image .thumbImg img {
   
   height: auto;
    width: 100%;
    object-fit: cover;
}
.app-cntr-sliderview .slick-vertical .slick-slide:active,
.app-cntr-sliderview .slick-vertical .slick-slide:focus,
.app-cntr-sliderview .slick-arrow:hover,
.app-cntr-sliderview .slick-arrow:focus {
    border: 0;
    outline: 0;
}
.app-cntr-sliderview .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
 
}

.thumbnail-image{
    margin: 14px 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    padding-left: 26px;
}
.app-cntr-sliderview .slider-nav .slick-slide.slick-current span {
    color: #423f3f;


}
.app-cntr-sliderview .slick-slide span {
   color: #423f3f;
   opacity: 0;
    transform: translateY(30%);
    height: 0px !IMPORTANT;
    line-height: 0;
      float: left;
    width: 100%;
    transition: all 0.1s linear, margin 0s linear .1s;
    text-align: left;
}


.app-cntr-sliderview .slick-slide.slick-current.slick-active  span {
  color: #423f3f;
    display: block;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.5s linear, margin 0s linear 0s;
    height:auto !IMPORTANT;
    line-height: 18px;
 
}

.app-cntr-sliderview .slider-nav .slick-slide {
    text-align: center;
}
.app-cntr-sliderview .slider-nav .slick-slide span {
    font-size: 14px;
 
    padding: 5px 0 0px;
    text-align: left;
}
.app-cntr-sliderview .slick-arrow {
    width: 100%;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.app-cntr-sliderview .slick-prev {
   top: 0;
}
.app-cntr-sliderview .slick-next {
   bottom: 0;
   background-color: #fff;
}
.app-cntr-sliderview .slick-prev.slick-arrow {
    
}
.app-cntr-sliderview .slick-next.slick-arrow {
  
}


.app-cntr-sliderview  h4 {
    font-size: 18px;
    text-align: left;
    font-weight: 600;

}

.app-cntr-sliderview .slick-slide img {
    max-width: 100%;
    margin-top: 1rem;
}
.app-cntr-sliderview  .slider,  .app-cntr-sliderview  .slide {
     height: auto; 
}
.app-cntr-sliderview   h2 {
    font-weight: 700;
    text-transform: capitalize;
    color: #423F3F;
    font-size: 56px;
    line-height: 1;
    letter-spacing: -2px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.par-app-cnt-height{
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
}
.app-cntr-sliderview p {
    color: #423f3f;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
}
/*End USE CSS for Slider*/






@media screen and (max-width : 991px) {
    
    
    .about-abcico .col-md-8.col-lg-6.mx-auto {
    max-width: 100%;
    flex: 0 0 100%;
}

	.app-cntr-sliderview .banner-slider .slider.slider-for,
	.app-cntr-sliderview .banner-slider .slider.slider-nav {
	    max-width: 100%;
	    float: none;
	}
	.app-cntr-sliderview .banner-slider .slider.slider-for {
		padding-right: 0;
	}
	.app-cntr-sliderview .banner-slider .slider.slider-nav {
		height: auto;
	}
	.app-cntr-sliderview .slider-banner-image {
	    height: 500px;
	} 
	.app-cntr-sliderview .slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
	}
	.app-cntr-sliderview .slider-nav .slick-slide span {
		padding: 5px 0;
	}
	.app-cntr-sliderview .slick-arrow {
		padding: 0;
	    width: 30px;
	    height: 30px;
	    top: 50%;
	    bottom: 0;
	    -webkit-transform: translateY(-50%) rotate(-90deg);
	    -moz-transform: translateY(-50%) rotate(-90deg);
	    -ms-transform: translateY(-50%) rotate(-90deg);
	    transform: translateY(-50%) rotate(-90deg);
	}
	.app-cntr-sliderview .slick-prev {
	    left: 0;
	    right: unset;
	}
	.app-cntr-sliderview .slick-next {
	    left: unset;
	    right: 0;
   		background-color: transparent;
	}
	.app-cntr-sliderview .vehicle-detail-banner .car-slider-desc {
    	max-width: 340px;
	}
	.app-cntr-sliderview .bid-tag {
    	padding: 10px 0 15px;
	}
	.app-cntr-sliderview .slider.slider-nav.thumb-image {
	   white-space: nowrap;
	}
	.app-cntr-sliderview .thumbnail-image.slick-slide {
		padding: 0px 5px;
		min-width: 75px;
		display: inline-block;
		float: none;
	}
}

@media screen and (max-width : 767px) {
    
  .slider.slider-nav.thumb-image.slick-vertical.slick-initialized.slick-slider   .slick-list.draggable {
    display: flex;
    align-items: center;
      min-height: 100vh;
}
    
    .par-app-cnt-height {
    display: flex;
    align-items: center;
    min-height: 100px;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0 30px;
}
	.app-cntr-sliderview .slider-banner-image {
	    height: auto;
	}
	.app-cntr-sliderview .slider.slider-nav.thumb-image {
    	padding: 0px 20px 0;
    	margin: 10px 0px 0;
	}
	.app-cntr-sliderview .slider-nav .slick-slide.thumbnail-image .thumbImg {
		max-width: 140px;
		height: 80px;
	}
	.app-cntr-sliderview .slick-prev.slick-arrow {
    	background-position: center 10px;
	}
	.app-cntr-sliderview .slick-next.slick-arrow {
    	background-position: center 10px, center;
	}
	.app-cntr-sliderview .slider-nav .slick-slide span {
	    font-size: 12px;
	    white-space: normal;
	}
    
    .app-cntr-sliderview .banner-slider .slider.slider-nav {
    height: auto;
    display: flex;
    align-items: center;
    min-height: auto;
    justify-content: center;
}
}

@media screen and (max-width: 580px) {
    
    
    
    
	.app-cntr-sliderview .slider-banner-image {
	    height:auto;
	}
    .app-cntr-sliderview .banner-slider .slider.slider-nav {
    height: auto;
    display: flex;
    align-items: center;
    min-height: auto;
    justify-content: center;
}
    
    .app-cntr-sliderview .slider.slider-nav.thumb-image {
    padding: 0px 0px 0;
    margin: 10px 0px 0;
}
    .thumbnail-image {
    margin: 5px 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    padding-left: 5px;
}
    .col-lg-4.col-md-4.col-sm-6.col-7 {
    padding-left: 0;
}
    .col-lg-4.col-md-4.col-sm-6.col-7 {
    padding-left: 0;
}
    
    
    
}

@media screen and (max-width : 480px) {
	.app-cntr-sliderview .slider-banner-image {
	    height:auto;
	}
    
  .app-cntr-sliderview .banner-slider .slider.slider-nav {
    height: auto;
    display: flex;
    align-items: center;
    min-height: auto;
    justify-content: center;
}  
   .app-cntr-sliderview .slider.slider-nav.thumb-image {
    padding: 0px 0px 0;
    margin: 10px 0px 0;
}
    .thumbnail-image {
    margin: 5px 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    padding-left: 5px;
}
    .col-lg-4.col-md-4.col-sm-6.col-7 {
    padding-left: 0;
}
    .col-lg-4.col-md-4.col-sm-6.col-7 {
    padding-left: 0;
}
    .slider.slider-nav.thumb-image.slick-vertical.slick-initialized.slick-slider .slick-list.draggable {
    display: flex;
    align-items: flex-start;
    height: 300px !important;
    padding-top: 30px;
        min-height: 200px;
}
}




/*---------------------------------------------------------------------
Learn
-----------------------------------------------------------------------*/
.learn #wave canvas { width: 100% !important; }
.spin-me-round { border-radius: 90%; position: relative; display: inline-block; width: 200px; height: 200px; -webkit-box-shadow: 0px 10px 40px 0px rgba(130, 130, 134, 0.8); -moz-box-shadow: 0px 10px 40px 0px rgba(130, 130, 134, 0.8); box-shadow: 0px 10px 40px 0px rgba(130, 130, 134, 0.8); }

.spin-me-round.iq-mb-30 {
    position: absolute;
    bottom: 0;
    left: 0;
}



.spin-me-round img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; }
.spin-me-round:before { width: 100%; height: 100%; border-radius: 90%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; content: ""; background: linear-gradient(to right, #98ffff 10%, #1f72ff 80%); position: relative; -webkit-animation: spinani 1.8s infinite linear; animation: spinani 1.8s infinite linear; -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.2s ease-in-out; }
@-webkit-keyframes spinani {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinani {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spinanirev {
	0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes spinanirev {
	0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@media (max-width:767px){
    

.spin-me-round {
    border-radius: 90%;
    position: relative;
    display: inline-block;
    width: 125px;
    height: 125px;}

    .max-wdth500px {
    max-width: 500px;
    margin: auto;
    margin-bottom: 30px;
}
    
    
}


.googlesya {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 15;
    flex-direction: column;
    
}
.googlesya img{
      width: 100%;
    height: auto !IMPORTANT;
    min-height: 10px;
    margin-right: 10px;

} 

.googlesyabx {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  
    height: 100px;
}
.googlesyabx span{
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    position: relative;
}
.googlesyabx  h4 {
    font-size: 1.5rem;
    padding-left: 10px;
    color: #fff;
    margin: 0;
}

.footerbx{
    position: relative;
    width: 100%;
    min-height: 50px;
    background: #fff;
}

.footer-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
}
.footer-icons a{
    color: #666;
    text-decoration: none;
    padding-right: 10px;
    font-size: .8em;
    
}

.rightfooter{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 50px;
}

.rightfooter  a{
    color: #666;
    text-decoration: none;
    padding-left: 20px;
     font-size: 11px;
    
}

.mega-menu-list img{
    max-width: 100px;
}
.footer-icons a:hover ,
.rightfooter  a:hover {
    color: #ff8a3b;
}

.rightfooter  svg {
    vertical-align: middle;
    width: 80px;}

.mnt-cnterflx{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

.mnt-cnterflx .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.mega-menu-box.brds {
    border: 0px solid #f9f9f9;
    text-align: center;
    padding-top: 15px;
}
.mega-menu-box.brds:hover  .mega-menu-heading a {
   color: #ff8a3b; }

.homebannerbx .slide__content.whitetext h3 {

    color: #fff;}

.homebannerbx .slide__content.whitetext h4 {
       max-width: 68%;
    color: #fff;}
.navik-menu ul ul li>a {

    font-style: normal;
}

.googlesyabx{
   opacity: 0;
        transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}
.showgoogle{
 
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
}
.googlesyabx-showr{
       opacity: 0;
        transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    color: #fff;
  font-size: 1.5rem;
    font-weight: 500;
}
.showgoogleok{
      opacity: 1;
    transition: opacity 2.5s ease-in-out;
    -webkit-transition: opacity 2.5s ease-in-out;
    -moz-transition: opacity 2.5s ease-in-out;
    -ms-transition: opacity 2.5s ease-in-out;
    -o-transition: opacity 2.5s ease-in-out;

}
.max-wdth500px h2 {
    font-size: 56px;
    color: #423f3f;
    font-weight: 700;
}
@media (min-width: 1600px) and (max-width:77770px){
    
        
 div#wave {
    position: absolute;
    bottom: 50px;
    width: 100%;
}
    
}

/*# sourceMappingURL=navik-horizontal-default-menu.min.css.map */
@media (min-width: 1200px){
    
section.overview-block-pt.iq-por.learn {
    width: 100%;
    padding-bottom: 100px;
}    
    
 div#wave {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.headr-abseco.navik-header.sticky .navik-header-container {
    height: 54px;
}
 .headr-abseco .navik-menu>ul>li>a,      
.headr-abseco.navik-header.sticky .navik-menu>ul>li>a {
    height: 54px;
    line-height: 54px;
}    
    
}



@media (max-width:767px){
    
    
    .abt-absico p {
    text-align: center;
    color: #828286;
    font-size: 20px;
    line-height: 30px;
}
    .abt-absico h3 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #423F3F;
    font-size: 35px;
    line-height: 1;
    letter-spacing: -2px;
    width: 100%;
}
    
    .headr-abseco {
    position: relative;

}
    .app-cntr-sliderview h2 {
  
    
    font-size: 30px;}
    .slick-dots {
    position: absolute;
        bottom: -30px;}
.homebannerbx {
    position: relative;
    min-width: 100%;
    min-height: 100vh;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    margin-top: 50px;
    padding: 0px 0;
}
    .slide .slide__content {
        position: relative;}
  .navik-header .logo {
    padding: 10px 0px;
    text-align: left;
}
    
 .six-icon-bx ul {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    width: 100%;
}
    .max-width-bx {
    padding: 50px 0;
}
 .slide {
 
    padding: 30px 0;
}   
.burger-menu {
    position: absolute;
    top: 17px;
    right: 0px;}    
 .homebannerbx h3 {

    font-size: 2rem;
    font-weight: 700;
}  
    .right-image-section h2 {
        font-size: 2rem;}
 .fit-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}
    
.abt-absico {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    justify-content: center;
}    
    
 .about-abcico {
    position: relative;
    width: 100%;
    padding: 60px 0;
    background: #eee;
    min-height: 100px;
}   
  .app-cntr-sliderview h2 {
  
    
    font-size: 30px;}  
    
}

@media (min-width :767px) and  (max-width : 991px) {
    .abt-absico h3 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #423F3F;
    font-size: 35px;
    line-height: 1;
    letter-spacing: -2px;
    width: 100%;
}
 .abt-absico p {
    text-align: center;
    color: #828286;
    font-size: 20px;
    line-height: 30px;
}   
    
.six-icon-bx ul li {
    padding: 15px;
    min-width: 130px;
    width: 130px;}


.headr-abseco {
    position: relative;

}
.app-cntr-sliderview h2 {
  
    
    font-size: 30px;}

}

span.gg-ic{
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    position: relative;
    margin-right: 7px;
}

span.gg-ic  img {
    width: 100%;
    height: auto !IMPORTANT;
    min-height: 10px;
    margin-right: 0;
}

span.micimg{
        display: flex;
    align-items: center;
    justify-content: center;
}
span.micimg img {
    width: 20px;
    height: auto !IMPORTANT;
    min-height: 2px;
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width :1200px) {
.par-app-cnt-height {
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
    max-width: 450px;
    margin: auto;
}

}

@media (min-width :1600px) {
    
 .slider.slider-for.slick-initialized.slick-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}   
    
    
.app-cntr-sliderview .slick-slide img {
    max-width: 100%;
    margin-top: 0;
    width: auto;
    margin: auto;
}

 .par-app-cnt-height {
    display: flex;
    align-items: center;
    min-height: 100vh;
    justify-content: center;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
}   
    
    
}

img.fix-google-lcd {
    width: 100%
}
.max-wdth500px {
    margin-bottom: 50px;
    position: relative;
}

.spin-me-round.iq-mb-30.aos-init.aos-animate {
    position: absolute;
    left: 0;
    bottom: 0;
}


body.rtl  #top #account .text-center {
 
    padding-right: 7px;
}


.innerbanner-absico{
    position: relative;
    min-height: 300px;
    background-position: center top;
    background-size: cover;
    width: 100%;
       margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.innerbanner-absico h3 {
    text-transform: capitalize;
    color: #423F3F;
    text-align: left;
    margin: 0;
    padding: 0;
    max-width: 500px;
    text-align: center;
    padding-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 700;
}

.innerbanner-absico h4 {
    text-transform: capitalize;
    color: #423F3F;
    text-align: left;
    margin: 0;
    padding: 0;
    max-width: 500px;
    text-align: center;
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: 700;
}
.about-abcico {
    padding: 0 !important;
    max-height: 100vh;
    overflow: hidden;

}
 .about-abcico .container-fluid {
    z-index: 11;
    position: relative;
    padding: 0px 0;
     
}
.about-abcico video {
max-width: 100%;
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    background-attachment: fixed;
    
}
.about-abcico .overlay {
  width: 100%;
    height: 111vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 44%);
    z-index: 2;
    background-size: cover;
     background-attachment: fixed;
}

.abt-absico h3 {
    color: #fff;
}
.abt-absico p {
    text-align: center;
    color: #ffffff;
    font-size: 19px;
line-height: 25px;}




.innerbanner-absico h2 {
    text-transform: capitalize;
    color: #423F3F;
    text-align: left;
    margin: 0;
    padding: 0;
    max-width: 500px;
    text-align: center;
    padding-bottom: 10px;
    font-size: 3rem;
    font-weight: 700;
}
.content-bx-abt {
    position: relative;
    width: 100%;
    padding: 50px 0 ;
}
.paddzerow{
    padding-bottom: 0;
}

.content-bx-abt  h2 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    color: #423F3F;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0px;
    width: 100%;
}

.content-bx-abt h3 {
    font-size: 20px;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 600;
    margin-top: 20px;
}

.velaContactBox .icons {
border: 1px solid #e1e1e1;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
    font-size: 26px;
    float: left;
    min-width: 40px;
}
.velaContent a{
       color: #201f1f;
}
.velaContactBox .icons svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    fill: #6c6c6c;
}
.velaContactBox label {
    display: block;
    color: #201f1f;
    font-weight: 500;
    margin: 0;
        font-size: 14px;
}
.velaContactBox  .mb30{
    margin-bottom: 15px;
    display: flex;
}
.velaContent a.locations {
    color: #201f1f;
    padding-top: 0;
    margin-top: 6px;
    float: left;
}
.formContactUs label {
    font-weight: 400;
    color: #333333;
}

.reachus-link {
    position: relative;
    width: 100%;
    padding: 30px 0 70px;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 9px 8px;
    font-size: 14px;
    line-height: 1.45;
    color: #606060;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.readmorebuttons a{
    position: relative;
    color: #423F3F;
    padding: 6px 20px;
    background: transparent;
    font-size: .9em;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
}
.readmorebuttons a:before {
    background-color: #423F3F;
}

.readmorebuttons a:before {
    content: "";
    opacity: 0.0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale3d(0.9, 0.65, 0.8);
    transform: scale3d(0.9, 0.65, 0.8);
    transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    top: -2px;
    right: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 3px;
    visibility: hidden;
}

.map-absico{
    position: relative;
    width: 100%;
    padding: 20px 0;
    background-color: #eee;
    min-height: 300px;
}

.iotsections img{
    max-width: 100%;
}
.ulnewlist{
    position: relative;
    width: 100%;
    
}
.ulnewlist ul{
    margin: 0;
    padding: 0;
}
.ulnewlist ul li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}
.ulnewlist ul li:after{
content: "\f105";
    width: 30px;
    height: 10px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -5px;
    font-family: 'FontAwesome';
    
}
.mrtbtm30{
    margin-bottom: 50px;
}

.innerbanner-absico-products {
    position: relative;
    width: 100%;
}
.innerbanner-absico-products  img{
    position: relative;
    width: 100%;
    margin-top: 58px;
}
.productspace{
    padding: 50px 0;
}
.img-centers{
    text-align: center;
}

.careers-fixheight{
    min-height: 53vh;
}

.mrt50px{
    padding-top: 50px;
    padding-bottom: 90px;
}

@media (min-width :1300px) {
.content-bx-abt  .container-fluid{
    padding: 0 5%;
}
    
 img.fit-image-product{
    max-width: 80%;
    margin: auto;
}   
    
}



@media (max-width :1300px) {

    
 img.fit-image-product{
    max-width: 90%;
    margin: auto;
}   
    
}



@media (min-width :1600px) {
.content-bx-abt  .container-fluid{
    padding: 0 10%;
}
}


@media (max-width :767px) {
.row.mbl-dir {
    display: flex;
    flex-direction: column-reverse;
    }
.rightfootersder   {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}
.rightfootersder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    flex-direction: column;
} 
    
    .content-bx-abt {
    position: relative;
    width: 100%;
    padding: 30px 0;
}
    
    .productspace {
    padding: 20px 0;
}
    
    .content-bx-abt h2 {
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
    color: #423F3F;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 100%;
}
    
}

.content-bx-abt  .form-group label {
    display: inline-block;
    margin-bottom: 0;
    color: #7d7c7c;
    font-size: 13px;
    font-weight: 500;
}

.flx-ppts-btn0uter{
      margin: 20px 0;
}

.flx-ppts {
    display: flex;
    align-items: center;
  
}
.flx-ppts .form-control{
    margin-right: 10px;
    
}

.capchaimg{
    width: 100px;
    height: 40px;
    background: #eee;
}

.flx-ppts-btn0uter  .readmorebuttons {
    position: relative;
    padding: 0px 0;
    float: right;
    min-width: 150px;
}

.flx-ppts-btn0uter .readmorebuttons button {
    position: relative;
    color: #ffffff !IMPORTANT;
    padding: 6px 20px;
    background: #423f3f;
    font-size: .9em;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    text-align: center;
    outline: none;
    font-weight: 500;
    width: 100%;
    height: 40px;
}

.flx-ppts-btn0uter .readmorebuttons button  span{
       color: #ffffff !IMPORTANT;
}
.submenuproduct {
    position: relative;
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid #eee;
    margin-top: 53px;
    padding: 8px 0;
    -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.product-list-newstyle  .container-fluid ,
.submenuproduct  .container-fluid {
    max-width: 100%;
    padding: 0 24px;
}

.submenuproduct  h3{
 font-size: 1em;
        color: #000;
    -webkit-transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    font-weight: 600;
    margin: 0;
}
.submenuproduct  ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.submenuproduct  ul li{
    display: inline-block;
    padding: 0 15px;
}
.submenuproduct  ul li:last-child{
    padding-right: 0;
}
.submenuproduct  ul li a{
    font-size: 14px;
    color: #111;
    text-decoration: none;
}
.submenuproduct  ul li a:hover{
    opacity: .7;
}

.product-list-newstyle {
    padding: 50px 0;
}

.product-list-newstyle h1{
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: #423F3F;
    font-size: 80px;
    line-height: 1;
    letter-spacing: -2px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.product-list-newstyle h1 span{
    font-size: 18px;
    letter-spacing:1px;
    margin-bottom: 10px;
}
.img-bx-new{
    position: relative;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-bx-new img{
    max-width: 100%;
}

.textbignew {
    color: #888;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;}


body .navik-header.sticky.removefix-top {
    position: relative;}


.fixed-sub {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
        margin: 0;
    z-index: 100;
    background: #fff;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.techspaces{
    position: relative;
  
    
}
.techlist-br{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
      padding: 50px 0;
}

.img-techspace2{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.img-techspace{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.img-techspace img{
    max-width: 100%;
}

.techlist-br h5 {
    color: #1d1d1f;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 600;}

.price-tech{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.price-tech span i{
     color: #1d1d1f;
}
.price-tech span{
    color: #1d1d1f;
    font-size: 18px;
    min-width: 200px;
}

.item-imgs-sp{
    display: flex;
    flex-direction: column;
        margin-right: 10px;
}

.item-imgs-sp  h5 {
    color: #1d1d1f;
    font-size: 15px;
    line-height: 1.16667;
    font-weight: 400;}
.color-bx-outer{
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}
.sizeweight-img{
    position: relative;
    width: 100%;
    
}

.sizeweight-img img{
    max-width: 100%;
}

ul.list-dot{
    margin: 0;
    padding: 0;
}

ul.list-dot li{
    display: block;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}
ul.list-dot li:after {
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    background: #616162;
    top: 8px;
    border-radius: 50%;
}

.itemlist-with-img{
    display: flex;
    flex-direction: column;
    
}

.itemlist-with-img img{
    max-width: 100px;
}

.inthebxoimg {
    position: relative;
    margin-bottom: 10px;
}
.inthebxoimg  img{
    max-width: 100%;
}

.bgcordarkswhite{
    background: #000;
}
.bgcordarkswhite h2{
    color: #fff;
}

.right-image-section.bgcordarkswhite p {
    color: #d9d6d6;}
.slick-slide.slick-current.slick-active .thumbnail-image {
   
    border-left: 2px solid #000;

}

@media (min-width: 768px){
.row.mbl-dir.flexbxds {
    min-height: 80vh;
}

.row.mbl-dir.flexbxds   .img-centers {
    text-align: center;
    display: flex;
}

.row.mbl-dir.flexbxds   .text-md-left {
    text-align: left!important;
    display: flex;
}
    
}

.submenuproduct ul li a.active {
     pointer-events: none;
    opacity: .3;
}
.section-new-center-bx{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.divjusty{
      display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.section-new-center-bx h2{
margin: 0;
    padding: 0;
    max-width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-size: 3rem;
    font-weight: 700;
        color: #ff6700;
}

.innerbanner-absico.imgcenteinnerbanner h3{
    position: absolute;
    top: 0;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    right: 0;
    max-width: 100%;
}
.innerbanner-absico.imgcenteinnerbanner h2{
    position: absolute;
    top: 0;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    right: 0;
    max-width: 100%;
}

.innerbanner-absico.imgcenteinnerbanner .col-md-8.col-lg-8.mx-auto {
    text-align: center;
}
.innerbanner-absico.imgcenteinnerbanner img {
    max-width: 400px;
    margin: auto;
}
body .abseco-brandcolor{
    color: #ff6700;
}


@media (min-width: 1200px){
.navik-header-container  .logo {
    position: relative;
    top: 45%;}
}

.faq {
    position: relative;
    width: 100%;
    border-top: 1px solid #eee;
    /* float: left; */
    margin-top:55px;
    padding: 0;
	padding-bottom: 50px;
	
	
}
.faq-lists {
    
    flex: 0 0 auto;
    flex-grow: 0;
    flex-shrink: 0;
    height: calc(100vh - 100px);
    overflow-y: auto;
    position: sticky;
    top: -1px;
    
}

.faq-lists ul {
	
    padding: 0;
    margin: 0;
    border-right: 1px solid #eee;
	padding: 10px;
	top: 55px;
}

.faq-lists  ul li{
	list-style: none;
	margin: 0px 0 5px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #eee;
	border-left: 0;
	border-right: 0;
	
}

.faq-lists  ul li a{
	font-weight: 500;
    color: #a09c9c;
    font-size: 16px;
	text-decoration: none;
	
}
.faq-lists  ul li a.active {
    color: #ff8a3b;
}
.faq-lists  ul li a:hover{
    color: #ff8a3b;
}
.faq-lists  ul li ul{
	margin: 0;
	padding-left: 20px;
	border: 0;
}

.faq-lists  ul li ul li{
	border: 0;
    margin: 0;
		padding: 2px 0 2px;
}

.faq-lists  ul li ul li a {
    font-weight: 400;
    color: #a09c9c;
    font-size: 14px;
}
.faq-dtls{
	padding: 0 100px;
	padding-top: 40px;
	background-color: white;
}	
.faq-dtls a.active {
    color: #ff6700;	
}
.faq-dtls img{
	max-width: 50%;
}
.faq-dtls .justify-content-center{
	padding: 20px 50px 30px;
}

.faq-dtls h6 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 30px;
}
.faq-dtls ul{
	margin-bottom: 20px;
}
.faq-dtls li{
	padding: 10px 0;
	    list-style-type: disc;
}
@media (max-width: 992px){
.faq-dtls{
	padding: 0 10px;
	padding-top: 40px;
}
	
.faq-dtls .justify-content-center{
	padding: 20px 10px 30px;
}	
.faq {
    position: relative;
    width: 100%;
    border-top: 1px solid #eee;
    /* float: left; */
	
    margin-top: 12px;
    padding: 0;
}
	
.faq .row {

    width: 100%;
}	
	
	
}

@media (max-width: 768px){
    
.faq-lists ul {
     border-right: 0px solid #eee;}	
	
	
	
 .rightfooter {
    display: block;
    align-items: center;
    justify-content: flex-end;
    min-height: 50px;
}   
.rightfooter a {
    color: #666;
    text-decoration: none;
    padding-left: 0px;
    font-size: 11px;
    margin-right: 10px;
}
    
.footer-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    margin-top: 20px;
}    
    
    .max-wdth500px h2 {
    font-size: 35px;
    color: #423f3f;
    font-weight: 700;
}
 .innerbanner-absico.imgcenteinnerbanner img {
    max-width:80%;
    margin: auto;
}   
    
  .innerbanner-absico.imgcenteinnerbanner .col-md-6{
    text-align: center;
}   
    
.innerbanner-absico.imgcenteinnerbanner h2 {
    position: relative;
    top: 7px;
    padding-bottom: 20px;}    
    
.navik-header .navik-menu {
    float: left;
    clear: inherit;
    padding-left: 0px;
    width: 100%;
}
  .headr-abseco .navik-menu>ul>li>a {
    position: relative;
    box-sizing: border-box;
    height: 40px;
    padding: 0 20px 0 0px;
      line-height: 42px;}  
    
    .navik-menu .mega-menu-container {
    padding: 15px 0px 0;
}
 .navik-menu.submenu-top-border li>ul {
    border-top: 0px solid #ff6700;
}   
    
 .innerbanner-absico h2 {
    text-transform: capitalize;
    color: #423F3F;
    text-align: left;
    margin: 0;
    padding: 0;
    max-width: 500px;
    text-align: center;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
}   
 .innerbanner-absico {
    position: relative;
    min-height: auto;
    background-position: center top;
    background-size: cover;
    width: 100%;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}
.dflx-aspsico h5 {
    font-size: 15px;
}   
    
}
#accordion{
    margin-bottom: 100px;
}
#accordion p {
    color: #828286;
    font-size: .9em;
    line-height: 26px;
}

#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
border-bottom: 1px solid #bfbcbc;
  text-decoration: none;
    text-align: left;
    padding-left: 40px;
      color: #121;
    font-size: 18px;
    font-weight: 400;
}
#accordion h4.panel-title {
    position: relative;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #fff;
  color: #121;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
   color: #ccc6c6;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {


  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
     color: #000;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
    position:absolute;
    left: 10px;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #ccc6c6;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}