html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Gilroy-medium';
    font-weight: 500;
    -webkit-scroll-behavior: smooth;
    overflow-x: hidden;
    background-color: #ffffff;
}

@font-face {
    font-family: 'Gilroy-bold';
    src: url('./../fonts/Gilroy-Bold.ttf');
}

@font-face {
    font-family: 'Gilroy-extrabold';
    src: url('./../fonts/Gilroy-ExtraBold.otf'); 
    font-weight: 700;
}

@font-face {
    font-family: 'Gilroy-medium';
    src: url('./../fonts/Gilroy-Medium.ttf');
    font-weight: 500;
}


/* common fonts Styles
================================================== */


/* fonts */

.medium {
    font-family: "Gilroy-medium";
}

.bold {
    font-family: 'Gilroy-bold';
}

.extraBold {
    font-family: 'Gilroy-extrabold';
}


/* colors */

.greenColor {
    color: #a8d280;
}

.greenBg {
    background-color: #a8d280;
}

.whiteText {
    color: #ffffff;
}


/* background */

.whiteBg {
    background-color: #ffffff;
}

.darkBg {
    background-color: #231f20;
}

.lightBg {
    background: #f8f8f8;
}


/* headings */


/* common Styles
================================================== */

.bannerTitle {
       font-size: 4rem;
    margin-bottom: 30px;
    color: #fff;
}

.bannerDescription {
    font-size: 1.5rem;
    margin-bottom: 50px;
    color: #fff;
}

.sideVertical {
    position: relative;
    left: 35px;
    top: 15px;
}

.sideVerticalText {
    position: absolute;
    font-size: 2rem;
    left: 0;
    transform: rotate( -90deg) translate(-100%, 0);
    color: #E2E2E2;
    line-height: 1;
    transform-origin: left top;
}

p {
    font-family: "Gilroy-medium";
}


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


/* Border Bottom Button Style*/

.borderBottomlink {
    position: relative;
    font-size: 17px;
    color: #000;
    display: inline-block;
    z-index: 10;
}

.borderBottomlink:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -5%;
    right: 0%;
    top: 15px;
    width: 80%;
    z-index: -10;
    opacity: 1;
    height: 10px;
    background: #a8d280;
}

.borderBottomlink .fa-angle-right:before {
    content: "\f105";
    display: inline-block;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    font-weight: 700;
    margin-left: 10px;
    position: relative;
}

.borderBottomlink:hover {
    color: #000000;
    text-decoration: none;
}


/* Neveah Green/Black Button */

.neveahButton {
    display: inline-block;
    border: none;
    padding: 15px 30px!important;
    background: #a8d280;
     color:#000;
    outline: none;
    font-weight: 700;
    text-align: center;
}
.neveahButton:hover, .neveahButton:focus {
    text-decoration:none;
    color:#000;
}
.neveahButtonBlack {
    display: inline-block;
    border: none;
    padding: 15px 30px!important;
    background: #000;
    color: #a8d280;
    outline: none;
    font-weight: 700;
    text-align: center;
}
.neveahButtonBlack:hover, .neveahButtonBlack:focus {
    text-decoration:none;
    color:#a8d280;
}

/* Back to Top Button */

#backtotopBtn {
    display: inline-block;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 2px solid #a8d280;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 5%);
    border-radius: 0px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
  }
  #backtotopBtn::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: bold; 
    font-size: 1rem;
    line-height: 35px; 
    color: #a8d280;
  }
  #backtotopBtn:hover {
    cursor: pointer;
    background-color: #ffffff;
  }
  #backtotopBtn:active {
    background-color: #ffffff;
  }
  #backtotopBtn.show {
    opacity: 1;
    visibility: visible;
  }
  


/* #Navigation Start
================================================== */

.start-header.bg-light {
    background-color: transparent!important;
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 20px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on.bg-light {
    background-color: #231f20!important
}

.start-header.scroll-on {
    padding: 10px 0;
    top: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    height: 80px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
 
.navPadding {
    padding-left: 50px;
    padding-right: 50px;
}

.navbar {
    padding: 0;
}

.navbar .navbar-brand:focus-visible{
  outline:none;
}

.navbar-brand img {
    height: 80px;
    width: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #ffffff;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #ffffff;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.nav-link {
    color: #ffffff !important;
    font-weight: 700;
}

.nav-link.navBtn {
    color: #000000 !important;
}

.nav-item.active .nav-link {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.nav-link {
    position: relative;
    padding: 10px 0 !important;
    display: inline-block;
}

 .nav-link:hover:after {
    left: 0%;
    right: 0%;
    width: 100%;
    opacity: 1;
}

.nav-link:after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    right: 50%;
    width: 0;
    opacity: 0;
    height: 4px;
    background: #a8d280;
    transition: 0.2s;
}
.dropdown-toggle::after {
    margin-left: 0;
    border-top: none;

}
  
.nav-item {
    position: relative;
}
.dropdown-item {
    position: relative;
}

.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0; 
}
 
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0px, 0);
}

 

.dropdown-menu {
    padding: 20px!important;
    margin: 0;
    font-size: 15px;
    letter-spacing: 1px;
    color: #212121;
    background-color: #ffffff;
    border: none;
    border-radius: 0px;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15); 
}
 
.dropdown-item {
    padding: 10px 15px;
    color: #212121;
    border-radius: 2px; 
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #000;
    background-color: transparent;
    font-weight: bold;
    
}
.navBtn {
    display: inline-block;
    border: none;
    padding: 15px 30px!important;
    background: #a8d280;
    outline: none;
    font-weight: 700;
    text-align: center;
}
 
.dropdown-item:hover::after, .dropdown-item:focus::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 6%;
    right: 0%;
    top: 25px;
    width: 40%;
    z-index: -10;
    opacity: 1;
    height: 5px;
    background: #a8d280;
    
}

  

/* #Media
================================================== */

@media (max-width: 768px) {
    .nav-link {
        font-size: 15px;
    }
    .start-header.bg-light {
        background-color: #231f20!important;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 50px;
    }
    .navbar-brand img {
        height: 50px;
    }
    .pl-5,
    .px-5 {
        padding-left: 1.5rem!important;
    }
    .nav-item:after {
        display: none;
    } 
    .dropdown-toggle::after {
           content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    right: 50%;
    width: 0;
    opacity: 0;
    height: 4px;
    background: #a8d280;
    transition: 0.2s;
    } 
    .dropdown-menu {
        padding: 0 !important;
        background-color: #fff;
        box-shadow: none; 
    }
    .dropdown-toggle[aria-expanded="true"]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    .neveahHead.dark .nav-item::before {
        background-color: #fff;
    }
    .neveahHead.dark .dropdown-toggle::after {
        background-color: #fff;
    }
    .neveahHead.dark .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
    }
    .navPadding {
        padding-left: 15px;
        padding-right: 15px;
    }
        .dropdown-item:hover::after, .dropdown-item:focus::after {
        content: none;
        position: absolute;
        bottom: 0px;
        left: 6%;
        right: 0%;
        top: 25px;
        width: 40%;
        z-index: -10;
        opacity: 1;
        height: 5px;
        background: #a8d280;
        
    }
    

} 
 
/******************************Drop-down menu work on hover**********************************/ 
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{
    display:block;
    
}
.mainmenu .collapse ul ul{
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    display:none; 
} 
.mainmenu .collapse ul ul li{
    position:relative;
}
.mainmenu .collapse ul ul li:hover> ul{
    display:block;
    
}
.mainmenu .collapse ul ul ul{
    position:absolute;
        top: 10px;
    left: 75%;
    min-width: 100px;
    padding: 5px!important;
    display:none;
           box-shadow: none;
    
} 
.mainmenu .collapse ul ul ul li{
    position:relative;
}
.mainmenu .collapse ul ul ul li:hover ul{
    display:block;
}
.mainmenu .collapse ul ul ul ul{
    position:absolute;
        top: -20px;
    left:-100%;
    min-width:250px;
    display:none;
    z-index:1; 
           box-shadow: none;
}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
    padding: 5px 0px 5px 20px;
}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
    padding: 5px 0px 5px 20px;
 
}
}

/* #Navigation End  */


/* #Footer Start  */

.footer {
    background-color: #231f20;
    position: relative;
    z-index: 5;
    color: #fff;
}

.footer:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 70px;
    left: 0;
    width: 50%;
    background: #231f20;
}

#neveahfooter form {
 
    width: 75%;
    margin-top: 5%;
    margin-bottom: 3%; 
    background: #fff; 
    color: #000;
    position: relative;
    border-radius: 0px;
}

#neveahfooter form input[type="email"] {
    border: 0;
    padding: 20px;
    width: calc(100% - 100px);
    box-shadow: none;
}

#neveahfooter form input[type="submit"] {
      position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0; 
    padding: 0 30px;
    background: #a8d280;
    color: #fff; 
    border-radius: 0px;
  
}

#neveahfooter form:focus,
#neveahfooter form:focus-visible {
    outline: none;
}


#neveahfooter form input:focus,
#neveahfooter form input:focus-visible {
    outline: none;
}

.footerCopyright {
        padding: 35px 0px 25px 0px;
    border-top: 1px solid #ddd;
    color: #757575;
}

.footerCopyright a {
    color: #757575;
    text-decoration: none;
}

.rightText {
    text-align: right!important;
}

.leftText {
    text-align: left!important;
}

.footerCopyright .rightText a:after {
    content: '|';
    display: inline-block;
    margin: 0 6px;
    color: #919191;
}

.footerCopyright .rightText a:last-child:after {
    display: none;
}

.footer .fa-angle-right:before {
    content: "\f105";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    font-family: 'fontawesome';
    background: none;
    font-size: 50px;
    padding: 10px 30px;
    background: #a8d280;
    color: #fff;
    border-radius: 0;
}

.footerLogo img {
    width: 50%;
}

.socialIcons {
    margin-top: 5%;
}

.signUpDiv {
    margin-bottom: 2%;
}

.socialIcons a {
    color: #fff;
} 

.socialIcons a i {
    font-size: 30px;
    margin-right: 20px; 
}

.signUpDiv h3 {
    font-weight: 700;
    font-size: 2rem;
}

.socialLinksrow { 
    padding-top: 7%;
    padding-left: 20%;
}

.socialLinksrow a {
    color: #fff;
    text-decoration: none;
       font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
}

.footerPadding {
    padding-left: 65px;
    padding-right: 65px;
}
.footerCopyright .leftText a{
        color: #a8d280;
}
 


/* #Footer End  */


/* Media Section Style */

.mediaSec {
    margin-top: 10%;
    margin-bottom: 15%;
}

.mediaSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.mediaSwiper .swiper-slide.swiper-slide-prev,
.mediaSwiper .swiper-slide {
    opacity: 0.5;
}

.mediaSwiper .swiper-slide.swiper-slide-next {
    opacity: 0.5;
}

.mediaHead {
    padding-left: 75px;
    padding-top: 100px;
    margin-bottom: 100px;
}

.mediaHead h3 {
    font-weight: 700;
}

.mediaSwiperbtn {
    padding-left: 75px;
}

.mediaSwiper .swiper-button-prev,
.mediaSwiper .swiper-button-next {
    border: 2px solid #000;
    padding: 25px;
    border-radius: 50%;
}

