@font-face {
  font-family: Eastman-Grotesque-Bold-trial;  
  src: url(../font/Eastman-Grotesque-Bold-trial.otf);  
}
@font-face {
  font-family: Eastman-Grotesque-Regular-Offset-trial;  
  src: url(../font/Eastman-Grotesque-Regular-Offset-trial.otf);  
}
@font-face {
  font-family: Inter_18pt-Bold;  
  src: url(../font/Inter_18pt-Bold.ttf);  
}
@font-face {
  font-family: Inter_18pt-Regular;  
  src: url(../font/Inter_18pt-Regular.ttf);  
}
@font-face {
  font-family: Alatsi-Regular;  
  src: url(../font/Alatsi-Regular.ttf);  
}
@font-face {
  font-family: Anton-Regular;  
  src: url(../font/Anton-Regular.ttf);  
}
@font-face {
  font-family: Eastman-Grotesque-Light-trial;  
  src: url(../font/Eastman-Grotesque-Light-trial.otf);  
}


body{ overflow-x: hidden; font-family: Inter_18pt-Regular; color: #000;}


ul{text-orientation: none; list-style-type: none; margin: 0; padding: 0;}
section{position: relative; padding-top: 100px; padding-bottom: 100px; border-bottom:1px solid #ddd;}
.big-title{font-size: 80px; font-weight: 800; font-family: Eastman-Grotesque-Bold-trial; }
.small-title{font-size: 50px; font-weight: 800; font-family:Eastman-Grotesque-Bold-trial; }

.main-button{width: 240px; height: 70px; background-color: #4bb8b5; text-align: center; color: #fff; font-weight: 400; border-radius: 0; font-size: 30px; transition: all,0.5s; font-family: Alatsi-Regular;}
.main-button:hover{transition: all,0.5s; background-color: #f4d94c; color: #fff;}

.btn-arrow{background-color: #4bb8b5; padding: 0; overflow: hidden; position: relative; width: 79px; height: 70px; padding: 0; border-radius: 0; margin-left: 3px!important;}
.btn-arrow:hover{transition: all,0.5s; background-color: #f4d94c; color: #fff;}
.btn-arrow img{ width: 78px; height: 121px; left: 0; position: absolute; transform: rotate(-51deg); top: -25px;}
.yellow-button{background-color: #f4d94c; color: #fff}

/*navigation section*/
.custom-navbar.navbar-dark.bg-dark{background-color: #212529!important; padding-top: 5px;padding-bottom:5px;} 
.custom-navbar.navbar-dark.bg-dark .navbar-brand img{width: 100px; height: auto;}
.custom-navbar .collapse.navbar-collapse{justify-content: right;color: #FFFFFF;}
.custom-navbar .collapse.navbar-collapse .d-flex span{font-size: 40px!important;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1021; top: 0; right: 0; background-color: #4bb8b5; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 0; right: 20px; font-size: 50px; margin-left: 50px; color: #fff;}
.sidenav .top-hemberger{margin-top: 40px;}
.sidenav .top-hemberger li a{color: #ffffff;}
.sidenav .top-hemberger li a{border-bottom: 1px solid #208784;}
.sidenav .top-hemberger li:last-child a{border-bottom: transparent;}
#mySidenav.main-nav-show{display: block !important;}
#mySidenav.main-nav-hide{display: none !important;}
/*-----------------*/

/*new nav bar*/

.navbar-nav>li {/* width: 25%; */
  text-align: right;padding:0 25px;display: inline-block;
  vertical-align: top;
  float: none;
}
.navbar-nav>li>a {
  padding: 0px 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff !important;
  font-weight: bold;
}
.navbar-nav>li>a {
  color: #ffffff;
}
.navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #8852d2;
}
  .navbar-nav .dropdown {
        position: static;
    }
    .navbar .dropdown-menu {
        display: block;
        opacity: 0.4;
        visibility: hidden;
        min-width: 260px;
        transform: scale(1, 0);
        transform-origin: 0 0;
    }
    .navbar.menu-top .dropdown-menu {
        transform-origin: 100% 100%;
    }
    .dropright .dropdown-menu {
        display: block;
        opacity: 0.4;
        visibility: hidden;
        transform: scale(0, 1);
        transform-origin: 0 0;
    }
    .navbar-nav .dropdown:hover>.dropdown-menu,
    .dropright:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
.dropdown-item:focus, .dropdown-item:hover{background-color: unset;outline: none;}
a.menu-single-item:before{
  content: "\A";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #212529;/*#b83b3b;*/
    display: inline-block;
    margin-right: 5px;}

i.arrow.right {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    display: none;
}
.mega-menu-custom {left: 0;right: 0;padding: 15px;padding-top: 0;min-height: 100%;}
.mega-menu-main-title {text-align: center;font-weight: bold;font-size: 25px;margin: 20px;}
.mega-menu-sub-title {text-align: left;font-weight: bold;font-size: 18px;}
/* slider section*/
.slider-section{margin-top:0px; height: 100vh;width: 100vw;}
.slider-section .baSlider.demo1{margin-top: -5%;height: 100vh;width: 100vw;}
  .slider-section .baSlider.demo1 .frame .before svg{text-align: center!important;}
/* End slider-section */
/*investment section*/

.investment-robotics{position: relative; display: block;border-bottom: 0px;padding-bottom: 0px;}
.investment-robotics .sub-title{font-size: 25px; font-weight: 600; margin-top: 80px; line-height: 31px; margin-bottom: 20px; font-family: Inter_18pt-Bold;}
.investment-robotics .details{width: 350px; text-align: justify;}
.investment-robotics .invest-inner{position: relative; display: block;z-index: 5;}
.investment-robotics .co-image{width: 500px; height: 500px; display: flex;}
.investment-robotics .co-image img{width: 100% !important; height : auto !important; align-self: center;}
.investment-robotics .invest-inner.robits-automation{text-align: right;}
.investment-robotics .invest-inner.robits-automation .details{text-align: right; float: right;}
.investment-robotics .invest-inner.robits-automation .co-image{left: 0; top: 150px;}
.investment-robotics .invest-inner.robits-automation .small-title span{color: #f4d94c;}
.investment-robotics .content-details{position: relative;} 
.investment-robotics .content-details .left-arrow-top{position: absolute; top: 17px; width: 40px; height: 80px; left: -64px;}
.investment-robotics .content-details .right-arrow-top{position: absolute; top: 17px; width: 40px; height: 80px; right: -64px; transform:scaleX(-1);}
/*-----------------*/

.precision-innovation{position: relative; display: block;}
.precision-innovation:after{content: ''; width: 280px; height: 100%; background-color: #4bb8b5; position: absolute; top: 0; left: 50%; z-index: -1;}
.precision-innovation .precision-inner{position: relative; display: block;}
.precision-innovation .precision-inner .big-title span{background-color: #fff; padding: 0 10px 10px 0px;}
.precision-innovation .precision-inner .content-details .details{font-size: 24px; font-weight: 500; margin-bottom: 60px;}
.precision-innovation .precision-image{width: 500px; height: auto; margin-top: 60px;}
.precision-innovation .precision-image img{width: 100%; height: auto;}


.transform-innovation{position: relative; display: block; margin-top: 100px;}
.transform-innovation .transform-inner{text-align: right; margin-top: 160px;}
.transform-innovation .transform-image{width: 500px; height: auto; margin-top: 55px;}
.transform-innovation .transform-image img{width: 100%; height: auto;}
.transform-innovation .transform-inner .big-title span{background-color: #fff; padding: 15px 0 15px 15px;}
.transform-innovation .transform-inner .content-details .details{font-size: 24px; font-weight: 500;}
.transform-innovation:after{content: ''; width: 280px; height: 700px; background-color: #f4d94c; position: absolute; top: -100px; left: 30%; z-index: -1;}

.gallery-container {position: relative; /*width: 1200px; */height: 80vh; display: flex; justify-content: space-between; }
.gallery-container .swiper-slide img{width: 100%; height: 100%!important; cursor: pointer;}
.gallery-container .gallery-thumbs .swiper-slide img{border: 2px solid #4bb8b5; padding: 8px;}
.gallery-container .gallery-thumbs .swiper-slide img:hover,
.gallery-container .gallery-thumbs .swiper-slide-thumb-active img{border: 2px solid #4bb8b5;  background-color: #4bb8b5; transition: all,0.5s;}
.gallery-main {width: 66%; height: 80vh; box-shadow: 0 50px 75px 50px rgba(#1e1e1e, 0.18); border: 1px solid #e9e9e9; overflow-x: hidden;}
.swiper-slide{margin-bottom: 39px; display: flex;}
.swiper-slide:last-child{margin-bottom: 0;}
.swiper-button { &-prev, &-next { position: absolute; bottom: 0; right: 0; top: auto; left: auto; height: 75px; width: 40px; color: #e9e9e9; background: #1e1e1e; &::after {
        font-size: 12px;
      }
    }
    &-prev {right: 40px; border-right: 1px solid #e9e9e9;
    }
  }
}

.gallery-title {position: absolute;top: 15px;right: 15px;font-family: "Epilogue", sans-serif; font-size: 50px; font-weight: 700; text-align: right; text-transform: uppercase; text-shadow: 0 0 20px rgba(#000, 0.3); color: #ffffff;

  .swiper-slide-active & {
    animation: slide-in 0.3s ease-in both;
  }
}
.gallery-thumbs {order: 1; width: 34%; height: 664px;}

  .swiper-slide {
    img {
      transition: 0.3s;
    }

    &-active {
      opacity: 0.9;
    }

    &-thumb-active {
      opacity: 1;

      img {
        margin-left: -15px;
      }
    }
  }
}


@keyframes slide-in {
  from {
    opacity: 0;
    right: -50%;
  }
}

.swiper-slide .r-content{margin-left: 42px; align-self: center; position: relative;}
.swiper-slide .r-content:after{content: ''; position: absolute; width: 10px; height: 125px; background-color: #4bb8b5; left: -24px; top: 6px;}
.swiper-slide .r-content .title{font-weight: 800; display: block; width: 250px; font-family: Eastman-Grotesque-Bold-trial;}
.swiper-slide .r-content .content{margin-bottom: 0;height: 195px;overflow: hidden;}
.slider{ padding-bottom: 0px; /*margin-top: 60px; padding-top: 160px; padding-bottom: 60px;*/ border-top: 1px solid #ddd;}
.slider .about-title{height: 90vh; display: table; width: 100%;}
.slider .about-title .about-inner{display: table-cell; vertical-align: middle;}
.slider .about-title .about-inner .title{display: inline-block; float: right; position: relative; background-color: #fff; padding:15px; font-family:Eastman-Grotesque-Regular-Offset-trial;}
.slider .about-title .about-inner .title:after{content: ''; width: 242px; height: 200px; background-color: #f4d94c; position: absolute; left: -159px; top: -50px; z-index: -1;}
.swiper-button-prev{right: 275px; top: -42px; left: inherit;display: none;}
.swiper-button-next{left: 275px; top: -42px; left: inherit;display: none;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/* About Sections */

.about_work{position: relative; display: block;border: 0px;}
.about_work .about-main{width: 100%; display: block; margin-top: 100px;}
.about_work .about-main li{display: inline-block; margin:10px; width: 30%;height: 335px;vertical-align: top;}
.about_work .title{position: relative; display: inline-block; width: 700px; font-size: 50px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #333; font-family: Eastman-Grotesque-Regular-Offset-trial;  }

.about_work .icon-container{position: relative; display: block; text-align: center;}
.about_work .icon-container img{width: auto; height: 80px; transition: all,0.5s; transform: inherit;}
.about_work .icon-container:hover img{width: auto; height: 80px; opacity: 0.2; transition: all,0.5s; transform: scale(1.1);}
.about_work .icon-container .indu-name{display: block; margin-top: 20px; font-size: 24px; font-weight: 400;}
.about_work .icon-container p.content{text-align: justify;}
/*-------------------------*/


/*industries section start*/

.industries_work{position: relative; display: block;}
.industries_work .industries-main{width: 100%; display: block; margin-top: 100px;}
.industries_work .industries-main li{display: inline-block; margin:10px; width: 12%;}
.industries_work .title{position: relative; display: inline-block; width: 875px; font-size: 50px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #333; font-family: Eastman-Grotesque-Regular-Offset-trial;  }

.industries_work .icon-container{position: relative; display: block; text-align: center;}
.industries_work .icon-container img{width: auto; height: 80px; transition: all,0.5s; transform: inherit;}
.industries_work .icon-container:hover img{width: auto; height: 80px; opacity: 0.2; transition: all,0.5s; transform: scale(1.1);}
.industries_work .icon-container .indu-name{display: block; margin-top: 20px; font-size: 24px; font-weight: 400;}

/*-------------------------*/

/*stats and facts*/
.stats-facts{position: relative; display: block; width: 100%; height: auto; /*background-image: url(../images/slide_1.png); background-repeat: no-repeat; background-size: cover;*/ padding-top: 0; padding-bottom: 0;}
.stats-facts .overlay {position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7);} 
.stats-facts .stats-container{position: relative; display: block; padding: 132px; background-color: #fff; /*margin:300px 0;max-height: 600px; min-height: 600px;*/}
.stats-facts .stats-container.stats{background-color: #2a2927; padding: 180px 45px; text-align: center;}
.stats-facts .container-fluid .row .col-md-6{padding-left: 0!important; padding-right: 0!important;}
.stats-facts .stats-container .counter-inner{position: relative; width: 100%; display: inline-block;}
.stats-facts .stats-container .counter-inner li {display: flex; color: #fff; float: left; font-size: 40px; color: #fff; font-weight: 500; text-align: left; margin-bottom: 50px; height: 130px; margin: 0 30px;}
.stats-facts .stats-container .counter-inner li:nth-child(3),
.stats-facts .stats-container .counter-inner li:nth-child(4){margin-bottom: 0;}
.stats-facts .stats-container .counter-inner li div.number{color: #4bb8b5; font-weight: 900;  position: relative; font-size: 70px; align-self: center; margin-right: 30px; width: 120px;  font-family: Anton-Regular; }
.stats-facts .stats-container .counter-inner li:nth-child(1) div.number:after{ position: absolute; content: '+'; top: -9px; right: -20px; font-size: 74px; color: #4bb8b5;}
.stats-facts .stats-container .counter-inner li:nth-child(2) div.number:after{ position: absolute; content: '+'; top: -9px; right: 10px; font-size: 74px; color: #4bb8b5;}
.stats-facts .stats-container .counter-inner li:nth-child(3) div.number:after{ position: absolute; content: '+'; top: -9px; right: 8px; font-size: 74px; color: #4bb8b5;}
.stats-facts .stats-container .counter-inner li:nth-child(4) div.number:after{ position: absolute; content: 'nd'; top: -8px; right: 5px; font-size: 74px; color: #4bb8b5;}
.stats-facts .stats-container .counter-inner li span{line-height: 43px; align-self: center; font-family: Eastman-Grotesque-Bold-trial;}
.stats-facts .stats-container .title{font-size: 50px; margin-bottom: 10px; margin-top: 20px;}
.stats-facts .stats-container .title strong{font-family: Eastman-Grotesque-Bold-trial;}
.stats-facts .stats-container .content{font-size: 20px;}
/*----*/

/*inestment casting section start*/
.investment-cast{position: relative; display: block;}
.investment-cast:after{position: absolute; content: ''; bottom: 0; width: 100%; height: 300px; background-color: #4bb8b5; z-index: -1;}
.investment-cast .investment-left-con{position: relative; display: block; margin-top: 200px;}
.investment-cast .investment-left-con .title{ font-family: Eastman-Grotesque-Regular-Offset-trial; font-size: 60px; display: inline-block; margin-top: 30px;}
.investment-cast .investment-left-con .title strong{ font-family: Eastman-Grotesque-Bold-trial;  font-size: 60px; font-style: italic;}
.investment-cast .investment-left-con .title span{font-size: 27px; float: right;}
.investment-cast .investment-left-con .title.sec-title{margin-top: 70px; color: #fff; text-shadow: 0px 0px 5px  #222;}
.investment-cast .investment-img{position: relative; display: block; width: 500px; height: auto; float: right;}
.investment-cast .investment-img img{width: 100%; height: auto;}
/*inestment casting section end*/

/*inestment casting section start*/
.global-presence{position: relative; display: block;border-bottom: 15px solid #4bb8b5;height: 90vh;padding-top:0px; }
/*.global-presence:after{position: absolute; content: ''; bottom: 0; width: 100%; height: 300px; background-color: #4bb8b5; z-index: -1;}*/
.global-presence .investment-left-con{position: relative; display: block; margin-top: 75px;}
/*.global-presence .investment-left-con .title{ font-family: Eastman-Grotesque-Regular-Offset-trial; font-size: 60px; display: inline-block; margin-top: 30px;}*/
.global-presence .investment-left-con .title strong{ font-family: Eastman-Grotesque-Bold-trial;  font-size: 85px;}
.global-presence .investment-left-con .title span{font-size: 27px; float: right; margin-top: 20px;}
.global-presence .investment-left-con .title.sec-title{margin-top: 70px; color: #fff; text-shadow: 0px 0px 5px  #222;}
.global-presence .investment-img{position: relative; display: block; width: 500px; height: auto; float: right;}
.global-presence .investment-img img{width: 100%; height: auto;}
.global-presence-map{padding: 0px;}
.global-presence-map img{width: 100%; height: auto;}
/*inestment casting section end*/

/*investment product start*/
/*----------*/



/*clients section start*/
.clients{position: relative; display: block;}
.clients .small-title{display: inline-block; position: relative; float: right;}
.clients .small-title:after{position: absolute; content: ''; left: -166px; height: 1px; width: 150px; background-color: #333; top: 32px;}
.clients .client-logos{position: relative; display: table; width: 100%; margin: 0 -30px; margin-top: 150px;}
.clients .client-logos li{width: 20%; float: left; height: 1px; margin-bottom:150px; text-align: center;}
.clients .client-logos li:last-child{margin-top: 200px;}
.clients .client-logos li img{width: 150px; height: auto; filter: grayscale(100%); transition: all,0.5s;}
.clients .client-logos li img:hover{filter: inherit; transition: all,0.5s;}
/*-----*/

.ab-logo .small-title{display: inline-block; position: relative; float: right; }
.ab-logo .small-title:after{position: absolute; display: none; content: ''; left: -166px; height: 1px; width: 150px; background-color: #333; top: 32px;}

.our_products_slider{position: relative; display: block;}
.our_products_slider .pr-s-main{position: relative; display: block; width: 300px; background-color: #d3edec; margin: 0 auto;}
.our_products_slider .pr-s-main .pr-img{width: 100%; height: auto; display: block; margin: 0 auto;  padding: 10px;}
.our_products_slider .pr-s-main .pr-img img{width: 100%; height: auto;}
.our_products_slider .pr-s-main .cr-name {display: block; text-align: center; padding: 15px 5px; background-color:#b8dbe1; color: #000; margin-top: 0px; text-decoration: none; font-size: 18px;}
.our_products_slider .owl-carousel .owl-nav button.owl-prev{top: 35%; position: absolute; left: -6%;}
.our_products_slider .owl-carousel .owl-nav button.owl-prev img{width: 30%;}
.our_products_slider .small-title{font-size: 30px; font-weight: 200; text-align: center; float: inherit; display: block; font-family: Inter_18pt-Bold; margin-bottom: 50px;}
.our_products_slider .small-title:after{display: none;}


.our_products_slider .owl-carousel .owl-nav button.owl-next{top: 35%; position: absolute; right: -6%;}
.our_products_slider .owl-carousel .owl-nav button.owl-next img{width: 30%;}


.about-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
/*  justify-content: space-between;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:0px;
/*  margin-top: 65px;*/
margin-top: 50px;
}
.about-logo {
/*  margin-bottom: 30px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);*/
  -webkit-transition: -webkit-filter .3s ease;
  transition: -webkit-filter .3s ease;
  transition: filter .3s ease;
  transition: filter .3s ease, -webkit-filter .3s ease
}

/*.about-logo:focus, .about-logo:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}*/
.about-logo {
  width: 10%;
  padding: 2px;
  background: #f9f9f9;
  line-height: 0;
}
.about-logo > img {
      height: auto;
    max-width: 100%;
    pointer-events: none;
}

/*exibition section start*/

.exibition-sec{position: relative; display: block;}
.exibition-sec .exibition-main{margin-top: 100px;}
.exibition-sec .small-title{display: inline-block; position: relative; float: right; font-family: Eastman-Grotesque-Light-trial;background-color: #FFF;padding-right: 2%;}
.exibition-sec .small-title:after{position: absolute; content: ''; right: -45%; height: 110px; width: 580px; background-color: #f4d94c; top: -45%; z-index: -1;}
.exibition-sec .ex-image {width: 100%; height:400px; overflow: hidden; vertical-align: middle;}
.exibition-sec .ex-image img{width: auto; height: 100%; transition: all,5s;}
.exibition-sec .ex-image:hover img{width: auto; height: 100%; transform: scale(1.2); transition: all,5s;}
.exibition-sec .ex-image.ex-img-2{width: 100%; height: 500px; overflow: hidden; margin: 0 auto}
.exibition-sec .ex-image.ex-img-2 img{width: auto; height: 100%;}
.exibition-sec .exibition-main .col-md-3{align-self: center;}
/*-----------------------*/

/*market place section*/

.market-place{position: relative; display: block;}
.market-place .small-title{text-align: center; font-weight: 400;  font-family: Inter_18pt-Regular;  }
.market-place .plane{width: 100%; height: auto; margin: 30px auto;}
/*-----------*/

/*event section*/
.exibition-sec.event-ing{position: relative; display: block;}
.exibition-sec.event-ing .ex-image{width: 100%; height: 100%;}
.exibition-sec.event-ing .ex-image img{width: 100%; height: auto;}
.exibition-sec.event-ing .ex-product{margin-top: 150px;}

/*footer section start*/
footer{position: relative; display: block; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #ddd;}
footer .footer-inner{position: relative; display: block;}
footer .footer-inner .title{font-size: 35px; font-weight: 400; margin-bottom: 20px;}
footer .footer-inner .footer-listing{width: 100%; position: relative;}
footer .footer-inner .footer-listing li{width: 100%; display: block;}
footer .footer-inner .footer-listing li a{color: #333; text-decoration: none; font-size: 20px;}
footer .footer-inner .social-listing{display: flex; text-align: center; margin: 0 -20px;}
footer .footer-inner .social-listing li{width: 50px; height: 50px; margin: 0 1px;}
footer .footer-inner .social-listing li a img{width:100%; height: auto;}
footer .footer-inner .member-list{display: flex; margin: 20px -10px;}
footer .footer-inner .member-list li{margin:0 10px;}
footer .footer-inner .addresss{margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 20px;}
footer .footer-inner .logo-sider{position: absolute; width: 5px; height: 100%; left: -50px; top: 0; background-color: #333;}
footer .copy-right{font-size: 20px; font-weight: 400; margin-top: 20px;}
footer .footer-inner a {text-decoration: none;color: #000;}

@media only screen and (max-width: 391px){}

.pin:hover .pin-content {display: block;}
.pin {position: absolute;height: 30px;width: 30px;background: url(../images/pin.png) center center no-repeat;background-size: contain;z-index: 99;}
.pin-content {display: none;position: relative;width: 400px;height: auto;z-index: 999;}
.pin.pin-1 {top: 229%;left: 19%;}
.pin.pin-2 {top: 245.5%;left: 21.8%;}
.pin.pin-3 {top: 245.5%;left: 24.4%;}
.pin.pin-4 {top: 245.5%;left: 25.15%;}
.pin.pin-5 {top: 252.22%;left: 67%;}
.pin.pin-6 {top: 247%;left: 69.5%;}
.pin.pin-7 {top: 251.2%;left: 69%;}
.pin.pin-8 {top: 251.8%;left: 69.7%;}
.pin.pin-9 {top: 250.9%;left: 71%;}
.pin.pin-10{top: 256%;left: 72.4%;}
.pin.pin-11{top: 249%;left: 73.5%;}
.pin.pin-12{top: 251.75%;left: 75.55%;}
.pin.pin-13{top: 245.7%;left: 76.5%;}
.pin.pin-14{top: 250.15%;left: 79.35%;}
.pin.pin-15{top: 249.7%;left: 76.4%;}

.pin-content .pin-content-tooltip {position: absolute;background-color: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, 0.588);padding: 20px;z-index: 10;}
.pin-content .pin-content-tooltip h5 {font-weight: 700;}
.pin-content .pin-content-tooltip hr {border: none;box-sizing: border-box;height: 2px;background-color: var(--primary-color);margin: 5px 0;padding: 0;}
.pin-content .pin-content-tooltip p {font-size: 16px;line-height: 20px;margin: 5px 0;}
.left-tooltip {top: 50%;left: 50px;}
.left-tooltip:after {position: absolute;content: url(../images/left-right-triangle.png);top: 50%;left: -25px;}
.right-tooltip {top: 50%;transform: translateY(-50%) translateX(-100%);right: 20px;}
.right-tooltip:after {position: absolute;content: url(../images/right-left-triangle.png);top: 50%;right: -25px;}

/*about casting section start*/
.about-contianer{position: relative; display: block;}
.about-contianer:after{position: absolute; content: ''; bottom: 0; width: 100%; height: 75px; background-color: #4bb8b5; z-index: -1;}
.about-contianer .pr-button{position: relative;margin-top: 20px;text-decoration: none;display: inline-block;width: 250px;padding: 10px;background-color: #000;color: #fff;font-size: 25px;text-align: center;font-weight: bold;font-family: 'Eastman-Grotesque-Regular-Offset-trial';border-radius: 10px;margin: 15px;}
.roadmap.roadmap--orientation-vertical .roadmap__events__event{font-size: 20px;}
.strength-contianer h2.title{font-size: 4rem;font-weight: bold;font-family: 'Eastman-Grotesque-Bold-trial';text-align:center;}
.roadmap.roadmap--orientation-vertical{width: 95% !important;}
.roadmap.roadmap--orientation-vertical .roadmap__events{width: 80% !important;max-width: 100% !important;}
.roadmap.roadmap--orientation-vertical .roadmap__events__event{font-size: 20px !important;}
.roadmap.roadmap--orientation-vertical .roadmap__events:after,
.roadmap.roadmap--orientation-vertical .roadmap__events__event:after, 
.roadmap.roadmap--orientation-vertical .roadmap__events__event:before{background-color: #212529 !important;}
/* Events & Exhibitions*/
.exhibitions-contianer{position: relative; display: block;height: 100vh;}
.exhibitions-contianer:after{position: absolute; content: ''; bottom: 0; width: 100%; height: 50%; background-color: #4bb8b5; z-index: -1;}
.exhibitions-contianer h1.title{font-size: 40px;font-weight: bold;font-family:'Inter_18pt-Regular';}
.products-entry.clearfix.product-wapper {width: 100%;padding: 10px;}
.exhibitions-contianer span.small-description{font-size: 20px;font-weight: bold;font-family: 'Inter_18pt-Regular';float: left;}
.exhibitions-contianer .pr-button{position: relative;text-decoration: none;display: block;width: 350px;padding: 10px;background-color: #000;color: #fff;font-size: 35px;text-align: center;font-weight: bold;font-family: 'Eastman-Grotesque-Regular-Offset-trial';border-radius: 10px;float: left;margin: 15px;margin-top: 20px;}
img.post-image {width: 100%;}
h2.product-title {background-color: #000;color: #fff;padding: 10px;}
h2.product-title a{color: #fff;text-decoration: none;font-size: 25px;}
span.price {font-size: 20px;font-weight: bold;font-family: 'Inter_18pt-Regular';}
.image-gallery img{width: 100%;max-height: 300px;border-radius: 50px;padding: 15px;}
/* Upcoming Events & Exhibitions */

.our_exhibition_slider{position: relative; display: block;}
.our_exhibition_slider .pr-s-main{position: relative; display: block; width: 300px; /*background-color: #d3edec;*/ margin: 0 auto;}
.our_exhibition_slider .pr-s-main .pr-img{width: 100%; max-height: 200px; display: block; margin: 0 auto;  padding: 20px;}
.our_exhibition_slider .pr-s-main .pr-img img{width: 100%; height: auto;    max-height: 192px;}
.our_exhibition_slider .pr-s-main .cr-name {display: block; text-align: center; padding: 15px 5px; background-color:#000000; color: #ffffff; margin-top: 20px; text-decoration: none; font-size: 18px;}
.our_exhibition_slider .owl-carousel .owl-nav button.owl-prev{top: 35%; position: absolute; left: -6%;}
.our_exhibition_slider .owl-carousel .owl-nav button.owl-prev img{width: 30%;}
.our_exhibition_slider .small-title{font-size: 30px; font-weight: 200; text-align: center; float: inherit; display: block; font-family: Eastman-Grotesque-Regular-Offset-trial; margin-bottom: 50px;}
.our_exhibition_slider .small-title:after{display: none;}


.our_exhibition_slider .owl-carousel .owl-nav button.owl-next{top: 35%; position: absolute; right: -6%;}
.our_exhibition_slider .owl-carousel .owl-nav button.owl-next img{width: 30%;}



.product-section{position: relative; display: block; padding-bottom: 50px;}
.product-section .product-inner{width: 100%;  overflow: hidden; text-align: center; margin-bottom: 80px;}
.product-section .product-inner .pr-img{position: relative; display: block; width: 200px; height:200px; margin: 0 auto;}
.product-section .product-inner .pr-img img{width: auto; height: 100%;}
.product-section .product-inner .pr-name{position: relative; margin-top: 20px; text-decoration: none; display: block; width: 100%; padding: 10px; background-color: #000; color: #fff; font-size: 18px; font-weight: 400;}
.product-section h2 {text-align: center;}


.product-detail-container{position: relative; display: block;}
/*.product-detail-container:after{position: absolute; content: ''; bottom: 0; width: 100%; height: 300px; background-color: #4bb8b5; z-index: -1;}*/
.product-detail-container .investment-left-con{position: relative; display: block; /*margin-top: 200px;*/}
.product-detail-container .investment-left-con .title{ font-family: Inter_18pt-Regular; font-size: 60px; display: inline-block; margin-top: 30px;}
.product-detail-container .investment-left-con .title strong{ font-family: Inter_18pt-Regular;  font-size: 60px; font-style: italic;}
.product-detail-container .investment-left-con .title span{font-size: 27px; float: right;}
.product-detail-container .investment-left-con .title.sec-title{margin-top: 70px; color: #fff; text-shadow: 0px 0px 5px  #222;}
.product-detail-container .investment-img{position: relative; display: block; width: 100%; height: auto; float: right;}
.product-detail-container .investment-img img{width: 100%; height: auto;}
.product-detail-container .pr-button{position: relative;margin-top: 20px;text-decoration: none;display: block;width: 175px;padding:8px 8px 8px 0px;background-color: #000;color: #fff;font-size: 22px;text-align: center;font-weight: bold;font-family: 'Eastman-Grotesque-Regular-Offset-trial';border-radius: 10px;float: left;margin:5px 5px 5px 0px;}

/*Exhibitoin & Events*/
.ex-container {display: flex;justify-content: space-around;align-items: center;}
.ex-brd-right{border-right: 1px solid black;padding-right: 15px;}
.ex-brd-top{border-top: 1px solid black;}
.ex-image {width: 150px;height: auto;}
.ex-text{text-align: left;padding-left: 17px;color: #046462;font-family: 'Inter_18pt-Bold';    padding-top: 10px;}
.ex-span{color: #212529;}
.ex-qr {width: 100px;height: auto;}
h5.dropdown-title.bottom10.mega-menu-sub-title a{color: #000;text-decoration: none;}