.mediaSwiper .swiper-button-prev:after {
    content: 'prev';
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.mediaSwiper .swiper-button-next:after {
    content: 'next';
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.mediaContent {
    padding-top: 10%;
    padding-bottom: 10%;
}

.mediaDate {
    font-size: 20px;
    color: #616161;
}

.mediaContent h3 {
    font-weight: 700;
}


/* banner Start*/

.bannerContainer {
    position: relative;
    height: 100%;
}

.bannerContainer .swiper-container {
    width: 100%;
    height: 100%;
}

.bannerContainer .swiper-slide {
    background-image: url('./../img/Neveah_Home_Assets-02.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
}

.bannerPadding {
    padding: 175px 90px 175px 90px;
}

.bannerTextDiv {
    padding-right: 10%;
}

.noPadding {
    padding: 0;
}

.bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets,
.bannerContainer .swiper-pagination-custom,
.bannerContainer .swiper-pagination-fraction {
    bottom: 135px; 
    left: 75px;
    width: 100%;
}

.bannerContainer .swiper-pagination {
    text-align: left;
}

.bannerContainer .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #fff;
    opacity: 1;
}

.bannerContainer .swiper-pagination-bullet-active {
    background: #a8d280;
}

.bannerImage img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.bannerImage:before {
    content: '';
    position: absolute;
    top: -15px;
    right: -15px;
    background: url('./../img/Neveah_Home_Assets-04Banner.png') no-repeat center center / 100% 100%;
    width: 125px;
    height: 125px;
}

.banner-heading h2 {
    font-size: 5rem;
    font-weight: 700;
    font-family: "Gilroy-extrabold";
}

.banner-description p {
    font-size: 24px;
    padding-bottom: 2%;
}


/* banner End*/


/* who are we
===================== */

.whoWeAre {
    position: relative;
    background-color: #fff;
}

.whoWeAre::before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 99%;
    height: 100px;
    left: 0;
    width: 90%;
    background: #ffffff;
}

.wwaContent {
    position: relative;
    z-index: 2;
    padding-left: 4%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 1%;
    top: -85px;
}

.right-waa {
    position: relative;
    padding-left: 7%;
}

.right-waa h3 {
    font-size: 2.5rem;
    font-family: 'Gilroy-bold';
    color: #000;
}

.right-waa p {
    font-weight: 500;
    font-size: 1.3rem;
}

.side-vertical {
    position: relative;
    left: 35px;
    top: 15px;
}

.side-vertical h2 {
    font-size: 2rem;
    font-family: "Gilroy-bold";
    position: absolute;
    left: 0;
    transform: rotate( -90deg) translate(-100%, 0);
    color: #c2c2c2;
    font-weight: 700;
    line-height: 1;
    transform-origin: left top;
}


/* Our Mission */
/* =========================================================== */
.missionContainer {
    position: relative;
    height: 100%;
}

.missionContainer .swiper-container {
    width: 100%;
    height: 100%;
}

.missionContainer .swiper-slide {
    /*background-color: #231f20;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #ffffff;
}

.missionContainer .swiper-slide::before {
    content: '';
    position: absolute;
    background-color: #231f20;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-bottom: 4%;
}

.missionSpacing {
    padding: 0px 100px 150px 70px;
}

.missionImg { 
    width: 100%;
    position: relative;
}

.missionImg img {
    width:100%;
    position: relative;
}

.missionImg:before {
    content: '';
    position: absolute;
    top: 5%;
    left: 5%;
    height: 100%;
    width: 100%;
    background: url('./../img/missionBackImage.png') no-repeat center center / 100% 100%;
}
.missionLeftImg {
        margin-top: -75px;
       padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 5%;
}
.missionNo {
    font-size: 2rem;
    font-weight: 700;
    color: #a8d280;
    font-family: "Gilroy-extrabold";
}

.missionHeading {
    font-size: 4rem;
    font-weight: 900;
    color: #ffffff;
    font-family: "Gilroy-extrabold";
    margin-bottom: 30px;
}

.missionDescription {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 40px;
    color: #ffffff;
}

.missionContainer .swiper-pagination {
    text-align: right;
}

.missionContainer .swiper-container-horizontal>.swiper-pagination-bullets,
.missionContainer .swiper-pagination-custom,
.missionContainer .swiper-pagination-fraction {
    bottom: 15%;
       left: -25%;
}

.missionContainer .swiper-pagination-bullet-active {
    background: #a8d280!important;
}

.missionContainer .swiper-pagination-bullet {
    width: 35px;
    height: 3px;
    display: inline-block;
    border-radius: 0%;
    background: #fff;
    opacity: 1;
}

.missionContainer .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.missionContainer .swiper-pagination-bullet-active::before {
    color: #a8d280!important;
}

.missionContainer .swiper-pagination-bullet::before {
    color: #ffffff;
}

.missionContainer .swiper-wrapper {
    counter-reset: swiper-slide;
}

.missionContainer .swiper-pagination span::before {
    counter-increment: swiper-slide;
    content: "0" counter(swiper-slide) " ";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    text-align: center;
}

.missionContainer .missionSlider {
    margin-top: 10%;
}

.missionContainer::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    background-color: #231f20;
}

.ourMissionSwiper .swiper-horizontal>.swiper-pagination-bullets, .ourMissionSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .ourMissionSwiper .swiper-pagination-custom, .ourMissionSwiper .swiper-pagination-fraction {
    bottom: 15%;
    left: -25%;
    width: 100%;
}

.bannerSwiper .swiper-horizontal>.swiper-pagination-bullets, .bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bannerSwiper .swiper-pagination-custom, .bannerSwiper .swiper-pagination-fraction {
    bottom: 15%;
    left: 5%;
    width: 100%;
}
.productSwiper .swiper-horizontal>.swiper-pagination-bullets, .productSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .productSwiper .swiper-pagination-custom, .productSwiper .swiper-pagination-fraction {
    bottom: 15%;
    left: -17%;
    width: 100%;
}

/* =========================================================== */



/* company Profile
================================================================= */

.companyLogo {
    width: 400px;
    height: 300px;
    z-index: 1;
    position: relative;
    left: 0px;
    top: 90px;
    background: #ffffff;
}

.companyLogo::before {
    content: '';
    position: absolute;
    right: -20px;
    top: -20px;
    background: url(./../img/Neveah_Home_Assets-08Img.png) no-repeat center center / 100% 100%;
    width: 130px;
    height: 130px;
    z-index: -1;
}

.companyLogo img {
    position: relative;
}

.logo-col {
    position: relative;
    background: transparent;
}

.CompanyDescription {
    background: #a8d280;
    padding-top: 10%;
    padding-left: 20%;
    padding-bottom: 10%;
    height: 100%;
    margin-right: -2%;
}

.CompanyDescription::after {
    content: '';
    width: 10px;
    position: absolute;
    right: 1%;
}

.CompanyDescription h2 {
    font-family: Gilroy-bold;
    font-size: 2.5rem;
    font-weight: 900;
    color: #000;
}

.CompanyDescription p {
    font-family: Gilroy-medium;
    font-size: 1.3rem;
    font-weight: 500;
    margin-right: 25%;
    padding-bottom: 1.5rem;
    color: #000;
}


/* ============================================================== */


/* Get Started  Start*/

.greyBg {
    background: #a8d280  url('./../img/Neveah_Home_Assets-15.svg') no-repeat;
    background-position: bottom;
    position: relative;
}

.greyBg:before {
    content: '';
    position: absolute;
    bottom: 70%;
    height: 380px;
    left: 0;
    width: 40%;
    background: #f8f8f8;
}

.formImage {
    width: 100%;
    position: relative;
}

.formImage img {
    position: relative;
    z-index: 1;
}

.imageColumn {
    padding: 100px 145px 100px 75px;
}

.formColumn {
    padding: 100px;
}

.formImage:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(./../img/Neveah_Home_Assets-16.png) no-repeat center center / 100% 100%;
    right: -7%;
    top: 5%;
}

.getStartForm .form-control {
    color: #000000;
    background-color: #fff;
    background-color: transparent;
    border: 1px solid #ced4da;
    border: none;
    border-bottom: 2px solid #000000;
    border-radius: 0px;
}

.getStartForm .form-control:focus {
    box-shadow: none;
}

.getStartForm .form-group {
    margin-bottom: 2rem;
}

.formHead h3 {
    color: #000000;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 30px;
}

.formHead p {
    color: #000000;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 45px; 
}

.getStartButton {
    padding-bottom: 15%;
}


/* Get Started End*/

.lightBg {
    background: #f8f8f8 url('./../img/Neveah_Media-09.svg') no-repeat;
    background-position: top;
    position: relative;
    color: #000;
}

.neveahTitle {
    font-size: 75px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 150px;
    position: relative;
    padding-left: 100px;
}

.neveahTitle>span {
    position: absolute;
    color: #c2c2c2;
    font-size: 32px;
    font-weight: 700;
    transform: rotate(-90deg) translate(-100%, 0%);
    transform-origin: top left;
    top: 10px;
    line-height: 1;
    left: 0;
}

.spacingDiv {
    padding: 100px 0px 0px 60px;
}

.aboutDiv {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 100px;
}

.aboutDiv .col-md-4:nth-child(1) {
    margin-top: 150px;
}

.aboutDiv .col-md-4:nth-child(3) {
    margin-top: -150px;
}

.aboutContent {
    position: relative;
    width: 75%;
}

.aboutContent:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    right: -20px;
    top: -20px;
    background: url('./../img/Neveah_Home_Assets-12.png') no-repeat center center / 100% 100%;
}

.cardView {
    position: relative;
    height: 250px;
    z-index: 2;
    margin-bottom: 40px;
    background-size: cover !important;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 5%);
    background: #fff;
}

.cardView img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 75%;
}

.aboutText h3 {
    color: #000000;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 15px;
}

.aboutText p {
    font-size: 1.3rem;
    font-weight: 500;
}


/* About Neveah Difference End*/


/* Our Product Start */

.productContainer {
    position: relative;
    height: 100%;
}

.productContainer .swiper-container {
    width: 100%;
    height: 100%;
}

.productContainer .swiper-slide {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
}

.ourProductBg {
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 780px;
}

.ourProduct {
    padding: 140px 0;
    position: relative;
}

.ourProduct:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -70px;
    height: calc(100% + 70px);
    background: #231f20;
    right: 0;
    width: 30%;
    z-index: 1;
}

.productContainer .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -70px;
    height: calc(100% + 70px);
    background: #231f20;
    right: 0;
    width: 30%;
}

.productContent {
    padding-left: 100px;
    padding-right: 100px; 
}

.productContent span {
    position: absolute;
    color: #c2c2c2;
    font-size: 32px;
    font-weight: 700;
    transform: rotate(-90deg) translate(-100%, 0%);
    transform-origin: top left;
    top: 10px;
    line-height: 1;
    left: 0;
}

.productContent h4 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 24px;
}

.productContent p {
    font-size: 1.3rem;
}

.productImage {
    padding-left: 0px;
    padding-right: 175px;
}
 
.productImagesrc {
    position: relative;
    width: 100%;
}

.productImagesrc img {
    position: relative;
    z-index: 15;
}

.productImagesrc:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('./../img/Neveah_Home_Assets-16-1.png') no-repeat center center / 100% 100%;
    right: -7%;
    top: 7%;
    z-index: 15;
}

.productContainer .swiper-pagination {
    text-align: right;
}

.productContainer .swiper-container-horizontal>.swiper-pagination-bullets,
.productContainer .swiper-pagination-custom,
.productContainer .swiper-pagination-fraction {
    bottom: 10px;
    left: -15%;
}

.productContainer .swiper-pagination-bullet-active {
    background: #a8d280!important;
}

.productContainer .swiper-pagination-bullet {
    width: 35px;
    height: 3px;
    display: inline-block;
    border-radius: 0%;
    background: #fff;
    opacity: 1;
}

.productContainer .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.productContainer .swiper-pagination-bullet-active::before {
    color: #a8d280 !important;
}

.productContainer .swiper-pagination-bullet::before {
    color: #ffffff;
}

.productContainer .swiper-wrapper {
    counter-reset: swiper-slide;
}
 
.productContainer .swiper-pagination span::before {
    counter-increment: swiper-slide;
    content: "0" counter(swiper-slide) " ";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    text-align: center;
}

.leftSpacing {
    padding-left: 70px;
    padding-bottom: 10%;
    padding-top: 5%;
}

 


/* Contact Us Page Design */

.contactBG {
    background: #231f20 url('./../img/Neveah_Contact_Us-01.svg') no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.paddingLeft {
    padding-right: 10%;
    padding-top: 15%;
}

.contactTitle {
    font-size: 80px;
    font-weight: 900;
    font-family: "Gilroy-extrabold";
    margin-bottom: 40px;
}

.contactContent {
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
}

.formPadding {
    position: relative;
    z-index: 9;
    bottom: -150px;
}

.formPadding:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    right: -20px;
    top: -20px;
    background: url('./../img/Neveah_Home_Assets-04Banner.png') no-repeat center center / 100% 100%;
}

.contactUsform {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 50px;
    box-shadow: 0px 2px 50px rgb(0 0 0 / 25%);
}

.contactRow {
    padding: 25px 80px 0px 80px;
}

.contactUsform .form-control {
    border-bottom: 1px solid #ddd!important;
    border: none;
    border-radius: 0;
    padding: 1.55rem 0rem;
}

.contactUsform .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: none;
    outline: none;
    box-shadow: none;
}

.contactemailDiv {
    position: relative;
    z-index: 1;
    margin-bottom: 10%;
}

.contactemailBG {
    padding: 100px;
    position: relative;
}

.contactemailBG p {
    color: #000000;
       font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.contactemailBG a {
    color: #000000;
    text-decoration: underline;
}

.contactMapDiv {
    padding-bottom: 15%;
    padding-left: 80px;
    padding-right: 80px;
}

.contactAddress {
    padding: 100px;
}

.addressDiv h3 {
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Gilroy-bold';
    margin-bottom: 15px;
}

.addressDiv p {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.openhrsDiv h3 {
    font-weight: 900;
    color: #838383;
}

.openhrsDiv p {
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: #838383;
}


/* Policies Page Design */

.policiesBG {
    background: url('./../img/Neveah_Policies-01.jpg') no-repeat center center;
    background-size: cover !important;
}

.bannerpageRow {
    padding: 230px 80px 230px 80px;
}

.headTitle {
    font-size: 2rem;
    font-family: "Gilroy-extrabold";
    font-weight: 900;
    margin-bottom: 30px;
}

.headText {
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding-right: 20%;
}

.policiesAccord {
    background: #ffffff url(./../img/Neveah_Policies-03.svg) no-repeat right -600px top -100px;
    position: relative;
    color: #000;
}

.policiesAccord:before {
    content: '';
    position: absolute;
    height: 380px;
    top: -10%;
    left: 0;
    width: 60%;
    background: #fff url(./../img/Neveah_Policies-02.svg) no-repeat left 0px;
}

.policiesDiv {
    padding-top: 5%;
    padding-bottom: 15%;
    padding-left: 100px;
    padding-right: 100px;
}


/* .policiesAccord:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 120px;
    left: 0;
    width: 50%;
    background: #fff url('./../img/Neveah_Home_Assets-10.png') no-repeat;
} */

.headDiv {
    margin-bottom: 50px;
}

.borderText {
    border-bottom: 2px solid #878787;
    margin-bottom: 50px;
}

.policiesLink a {
    text-decoration: none;
    color: #000000;
}

.borderText h2 {
    background: url(./../img/arrowIcon.jpg) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    padding-bottom: 20px;
    font-weight: bold;
    color: #000;
    font-size: 2rem;
}


/* Investors relations Page Design */

.investorBG {
    background: url('./../img/Neveah_Investor_Relations-01.jpg') no-repeat center center;
    background-size: cover !important;
}

.investorWave {
    background: #f8f8f8 url(./../img/Neveah_Policies-03.svg) no-repeat right -450px top -100px;
    position: relative;
    color: #000;
}

.investorWave:before {
    content: '';
    position: absolute;
    height: 380px;
     bottom: 100%;
    top: -10%;
    left: 0;
    width: 60%;
    background: #f8f8f8 url(./../img/Neveah_Policies-02.svg) no-repeat left 0px;
}
.productWave {
    background: #f8f8f8 url(./../img/Neveah_Policies-03.svg) no-repeat right -450px top -100px;
    position: relative;
    color: #000;
}

.productWave:before {
    content: '';
    position: absolute;
    height: 380px;
     bottom: 100%;
    top: -10%;
    left: 0;
    width: 60%;
    background: #f8f8f8 url(./../img/Neveah_Policies-02.svg) no-repeat left 0px;
}
.investorPadding {
    padding-top: 7%;
    padding-bottom: 15%;
    padding-left: 100px;
    padding-right: 100px;
}

.investorCard {
    background: #fff;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
    padding: 100px;
    border-bottom: 15px solid #a8d280;
}

.investorHead h3 {
    text-align: center;
    color: #a8d280;
     font-size: 4vw;
    font-weight: bold;
    margin-bottom: 50px;
    letter-spacing: 2px;
}

.borderRow {
    border-bottom: 2px solid #878787;
    margin-bottom: 50px;
}

.borderRow h3 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 2rem;
}


/* Investors relations Page Design */

.inquiryBG {
    background: url('./../img/Neveah_Inquiry-01.jpg') no-repeat center center;
    background-size: cover !important;
}

.inquiryWave {
    background: #a8d280 url(./../img/Neveah_Policies-03.svg) no-repeat right -450px top -100px;
    position: relative;
    color: #000;
}

.inquiryWave:before {
    content: '';
    position: absolute;
    height: 380px;
    top: -10%;
    left: 0;
    width: 60%;
    background: #a8d280 url(./../img/Neveah_Policies-02.svg) no-repeat left 0px;
}

.inquiryPadding {
    padding-top: 7%;
    padding-bottom: 15%;
    padding-left: 100px;
    padding-right: 100px;
}

.inquiryCard {
    background: #fff;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
    padding: 100px;
}

.inquiryCard h3 {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 50px;
}

.inquiryForm .form-group {
    margin-bottom: 2rem;
}

.inquiryForm .form-control {
    border-bottom: 1px solid #ddd!important;
    border: none;
    border-radius: 0;
    font-size: 1.2rem;
}

.inquiryForm .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: none;
    outline: none;
    box-shadow: none;
}


/* -----about page css--------- */


/* about banner container */

.aboutBG {
    background: url('./../img/about/about-banner.jpg') no-repeat center center;
    background-size: cover !important;
}


/* about who we are */

.aboutWhoAreWe {
    position: relative;
    height: 100%;
    padding-top: 10%;
     padding-left: 3%;
    padding-bottom: 10%;
}

.aboutSideVertical {
    position: relative;
    left: 5%;
}

.aboutWhoAreWe::before {
    content: '';
    position: absolute;
    bottom: 99%;
    height: 100px;
    left: 0;
    width: 70%;
    background: #ffffff;
}

.aboutWhoAreWe-center-text {
    text-align: left;
    position: relative;
    padding-left: 5%;
}

.aboutWhoAreWe-center-text h3 {
    font-family: "Gilroy-bold";
    font-size: 2.3rem;
}

.aboutWhoAreWe-center-text p {
    font-family: "Gilroy-medium";
    font-size: 1.3rem;
    font-weight: 500;
}

.aboutWhoAreWeImg {
    width: 100%;
    position: relative;
    top: -55px;
}

.aboutWhoAreWeImg .imgBox {
    height: 500px;
    text-align: right;
    position: relative;
    left: 2%;
    z-index: 1;
}

.aboutWhoAreWeImg .imgBox::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 9%;
    height: 100%;
    width: 95%;
    background: url(../img/about/Neveah_About-03.png) no-repeat center center / 100% 100%;
    z-index: -1;
}

.aboutWhoAreWeImg .imgBox img {
    width: 100%;
    height: 100%;
}

.aboutWhoAreWeImg2 {
    position: relative;
    z-index: 1;
    left: 6%;
}

.aboutWhoAreWeImg2 img {
    width: 65%;
    position: relative;
    left: 6%;
    top: 2%;
}

.aboutWhoareWe2 {
    padding-top: 7%;
}

.aboutWhoAreWeImg2::before {
    content: '';
    position: absolute;
    right: 26%;
    top: -20px;
    background: url(../img/Neveah_Home_Assets-08Img.png) no-repeat center center / 100% 100%;
    width: 130px;
    height: 130px;
    z-index: -1;
}

.aboutWhoAreWeImg2Text {
    position: relative;
}

.aboutWhoAreWeImg2Text p {
    font-family: "Gilroy-medium";
    font-size: 1.3rem;
    font-weight: 500;
}

.mission-vision {
    position: relative;
}

.aboutPaddingvisionDiv {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 10%;
    padding-bottom: 5%;
}

.aboutPaddingmissionDiv {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 5%;
    padding-bottom: 5%;
}


/*.vision, .mission{*/


/*    padding:15%;*/


/*}*/

.mission-vision::before {
    content: '';
    position: absolute;
    bottom: 99%;
    height: 100px;
    right: 0;
    width: 50%;
    background: #231f20;
}

.visionImg {
    position: relative;
    /*height: 400px;*/
    /*top: 80px;*/
    z-index: 1;
}

.visionImg::before {
    content: '';
    position: absolute;
    top: 5%;
    height: 100%;
    right: -5%;
    width: 100%;
    background: url(../img/about/Neveah_About-07.png) no-repeat center center / 100% 100%;
    z-index: -1;
}

.vision,
.mission {
    position: relative;
}

.mission {
    padding-left: 8%;
}

.mission-vision .missionHeading {
    font-size: 3.5rem;
}

.mission-description {
    font-size: 1.3rem;
    font-weight: 500;
    font-family: "Gilroy-medium";
    color: #ffffff;
    padding-right: 8%;
}

.visionImg img {
    max-width: 100%;
    height: 100%;
    z-index: 1;
}

.missionImgAbout {
    position: relative;
    z-index: 1;
}

.missionImgAbout::before {
    content: '';
    position: absolute;
    top: 5%;
    left: -2%;
    height: 100%;
    width: 100%;
    background: url(../img/about/Neveah_About-09.png) no-repeat center center / 100% 100%;
    z-index: -1;
}

.missionImgAbout img {
    max-width: 100%;
    height: 100%;
    margin-left: 2%;
}


/* our firm values */

.ourFrimValues {
    position: relative;
}

.frimpadding {
    padding-left: 100px;
    padding-right: 15%;
    padding-top: 10%;
    padding-bottom: 15%;
}

.ourFrimValues::before {
    content: '';
    position: absolute;
    top: -1%;
    width: 100%;
    height: 250px;
    background-color: #231f20;
    padding: 0px;
}

.frimList,
.comList {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
}

.comList li:before, .frimList li:before{
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 1.2rem;
    font-weight: 900;
    margin-right: 5px;
    color: #a8d280;
}

.frimImg {
    position: relative;
    z-index: 1;
}

.frimImg::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 7%;
    height: 60%;
    width: 100%;
    background: url(../img/about/Neveah_About-11.png) no-repeat center center / 100% 100%;
    z-index: -1;
}

.frimImg img {
    max-width: 100%;
    height: 100%;
}

.listofFrims,
.comList {
    position: relative;
    font-size: 1.2rem;
    line-height: 2.5rem;
    margin-top: 2%;
}

.frimHeading h2 {
    font-family: "Gilroy-extrabold";
    font-size: 2.5rem;
}

.ourFrimDesc {
    margin-top: 20%;
    position: relative;
}


/* our competitor */

.competitorPadding {
    padding-left: 100px;
    padding-right: 15%;
    padding-bottom: 10%;
}

.competitorImg {
    position: relative;
    z-index: 1;
}

.competitorImg::before {
    content: '';
    position: absolute;
    top: -5%;
    right: -5%;
    background: url(../img/about/Neveah_About-13.png) no-repeat center center / 100% 100%;
    width: 130px;
    height: 130px;
    z-index: -1;
}

.competitorImg img {
    max-width: 100%;
    height: 100%;
}

.ourCompetitive {
    padding-bottom: 8%;
    position: relative;
}

.comDesc {
    position: relative;
    margin-top: 5%;
    left: 5%;
}


/* Media Page Design */

.mediapageBG {
    background: url('./../img/Neveah_Media-01.jpg') no-repeat center center;
    background-size: cover !important;
}

.mediapageHead {
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 10%;
    padding-top: 10%;
}

.featuredMedia {
    background-color: #ffffff;
    position: relative;
    color: #000000;
}

.featuredMedia:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 0;
    width: 50%;
    background: #ffffff;
}

.featuredMedia:after {
      content: '';
    position: absolute;
    top: 100%;
    height: 100px;
    right: 0;
    width: 50%;
    background: #ffffff;
    z-index: 5;
}

.mediaLeftText {
    padding-left: 15%;
    padding-top: 10%;
    padding-right: 10%;
}

.mediaLeftText .featuredText {
    position: absolute;
    top: 75px;
    left: 0;
    transform: rotate(-90deg) translate(-100%, 0);
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    transform-origin: left top;
    color: #c2c2c2;
}

.mediaDivtitle {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 30px;
}
.mediaPageImage {
      position: relative;
      width:100%;
}
.mediaPageImage img {
    position: relative;
       width:100%;
}

.mediaPageImage:before {
    content: '';
    position: absolute;
       bottom: -6%;
    right: -6%;
    width: 100%;
    height: 100%;
    background: url('./../img/Neveah_Media-03.png') no-repeat center center / 100% 100%;
}

.mediadateText {
    color: #747474;
    font-size: 22px;
}

.mediaDivparaText {
    font-size: 20px;
}

.lightBgcolor {
    background: #f8f8f8 url('./../img/Neveah_Media-09.svg') no-repeat;
    position: relative;
}

.mediaCategory {
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 10%;
    padding-top: 10%;
}

.mediaCatList {
    background: #fff;
    padding: 75px 20px 75px 100px;
    position: relative;
}

.mediaCatList:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    right: calc(100% - 1px);
    width: 9999px;
    background: #fff;
}

.mediaCatList span {
    position: absolute;
    top: 70px;
    left: 0;
    transform: rotate( -90deg) translate(-100%, 0);
    color: #c2c2c2;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    transform-origin: left top;
}

.mediaCatList ul {
    list-style: none;
}

.mediaCatList ul li {
    margin-bottom: 30px;
}

.mediaCatList ul li p:hover,
.mediaCatList ul li p.active {
    text-decoration: 4px #a8d280 underline;
    color: #000;
    font-weight: bold;
}

.mediaCatList p {
    text-decoration: none;
    color: #000;
    font-size: 22px;
    cursor: pointer;
}

.mediaListDiv {
    padding: 65px 0px 0px 65px;
}

.mediaListDiv h3 {
    font-weight: bold;
    font-size: 1.5rem;
    color: #000;
    line-height: 1.5;
}

.mediaListDiv p {
    font-size: 18px;
    color: #000;
}

.colPaddingmedia {
    padding: 20px;
}

.cardviewImg {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 15%);
}

.mediaCardBG {
    background: #ffffff url('./../img/Neveah_Media-06.png') no-repeat center center / 100% 100%;
    position: relative;
    border-left: 15px solid #a8d280;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 15%);
}

.bgmediaContent {
    padding: 30px;
}

.investorlink:hover {
    color: #000;
    text-decoration: none;
}


/*
==================== media inner page ================================
*/

.mediaInnnerBanner {
    height: 700px;
    background: url(../img/Neveah_Media_InnerPage-01.jpg) no-repeat center center / 100% 100%;
        background-size: cover;
}

.mediaInnerContent {
    position: relative;
}

.mediaInnerContent::before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 0;
    width: 50%;
    background: #ffffff;
}

.mediaInnerContent:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 100px;
    right: 0;
    width: 50%;
    background: #ffffff;
    z-index: 5;
}

.mediaInnerTimeAndDate p {
    font-size: 1.5rem;
    font-family: "Gilroy-medium";
    color: #c2c2c2;
}

.mediaInnerPadding {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    padding-left: 5%;
}

.mediaInnerHeading h2 {
    font-family: "Gilroy-bold";
    font-size: 3.5rem;
}

.mediaInnerDescription {
    padding-top: 2%;
}

.mediaInnerDescription p {
    font-size: 1.2rem;
    font-family: "Gilroy-medium";
    font-weight: 500;
}

.recommended-resource {
    position: relative;
    padding-top: 5%;
}



/*.recommended-resource .container-fluid {*/
/*    background: #F8F8F8 url(../img/Neveah_Policies-03.svg) no-repeat right -265px top -100px;*/
/*}*/

/*.recommended-resource .container-fluid::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 380px;*/
/*    top: -3%;*/
/*    left: 0;*/
/*    width: 50%;*/
/*    background: #F8F8F8 url(../img/Neveah_Policies-02.svg) no-repeat left 0px;*/
/*}*/

.mediaInnerSwiperBtn .swiper-button-prev,
.mediaInnerSwiperBtn .swiper-button-next {
    border: 2px solid #000;
    padding: 25px;
    border-radius: 50%;
}

.mediaInnerSwiperBtn .swiper-button-prev {
    position: absolute;
    left: 70%;
}

.mediaInnerSwiperBtn .swiper-button-next:after {
    content: 'next';
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.mediaInnerSwiperBtn .swiper-button-prev:after {
    content: 'prev';
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.recommended-resource-padding {
    padding-right: 5%;
    padding-top: 5%;
    padding-left: 5%;
    padding-bottom: 15%;
}

.recommended-resource .swiper-container {
    padding-top: 5%;
}

.recommended-resource .swiper-container .swiper-slide-next,
.recommended-resource .swiper-container .swiper-slide-next~.swiper-slide {
    opacity: 0.5;
}


/* ProductPage Design */

.prodpageBG {
    background: url('./../img/Neveah_Agro_Commodoties-01.jpg') no-repeat center center;
    background-size: cover !important;
}
.prodpageWave {
    background: #f8f8f8 url(./../img/Neveah_Policies-03.svg) no-repeat right -450px top -100px;
    position: relative;
    color: #000;
}

.prodpageWave:before {
    content: '';
    position: absolute;
    height: 380px;
     bottom: 100%;
      top: -7%;
    left: 0;
    width: 60%;
    background: #f8f8f8 url(./../img/Neveah_Policies-02.svg) no-repeat left 0px;
}

.prodpagePadding {
    padding-top: 7%;
    padding-bottom: 15%;
    padding-left: 100px;
    padding-right: 100px;
}

.prodpageHead h3 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.prodpageHead p {
    padding-left: 15%;
    padding-right: 15%;
    font-size: 1.2rem;
    margin-bottom: 50px;
}

.ourProdImgDiv {
    margin-bottom: 8%;
}

.productName {
    position: absolute;
    background-color: #fff;
    right: 15px;
    width: 80%;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 15%);
    bottom: -50px;
    padding: 30px;
}

.productName p {
    font-size: 1rem;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.ourProdImgDiv a {
    color: #000000;
}

.ourProdImgDiv a:hover {
    color: #a8d280;
}


/* Company Profile page Design */

.profilepageBG {
    background: url('./../img/Neveah_Company_Profile-01.jpg') no-repeat center center;
    background-size: cover !important;
}

.profileName {
    position: absolute;
    background-color: #fff;
    right: 15px;
    width: 70%;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 15%);
    bottom: -50px;
    padding: 10px 5px 5px 25px;
}

.executiveName {
    margin-bottom: 0px;
    font-size: 30px;
}

.profileRole {
    font-size: 13px;
}
.profilePage {
    padding:100px;
}
.comProfile {
    padding-left: 100px;
    padding-right: 100px; 
    
}

.comProfile span {
    position: absolute;
    color: #c2c2c2;
    font-size: 32px;
    font-weight: 700;
    transform: rotate(-90deg) translate(-100%, 0%);
    transform-origin: top left;
    top: 10px;
    line-height: 1;
    left: 0;
}

.comProfile h4 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 24px;
}

.comProfile p {
    font-size: 20px;
}

.profilePage {
    background-color: #fff;
    position: relative;
}

.profilePage:before {
    content: '';
    position: absolute;
    bottom: 99%;
    height: 100px;
    left: 0;
    width: 50%;
    background: #ffffff;
}

.profilePage:after {
   content: '';
    position: absolute;
    top: 100%;
    height: 100px;
    right: 0;
    width: 50%;
    background: #ffffff;
    z-index: 5;
}

.profHead {
    padding-top: 5%;
}

.compVerticalText {
    position: relative;
    left: 6%;
}

.compVerticalText h3 {
    position: absolute;
    left: 0;
    transform: rotate( -90deg) translate(-100%, 0);
    color: #c2c2c2;
    font-weight: 700;
    line-height: 1;
    transform-origin: left top;
}

.compParagraph {
    text-align: left;
    position: relative;
    right: 5%;
}

.compParagraph h3 {
    font-size: 2.5rem;
}

.compParagraph p {
    font-size: 1.2rem;
}


/* product inner page styles */


/* common classes for product inner page */

.titleHeading {
    font-size: 2.5rem;
}

.greenColor {
    color: #a8d280;
}

.greenBg {
    background-color: #a8d280;
}

.usesAndProcedures::before {
    content: '';
    position: absolute;
    background-color: #231f20;
    width: 50%;
    height: 100px;
    left: 0;
    bottom: 100%;
}

.usesAndProcedures {
    position: relative;
    background-color: #231f20;
}

.usesAndProceduresPadding {
    padding: 5% 5% 10% 7%;
}

.usesAndProcedureList {
    padding: 0;
}

.usesAndProcedureList li {
    color: #ffff;
    list-style-type: none;
    font-size: 1.5rem;
    text-align: left;
    line-height: 2;
}

.usesAndProcedureList li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 1.2rem;
    font-weight: 900;
    margin-right: 5px;
    color: #a8d280;
}


.usesAndProcedureList li span i {
    margin-right: 1rem;
}

.productInnerBannerTitle {
    position: relative;
    top: 150px;
    padding-right:5%;
}

.productInnerBg {
    background-image: url(../img/product-inner/agro-inner-banner.jpg);
    background-size: cover;
    position: relative;
    padding: 10% 10% 0 10%;
    padding-bottom: 0;
}

.productInnerBannerSideImg {
    position: relative;
}

.productInnerBannerSideImg {
    position: relative;
    top: 100px;
    z-index: 1;
}

.productInnerBannerSideImg::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 130px;
    height: 130px;
    right: -20px;
    top: -20px;
    background: url(./../img/Neveah_Home_Assets-12.png) no-repeat center center / 100% 100%;
}


/* product description for inner page */

.productInnerDescriptionPadding {
    padding: 10%;
}
.productAgroDescriptionPadding {
     padding: 10%;
}

.productDescriptionContent h2 {
    font-family: "Gilroy-bold";
}

.productDescriptionContent p {
    font-family: "Gilroy-medium";
    font-size: 1.2rem;
}

.product-specification-padding {
    padding: 5% 0% 5% 0%;
}

.product-specification-table {
    padding: 5% 20% 10% 20%;
}

.product-specification table {
    border: 1px solid #000000;
    font-size: 1.2rem;
    width: 100%;
}

.product-specification table tr td {
    border: 1px solid #000000;
    padding: 3% 3% 3% 6%;
    width: 20%;
    text-align: left;
    font-family: "Gilroy-Bold";
}

.product-specification table tr {
    outline: 1px solid black;
}


#usesAndSpecifications{
    background-color: #a8d280;
}

#usesAndSpecifications h2{
    font-weight: 600;
}

#usesAndSpecifications.usesAndProcedures::before{
    background-color: #a8d280;
}

#usesAndSpecifications .usesAndProcedureList li:before, #usesAndSpecifications .usesAndProcedureList li{
    color: #000000;
}

#usesAndSpecifications  .usesAndProcedureList{
    color: #000000;
}

#gum-product-specification h2{
color: #000000;
}

#gum-product-specification table {
    border: 1px solid #000000;
    font-size: 1.2rem;
    width: 100%;
}

#gum-product-specification table tr td {
    border: 1px solid #000000;
    color: #000000;
    padding: 3% 3% 3% 6%;
    width: 20%;
    text-align: left;
    font-family: "Gilroy-Bold";
} 

#gum-product-specification{
    padding:0% 0% 0% 0%;
}


/* Minor Metal page style */

.minormetalBG {
    background: url('./../img/Neveah_Minor_Metals-01.jpg') no-repeat center center;
    background-size: cover !important; 
}
.minorMetalDiv {
    padding-top: 10%;
    padding-bottom: 10%; 
    padding-left: 80px;
    padding-right: 80px;
    position: relative;
}
.minorMetalDiv:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 0;
    width: 50%;
    background: #ffffff;
}
.minorMetalDiv:after {
    content: '';
    position: absolute;
    bottom: -20%;
    height: 135px;
    left: 50%;
    width: 50%;
    background: #ffffff;
    z-index: 5;
}
.minorMetalDiv h3{
    font-size: 2.5rem;
    margin-bottom: 30px;
}
.minorMetalDiv p {
    font-size: 20px;
    margin-bottom: 50px;
}
.minorProdHead {
    padding-top: 10%; 
}
.minorSwiper {
    padding-bottom: 5%;
}
.minorSwiper .swiper-slide.swiper-slide-active {
    margin-top: 100px;
    margin-right: 18%!important;
    margin-left: 4%;
}
/* .minorSwiper .swiper-wrapper .swiper-slide:nth-child(odd) {
    margin-top: 100px;
} */
 .minorSwiper .swiper-button-next, .minorSwiper .swiper-button-prev { 
     top: 20%; 
     
 }
.minorSwiper .swiper-button-prev, .minorSwiper .swiper-container-rtl .swiper-button-next {
    left: 75px;
    right: auto;
    background-color: #a8d280;
    padding: 25px;
    border-radius: 50%;
}
.minorSwiper .swiper-button-prev:after, .minorSwiper .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.minorSwiper .swiper-button-next, .minorSwiper .swiper-container-rtl .swiper-button-prev {
    right: 95px;
    left: auto;
    background-color: #a8d280;
    padding: 25px;
    border-radius: 50%;
}
.minorSwiper .swiper-button-next:after, .minorSwiper .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.minorSwiper .swiper-wrapper { 
    margin-left: 100px;
}
.minoralProdContent h3{
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
}
.minoralProdContent p {
    font-size: 20px;
}
.minoralProdContent a{
    margin-bottom:50px;
}
.minoralProdImg img{
    position: relative;  

}
.minoralProdImg {
    position: relative; 
    margin-top: 50px;
}
.minoralProdImg:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    right: -20px;
    top: -20px;
    background: url(./../img/Neveah_Home_Assets-04Banner.png) no-repeat center center / 100% 100%;
}

/* basemetal pages styles */
.baseMetalBg{
        background-image: url(../img/base-metal/Neveah_Base_Metals-01.jpg);
    }

.baseMetalDiv{
        padding-top: 10%;
        padding-bottom: 5%;
        padding-left: 80px;
        padding-right: 80px;
        position: relative;
    }

.baseMetalDiv::before{
        content: '';
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 0;
    width: 50%;
    background: #ffffff;
    }


    .baseMetalDiv::after{
        content: '';
    position: absolute;
    top: 100%;
    height: 100px;
    right: 0;
    width: 50%;
    background: #ffffff;
    z-index: 5;
    }
    

.baseMetalDiv p{
        font-size: 20px;
        margin-bottom: 50px;
    }

 .baseMetalDiv h3{
        font-size: 2.5rem;
        margin-bottom: 30px;
    }
.swiper-base-metal{
        padding-bottom: 10%;
    }
.baseMetalSwiperImg{
    text-align:center;
        /* padding: 8%; */
    }
.baseMetalSwiperText{
        padding-top: 5%;
        padding-left: 2%;
    }

.baseMetalSwiperText h3{
        font-size: 2.5rem;
}
.baseMetalSwiperText p{
        margin-right: 10%;
        padding-right: 10%;
}

.baseMetalSwiper .swiper-slide-active{
    width: 90% !important;
    margin-left:8%;
}
.baseMetalSwiper .swiper-slide-active:first-child{
    margin-left:0%;
}

.baseMetalSwiper .swiper-slide.swiper-slide-prev, .baseMetalSwiper .swiper-slide-next{
    width: 90% !important;
}

.baseMetalSwiper .swiper-slide-next {
    margin-left:-3%;
}

.baseMetalSwiper .borderBottomlink:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -5%;
    right: 0%;
    top: 15px;
    width: 80%;
    z-index: -10;
    opacity: 1;
    height: 10px;
    background: #ffffff;
}
.swiper-base-metal{
    background: #a8d280 url(./../img/Neveah_Media-09.svg) no-repeat;
    background-position: top;
    position: relative;  
}
.swiper-base-metal p{
    font-size: 20px;
}
.swiper-base-metal h2{
    font-size: 2.5rem;
}
.baseMetalSwiper  .swiper-wrapper { 
    padding-left: 6%;
    padding-top: 4%;
    padding-bottom: 5%;
}

.baseMetalSwiper .swiper-pagination{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
    
}
.baseMetalSwiper .swiper-pagination-bullet {
    background: red;
    width: 22px;
    height: 4px;
    border-radius: 0;
    transition: opacity 1s ease;
}
.swiper-container-horizontal > .swiper-scrollbar {
    height: 2px;
    width: 85%;
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    color: #ffffff;
    background-color: #ffffff !important;
  }
  
  
.swiper-scrollbar-drag{
      background-color: #000000;
        top: -2px;
      border-radius: 0;
      height: 6px;
  
  }



/* Profile Page NewSection */

.profilePagePadding {
    padding-top:10%;
    padding-bottom:15%;
}

#firstDivContent, 
#secondDivContent,
#thirdDivContent,
#fourthDivContent,
#fifthDivContent,
#sixthDivContent,
#seventhDivContent,
#eighthDivContent,
#ninthDivContent,
#tenthDivContent,
#eleventhDivContent,
#twelfthDivContent,
#thirteenthDivContent,
#fourteenthDivContent,
#fifteenthDivContent,
#sixteenthDivContent,
#seventeenthDivContent,
#eighteenthDivContent,
#nineteenthDivContent,
#twentythDivContent,
#twentyoneDivContent,
#twentytwoDivContent,
#twentythreeDivContent,
#twentyfourDivContent,
#twentyfiveDivContent{
    display: none;
}



 
.prodDivWhitebg {
    background-color: #ffffff;
    cursor: pointer;
  height: 380px; 
}
.prodDivWhitebg.active {
    background-color: #a8d280;
}
.profCondiv {
    padding: 15px;
}
.profCondiv p{
   margin-bottom: 0px;
}
.profCondiv .perName{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
}
.profCondiv i{
        float: right;
}
 

.profDescContent {
    background-color: #a8d280;
    padding: 25px;
    position: relative;
    width: 425%;
}
 
#secondDivContent,
#tenthDivContent,
#fourteenthDivContent, #eighteenthDivContent{ 
    right: 108%;
}
#thirdDivContent,
#eleventhDivContent,
#fifteenthDivContent, #nineteenthDivContent{ 
    right: 217%;
}
#fourthDivContent,
#twelfthDivContent, #sixteenthDivContent, #twentythDivContent{ 
    right: 325%;
}

#sixthDivContent { 
    right: 108%;
}

#seventhDivContent {
    right: 216%;
}

#eighthDivContent {
    right: 325%;
}

.prodDivWhitebg.active .profCondiv{
    display:none;
}
.flex{
        display: flex;
}
.profcardDiv {
        width: 100%;
            padding: 1%;
            margin: 0 auto;
    cursor: pointer;
}


/* terms and condtions */

.termsandConditonsBanner{
    padding-bottom: 20%;
}

.termsCondtionContent, .privacyPolicyContent{
    padding: 5% 5% 10% 5%;
    background: #ffffff no-repeat;
    background-size: cover;
    background-position: center;
    color: #000;
}
.termsCondtionContent h3, .privacyPolicyContent h3{
    color: #a8d280;
    font-size:2.3rem;
}
.termsCondtionContent h2, .privacyPolicyContent h2{
    color: #000000;
    font-size: 2.5rem;
    margin-bottom: 2%;
}
.termsCondtionContent p, .privacyPolicyContent p{
    color: #000000;
    font-size: 1.2rem;
}

.termsCondtionContent a, .privacyPolicyContent a{
    color: #a8d280;
}

/* end of terms and conditions */


 #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
width: 450px;
    height: auto;
    padding: 20px 10px 12px 10px;
    background-color: #ffffff;
    font-size: 14pt;
}


 

@media only screen and (min-width: 320px) and (max-width:736px) {
    .contactusSec {
        position: relative;
        text-align: center;
    }
    .contactUsBtn {
        text-align:center;
    }
    .contactRow {
       padding: 15% 0% 0% 0%;
        
    }
    .contactTitle {
        margin-bottom: 0;
    }
    .formPadding {
        bottom: 0;
    }
    .paddingLeft {
        padding-right: 0%;
    }
    .contactUsform {
        left: 0;
        margin: 0 auto;
        width: 100%;
    }
    .contactemailBG {
        padding: 40px;
    }
    .contactAddress {
        padding: 20px;
    }
    .contactMapDiv {
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .contactAddress {
       padding: 30px 0px;
       text-align:center;
    }
   .contactemailBG{
       text-align:center;
   }
   .contactemailBG p {
       font-size: 1rem; 
   }
   .addressDiv h3, .openhrsDiv h3{
    font-size: 1.5rem;
   }
   .addressDiv p, .openhrsDiv p{
    font-size: 1rem;
   } 
}

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    .listofFrims, .comList {
            margin-bottom: 5%;
    }
    .usesAndProceduresPadding {
        padding: 5% 5% 5% 5%;
    }
    .cardView {
            margin-bottom: 15px;
    }
    .navbar-collapse .navbar-nav .nav-item:last-child {
            padding-top: 1rem!important;
    }
    .bannerTextDiv {
            padding-bottom: 0%;
    }
    
    .ourMissionSwiper .swiper-horizontal>.swiper-pagination-bullets, .ourMissionSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .ourMissionSwiper .swiper-pagination-custom, .ourMissionSwiper .swiper-pagination-fraction {
    bottom: 3%;
    left: 0%;
    width: 100%;
}

.bannerSwiper .swiper-horizontal>.swiper-pagination-bullets, .bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bannerSwiper .swiper-pagination-custom, .bannerSwiper .swiper-pagination-fraction {
    bottom: 10%;
    left: 0%;
    width: 100%;
}
.productSwiper .swiper-horizontal>.swiper-pagination-bullets, .productSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .productSwiper .swiper-pagination-custom, .productSwiper .swiper-pagination-fraction {
    bottom: 3%;
    left: 0%;
    width: 100%;
}
    .minorSwiper .swiper-button-prev {
        left: 0px;
    }
    .minorSwiper .swiper-button-next {
        right: 0px;
    }
    .minorSwiper .swiper-button-next, .minorSwiper .swiper-container-rtl .swiper-button-prev {
        padding: 22px;
    }
    .minorSwiper .swiper-button-prev, .minorSwiper .swiper-container-rtl .swiper-button-next { 
        padding: 22px;
    }
    .headTitle {
            font-size: 1.5rem;
    } 
    .headText {
    font-size: 1rem;
        
    }
    .formPadding{
         padding: 5% 5% 5% 5%;
    }
 .formPadding:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    right: 5px;
    top:-10px;
 }
    
    .borderText h2 {
        background: url(./../img/arrowIcon.jpg) no-repeat calc(100% - 0px) center;
        background-size: 15px;
    }
    .borderBottomlink {
        font-size: 15px;
    }
    .borderBottomlink .fa-angle-right:before {
            font-size: 15px;
                margin-left: 5px;
    }
    .borderBottomlink:after {
            top: 13px;
                height: 7px;
    }
    .baseMetalSwiper .borderBottomlink:after {
          top: 13px;
                height: 7px;
    }
    .neveahButtonBlack, .neveahButton {
        padding: 10px 15px!important;
            font-size: 15px;
    }
    
    .bannerTitle {
       font-size: 1.5rem; 
    }
    
    .bannerDescription {
        font-size: 1rem; 
    }
    .contactemailBG{
       text-align:center;
   }
   .contactemailBG p {
       font-size: 1rem;
   }
    .contactUsBtn {
        text-align:center;
    }
    .contactRow {
       padding: 15% 0% 0% 0%;
        
    }
    .bannerpageRow {
      padding: 90px 30px 80px 30px;
    }  
    .bannerDescription {
            font-size: 13px;
            margin-bottom: 15px;
    }
    .inquiryWave:before {
        top: -4%;
    }
    .inquiryCard {
        padding: 15px;
    }
    .inquiryPadding {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10%;
        padding-bottom: 25%;
    }
    .inquiryWave .inqueryButton {
        text-align: center;
    } 
    #neveahfooter form {
      width: 100%; 
    }
    .inquiryCard h3 {
        text-align: center;
        font-size:1.5rem;
        margin-bottom: 20px;
    }
    .inquiryForm .form-control {
        font-size: 1rem;
    }
    .investorPadding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .prodpagePadding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .investorWave:before {
       top: -5%;
    }
    .productWave:before {
       top: -3%;
    }
    .prodpageHead p {
             padding-left: 0%;  
     padding-right: 0%; 
    font-size: 1rem;
    margin-bottom: 30px;
    }
    .prodpageHead h3 {
    font-size: 1.5rem; 
    }
    .ourProdImgDiv {
        margin-bottom: 20%;
    }
    .productName {
        bottom: -30px;
        padding: 25px;
    }
    .profilePage:after { 
        height: 50px;
    }
    .profilePage:before {
        height: 50px;
    }
    .profHead {
        padding-top: 15%;
    padding-left: 5%;
    padding-right: 5%;
    }
    .compParagraph {
        right: 0%;
    }
    .compParagraph p {
        font-size: 1rem;
    }
    .compParagraph h3 {
        font-size: 1.5rem;
    }
    .profilePage {
        padding:25px;
    }
    .comProfile {
    padding: 0px 5px 0px 35px;
} 
    .comProfile h4 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .comProfile p {
        font-size: 15px;
    }
    .comProfile span{
        font-size: 20px;
    }
     .policiesDiv { 
        padding: 6% 5% 15% 5%;
    }
    .policiesAccord:before {
            top: -5%;
    }
    .headText {
            padding-right: 0%;
    }
    .headDiv {
            text-align: center;
    }
    .borderText {
        margin-bottom: 15px;
    }
    .borderText h2 {
         font-size: 1rem;
        padding-bottom: 10px;
    }
    .investorCard {
        padding:10px;
    }
    .investorHead h3 {
        letter-spacing: 0px;
    margin-bottom: 20px;
    }
    .borderRow h3 {
          font-size: 1rem;
          margin-bottom: 1rem;
    }
    .borderRow {
            margin-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .investorLinks .borderRow .borderBottomlink{
        margin-bottom: 25px;
    }
    .investorLinks {
        text-align:center;
    }
    
/* styles created for about responsiveness by ajay 11aug*/
    .aboutWhoAreWe{
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .aboutWhoAreWe::before{
        height: 50px;
    }


    .sideVerticalText {
        font-size: 1rem;
    }


    .aboutWhoAreWeImg {
        top: 0px;
    }

    .aboutWhoAreWeImg2{
        left: 0;
        top: 10%;
    }
    .aboutWhoAreWeImg2 img {
        width: 100%;
        left: 0;
    }

    .aboutWhoAreWeImg2::before {
        right: -5%;
    }

    .aboutWhoAreWeImg .imgBox{
        height: auto;
    }
    .aboutWhoAreWe-center-text h3{
        font-size: 1.5rem;
    }

    .aboutWhoAreWe-center-text{
        padding-left: 9%;
    }

    .aboutWhoAreWe p{
        font-size: 1rem;
    }

    .aboutWhoAreWeImg2Text {
        padding-bottom: 15%;
            padding-top: 15%;
    }
    
    .missionLeftImg {
            margin-top: 0px;
    padding-left:0%;
    }

    .missionNo,.mission-description{
        font-size: 1rem;
    }
    .mission-vision .missionHeading{
        font-size: 1.5rem;
    }
    
.aboutPaddingvisionDiv, .aboutPaddingmissionDiv{
    padding-left: 5%;
    padding-right: 5%;
}

.aboutPaddingmissionDiv .mission{
    padding-left: 0;
    padding-top: 7%;
}

    /* competitor section */
    .competitorPadding {
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10%;
    }
    .comDesc{
        left: 0;
    }

    .frimHeading h2{
        font-size: 1.5rem;
    }

    .frimpadding{
        padding-left: 5%;
        padding-right: 5%;
            padding-top: 0%;
    padding-bottom: 0%;
    }
    .ourFrimDesc {
    margin-top: 10%;
    }


    .listofFrims, .comList { 
            font-size: 1rem;
    line-height: 2rem;
    }
    
    .aboutWhoAreWe::before ,.mission-vision::before {
           height: 60px;
    }
    
 /* end of the styles created for about responsiveness by ajay 11aug  */
/*-----------------------------------------------------------------------------*/
/* styles added by product inner page on aug 12 2021 for responsiveness */
      
      .productInnerBannerTitle {
        top: 50px;
      }
      .productInnerBannerSideImg {
        top: 70px;
      }
    .productInnerDescription{ 
    padding-top: 5%;
    padding-bottom: 10%;
    }
    .usesAndProcedures::before{
        height: 50px;
    }
    .usesAndProcedures h2{
        font-size: 1.5rem;
    }
    .usesAndProcedureList li{
        font-size: 1rem;
    }
    .productDescriptionContent h2, .product-specification h2{
        font-size:1.5rem;
    }
      .productInnerDescription p{
        font-size: 1rem;
    }

    .product-specification-table {
        padding: 5% 5% 15% 5%;
    }

    .product-specification-table table tr td{
        font-size: 1rem;
    }
 /*end of styles added by product inner page on aug 12 2021 for responsiveness */
    
     .footer:before {
        height: 40px;
    }
    .footerPadding {
        padding-left: 25px;
        padding-right: 25px;
    }
    .footerLogo img {
        width: 85%;
    }
    .signUpDiv h3 {
        font-size: 1rem;
        margin-top: 10%;
    }
    .socialLinksrow {
        padding-top: 0%; 
        padding-left: 0%;
    }
    #neveahfooter {
        text-align: center;
    }
    .socialLinksrow a {
        font-size: 15px; 
    }
    .leftText,
    .rightText {
        text-align: center!important;
    }
 #neveahfooter form input[type="email"] {
    width: calc(100% - 10px); 
        padding: 12px;
}
 
    #neveahfooter form {
        margin-top: 5%;
        margin-bottom: 0%;
    }
    .imageColumn,
    .formColumn {
        padding: 15px;
    }
    .greyBg:before {
        display: none;
    }
    .greyBg:after {
        display: none;
    }
    .ourProduct:before {
        display: none;
    }
    .productContainer .swiper-slide:before {
        display: none;
    }
    .lightBg:before {
        display: none;
    }
    .aboutDiv {
        padding-left: 15px;
        padding-right: 15px;
           padding-bottom: 10%;
    }
    .spacingDiv {
            padding: 10% 0% 0% 5%;
    }
    .formHead {
            padding-top: 5%;
    }
    .aboutDiv .col-md-4:nth-child(1) {
        margin-top: 15px;
    }
    .aboutDiv .col-md-4:nth-child(3) {
        margin-top: 0px;
    }
   .mediaHead {
        padding-left: 0%;
        padding-top: 5%;
        margin-bottom: 10%;
    }
    .aboutContent {
        width: 100%;
    }
    .neveahTitle>span {
        font-size: 15px;
        top: 5px;
    }
    .neveahTitle {
        font-size: 30px;
        margin-bottom: 15px;
        padding-left: 10%;
    }
    .productContent {
           padding-left: 10%;

        padding-right: 15px;
    }
    .productImagesrc {
            width: 93%;
    }
    .formImage {
    width: 93%;
    }
    .leftSpacing {
        padding-left: 15px;
            padding-bottom: 10%;
    }
    .productContent h4 {
           font-size: 1.5rem;
        margin-bottom: 0px;
    }
    .productContent span {
        font-size: 1rem;
    }
    .productImage {
        padding-left: 0px;
        padding-right: 15px;
    }
    .ourProduct {
        padding: 15px 0;
    }
    .productContent p {
           font-size: 1rem;
    }
    .mediaSwiperbtn {
        padding-left: 0%;
            padding-bottom: 10%;
    }
    .bannerPadding {
        padding: 100px 15px 100px 15px;
    }
    .whoWeAre::before {
        bottom: 85%;
        width: 80%;
    }
    .noPadding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-heading h2 {
        font-size: 2rem;
    }
    .formHead h3 {
           font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .formHead p {
      font-size: 1rem;
          margin-bottom: 5px;
    }
    .wwaContent {
        top: 0px;
        padding-left: 15px;
        padding-right: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .start-header {
        padding: 0px 0;
    }
    .start-header.scroll-on {
        padding: 0px 0;
    }
    .aboutText h3 {
        margin-bottom: 10px;
           font-size: 1.5rem;
    }
    .aboutText p {
    font-size: 1rem;
    }
    .productContainer .swiper-container-horizontal>.swiper-pagination-bullets,
    .productContainer .swiper-pagination-custom,
    .productContainer .swiper-pagination-fraction {
        bottom: 10px;
        left: 0%;
    }
    .productContainer .swiper-pagination {
        text-align: center;
    }
   .productImagesrc {
        margin-top: 25px;
            margin-bottom: 20%;
    }
    .navPadding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .productContainer .swiper-pagination-bullet::before {
        color: #000000;
    }
    .productContainer .swiper-pagination-bullet { 
        background: #000;
    }
    .mediaSwiper .swiper-button-prev, .mediaSwiper .swiper-button-next {
        padding: 20px;
    }
    .mediaDate {
        font-size: 15px;
    }
   .mediaContent h3 {
        font-size: 1.5rem;
   }
   .imageColumn {
           margin-top: 5%;
       margin-bottom: 2%;
   }
   /*.mediaSwiper {*/
   /*        text-align: center;*/
   /*}*/
   
   .missionSpacing .neveahButton {
           margin-bottom: 35px;
   }
   .missionHeading {
             font-size: 1rem;
               margin-bottom: 10px;
   }
   .missionDescription {
    font-size: 1rem;
    margin-bottom: 10px;
       
   }
   /*styles for responsiveness of the who are we section in home page by ajay*/
   .right-waa h3 {
    font-size: 1.2rem;
   }
   .whoWeAre{
    padding-left:5%;
    padding-right:5%;
   }
   .right-waa p {
    font-size: 1rem;
}

.missionSpacing{
    flex-direction:column-reverse;
    padding: 10% 5% 5% 5%;
}

.missionImg:before {
    top: 9%;
    left: 6%;
    height: 95%;
    width: 100%;
}

.missionContainer .swiper-container-horizontal>.swiper-pagination-bullets, .missionContainer .swiper-pagination-custom, .missionContainer .swiper-pagination-fraction {
       bottom: 1%;
    left: 0%;
}
.missionContainer .swiper-pagination {
     text-align: center;
}

.bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets, .bannerContainer .swiper-pagination-custom, .bannerContainer .swiper-pagination-fraction {
    left: 0px;
    bottom: 85px;
}

.bannerContainer .swiper-pagination {
        text-align: center;
}
.bannerButton  {
        margin-bottom: 15px;
}
   
.companyProfile .noPadding {
        padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #a8d280;
}
.companyLogo { 
    width: 40%;
    height: 100%; 
    top: 20%;
}
.companyLogo::before {
        width: 50%;
    height: 50%;
    right: -5%;
    top: -5%;
}
.CompanyDescription {
    text-align:center;
    padding:15px;
}
.CompanyDescription { 
       
        margin-right: 0%;
        padding-top: 5%;
}
.CompanyDescription p { 
    font-size: 1rem; 
    margin-right: 0%;
    padding-bottom: 0rem; 
}
.CompanyDescription h2 {
     font-size: 1.5rem; 
}
.getStartButton {
    text-align:center;
}
.right-waa { 
    padding-left: 10%;
}
.mediaCategory {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20%;
    padding-bottom: 20%;
}
.mediaListDiv {
    padding: 0px 0px 0px 0px;
}
.featuredMedia:before {
    bottom: 96%;
}
.mediapageHead {
    padding-left: 10px;
    padding-right: 10px;
}
  .mediaDivtitle {
         font-size: 1rem;
        margin-bottom: 10px;
  }
  .mediadateText {
          font-size: 15px;
  }
  .mediaDivparaText {
    font-size: 15px;
} 
.mediaLeftText .borderBottomlink {
        margin-bottom: 20px;
}
.featuredMedia:after {
        top: 100%;
    height: 35px;
}
.featuredMedia:before {
        bottom: 90%;
}
.colPaddingmedia {
    padding: 0px;
    padding-bottom: 15px;
}
.mediaListDiv h3 {
    font-size: 1rem;
    
}
.mediaListDiv p {
    font-size: 15px;
} 
.bgmediaContent {
    padding: 10px;
}
.mediaCatList:after{
        content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: calc(100% - 1px);
    width: 9999px;
    background: #fff;
}
.mediaCatList {
         padding: 65px 20px 75px 30px;
}
.mediaCatList span {
    font-size: 25px;
}
.mediaLeftText .featuredText {
      font-size: 25px;
      top: 40px;
}
.cardviewImg {
    padding: 10px;
}
.mediaLeftText {
       padding-left: 5%;
}
.mediaLeftText{
        padding-top: 0%;
}
.missionContainer .missionSlider {
    margin-top: 5%;
    margin-bottom:5%;
        text-align: center;
}
.bannerTitle {
    margin-bottom: 10px;
}

/* styles added by ajay for minormetal page */
.baseMetalDiv::before {
    height: 45px;
    bottom: 98%;
}
.baseMetalDiv {
     padding-top: 6%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom:5%;
}

.baseMetalDiv h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.baseMetalDiv p{
    font-size: 1rem;
    margin-bottom: 0px;
}

/* swiper */
.minorSwiper .swiper-slide.swiper-slide-active {
    margin-top: 0px;
    margin-left: 0%;
}

.minorSwiper .swiper-wrapper {
    margin-left: 0px;
}

 

.minoralProdContent h3 {
    font-size: 1.5rem;
}
.minoralProdContent{
    text-align: center;
}
.minoralProdContent p {
    font-size: 1rem;
}
.minoralProdImg{
    margin-top: 20px;
    padding: 4%;
}

.baseMetalDiv::after {
    height: 60px;
}
/* end of styles added by ajay for minormetal page */
.mediaCatList p {
        font-size: 17px;
}
.mediaCatList ul li {
    margin-bottom: 20px;
}

/* styles for base-metal-responsiveness */
.baseMetalSwiperText{
    text-align: center;
}
.baseMetalSwiperText h3{
    font-size: 1.5rem;
}
.baseMetalSwiperText p{
    font-size: 1rem;
    margin-right: 0;
    padding-right: 0;
}
.swiper-base-metal h2{
    font-size: 1.5rem;
}
.swiper-base-metal p{
    font-size: 1rem;
}
.baseMetalSwiper .swiper-slide-next, .baseMetalSwiper .swiper-slide-active:first-child{
    margin-left:0%;
}
.baseMetalSwiper .swiper-slide-active{
    margin-left: 8%;
}

/* end ofstyles for  base-metal responsiveness */

.mediaInnnerBanner {
    height: 350px;
}
.mediaInnerContent::before {
        height: 60px;
}
.mediaInnerContent:after {
        height: 60px;
}
.mediaInnerHeading h2 { 
        font-size: 1.5rem;
}
.mediaInnerDescription p {
      font-size: 1rem;
}
.mediaInnerTimeAndDate p {
     font-size: 1rem;
}
.recommended-resource-padding {
    padding-top: 30%;
    padding-right: 0%;
    padding-left: 0%;
}
.mediaInnerPadding {
  
    padding-right: 0%;
    padding-left: 0%;
}
.mediaInnerSwiperBtn {
        padding-bottom: 15%;
} 

.mediaInnerSwiperBtn .swiper-button-prev, .mediaInnerSwiperBtn .swiper-button-next {
        padding: 20px;
}

/* Prod */

.prodDivWhitebg { 
    height: auto; 
} 
.profDescContent {
 
    width: 100%;
}
 
#secondDivContent, 
#thirdDivContent,
#fourthDivContent,
#fifthDivContent,
#seventhDivContent,
#eighthDivContent,
#ninthDivContent,
#tenthDivContent,
#eleventhDivContent,
#twelfthDivContent,
#thirteenthDivContent,
#fourteenthDivContent,
#fifteenthDivContent,
#eighteenthDivContent,
#sixteenthDivContent,
#nineteenthDivContent,
#twentythDivContent
{ 
    right: 0%;
}

.grid-container {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    padding: 0px 10px !important;
}

/*#thirdDivContent { */
/*    right: 0%;*/
/*}*/
/*#fourDivContent { */
/*    right: 0%;*/
/*}*/
/*#fiveDivContent { */
/*    right: 0%;*/
/*}*/

.flex{
        display: flex;
        flex-wrap: wrap;
}
.profcardDiv {
    width: 100%;
}
 .profCondiv {
    padding: 15px;
    padding-bottom: 35px;
}
.termsandConditonsBanner{
padding-top:15%;    
}

.termsCondtionContent, .privacyPolicyContent{
    text-align:center;
}
.termsCondtionContent h3, .privacyPolicyContent h3{
    color: #a8d280;
    font-size:1.3rem;
}
.termsCondtionContent h2, .privacyPolicyContent h2{
    color: #000000;
    font-size: 1.5rem; 
    margin-bottom: 2%; 
}
.termsCondtionContent p, .privacyPolicyContent p{
    color: #000000;
    font-size: 1rem;
}
.contactUsform {
        padding: 20px;
}
   .productInnerDescriptionPadding {
       padding: 20% 0% 10% 0%;
    text-align: center;
}
   .productAgroDescriptionPadding {
       padding: 20% 0% 10% 0%;
    text-align: center;
}
.ourFrimValues::before {
    height:150px;
}
}
 @media only screen and (min-width: 320px) and (max-width: 450px) {
     .prodpageWave:before {
        top: -1.3%;
    }
    
    #boxes #dialog {
    width: 300px;
        
    }
    
    
    
    .mediaInnerSwiperBtn .swiper-button-prev {  
            left: 64%;
    }
    
    .frimpadding .row:first-child{
        flex-direction: column-reverse;
    }
    
    .investorPadding { 
    padding: 10% 2% 25% 2%;
    }
  
    
.productInnerDescriptionPadding {
       padding: 20% 0% 0% 0%;
    text-align: center;
}
.productAgroDescriptionPadding {
       padding: 20% 0% 15% 0%;
    text-align: center;
}
    .swiper-base-metal {
    padding-bottom: 15%;
}

    .inquiryPadding {
    padding: 10% 0.5% 25% 0.5%;
    }

/*styles for navBar responsiveness*/
.navbar .pb-4, .navbar .py-4 {
    padding-top: 0rem!important;
}

}
@media only screen and (min-width: 450px) and (max-width: 767.5px) {
     .prodpageWave:before {
        top: -1%;
    }
    .inquiryPadding {
    padding: 10% 5% 15% 5%;
    }
    .termsandConditonsBanner{
padding-top:10%;    
}

  .investorPadding {
    padding: 10% 5% 15% 5%;
    }

.bannerpageRow {
    padding: 90px 30px 100px 30px;
}

}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {

    .missionContainer .missionSlider {
        margin-top: 5%;
    } 
    .missionLeftImg {
        margin-top: -45px;
    } 
    .bannerSwiper .swiper-horizontal>.swiper-pagination-bullets, .bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bannerSwiper .swiper-pagination-custom, .bannerSwiper .swiper-pagination-fraction {
    bottom: 18%;
    left: 5%;
    width: 100%;
}
 
.ourMissionSwiper .swiper-horizontal>.swiper-pagination-bullets, .ourMissionSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .ourMissionSwiper .swiper-pagination-custom, .ourMissionSwiper .swiper-pagination-fraction {
    bottom: 20%;
    left: -20%;
    width: 100%;
}
 
.productSwiper .swiper-horizontal>.swiper-pagination-bullets, .productSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .productSwiper .swiper-pagination-custom, .productSwiper .swiper-pagination-fraction {
    bottom: 17%;
    left: -10%;
    width: 100%;
}
.mainmenu .collapse ul ul ul {
        top: -7px;
}
    .mainmenu .collapse ul ul { 
            min-width: fit-content;
    }
    .dropdown-item {
            font-size: 12px;
                padding: 7px 7px;
    }
    .dropdown-menu {
        padding: 7px!important;
    }
    .mainmenu .collapse ul ul ul {
        min-width: fit-content;
    }
    .bannerTitle {
       font-size: 2rem; 
    }
    
    .investorCard{
        padding:50px;
    }
    
.minorSwiper .swiper-wrapper {
    margin-left: 30px;
    margin-bottom:5%;
}
.minorSwiper .swiper-button-prev, .minorSwiper .swiper-container-rtl .swiper-button-next {
    padding: 22px;
    left: 5px;
}
.minorSwiper .swiper-button-next, .minorSwiper .swiper-button-prev {
    top: 16%;
}
.minorSwiper .swiper-button-next, .minorSwiper .swiper-container-rtl .swiper-button-prev {
    right: 5px;
    padding: 22px;
}
.minoralProdContent h3 {
    font-size: 1.5rem; 
    margin-bottom: 10px;
}
.minoralProdContent p {
    font-size: 15px;
}

.minoralProdDesc{
    padding-bottom: 5%;
}

    .bannerDescription {
        font-size: 1rem; 
    }
    .socialLinksrow {
        padding-top: 10%;
        padding-left: 6%;
    }
    .contactRow {
        padding: 25px 31px 0px 31px;
    }
    
    .contactUsform {
        width: 100%;
        padding: 50px;
        left: 0%;
    }
    
    .ourFrimValues::before {
    top: -1px;
    height: 150px;
    }
    
    .frimImg {
    position: relative;
    top: -5%;
    right:12%;
    }
    .paddingLeft {
    padding-right: 10%;
    padding-top: 21%;
    }
    
    .contactemailBG p {
    color: #000000;
    font-size: 1.2rem;
    }
    .addressDiv h3 {
    font-size: 2rem;
    }
    
.termsCondtionContent, .privacyPolicyContent {
    padding: 5% 5% 16% 5%;
}
    
    .contactMapDiv {
    padding: 5% 5% 15% 5%;
    }
.contactAddress {
  padding: 15% 4%;;
}
    .contactemailBG {
    padding: 5% 20% 8% 5%;
}

    #neveahfooter form {
        width: 100%;
    }
    .bannerpageRow {
          padding: 130px 25px 130px 25px;
    }
   .investorPadding {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20%;
    }
    .prodpagePadding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .productName {
        bottom: -30px;
        padding: 15px;
    }
    .profilePage {
        padding:55px;
    }
    .comProfile {
           padding: 0px 55px 0px 55px;
    }
    .profilePage:before {
    bottom: 99%;
    height: 80px;
    }
    .profilePage:after{
        height:80px;
    }
    
    .comProfile h4 {
        font-size: 1.5rem;
    }
    .comProfile p {
        font-size: 15px;
    }
    .comProfile span{
        font-size: 20px;
    }
    .inquiryPadding {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10%;
        padding-bottom: 25%;
    }
    .inquiryCard {
        padding:30px;
    }
     .policiesDiv { 
        padding: 6% 5% 15% 5%;
    }
    .policiesAccord:before {
        top: -7%;
    }
    .borderRow h3 {
            font-size: 1.25rem;
    }
    
 /* styles added by ajay on aug 11 2021 for about page responsiveness */
    .aboutWhoAreWeImg{
        top: 0;
    }

    .sideVerticalText {
        font-size: 1.3rem;
    }

    .aboutWhoAreWeImg .imgBox{
        height: auto;
    }
    .aboutWhoAreWe-center-text h3 {
        font-size: 1.7rem;
    }
    .aboutWhoAreWe{
        padding-right: 2%;
    }
    .aboutWhoAreWe p{
        font-size: 1rem;
    }
    .aboutWhoAreWeImg2{
        left: 0;
    }
    
     .comDesc {
    left: 16px;
    margin-top: -3%;
}
    .aboutWhoAreWeImg2 img {
        width: 100%;
        left: 0;
    }

    .aboutWhoAreWeImg2::before {
        right: -5%;
    }

    .aboutPaddingvisionDiv, .aboutPaddingmissionDiv{
        padding-left: 5%;
        padding-right: 5%;
    }

    .missionNo,.mission-description{
        font-size: 1rem;
    }
    .mission-vision .missionHeading{
        font-size: 2.5rem;
    }
        /* competitor section */
        .competitorPadding {
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 10%;
        }
        .comDesc{
            left: 0;
        }
        .listofFrims, .comList{
            font-size: 1rem;
        }
    
        .frimHeading h2{
            font-size: 1.5rem;
        }
    
        .frimpadding{
            padding-left: 5%;
            padding-right: 5%;
        }



    /* styles added by ajay on aug 11 2021 for about page responsiveness */
    
    .ml-md-5,  .mx-md-5 {
        margin-left: 0.55rem!important;
    }
    .pl-5, .px-5 {
         padding-left: 0rem!important;
    }
    .navPadding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-brand img {
        height: 50px;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 50px;
    }
    .nav-link {
        font-size: 12px;
    }
    .nav-link.navBtn {
        padding: 8px 16px!important;
    }
  .bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets, .bannerContainer .swiper-pagination-custom, .bannerContainer .swiper-pagination-fraction {
            bottom: 120px;
            left: 50px;

    }
     .mediaHead {
         padding-left: 25px;
    }
    .mediaSwiperbtn {
        padding-left: 25px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0px;   
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }
    .mediaSwiper .swiper-button-prev, .mediaSwiper .swiper-button-next {
        padding: 20px; 
    }
    .imageColumn {
              padding: 50px 50px 80px 30px;
        }
.formColumn {
    padding: 7% 2% 9% 5%;
}
    .leftSpacing {
        padding-left: 25px;
           padding-bottom: 10%; 
    }
    .productContent {
         padding-left: 45px;
        padding-right: 45px;
    }
    .productImage {
        padding-left: 0px;
        padding-right: 65px;
    }
    
    .productInnerDescription{
     padding-top:5%;
     padding-bottom:5%;
    }
    .cardView {
            height: 190px;
            margin-bottom: 20px;
    }
    .aboutDiv {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 100px;
    }
    .aboutText p {
    font-size: 1rem;
        
    }
    .aboutText h3 {
    font-size: 1rem;
    }
    .spacingDiv {
        padding: 100px 0px 0px 20px;
    }
    .neveahTitle {
        font-size: 40px;
        padding-left: 40px;
    }
    .neveahTitle>span {
            font-size: 20px;
    }
.bannerPadding {
    padding: 150px 50px 155px 60px;
}
    .companyLogo {
    width: 300px;
        
    }
    .CompanyDescription {
            padding-left: 35%;
    }
    .CompanyDescription p {
            font-size: 1rem;
            margin-right: 10%;
    }
    .mediapageHead {
        padding-left: 30px;
        padding-right: 50px;
    }
    .mediaDivtitle {
        font-size: 1.5rem;
            margin-bottom: 20px;
    }
    .mediaDivparaText {
        font-size: 15px;
    }
    .mediadateText { 
        font-size: 15px;
    }
    .mediaCategory {
        padding-left: 30px;
        padding-right: 30px;
        
    }
    .mediaCatList {
        padding: 55px 20px 55px 30px;
    }
    .mediaListDiv {
        padding: 15px 0px 0px 15px;
    }
    .mediaCatList p {
            font-size: 17px;
    }
    .right-waa h3 {
    font-size: 1.5rem;
    }
    .right-waa p { 
        font-size: 15px;
    }
    .missionSpacing {
        padding: 0px 20px 150px 20px;
    }
    .missionLeftImg {
         padding-right: 5%;
    }
    .missionDescription {
    font-size: 1rem;
    }
    .productContent h4 { 
        font-size: 2rem;
    }
    .productContent p {
        font-size: 15px;
    }
    .productContent span {
            font-size: 1.3rem;
    } 
    
    .ourProduct {
        padding: 100px 0;
    }
    .productContainer .swiper-container-horizontal>.swiper-pagination-bullets, .productContainer .swiper-pagination-custom, .productContainer .swiper-pagination-fraction {
       
        left: -6%;
    }
    .mediaContent h3 { 
        font-size: 1.2rem;
    }
    .formHead p {
            font-size: 1rem;
    }
    .mediaDate {
    font-size: 1rem;
        
    }
    .missionHeading {
    font-size: 2rem; 
        
    }
    .formHead h3 {
            font-size: 2rem;
                margin-bottom: 20px;
    }
    
    .swiperItem{
        width:190px;
    }
/* styles for base-metal-responsiveness */
.swiper-base-metal {
    padding-bottom: 15%;
}

.baseMetalSwiperText {
    padding-left: 0;
    padding-top: 0;
}

.baseMetalSwiperText h3{
    font-size: 1.5rem;
}
.baseMetalSwiperText p{
    font-size: 1rem;
    margin-right: 0;
    padding-right: 0;
}
.swiper-base-metal h2{
    font-size: 1.5rem;
}
.swiper-base-metal p{
    font-size: 1rem;
}
/* end ofstyles for  base-metal responsiveness */ 
    
    .mediaInnnerBanner {
        height: 650px;
    }
    .mediaInnerContent::before {
        height: 70px;
    }
     .mediaInnerContent:after {
        height: 70px;
    }
    .mediaInnerHeading h2 { 
        font-size: 2rem;
    }
    .mediaInnerDescription p {
        font-size: 1rem;
    }
    .mediaInnerTimeAndDate p {
        font-size: 1rem;
    }
    .mediaInnerSwiperBtn .swiper-button-prev {
        position: absolute;
        left: 55%;
    }
    .mediaInnerSwiperBtn {
        padding-bottom: 5%;
    }
    
    .mediaInnerSwiperBtn .swiper-button-prev, .mediaInnerSwiperBtn .swiper-button-next {
            padding: 20px;
    }
    
      /*  Prod */
      
    .grid-container {
      padding: 0px 10px !important;
    }

       .prodDivWhitebg { 
        height: 270px;
    }
    .profCondiv {
        padding: 10px;
    }
   .profDescContent {
          width: 445%;
    }
    #secondDivContent {
        right: 111%;
    }
    #fiveDivContent {
        right: 445%;
    }
    
    #thirdDivContent {
        right: 164%;
        width: 350%;
    }
    
    #fourthDivContent {
        right: 345%;
    }
    
    #sixthDivContent {
       right: 95%;
        width: 390%;
    }
    
    #seventhDivContent {
        right: 230%;
    }
    
    #eighthDivContent {
        right: 345%;
    }
    
.product-specification-table {
    padding: 5% 10% 15% 10%;
}
.productInnerDescriptionPadding {
    padding: 10% 10% 10% 10%;
}
.productAgroDescriptionPadding {
    padding: 10% 10% 10% 10%;
}

.minerals-inner.productInnerDescriptionPadding {
    padding: 5% 10% 0% 10%;
}

.prodpageHead p {
    padding-left: 10%;
    padding-right: 9%;
}

.productName p {
    font-size: 0.7rem;
}
.footerPadding {
    padding-left: 40px;
    padding-right: 40px;
}
.signUpDiv h3 { 
    font-size: 1.5rem;
}
.footerLogo img {
    width: 80%;
}

.baseMetalDiv {
    padding-top: 5%;
    padding-bottom: 0%;
}

.getStartButton {
    padding-bottom: 25%; 
}

    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .missionLeftImg {
    margin-top: -50px; 
    }
    .mainmenu .collapse ul ul ul {
        top: -7px;
    }
      .mainmenu .collapse ul ul {
            min-width: fit-content;
    }
    .dropdown-item { 
                padding: 7px 7px;
    }
    .dropdown-menu {
        padding: 7px!important;
    }
    .mainmenu .collapse ul ul ul {
        min-width: fit-content;
    }
    .bannerTitle {
       font-size: 3rem; 
    }
    
    .swiper-container-horizontal > .swiper-scrollbar {
    bottom: 3%;
    }
    
    
    .minorSwiper .swiper-wrapper {
    margin-left: 35px;
    margin-bottom:5%;
}

.minorSwiper .swiper-button-prev, .minorSwiper .swiper-container-rtl .swiper-button-next {
    left: 0px;
}
    
    
    .baseMetalDiv {
    padding-bottom:1%;
    }
    
    .formPadding {
        left:2%;
    }
    
    .contactUsform {
    width: 90%;
    left: 10%;
}

    .bannerDescription {
        font-size: 1.5rem; 
    }
    .contactRow {
        padding: 25px 77px 0px 42px;
    }
    #neveahfooter form {
        width: 100%;
    } 
.bannerpageRow {
    padding: 151px 25px 130px 53px;
}
    .investorPadding {
        padding-left: 30px;
        padding-right: 30px;
    }
     .prodpagePadding {
        padding-left: 30px;
        padding-right: 30px;
    }
    .profilePage {
        padding:75px;
    }
    .comProfile {
           padding: 0px 95px 20px 95px; 
    }
    .comProfile h4 {
        font-size: 2rem;
    }
       .inquiryPadding {
        padding-left: 50px; 
        padding-right: 50px;
        padding-top: 10%;
        padding-bottom: 25%;
    }
    .inquiryCard {
        padding:50px;
    }
    .policiesDiv { 
        padding-left: 50px;
        padding-right: 50px;
    }
    .policiesAccord:before {
        top: -7%;
    }
     .ml-md-5,
    .mx-md-5 {
        margin-left: 0.75rem!important;
    } 
    .navBtn {
        padding: 15px 20px!important;
        }
    .navbar-brand img {
        height: 70px;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 70px;
    }
        .navPadding {
        padding-left: 15px;
        padding-right: 15px; 
    }
    .bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets, .bannerContainer .swiper-pagination-custom, .bannerContainer .swiper-pagination-fraction {
            bottom: 130px;
            left: 40px;

    }
    .mediaHead {
         padding-left: 35px;
    }
    .mediaSwiperbtn {
        padding-left: 35px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0px;   
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }
     .mediaSwiper .swiper-button-prev, .mediaSwiper .swiper-button-next {
        padding: 20px;
    }
    .imageColumn {
        padding: 80px 100px 80px 60px;
    }
    .formColumn {
        padding: 70px;
    }
    
    .listofFrims, .comList {
    font-size: 1.1rem;
    }
    .leftSpacing { 
        padding-left: 40px;
           padding-bottom: 10%;
    }
    .productContent {
        padding-left: 60px;
        padding-right: 60px;
    }
    .productImage {
        padding-left: 0px;
          padding-right: 50px;
    }
    
        .aboutDiv {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 120px;
    }
 
    .spacingDiv {
        padding: 100px 0px 0px 40px;
    }
    .neveahTitle {
        font-size: 60px;
        padding-left: 60px;
    }
    .neveahTitle>span {
            font-size: 30px;
    }
    .bannerPadding {
        padding: 200px 60px 175px 50px;
    }
        .companyLogo {
    width: 350px;
        
    }
    .CompanyDescription {
            padding-left: 25%;
    }
    .CompanyDescription p {
            font-size: 1rem;
            margin-right: 15%;
    }
     .mediaCatList {
        padding: 55px 20px 55px 50px;
    }
    .mediapageHead {
        padding-left: 30px;
        padding-right: 50px;
    }
    .mediaDivtitle {
        font-size: 2rem;
    }
    .mediaDivparaText {
        font-size: 17px;
    }
    .mediadateText {
        font-size: 17px;
    }
    .mediaCategory {
        padding-left: 25px;
        padding-right: 25px;
    }
        .right-waa h3 {
    font-size: 1.5rem;
    }
    .right-waa p { 
        font-size: 1rem;
    }
    .productContent p {
        font-size: 1rem;
    }
    .aboutText p {
        font-size: 1rem;
    }
    .aboutText h3{
        font-size: 1.3rem;
    }
    .missionSpacing {
        padding: 0px 20px 150px 20px;
    }
    .missionLeftImg {
         padding-right: 5%;
    }
    .missionDescription {
    font-size: 1rem;
    }
    
    .baseMetalSwiperText {
    padding-top: 0%;
    padding-right:2%;
    }
          /*  Prod */

       .prodDivWhitebg { 
      height: 385px;
    }
    .profDescContent {
          width: 435%;
    }
    #secondDivContent {
        right: 111%;
    }
    #fiveDivContent {
        right: 445%;
    }
    #fourDivContent {
        right: 333%;
    }
    #thirdDivContent {
        right: 222%;
    }
    
    #sixthDivContent {
        right: 110%;
    }
    
    #seventhDivContent {
        right: 223%;
    }
    
    #eighthDivContent {
        right: 335%;
    }
    
    .getStartButton {
    padding-bottom: 25%;
}

}

@media only screen and (min-width: 1281px) and (max-width:1370px) {
    .navPadding {
        padding-left: 40px;
        padding-right: 40px;
    }
    .productImage {
        padding-left: 0px;
        padding-right: 155px;
    }
    .bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets,
    .bannerContainer .swiper-pagination-custom,
    .bannerContainer .swiper-pagination-fraction {
        bottom: 130px; 
    }
    .whoWeAre::before {
        width: 93%;
    }
    .ml-md-5, .mx-md-5 {
        margin-left: 2rem!important;
    }
    .mediaHead {
         padding-left: 35px;
    }
    .mediaSwiperbtn {
        padding-left: 35px;
    }
    .imageColumn {
        padding: 80px 100px 80px 60px;
    }
    .formColumn {
        padding: 70px;
    }
    .mediaCatList {
        padding: 55px 20px 55px 50px;
    }
    .mediapageHead {
        padding-left: 80px;
        padding-right: 80px;
    }
     .mediaCategory {
        padding-left: 80px;
        padding-right: 80px;
    }
    
    
           /*  Prod */

    .prodDivWhitebg { 
       height: 420px;
    }
    .profDescContent {
           width: 426%;
    }
    #secondDivContent {
        right: 111%;
    }
    #fiveDivContent {
           right: 445%;
    }
    #fourDivContent {
        right: 333%;
    }
    #thirdDivContent {
        right: 222%;
    }
    
}

@media only screen and (min-width: 1371px) and (max-width:1440px) {
    .bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets,
    .bannerContainer .swiper-pagination-custom,
    .bannerContainer .swiper-pagination-fraction { 
            bottom: 130px;
    } 
        /*styles addded by ajay on aug 11*/
        .aboutWhoAreWe::before ,.mission-vision::before {
        bottom: 99%;
        height: 110px;
    }

    .ourFrimValues::before {
        top: -5px;
    }
    .ml-md-5, .mx-md-5 {
        margin-left: 2.5rem!important;
    }
     /*end of  styles addded by ajay on aug 11*/
     
    .mediaHead {
         padding-left: 50px;
    }
    .mediaSwiperbtn {
        padding-left: 50px;
    }
    
        /*  Prod */

     .prodDivWhitebg { 
            height: 410px;
    }
}

@media only screen and (min-width: 1370px) and (max-width: 1024) and (orientation: landscape) {
        /*  Prod */

       .prodDivWhitebg { 
        height: 350px;
    }
}

@media only screen and (min-width:1536px) {
    .bannerContainer .swiper-container-horizontal>.swiper-pagination-bullets,
    .bannerContainer .swiper-pagination-custom,
    .bannerContainer .swiper-pagination-fraction {
        left: 72px;
        width: 100%;
    }
        /*styles addded by ajay on aug 11*/
        .aboutWhoAreWe::before ,.mission-vision::before {
        bottom: 99%;
        height: 110px;
    }

    .ourFrimValues::before {
        top: -5px;
    }
        .usesAndProcedures::before {
        bottom: 99%;
        height: 110px;
    }
    
     /*end of  styles addded by ajay on aug 11*/
     
     
          /*  Prod */

     .prodDivWhitebg { 
        height: 450px;
    }
     
    .profDescContent {
      
            width: 425%;
    }
     
    #secondDivContent { 
        right: 108%;  
    }
    #thirdDivContent { 
        right: 217%;
    }
    #fourDivContent { 
        right: 333%;
    }
    #fiveDivContent { 
       right: 445%;
    }
}

@media only screen and (min-width: 1537px) and (max-width: 1823px) { 
    .prodDivWhitebg {
        height: 520px;
    }
}

@media only screen and (min-width: 1824px) {
    .contactBG {
        height: 758px;
    }
    .contactUsform {
        width: 83%;
        background: #fff;
        padding: 103px;
        left: 13%;
    }
    
    .profilePage {
    padding: 126px;
}
    
    .formPadding:before {
        right: -2px;
    }
    .contactRow {
        padding: 25px 170px 0px 120px;
    }
    .contactMapDiv .col-md-6 {
        text-align: center;
    }
    .contactemailDiv {
        margin-bottom: 6%;
    }
    .contactMapDiv iframe {
        width: 861px;
        height: 699px;
    }
    .contactMapDiv .row {
        align-items: center;
    }
    .contactAddress {
        text-align: left;
    }
    .companyLogo {
         width: 550px;
    }
    
           /* Prod */
        .prodDivWhitebg {
          height: 510px;
        }
        #secondDivContent {
            right: 107%;
        }
        #thirdDivContent {
            right: 213%;
        }
        #fourthDivContent {
            right: 316%;
        }
        
        #sixthDivContent {
            right: 107%;
        }
        #seventhDivContent {
            right: 215%;
        }
        
        #eighthDivContent {
            right: 322.5%;
        }
       #eleventhDivContent {
    right: 210%;
}
 #fifteenthDivContent 
 {
    right: 209%;
}
#sixteenthDivContent {
        right: 315%;
    }
        .profDescContent {
            width: 422%;
        }
}

@media only screen and (min-width: 1824.5px) and (max-width: 1920px) {
    .prodDivWhitebg {
        height: 540px;
    }
    
}


@media only screen and (min-width: 2160px) and (max-width: 2560px) {
    
    
    
    .greyBg:before {
            bottom: 70%;
     height: 450px; 
    }
    
    .companyLogo {
        width: 600px;
            top: 63px;
    }
    
    .ourMissionSwiper .swiper-horizontal>.swiper-pagination-bullets, .ourMissionSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .ourMissionSwiper .swiper-pagination-custom, .ourMissionSwiper .swiper-pagination-fraction {
        bottom: 10%;
    }
    
        /* Prod */
    .prodDivWhitebg {
        height: 720px;
    }
    
    #secondDivContent {
        right: 105%;
    }
    #thirdDivContent {
        right: 210%;
    }
    #fourDivContent {
        right: 315%;
    }
    
    #sixthDivContent {
        right: 105%;
    }
    
    #seventhDivContent {
        right: 210%;
    }
        #eighthDivContent {
        right: 315.5%;
    }
    
    .profDescContent {
       
    width: 415%;
    padding: 70px;

    }
}



 @media only screen and (min-width: 320px) and (max-width: 575px) {
     .frimList {
         margin-bottom: 0rem;
     }
     .ourFrimDesc p{
         margin-bottom: 0rem;
     }
     
 }

#errorID1,#errorID2,#errorID3,#errorID4,#errorID5,#errorID6,#footererr,#err1,#err2,#err3,#err4,#err5,#err6,#err7,#err8,#err9{
    color:#f00;
}







.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}


 
.container-fluid.investorWave {
    padding-right: 0px;
    padding-left: 0px;
}

.grid-container {
  display: grid;
  /*grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));*/
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0px 30px;
}
    
    
    
    
    
    /* responsive issues Divya 8-5-25 */
/* Mobile Devices */

@media only screen and (max-width: 319.5px) {
    #sixthDivContent {
        right: 0%;
    }
 }
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    #sixthDivContent {
        right: 0%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
   
    #tenthDivContent
    {
        width: 372%;
        right: 90%;
    }
   #eleventhDivContent  {
        right: 230%;
    }
    #twelfthDivContent, #sixteenthDivContent, #twentythDivContent{
        right: 345%;
    }
    #thirteenthDivContent {
        width: 400%;  
    }
    #fourteenthDivContent {
        width: 400%;
        right: 100%;
    }
  #eighteenthDivContent {
        width: 445%;
        right: 115%; 
    }
        #fifteenthDivContent  { 
        width: 445% !important;
    }
    .prodDivWhitebg {
        height: 300px!important;
    }
        #firstDivContent{
        width: 388%!important;
    }
        #secondDivContent {
        right: 115%!important;
        width: 445% !important;
    }
        #thirdDivContent {
        right: 230%!important;
        width: 445% !important;
    }
        #fourthDivContent {
        right: 345%;
        width: 445% !important;
    }
        #sixthDivContent {
        right: 110%!important;
        width: 427%!important;
    }
        #seventhDivContent {
        right: 214%!important;
        width: 421%!important;
    }
    #fifteenthDivContent,#nineteenthDivContent {
    right: 230%!important;
    width: 430%!important;
}
.profCondiv p { 
    font-size: 13px;
}
 }

 @media only screen and (min-width: 1024px) and (max-width: 1280px)  { 
    #twelfthDivContent, #sixteenthDivContent, #twentythDivContent {
        right: 334%;
    }
    #eleventhDivContent {
        right: 222%;
    }
    #tenthDivContent  {
        right: 112%;
    }
    #fourteenthDivContent, #eighteenthDivContent {
        right: 112%;
    }
    #fifteenthDivContent,#nineteenthDivContent {
        right: 222%;
    }
    #fourthDivContent {
    right: 335%;
    }
 }

 @media only screen and (min-width: 1371px) and (max-width: 1440px) {
    .prodDivWhitebg {
        height: 445px!important;
    }
}

@media only screen and (min-width: 1824px) {
  #twentythDivContent {
        right: 322%;
    }
        #twelfthDivContent  {
        right: 315%;
    }
        #sixteenthDivContent {
        right: 315%;
    }
}