/*----------------menu-----------*/
.nav-link {
   
    font-family: 'Montserrat', sans-serif;
}

.navbar-nav{
    width: 75%;
}

.signle-about{
    padding-top: 80px;
}
.navbar-expand-lg{
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 999;
    background-color: rgba(255, 255, 255, .8) !important;
    padding: 10px 0px;
    border-bottom: 1px solid #ededed;
}


.navbar-expand-lg.scrolled {
    background-color: #fff !important;
    transition: background-color 100ms linear;
    z-index: 9999;
}

.nav-link{
    color: #000!important;
    font-weight: 600;
    padding:2px 8px!important;
    display: inline-block;
}



.banner-text{
    position: absolute;
    left: 10%;
    top: 20%;
    color: #fff;
}

.banner-text h1{
    font-size: 60px;
}

.banner-text p{
    font-size: 28px;
    font-weight: 600;
}

.banner-text a{
    background: #fff;
    padding: 5px 20px;
    color: #000;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin-top: 30px;
}


/*.shift {
  transform: translateY(-100%);
}
*/


.mega-menu-title{
    margin-bottom: 20px;
}
.mega-menu-title a{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.all-p-img{
    width: 90%;
    border: 0.5px solid gray;
    border-radius: 10px;
    padding: 15px;
}
.all-p-img img{
    width: 100%;
}


.division-cont ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.category-cont ul li {
    float: left;
    width: 50%;
}
.division-cont ul li a{
    display: block;
    padding: 4px 0px;
    text-decoration: none;
    color: #000;
}
.division-cont ul li a:hover{
    color: #2934BD;
    text-decoration: underline;
}

.search-box {
    position: relative;
}   
.search-box input.form-control {        
    padding-right: 35px;
    border-radius: 0;
    padding-left: 6px;
    border-width: 0 0 1px 0;
    box-shadow: none;
}
.search-box input.form-control:focus {      
    border-color: #f08373;      
}
.search-box .input-group-text {
    min-width: 35px;
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    z-index: 9;
    padding: 7px 0 7px 7px;
    height: 100%;
}
.search-box i {
    color: #a0a5b1;
    font-size: 19px;
}


.nav-top-right {
    margin-left: 20px;
    text-align: right;
}

.new-btn{
    background: no-repeat;
    border: 0px;
    font-size: 26px;
    text-align: right;
}

.contact-menu{
    border-radius: 18px;
    padding: 2px 10px!important;
}

.nav-top-right a{
     padding: 2px 10px;
    text-decoration: none;
    color: #000;
    border: 0.5px solid #000;
    display: inline-block;
    border-radius: 5px;

}


.dropdown-menu {
    width: 54%!important;
}

.carousel-item video{
    width:100%;
}
/*----------------home about------------*/
.home-about-sec{
        padding: 80px 0px;
    background: #f8f9fa;
}

.home-about-content h1{
    font-size: 40px;
    color: #0A547A;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.home-about-content h3{
   margin-bottom: 30px;
    font-size: 20px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
}

.home-about-content p{
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
.home-about-content a{
    background: #000;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    padding: 5px 25px;
    text-align: left;
    float: left;
    margin-top: 20px;
    border-radius: 3px;
}





.working-catagory{
    background-image: linear-gradient(to bottom, #2f4636 , #435e4f);
    /*background-image: linear-gradient(to bottom, #26313c , #536b83);*/
    padding: 60px 0px;
}

.working-title h2{
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
    font-size: 40px;
}

.process-wrapp{
    list-style: none;
}
.process-wrapp li{
    float: left;
    padding: 30px;
}

.pro-step{
    border: 0.5px solid #fff;
    display: block;
    border-radius: 91px;
    width: 96px;
    margin: 0px auto;
}



.pro-step:after {
    content: '';
    width: 96px;
    height: 1px;;
    position: absolute;
    z-index: 999;
    background: #fff;
    margin-top: 47px;
}

.last-child:after{
    opacity: 0!important;
    visibility: hidden!important;
    display: none;
}

.pro-step:hover{
    background: #00335a80;
    cursor: pointer;
}

.working-cont p{
    text-align: center;
    color: #fff;
    margin-top: 20px;
    padding-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

/*--------------Product Section ---------------*/
.products-sec{
    padding: 60px 0px;
    /*background-image: linear-gradient(180deg, #fefeff, #036471 33.33%, #b9cae1 66.66%, #b9cae1 );*/
}

.products-cont h2{
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    /*letter-spacing: 4px;*/
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}


.clrd-font{
    background: #FF512F;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    /*background: linear-gradient(to right, #F09819, #FF512F);*/
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.single_portfolio_text{
    display:inline-block;
    
    position:relative;
    overflow:hidden;
}
.single_portfolio_text img{
    width:100%;
    border-radius: 5px;
}

.single_portfolio_text:hover .portfolio_images_overlay{
    top:5%;
    left: 5%;
}

.portfolio_images_overlay{
    width: 90%;
    height: 90%;
    background: rgb(0 0 0 / 5%);
    padding: 20px;
    margin: 0 auto;
    top: -100%;
    left: 5%;
    position: absolute;
    transition:.6s;
    padding-top: 30%;
    
}
.portfolio_images_overlay h6{
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    border: 2px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.portfolio_images_overlay .product_price{
    font-size: 35px;
    color: #fff;
    font-weight:800;
    line-height:30px;
}
.portfolio_images_overlay .product_price i{
    margin-right: -10px;
}
.zoom{
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -100px;
    right: -100px;
    border-radius: 50%;

    background: #FF512F;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    background: linear-gradient(to right, #F09819, #FF512F);
    box-shadow:0px 0px 0px 10px rgba(0,0,0,0.5);
    opacity:0.9;
}
.zoom:before {
    content: "\f00e";
    font-family: FontAwesome;
    color: rgba(255, 255, 255, 0.5);
    font-size: 70px;
    padding-right: 20px;
    position: absolute;
    top: 10px;
    left: 30px;
}
@media (min-width:769px) and (max-width:991px) {
    .portfolio_images_overlay {
        padding: 0px;
    }
}
@media (max-width:768px) {
    .portfolio_images_overlay{
        padding: 170px 20px;
    }
}
@media (max-width:580px) {
    .portfolio_images_overlay{
        padding: 100px 20px;
    }
}
@media (max-width:480px) {
    .portfolio_images_overlay{
        padding: 40px 20px;
    }
}
@media (max-width:320px) {
    .portfolio_images_overlay{
        padding: 20px;
    }
}



/*------------------office Section-----------*/
.wsus__services {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.wsus__services_overlay {
    /*background: #00335a80 !important;*/
    background: #f8f9fa;
    padding: 50px 0px;
}
.wsus__services_heading {
    height: 100%;
}
.wsus__services_heading .wsus__section_heading {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 70px;
}
.wsus__services .wsus__section_heading .text-white {
    text-align: center;
}
.wsus__section_heading h2 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}
.wsus__services .wsus__section_heading .text-white {
    text-align: center;
}
.wsus__services_heading span {
    margin-bottom: 25px;
}
.wsus__single_service {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 25px;
}
.wsus__single_service img{
    width: 100%;
}
.wsus__single_service i {
    color: #f02c2d;
    font-size: 40px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
/*.wsus__single_service h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}*/
.wsus__single_service h4 {
    text-transform: capitalize;
    font-size: 18px;
    position: absolute;
    z-index: 999;
    color: #fff;
    background: #000;
    font-family: 'Montserrat', sans-serif;
    padding: 5px 5px 9px 5px;
}
.wsus__single_service span {
    position: absolute;
    bottom: -30px;
    right: -30px;
    opacity: .15;
}
.wsus__single_service::after {
    content: "";
    position: absolute;
    background: #f02c2d14;
    width: 85px;
    height: 85px;
    top: -30px;
    left: -30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wsus__section_heading h2{
    font-size: 55px;
}

.wsus__section_heading span{
    font-size: 30px;
    font-weight: 600;
}


.wsus__single_service a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.wsus__single_service a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.more-viwe{
    background: #0A547A;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 0px 5px;
    padding: 2px 10px;
    border-radius: 3px;
    position: absolute;
    right: 0px;
    bottom: 0;
    margin-bottom: 10px;
    margin-right: 9px;
    display: none;
}

.wsus__single_service:hover .more-viwe{
    display: block;
    color: #fff;
}




/*--------------FAQ SEction---------*/

.faq-section {
    background-image: url(../images/faq.jpg);
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq-title h2{
    text-align: center;
    color: #fff;
    font-size: 35px;
    margin-bottom: 30px;
        font-family: 'Montserrat', sans-serif;
}

.faq-cont ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.faq-cont ul li{
    padding: 7px 0px;
}

.faq-cont ul li h5{
    color: #ffb371;
    font-weight: bold;
}
.faq-cont ul li p{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.faq-cont a{
    text-align: center!important;
}
.faq-btn{
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin-top: 30px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #a09e9e;
    padding: 7px 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.faq-btn:hover{
    color: #fff;
    background: #00335a80;
}


.strength {
    
    background-image: url(../images/strength.jpg);
    overflow: hidden;
   padding-bottom: 100px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-bottom: 100px;*/
}

/*---------------end--------------*/

.service-sec{
    background-image: url(../images/product-back.jpg);
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.promise-title h2{
    color: #fff;
    text-align: left;
    font-size: 40px;
    margin-bottom: 30px;
}
.promise p{
    text-align: left;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
.promise-img img{
    width: 100%;
}




.faq-title{
    margin-bottom: 70px;
}
.faq-title p{
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
}

.cirtificate-box{
    /*background: #00335a80;*/
    /*background-color: rgba(123, 111, 1, .5);*/
    background-color:rgb(218 216 227 / 37%);
    padding: 10px;
    height: 230px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #fff;
}



 .cirtificate-img{
    width: 70%;
    margin: 0px auto;
    margin-bottom: 30px;
}

.cirtificate-img img{
    height: 70px;
}

.cirtificate-content h5{
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.cirtificate-content p{
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
}


/*-----------------footer---------------*/
footer{
    padding-top: 80px;
    background: #1D1D1B;
    
}


.footer-menu{
    position: relative;
}

.footer-menu h2{
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

.footer-menu{
    margin-bottom: 40px;
}
.footer-menu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footer-menu ul li a{
    text-decoration: none;
    display: block;
    padding: 3px 0px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
.footer-menu ul li a:hover{
    color: #fff;
     text-decoration: underline;
}


.footer-contact p{
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
        color: #fff;
}

.footer-icon{
    margin-left: 0px;
}

.footer-icon a {
    padding: 5px 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: c;
    text-decoration: none;
    color: #fff;
    border: 0.5px solid #fff;
    display: inline-block;
    border-radius: 5px;
}

.footer-contact{
    margin-top: 20px;
    color: gray;
}

.tuch-sec{
    margin-bottom: 60px;
}



.touch-bg{
    padding: 50px 20px;
    background: #DADADA;
}
.tuch-box{
    text-align: center;
    min-height: 170px;
    padding: 0px 20px;
}
.br-right{
   border-right: 2px solid #000; 
}
.tuch-icon{
    font-size: 40px;
    color: #000;
    margin: 0px;
}

.tuch-box h3{
    font-size: 23px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.tuch-box p{
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.wide-90{
    width: 90%;
}
.footer-about p{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.footer-about img{
    margin-bottom: 30px;
    padding: 9px;
    border-radius: 7px;
    cursor: pointer;
        width: 240px;
}

.newsleter{
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif;
}
.newsleter h2{
    font-size: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.newsleter label{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.newsletters-text{
    padding-top: 20px;
    font-size: 13px;
    margin: 0px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.privacy-policy{
    color: #fff;
    margin-top: 10px;
}

.privacy-policy a{
    color: #fff;
}

.subscribe-box{
    position: relative;
}

.subscribe-btn{
    position: absolute;
    right: 0;
    top: 0px;
    border: navajowhite;
    padding: 5.5px 15px;
    font-size: 18px;
    font-weight: 600;
    background: #000;
    color: #fff;
}

.footer-bottom{
    background: #000;
    padding: 15px 0px;
    margin-top: 50px;
    border-top: 1px solid #000;
}

.copyright p{
    margin: 0px;
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}


.color-white{
    color: #000;
}
/*--------partners-section----------*/

.partners-section{
    background: #aea5b8;
    text-align: center;
    padding: 40px 0px;
}

.partners-cont h2{
    color: #fff;
    margin-bottom: 30px;
}
.slide img:hover {
  color: #fff;
  box-shadow: inset 200px 0 0 0 #54b3d6;;
}



.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*-------------------care section----------*/
.care-section{
    margin: 60px 0px;
}

.container-max {
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: auto;
}
.care-content {
    width: 37%;
    height: auto;
    background-color: rgba(123, 111, 1, .8);
    /*background: #00335a80!important;*/
    padding: 26px;
    position: absolute;
    margin-top: 4%;
    border-radius: 10px;
    box-shadow: 0 0 12px 1px #477d8a28!important;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index:999;
}
.view-all-care-Button {
    background: #fff;
    color: #000!important;
    padding: 5px 10px;
    margin-top: 20px;
    text-decoration: none;
    border-radius: 5px;
}

.care-content h2{
    color: #fff;
    font-size: 50px;
}

.care-content h5{
    color: #fff;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
}

.care-banner {
    width: 60%;
    float: right;
}
.care-banner img{
    width: 100%;
}



.care-banner img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 9999;
    
}
.care-banner:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*-------------------care section----------*/


.accordian {
    width: 805px; height: 320px;
    overflow: hidden;
    
    /*Time for some styling*/
    margin: 100px auto;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
    width: 1200px;
    /*This will give ample space to the last item to move
    instead of falling down/flickering during hovers.*/
}

.accordian li {
    position: relative;
    display: block;
    width: 160px;
    float: left;
    
    border-left: 1px solid #888;
    
    box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    
    /*Transitions to give animation effect*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /*If you hover on the images now you should be able to 
    see the basic accordian*/
}


.accordian ul:hover li {width: 40px;}

.accordian ul li:hover {width: 640px;}


.accordian li img {
    display: block;
}

/*Image title styles*/
.image_title {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0; bottom: 0; 
width: 640px;   

}
.image_title a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    font-size: 16px;
}




.certification-top-sec{
    background-color: #f4f4f4;
}



.vc_row.vc_row-flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.vc_custom_1630498739820 {
    padding-bottom: 85px !important;
    background-color: #f4f4f4 !important;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.vc_custom_1630498768243 {
    padding-top: 0px !important;
    padding-bottom: 70px !important;
}
.vc_column-inner::before {
    content: " ";
    display: table;
}
.vc_column-inner::after {
    clear: both;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 35px;
}
.awards_timeline {
    position: relative;
}
.awards_timeline:before, .awards_timeline:after {
    content: '';
    display: table;
    clear: both;
}
.awards_timeline_box {
    width: 50%;
    float: left;
    margin-top: 15.6rem;
    position: relative;
    z-index: 10;
}
.awards_timeline:before, .awards_timeline:after {
    content: '';
    display: table;
    clear: both;
}

.awards_timeline_box:before {
    display: block;
    float: right;
    width: 6rem;
    height: 6rem;
    margin-right: -3rem;
    padding-top: 0.2rem;
    content: "\f559";
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    font-size: 2.5rem;
    color: #0c203c;
    text-align: center;
    line-height: 6rem;
    position: relative;
    z-index: 5;
}
.timeline_box_inner {
    width: 80%;
    padding: 3.6rem 3rem 4rem 3rem;
    border: 0.1rem solid #d8d8d8;
    border-radius: 0.6rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.box-shadow {
    -webkit-box-shadow: rgb(0 0 0 / 15%) 0 2px 8px !important;
    box-shadow: rgb(0 0 0 / 15%) 0 2px 8px !important;
}
.timeline_box_inner:before {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    border: 0.1rem solid #f37233;
    border-radius: 50%;
    background-color: #f8f9fb;
    position: absolute;
    right: -0.6rem;
    top: 50%;
    margin-top: -0.6rem;
    z-index: 10;
}
.timeline_box_inner:after {
    content: '';
    width: 20%;
    height: 0.2rem;
    background-color: #f37233;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -0.1rem;
    z-index: 5;
}
.awards_timeline_box .timeline-item__image, .awards_timeline_box .timeline_box_content {
    display: inline-block;
    vertical-align: top;
}
.awards_timeline_box .timeline_box_content {
    width: 100% !important;
    padding-left: 3rem;
}
.award_wrap {
    position: relative;
}
.award_wrap .award_intro {
    padding-right: 5px;
}
.award_intro h6 {
    font-size: 2rem;
    color: #27374f;
}
.award_intro ul {
    margin-left: 2px;
}
.award_intro ul li {
    font-size: 1.4rem;
    font-weight: 400;
    color: #27374f;
}
.entry-content li {
    list-style: none;
    color: #000000;
    line-height: 25px;
    list-style-type: square;
}
.awards_timeline .timeline_vertical_line {
    width: 0.2rem;
    height: 100%;
    background-color: #f37233;
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    top: 0;
    z-index: 1;
}
.awards_timeline:before, .awards_timeline:after {
    content: '';
    display: table;
    clear: both;
}
.awards_timeline:before, .awards_timeline:after {
    content: '';
    display: table;
    clear: both;
}
.awards_timeline .timeline_vertical_line:before, .awards_timeline .timeline_vertical_line:after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-color: #f37233;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -0.6rem;
}
.awards_timeline_box:nth-child(even):before {
    float: left;
    margin-right: 0;
    margin-left: -3rem;
}
.awards_timeline_box:nth-child(even) .timeline_box_inner {
    left: auto;
    right: 0;
}
.timeline_box_inner {
    width: 80%;
    padding: 3.6rem 3rem 4rem 3rem;
    border: 0.1rem solid #d8d8d8;
    border-radius: 0.6rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.awards_timeline_box:nth-child(even) .timeline_box_inner:before {
    right: auto;
    left: -0.6rem;
}
.timeline_box_inner:before {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    border: 0.1rem solid #f37233;
    border-radius: 50%;
    background-color: #f8f9fb;
    position: absolute;
    right: -0.6rem;
    top: 50%;
    margin-top: -0.6rem;
    z-index: 10;
}
.awards_timeline_box:nth-child(even) .timeline_box_inner:after {
    left: auto;
    right: 100%;
}
.timeline_box_inner:after {
    content: '';
    width: 20%;
    height: 0.2rem;
    background-color: #f37233;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -0.1rem;
    z-index: 5;
}
.awards_timeline_box {
    width: 50%;
    float: left;
    margin-top: 15.6rem;
    position: relative;
    z-index: 10;
}
.awards_timeline_box:nth-child(even) {
    clear: left;
    margin-left: 50%;
}
.awards_timeline_box {
    width: 50%;
    float: left;
    margin-top: 10%;
    position: relative;
    z-index: 10;
}

.img-fluid {
    width: 100%!important;
    height: auto;
}


.count-sec{
    position: absolute;
    top: 23%;
    right: 5%;
    width: 540px;
}


.count-box {
    /*background: #00335a80;*/
    background-color: rgba(218, 216, 227, .8);
    padding: 35px;
    margin-bottom: 30px;
    border-radius: 5px;
    /*box-shadow: 0px 0px 5px #fff;*/
    margin-right: 20px;
    float: left;
    width: 245px;
}

.count-box h3{
    text-align: center;
    font-size: 40px;
    color: #000;
}

.count-box p{
    color: #000;
    font-size: 25px;
    text-align: center;
}

.graph img{
    width: 100%;
}

.partners-section h2{
    margin-bottom: 30px;
    font-size: 40px;
}



/*--------------------Our Group------------------*/

.our-group-sec{
    margin-bottom: 50px;
    margin-top: 130px;
}

.our-group-cont h1{
    margin-bottom: 30px;
    font-family: Verdana;
}
.our-group-cont p{
    text-align: justify;
    font-family: Verdana;
    font-size: 18px;
}

.network-box{
    color: #fff;
    text-align: left;
}

.network-img-box img{
    width: 100%;
}


.network-img-box h3 {
    font-size: 20px;
    margin: 0px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 12px 0px;
    min-height: 74px;
}

.network-img-box{
    background: #fff;
    overflow: hidden;
    border-radius: 7px;
    padding: 10px;
        margin-bottom: 30px;
}

.network-box ul li{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-align: justify;
}


.icon-img{
   line-height: 49px;
    width: 113px;
    text-align: center;
    padding: 0px;
    margin: 5px;
    float: left;
    height: 57px;
}

.icon-img img{
    vertical-align: middle;
    max-height: 54px;
}

.mb-50{
    margin-bottom: 70px;
}





.section-title{
    text-align:center;
    color:#000;
    margin-bottom:50px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}
#what-we-do{
   padding-bottom: 70px;
    padding-top: 50px;
}

.text-muted{
    color: #000!important;
    font-family: 'Montserrat', sans-serif;
}
#what-we-do .card{
    padding: 1rem!important;
    border: none;
    margin-bottom:1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#what-we-do .card:hover{
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
    padding-left: 50px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}
#what-we-do .card .card-block a{
    color: #007b5e !important;
    font-weight:700;
    text-decoration:none;
}
#what-we-do .card .card-block a i{
    display:none;
    
}
#what-we-do .card:hover .card-block a i{
    display:inline-block;
    font-weight:700;
    
}
#what-we-do .card .card-block:before{
    font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before{
    content: "\f0e7";
}
#what-we-do .card .block-2:before{
    content: "\f0eb";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f209";
}
#what-we-do .card .block-5:before{
    content: "\f0a1";
}
#what-we-do .card .block-6:before{
    content: "\f218";
}
#what-we-do .card:hover .card-block:before{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);  
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}


.popup {
    font-family: 'Montserrat', sans-serif;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popup1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
 .popuptext {
    visibility: hidden;
    width: 300px;
    color: #fff;
    text-align: left;
    background-color: rgba(123, 111, 1);
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 19%;
    margin-left: -82px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(123, 111, 1) transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}




.about-founder-sec{
    padding: 50px;
}

.founder-img img{
    width: 100%;
    border-radius: 10px;
}

.founder-title h2{
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

.founder-cont h4{
    font-size: 20px;
    color: gray;
    margin-bottom: 30px;
}
.founder-cont p{
    font-size: 17px;
    font-family: Verdana;
    text-align: justify;
}


















.teams{
      margin: 50px 0px;
}
.teams .shadow-effect {
        background: #00335a80 !important;
            /*background: #fff;*/
            padding: 20px;
            border-radius: 20px;
            text-align: center;
    border:1px solid #ECECEC;
            box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
        }
        
        #customers-teams .item {
             /*height:470px !important; edit by zahed*/
             height:370px !important;
            text-align: center;
            padding: 50px;
                margin-bottom:80px;
            opacity: .2;
            -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
#customers-teams .item p{
    font-size:12px;
}
#customers-teams .item h2{
    font-size:28px !important;
    font-weight:500 !important;
}
#customers-teams .item .title{
    font-size:14px;
}
#pastexp{
    margin-top:20px;
}
#customers-teams .item h5{
    font-size:15px !important;
    font-weight:700 !important;
}
        #customers-teams .owl-item.active.center .item {
            opacity: 1;
            -webkit-transform: scale3d(1.0, 1.0, 1);
            transform: scale3d(1.0, 1.0, 1);
        }
        .teams .owl-carousel .owl-item .img-circle {
            transform-style: preserve-3d;
            max-width: 170px;
            margin: 0 auto 17px;
              transition: transform .5s;
        }
.teams .owl-carousel .owl-item .img-circle:hover {
            transform: scale(0.9);
        }
        #customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
            background: rgba(215,67,77,0.8);
            transform: translate3d(0px, -50%, 0px) scale(0.7);
        }
#customers-teams.owl-carousel .owl-dots{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#customers-teams.owl-carousel .owl-dots .owl-dot{
    display: inline-block;
}
        #customers-teams.owl-carousel .owl-dots .owl-dot span {
            background: rgba(215,67,77,0.8);
            display: inline-block;
            height: 20px;
            margin: 0 2px 5px;
              margin-top:50px;
            transform: translate3d(0px, -50%, 0px) scale(0.3);
            transform-origin: 50% 50% 0;
            transition: all 250ms ease-out 0s;
            width: 20px;
              outline: none;
                border-radius:50% !important;
        }
.owl-dot, .owl-dot:active, .owl-dot:focus { 
    outline: 0 !important;
}

@media only screen and (max-width: 1000px){
    #customers-teams.owl-carousel .owl-dots .owl-dot span {
    height:20px;
    width:20px;
    margin-top:30px;
    }
}


 #teamsocial {
   align-items: center;
     justify-content: center;
     display: flex;
     margin:10px auto;
     margin-top:20px;
  
}
  #teamsocial #socialicon {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     width:40px;
     height: 40px;
     margin: 0 0.5rem;
     border-radius: 50%;
     cursor: pointer;
     font-size: 1.5rem;
     text-decoration: none;
     transition: all 0.3s ease;
    
}
  #teamsocial #socialicon:hover {
     font-size: 2rem;
     width:50px;
     height: 50px;
}
 


.teams-title h2{
    text-align: center;
    font-size: 40px;
}




/*--------------------------product page------------------*/
.product-section{
    margin-top: 76px;
}

.all-product-sec{
    margin-bottom: 100px;
}
.card {
    border: none;
    border-radius: 10px;
    margin-bottom: 30px;
}


.percent {
    padding: 2px 10px;
    background-color: rgba(123, 111, 1);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
    margin: 8px;
    cursor: pointer;
    font-family: Verdana;
}
.wishlist {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #eee;
    padding: 10px;
    cursor: pointer
}

.img-container {
    position: relative
}

.img-container .first {
    position: absolute;
    width: 100%
}

.img-container img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.product-detail-container {
    padding: 10px;
    background: #fff;
    z-index: 999;
}

.ratings i {
    color: #a9a6a6
}

.ratings span {
    color: #a9a6a6
}

label.radio {
    cursor: pointer
}

label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none
}

label.radio span {
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(123, 111, 1);
    color: #000;
    font-size: 10px;
    border-radius: 50%;
    text-transform: uppercase
}

label.radio input:checked+span {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #fff
}



.colors ul {
    list-style: none;
    margin-left: 0px;
    background-color: rgba(255, 255, 255, .5);
    padding: 10px 0px 5px 12px;
    border-radius: 6px;
    right: -50px;
    transition: all .5s ease 0s;
}




.colors ul li {
    height: 20px;
    width: 20px;
    display: flex;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 5px;

}
.colors ul li:nth-child(1) {
    background-color: #6c704d;
}

.colors ul li:nth-child(2) {
    background-color: #96918b;
}

.colors ul li:nth-child(3) {
    background-color: #68778e;
}
.colors ul li:nth-child(4) {
    background-color: #263f55;
}
.colors ul li:nth-child(5) {
    background-color: black;
}



.colors{
    position: absolute;
    top: 0px;
    margin-top: 10px;
    right: 0px;
    display: none;
    transition: all 0.3s ease 0s;


}
.card:hover .colors{
     display: block;
}


.product-btn{
    position: absolute;
    bottom: 0px;
    margin: 10px;
    left: 0px;
    right: 0px;
    text-align: center;
}


.product-btn button{
    background: #A5BA8D;
    border-color: #A5BA8D;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 88%;
    padding: 10px 26px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: all 0.3s ease 0s;

}
.card:hover .product-btn button{
     bottom: 0;
}

.mb-0 {
    margin-bottom: 0!important;
    font-family: Verdana;
}

.our-g-sec{
    margin-bottom: 0px!important;
}

.thumbnail_images ul {
    list-style: none;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.thumbnail_images ul li {
    margin: 5px;
    padding: 10px;
    border: 2px solid #eee;
    cursor: pointer;
    transition: all 0.5s
}

.thumbnail_images ul li:hover {
    border: 2px solid #000
}

.main_image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    /*height: 400px;*/
        padding: 20px;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.heart {
    height: 29px;
    width: 29px;
    background-color: #eaeaea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.content p {
        font-size: 15px;
    font-family: Verdana;
}

.fw-bold {
    font-weight: 600!important;
    font-family: Verdana!important;
}

.product-others-details-cont h3{
    font-size: 20px;
    color: green;
    font-family: Verdana;
}

.product-others-details-cont p{
    font-size: 17px;
    color: gray;
    font-family: Verdana;
    margin: 0px;
}




.ratings span {
    font-size: 14px;
    margin-left: 12px
}

.colors {
    margin-top: 5px
}

.colors1 ul {
    list-style: none;
    display: flex;
    padding-left: 0px
}

.colors1 ul li {
    height: 20px;
    width: 20px;
    display: flex;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer
}

.colors1 ul li:nth-child(1) {
    background-color: #6c704d
}

.colors1 ul li:nth-child(2) {
    background-color: #96918b
}

.colors1 ul li:nth-child(3) {
    background-color: #68778e
}

.colors1 ul li:nth-child(4) {
    background-color: #263f55
}

.colors1 ul li:nth-child(5) {
    background-color: black
}

.right-side {
    position: relative
}

.search-option {
    position: absolute;
    background-color: #000;
    overflow: hidden;
    align-items: center;
    color: #fff;
    width: 200px;
    height: 200px;
    border-radius: 49% 51% 50% 50% / 68% 69% 31% 32%;
    left: 30%;
    bottom: -250px;
    transition: all 0.5s;
    cursor: pointer
}

.search-option .first-search {
    position: absolute;
    top: 20px;
    left: 90px;
    font-size: 20px;
    opacity: 1000
}

.search-option .inputs {
    opacity: 0;
    transition: all 0.5s ease;
    transition-delay: 0.5s;
    position: relative
}

.search-option .inputs input {
    position: absolute;
    top: 200px;
    left: 30px;
    padding-left: 20px;
    background-color: transparent;
    width: 300px;
    border: none;
    color: #fff;
    border-bottom: 1px solid #eee;
    transition: all 0.5s;
    z-index: 10
}

.search-option .inputs input:focus {
    box-shadow: none;
    outline: none;
    z-index: 10
}

.search-option:hover {
    border-radius: 0px;
    width: 100%;
    left: 0px
}

.search-option:hover .inputs {
    opacity: 1
}

.search-option:hover .first-search {
    left: 27px;
    top: 25px;
    font-size: 15px
}

.search-option:hover .inputs input {
    top: 20px
}

.search-option .share {
    position: absolute;
    right: 20px;
    top: 22px
}

.buttons .btn {
    height: 50px;
    width: 150px;
    border-radius: 0px !important;
    background:#A5BA8D;
    border-color: #A5BA8D;

}


/*-----------------new product style-------------*/


.product-sec1{
    background:#000;
    padding:10px;
}
.product-sec1 a{
    text-decoration: none;
}

.product-sec1-box h2 {
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-family: 'Montserrat', sans-serif;
}
.product-sec1-box h4{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.product-sec1-box p{
    color: #fff;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}


.product-sec1-btn a{
    font-size: 23px;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}


.product-sec1-img img{
    width:100%;
}


/*----------------2----------*/

.product-sec2{
    background:#fff;
    padding-top:30px;
}


.product-sec2-box h2 {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
}
.product-sec2-box h4{
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.product-sec2-box p{
    color: #000;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
}


.product-sec2-btn a{
    font-size: 23px;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}


.product-sec2-img img{
    width:100%;
}

/*---------3-------------*/

.product-sec3-box{
     padding-top:30px;
    margin-bottom: 10px;

}


.product-sec3-box h2 {
    text-align: center;
    color: #000;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
}
.product-sec3-box h4{
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.product-sec3-box p{
    color: #000;
    margin: 0px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}


.product-sec3-btn a{
    font-size: 23px;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 20px;
    text-decoration: none;
}


.product-sec3-img img{
    width:50%;
}

/*--------------3-2-------------*/

 .product-sec3-2-box{
    background: #000;
    padding-top:30px;
    margin-bottom: 10px;

}
.product-sec3-2-box h2 {
    text-align: center;
    color: #fff;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
}
.product-sec3-2-box h4{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.product-sec3-2-box p{
    color: #fff;
    margin: 0px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}


.product-sec3-2-btn a{
    font-size: 23px;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}


.product-sec3-2-img img{
    width:50%;
}


/*--------------------*/
.testimonial{
    margin-top: -50px;
        width: 667px;
}

.testimonial button {
    border: none;
    background: #fff;
    padding: 5px 20px;
    float: left;
    margin-right: 20px;
    margin-left:20px;
    border-radius:30px;
}

.testimonial p{
    color: #fff;
    font-size: 18px;
    margin: 0px;
    font-weight: bold;
    margin-top: 5px;
    font-family: 'Montserrat', sans-serif;
}


.owl-item a{
    text-decoration: none!important;
}


.single-slide-sec{
    overflow: hidden;
    margin-bottom: 30px;
    background: #f5f5f7;
    padding: 50px 0px;
    margin-top: -5px;
    position: relative;
}



.mycarousel-text h2 {
    font-size: 40px;
    text-align: left;
    font-weight: bold;
    color: #0f1648;
    font-family: 'Montserrat', sans-serif;
}
/*------------------------------*/

.more-sec-img{
    font-size: 18px;
}

.onsile-silder-text h2{
    font-size: 35px;
    text-align: left;
    font-weight: 600;
    color:#0f1648;
    font-family: 'Montserrat', sans-serif;
}
.onsile-silder-text p{
    font-size: 20px;
    text-align: left;
    color:#666770;
    font-family: 'Montserrat', sans-serif;
}

.onsile-silder{
    overflow: hidden;
    margin-bottom: 30px;
    background: #f5f5f7;
    padding: 50px 0px;
    margin-top: 50px;
}

.wrapper{
  position: relative;
  width: 100%;
  height: 600px;
}
.wrapper .img{
  position: absolute;
  width: 100%;
      border-radius: 12px;
    overflow: hidden;
}
.wrapper .img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  clip-path: circle(0% at 0% 100%);
  transition: all 0.7s;
}
#one:checked ~ .image-1 img{
  clip-path: circle(150% at 0% 100%);
}
#two:checked ~ .image-1 img,
#two:checked ~ .image-2 img{
  clip-path: circle(150% at 0% 100%);
}
#three:checked ~ .image-1 img,
#three:checked ~ .image-2 img,
#three:checked ~ .image-3 img{
  clip-path: circle(150% at 0% 100%);
}
#four:checked ~ .image-1 img,
#four:checked ~ .image-2 img,
#four:checked ~ .image-3 img,
#four:checked ~ .image-4 img{
  clip-path: circle(150% at 0% 100%);
}
#five:checked ~ .image-1 img,
#five:checked ~ .image-2 img,
#five:checked ~ .image-3 img,
#five:checked ~ .image-4 img,
#five:checked ~ .image-5 img{
  clip-path: circle(150% at 0% 100%);
}
.wrapper .sliders{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
}
.wrapper .sliders label{
      border: 2px solid #dc3545;
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 23%;
    cursor: pointer;
    transition: all 0.3s ease;
}
#one:checked ~ .sliders label.one,
#two:checked ~ .sliders label.two,
#three:checked ~ .sliders label.three,
#four:checked ~ .sliders label.four,
#five:checked ~ .sliders label.five{
  width: 35px;
    border-radius: 2px;
    background: #dc3545;
}
.sliders label:hover{
  background: #dc3545;
}
input[type="radio"]{
  display: none;
}



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

 .mycarousel-text p{
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}
.width-100{
    width:100%;
}
.name{
    font-size: 18px;
    color: #c1e718;
    margin: 0;
}
.job{
    color: #c8c8c8;
    font-size: 14px;
}
/*.carousel-inner{
    max-width: 800px;
}*/
.fa-minus {
    font-size: 14px;
}
.carousel-indicators {
    bottom: -20px;
    right: 0;
    margin: 0;
}

.carousel-indicators [data-bs-target ] {
    height: 10px;
    border: 2px solid black;
    width: 10px;
    background-color: inherit;
    border-radius: 50%;
}
.carousel-indicators .active{
    border: 2px solid transparent;
    background-color:#c1e718;
}
.left{
    color: rgb(20, 20, 20);
    font-weight: 600;
}
.right{
    color: rgb(12, 12, 12);
    font-weight: 600;
}
.carousel-control-next, .carousel-control-prev {
    position: relative;

}
@media (max-width:560px) {
    .review{
        font-size: 14px;
        font-weight: 600;
    }
    .name{
        font-size: 13px;
    }
    .job{
        font-size: 10px;
    }
    .right{
        font-size: 12px;
    }
    .left{
        font-size: 12px;
    }
    .carousel-indicators [data-bs-target ] {
        height: 8px;
        border: 1px solid black;
        width: 8px;
        background-color: inherit;
        border-radius: 50%;
    }
    .carousel-indicators .active{
        border: 1px solid transparent;
        background-color:#c1e718;
    }
}



/*----------------------scrolll--------------*/

.s1 img{
    height: 80%!important;
}

.scrollbaby {
      overflow-x: hidden; 
      display: flex;
    }
       
        .more-sec {
        overflow: hidden;
        background: #f5f5f7;
        padding: 0px 0px;
        margin-top: 50px;
        position: relative;
    }
    
        .scroll-show {
        height: 100vh;
        width: auto;
        border: 1px solid red;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        z-index: 999;
    }

main {
  overflow-x: hidden;
  display: flex;
}

.s1 {
    min-width: 33vw;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    margin-top: 15px;
}

.s1:nth-child(even) {
  background-color: gray;
  color: white;
}

.s1-cont p{
    font-size:18px;
    font-family: 'Montserrat', sans-serif;
}

.s1-cont{
    padding: 20px;
}

.pop-close p i{
    border: 1px solid red;
    padding: 10px 15px;
    font-size: 30px;
    border-radius: 30px;
    background: #fff;
    color: red;
}

.pop-close {
    position: absolute;
    left: 0px;
    margin-bottom: 60px;
    margin-left: 5px;
    bottom: 0px;
}
/*--------------------------------------------*/
.vertical-section{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  overflow-x: hidden;
  display: flex;
  position: sticky;
  top:0;
}

.s2 {
  min-width: 33vw;
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4ch;
}

.s2:nth-child(even) {
  background-color: teal;
  color: white;
}



.read-article{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 999;
  color: #000;
  background: white;
  padding: 10px 20px;
  border-radius: 10px;
  font-family: arial;
  text-decoration: none;
  box-shadow: rgb(50 50 93 / 25%) 0 0 100px -20px, rgb(0 0 0 / 30%) 0 0 60px -15px;
}
.read-article:hover{
    background: #d5d5d5;
    box-shadow: rgb(50 50 93 / 25%) 0 0 100px -20px, rgb(0 0 0 / 30%) 0 0 60px 0px;
}
iframe[sandbox] .read-article{
  display: none;
}



/*--------------------more slider----------------*/

.more-sec{
    overflow: hidden;
    background: #f5f5f7;
    padding: 50px 0px;
    margin-top: 50px;
}

.more-sec-title h2{
    font-size: 45px;
    text-align: center;
    font-weight: bold;
    color: #0f1648;
    margin-bottom: 50px;
    font-family: 'Montserrat', sans-serif;
}






.more-sec-text p{
    font-size: 22px;
    margin: 20px 0px;
    font-family: 'Montserrat', sans-serif;
}


.more-slide-btn{
    text-decoration: none;
        color: #0f71d1;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

.more-slide-btn p{
    float: left;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

.more-slide-btn i{
    font-size: 60px;
    margin-left: 20px;
    margin-top: 10px;
}

.more-sec-btn{
    float: right;
    margin: 50px 0px;
}


.more-modal{
   padding:20px;
}

.modal-close-btn{
    height: 45px;
    width: 45px;
    padding: 9px;
    background: red;
    border-radius: 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-left:20px;
    margin-bottom:20px;
}

.modal-close-btn i{
    font-size: 22px;
    color:#fff;
}



.more-mdal-box-border{
    border-right:1px solid #000;
}


.more-mdal-box {
    overflow: hidden;
    background: #f5f5f7;
    padding: 10.5vw 0;
}

.more-mdal-text-box{
    padding: 20px;
}


.more-mdal-cont h3 {
    font-size: 22px;
}
/*-----------------------------------*/
.modal-body-content{
     width:100%;
     height:100%;
     padding: 80px 0px;
     
}
.modal-body{
   padding:0px!important; 
}

.more-mdal-cont{
    padding: 40px 15px;
}

.post-2{
    width: 50%;
    padding: 10px;
}

.modal-p-text{
    padding: 20px 10px;
    margin-bottom: 10px;
}

.width-80{
    width:80%;
}

.width-90{
    width:90%;
}

.modal-p-text h3 {
        font-size: 25px;
    text-align: left;
    font-weight: bold;
    color: #0f1648;
    margin-bottom: 12px;
}

.modal-p-text p{
    font-size: 18px;
}


.post-4{
  width: 40%;
  padding: 10px;  
  text-align: center;
}

.post-6{
  width: 40%;
  padding: 10px;  
  text-align: center;
}

.p-text{
    padding:10px 60px;
}

/* Input fields */
input,
textarea {
  border: 1px solid #222223;
  border-radius: 2px;
  color: #222223;
  padding: 4px 10px;
  padding: 0.4rem 1rem;
  margin-bottom: 3px;
  margin-bottom: 0.3rem;
}

input:focus,
textarea:focus {
  border: 1px solid #963cbd;
  outline: 0;
}



/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
  color: #222223;
}

:-moz-placeholder {
  color: #222223;
}

::-moz-placeholder {
  color: #222223;
  /* Since FF19 lowers the opacity of the placeholder by default */
  opacity: 1;
}

:-ms-input-placeholder {
  color: #222223;
}

/* Responsive images. Fluid images for posts, comments, and widgets */
.entry-content img,
.entry-summary img,
.wp-caption {
  max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
  height: auto;
  max-width: 100%;
}

body.home .wp-post-image {
  max-width: none;
}




/* Alignment */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
  margin: 7px 28px 7px 0;
  margin: 0.7rem 2.8rem 0.7rem 0;
}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
  margin: 0.7rem 1.4rem 0.7rem 0;
}

blockquote.alignright,
img.alignright {
  margin: 7px 0 7px 28px;
  margin: 0.7rem 0 0.7rem 2.8rem;
}

.wp-caption.alignright {
  margin: 7px 0 7px 14px;
  margin: 0.7rem 0 0.7rem 1.4rem;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-top: 0.7rem;
  margin-bottom: 7px;
  margin-bottom: 0.7rem;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
  padding-top: 14px;
  padding-top: 1.4rem;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
  margin-bottom: 14px;
  margin-bottom: 1.4rem;
}

.wp-caption {
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption {
  color: #222223;
}

.wp-caption a {
  color: #963cbd;
}

.wp-caption-text {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 15px;
  line-height: 1.5rem;
  margin: 9px 0;
  margin: 0.9rem 0;
}

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Assistive text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

/* Clearing floats */
.site-header:after,
.site-footer:after {
  content: '';
  display: block;
  clear: both;
}


#wrapper {
  width: 100%;
  height: 100%;
}

.site {
  opacity: 0;
  position: relative;
  min-width: 320px;
  -webkit-transition: opacity 0.3s, left 0.3s ease-out;
  -moz-transition: opacity 0.3s, left 0.3s ease-out;
  -o-transition: opacity 0.3s, left 0.3s ease-out;
  transition: opacity 0.3s, left 0.3s ease-out;
}

.main-content,
.content-area {
  height: 100%;
  white-space: nowrap;
}

/* Infinite load */
@-webkit-keyframes buffer1 {
  0% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes buffer1 {
  0% {
    -moz-transform: scale(0);
  }

  50% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes buffer1 {
  0% {
    -o-transform: scale(0);
  }

  50% {
    -o-transform: scale(1);
  }
}

@-ms-keyframes buffer1 {
  0% {
    -ms-transform: scale(0);
  }

  50% {
    -ms-transform: scale(1);
  }
}

@keyframes buffer1 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@-webkit-keyframes buffer2 {
  0% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes buffer2 {
  0% {
    -moz-transform: scale(0);
  }

  50% {
    -moz-transform: scale(0);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes buffer2 {
  0% {
    -o-transform: scale(0);
  }

  50% {
    -o-transform: scale(0);
  }

  100% {
    -o-transform: scale(1);
  }
}

@-ms-keyframes buffer2 {
  0% {
    -ms-transform: scale(0);
  }

  50% {
    -ms-transform: scale(0);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@keyframes buffer2 {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

#infinite-loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
}

#infinite-loader.active {
  display: block;
}

#infinite-loader > * {
  display: block;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%;
  background: #963cbd;
  border-radius: 50%;
}
#infinite-loader > *:nth-child(1) {
  background: transparent;
}

#infinite-loader > *:nth-child(2) {
  -webkit-animation: buffer1 0.5s infinite;
  -moz-animation: buffer1 0.5s infinite;
  -o-animation: buffer1 0.5s infinite;
  -ms-animation: buffer1 0.5s infinite;
  animation: buffer1 0.5s infinite;
}

#infinite-loader > *:nth-child(3) {
  background: transparent;
  -webkit-animation: buffer2 0.2s infinite;
  -moz-animation: buffer2 0.2s infinite;
  -o-animation: buffer2 0.2s infinite;
  -ms-animation: buffer2 0.2s infinite;
  animation: buffer2 0.2s infinite;
}

/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */
#wpadminbar {
  min-height: 32px;
}

.site-header {
  background: #fff;
}

.site-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 28px;
  line-height: 2.8rem;
}

#header-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 1px;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */
.site-navigation ul {
  list-style: none;
  margin: 0;
}

.site-navigation li {
  display: block;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  line-height: 2.8rem;
  word-wrap: break-word;
}

.site-navigation ul ul ul {
  padding-left: 20px;
  padding-left: 2rem;
}

.menu-toggle {
  display: none;
  position: absolute;
  top: 10px;
  top: 1rem;
  right: 20px;
  right: 2rem;
  margin: 0;
  color: #222223;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem;
  cursor: pointer;
}

/*.menu-toggle:hover {
  color: #963cbd;
}*/

#navigation-close {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 10px;
  top: 1rem;
  right: 20px;
  right: 2rem;
  font-size: 30px;
  font-size: 3rem;
  line-height: 30px;
  line-height: 3rem;
  color: #fff;
  cursor: pointer;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.content-area {
  white-space: nowrap;
}

.hentry,
.page-content {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
}

body.single .hentry {
  width: 67.391304348%;
  padding-right: 20px;
  padding-right: 2rem;
}

body.page .hentry,
.page-content {
  width: 67.391304348%;
  padding-right: 20px;
  padding-right: 2rem;
}

.image_link:hover {
  border-bottom: none;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */
.post-thumbnail {
  display: inline-block;
  vertical-align: top;
}

body.home .post-thumbnail {
  height: 100%;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
body.single .entry-header,
body.page .entry-header,
.page-header {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.entry-title,
.page-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 28px;
  line-height: 2.8rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
.entry-content > p:last-child {
  margin-bottom: 0;
}

.entry-content a,
.page-content a {
  border-bottom: 1px solid;
}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */
.gallery {
  display: inline-block;
  width: auto;
  height: 100%;
  margin: 0;
  list-style-type: none;
}

.gallery-item {
  display: inline-block;
  width: auto;
  height: 100%;
  padding-right: 20px;
  padding-right: 2rem;
  vertical-align: top;
  white-space: normal;
}

.gallery-item img {
  display: block;
  width: auto;
  height: 100%;
  height: -moz-calc(100% - 28px);
  height: -webkit-calc(100% - 28px);
  height: calc(100% - 28px);
}

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
.paging-navigation {
  display: none;
}

#image-navigation {
  text-align: right;
}

#image-navigation a:first-of-type {
  float: left;
}

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */
.entry-attachment .attachment {
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
}

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */
.error404 .page-content {
  /*padding-top: 0;*/
}

.error404 .page-content .search-form {
  /*margin-bottom: 24px;*/
}

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
.site-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 20px 40px;
  padding: 0 2rem 4rem;
  color: #999;
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@media (min-width: 951px) {
  .site {
    height: 100%;
    padding: 40px 20px 40px 250px;
    padding: 4rem 2rem 4rem 25rem;
  }

  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    padding: 40px 30px 0;
    padding: 4rem 3rem 0;
  }

  body.admin-bar .site-header {
    top: 32px;
  }

  .primary-navigation {
    padding: 20px 0 40px;
    padding: 2rem 0 4rem;
  }

  #top-right-menu {
    margin-top: 20px;
    margin-top: 2rem;
  }

  .nav-menu li {
    opacity: 0;
  }

  .site-navigation > div > ul > li.menu-item-has-children {
    margin-top: 20px;
    margin-top: 2rem;
  }

  .site-navigation > div > ul > li.menu-item-has-children > a {
    font-weight: 700;
  }

  .site-navigation > div > ul ul ul {
    padding-left: 20px;
    padding-left: 2rem;
  }

  .current-menu-item > a {
    font-weight: 700;
  }

  #main {
    height: 100%;
  }

  body.home .hentry {
    height: 100%;
    padding-right: 20px;
    padding-right: 2rem;
  }

  body.home .hentry > a {
    display: inline-block;
    height: 100%;
    height: -moz-calc(100% - 28px);
    height: -webkit-calc(100% - 28px);
    height: calc(100% - 28px);
  }

  body.home .hentry img {
    height: 100%;
    width: auto;
  }

  body.single .hentry {
    padding-bottom: 40px;
    padding-bottom: 4rem;
    max-width: 620px;
  }

  body.page .hentry,
  .page-content {
    padding-bottom: 40px;
    padding-bottom: 4rem;
    max-width: 620px;
  }

  .gallery-animated img {
    cursor: pointer;
  }
}

@media (max-width: 950px) {
  .site-header {
    height: auto !important;
    padding: 10px 20px 30px;
    padding: 1rem 2rem 3rem;
  }

  #header-helper {
    display: none;
  }

  .site-title {
    padding-right: 40px;
    padding-right: 4rem;
  }

  .menu-toggle {
    display: block;
  }

  .menu-toggle.hidden {
    display: none;
  }

  .primary-navigation {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: -84.375%;
    width: 84.375%;
    height: 100%;
    background-color: #963cbd;
    padding: 10px 20px;
    padding: 1rem 2rem;
    overflow-y: auto;
    -webkit-transition: left 0.3s ease-out;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
  }

  #top-right-menu {
    margin-top: 20px;
    margin-top: 2rem;
  }

  .site-navigation > div > ul > li.menu-item-has-children {
    margin-top: 20px;
    margin-top: 2rem;
  }

  .site-navigation > div > ul > li.menu-item-has-children > a {
    font-weight: 700;
  }

  #wrapper {
    position: relative;
  }

  #wrapper.overflow_fix {
    overflow: hidden;
  }

  .site {
    position: relative;
    left: 0;
    width: 100%;
    min-height: 100%;
  }

  .toggled-on .site {
    left: 84.375%;
    height: 100%;
  }

  .toggled-on .site-footer {
    display: none;
  }

  .primary-navigation a {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 35px;
    line-height: 3.5rem;
    color: #fff;
  }

  .primary-navigation a:hover {
    border-bottom: 1px solid #fff;
  }

  .toggled-on #navigation-close {
    display: block;
  }

  #main {
    width: 100%;
    padding: 0 20px;
    padding: 0 2rem;
  }

  body.single #primary,
  body.page #main-content {
    padding-left: 20.689655172%;
  }

  body.home .hentry,
  body.home .post-thumbnail,
  body.home .hentry img {
    height: auto;
    width: 100% !important;
  }

  body.home .hentry {
    display: block;
    padding-bottom: 20px;
    padding-bottom: 2rem;
  }

  body.home .hentry:last-of-type {
    padding-bottom: 0;
  }

  body.single #primary,
  body.page #main-content {
    padding-left: 0;
  }

  body.single .hentry,
  body.page .hentry,
  .page-content {
    width: 100%;
    padding-right: 0;
  }

  .post-thumbnail {
    display: block;
  }

  .gallery {
    display: block;
    margin-top: 28px;
    margin-top: 2.8rem;
  }

  .gallery-item {
    display: block;
    width: 100% !important;
    height: auto;
    padding: 0 0 20px;
    padding: 0 0 2rem;
  }

  .gallery-item:last-child {
    padding-bottom: 0;
  }

  .gallery-item img {
    width: 100% !important;
    height: auto;
  }

  .site-footer {
    padding-top: 30px;
    padding-top: 3rem;
  }
}






/*----------------------showroom css-------------------*/


.big-btn{
    margin-bottom:15px;
}

.big-btn a{
    fofont-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 9px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
}

.b-btn{
    background: #786262;
}
.b-btn:hover{
    background: #957575;
}

.p-btn{
    background: #485907;
}
.p-btn:hover{
    background: #61770d;
}

.i-btn{
    background: #245769;
}
.i-btn:hover{
    background: #31748b;
}

.c-btn{
    background: #109fb4;
}
.c-btn:hover{
    background: #1facc0;
}

.t-btn{
    background: #024328;
}
.t-btn:hover{
    background: #03653c;
}

.v-btn{
    background: #000;
}
.v-btn:hover{
    background: #252323;
}



.left-show-text h3 {
    transform: rotate(90deg);
    font-size: 74px;
    margin-top: 100px;
    letter-spacing: 18px;
    color: #1D1D1B;
    opacity: 0.5;
    font-family: 'Montserrat', sans-serif;
}

 .showroom-left h3{
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    text-align: left;
    margin-bottom: 30px;
}

.showroom-middle-img img{
    width: 100%;
}

.showroom-middle-text{
    margin-left: 30px;
     overflow: hidden;
}


.showroom-middle-btn{
    text-align: right;
    margin-top: 30px;
}

.showroom-middle-text h2{
        letter-spacing: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-align: left;
}

.showroom-middle-p{
    overflow: hidden;
    float: right;
    font-family: 'Montserrat', sans-serif;
}


.showroom-middle-btn a{
    background: #000;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    border-radius: 3px;
}

.showroom-middle-btn a:hover{
    background: #433f3f;
}



.showroom-right-img img{
    width: 100%; 
}



@media screen and (max-width: 768px){
.showroom-middle-p{
    width: 100%;
}
.showroom-middle-text h2{
    font-size: 35px;
}

.showroom-middle-btn{
    margin-bottom:20px;
}
.showroom-middle-btn a {
    padding: 9px;
    font-size: 12px;
}

}

.products-sec {
    padding: 80px 0px;
}
/*-----------------Ethics css--------------------*/

 .ethics-sec{
   
    padding: 80px 0px;
}

.ethics-1box{
  background: url(../images/ethics.jpg);
  background-repeat: no-repeat;
  background-size: 100% 350px;
}

.ethics-1box-bg{
      background: rgba(35,104,106,.8);
    height: 100%;
    overflow: hidden;
    
}

.ethics-1box-text-h{
    width:100%;
}
.ethics-1box-text-h h2{
    color: #fff;
    border: 2px solid #fff;
    padding: 30px 10px;
    font-size: 26px;
    margin-left: 20px;
    font-weight: bold;
    margin-top: 50px;
    display: inline-block;
}


.ethics-1box-text-p{
     width:100%;
}
.ethics-1box-text-p p{
    color: #fff;
    border: 2px solid #fff;
    width: 50%;
    float: right;
    margin-right: 20px;
    padding: 10px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
}



.ethics-bottom-text{
    margin-top: 33px;
    width: 100%;
}

.ethics-bottom-text p{
    font-family: 'Montserrat', sans-serif;
    font-size:15px;
    color:#3e6d9c;
    text-align: justify;
}

.ethics-middle-box p{
    font-family: 'Montserrat', sans-serif;
    font-size:15px;
    color:#3e6d9c;
    text-align: justify;
}

.ethics-middle-box h2{
    font-size: 30px;
    margin-bottom: 16px;
    color: #0e5ca9;
}

.ethics-middle-box2{
    margin-top:20px;
}

.ethics-right-text{
    margin-bottom:30px;
}

.ethics-right-text h2{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #0e5ca9;
    font-family: 'Montserrat', sans-serif;
}


.ethics-right-bg{
    background: url(../images/img-showroom2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
      padding: 100px 22px;
    text-align: center;
    
}

.ethics-right-text2 h2{
    font-size: 40px;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
        padding: 20px;
       font-family: 'Montserrat', sans-serif;
}


.ethics-right-text2{
    background-color: rgba(255, 255, 255, .6);
        padding: 30px;
}



.mycarousel-text{
    padding: 20px;
}


.Previous{
    font-size: 43px!important;
    color: #5a5d60!important;
    position: absolute!important;
}


.text-bt{
    font-size: 43px!important;
    color: #5a5d60!important;
    position: absolute!important;
}


.fa-chevron-left{
    border: 1px solid #000;
    padding: 10px 16px;
    font-size: 30px;
    border-radius: 33px;
}
.fa-chevron-left:hover{
    background:#e9ecef;
}


.fa-chevron-right{
    border: 1px solid #000;
    padding: 10px 16px;
    font-size: 30px;
    border-radius: 33px;
}
.fa-chevron-right:hover{
    background:#e9ecef;
}



@media screen and (max-width: 768px){
.ethics-1box-text-p p {
    width: 70%;
}

.ethics-right-text2 {
    padding: 10px;
}
.ethics-right-text2 h2 {
    font-size: 30px;
    padding: 15px 5px;
}
}



/*-----------------------client review-----------*/

/*----------------------contact page---------------*/

.contact-section{
    margin-top:150px;
}


.contact-title h3{
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
    font-family: Verdana;
}


#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}


.country-btn a {
    background: #000;
    padding: 7px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    font-family: Verdana;
    border-radius: 3px;
}

.country-btn{
    margin-top:30px;
    margin-bottom:50px;
}


.mb-3 label{
    color: #fff;
    font-weight: 600;
}

.contact-box{
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #fff;
}


.form-sec {
    background-image: url(../images/strength.jpg);
    overflow: hidden;
    padding-bottom: 60px;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.form-title {
    margin-bottom: 20px;
}

.form-title h2 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin-bottom: 10px;
}

.form-title p{
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.signle-map{
    margin-top: 30px;
}

.signle-map-cont{
    margin-top: 30px;
    background: rgba(35,104,106,.8);
    height: 89%;
    padding: 20px;
}

.signle-map-contact p{
    margin: 0px;
    color: #fff;
    margin-bottom: 6px;
    font-family: 'Montserrat', sans-serif;
}

.signle-map-cont h2{
    color: #fff;
    margin-bottom: 20px;
}




/*------------------- promise page---------------*/



 .graph{
    padding: 15px;
}


.graph p{
    font-size:18px;
}

/*.graph h3{
    color: #fff;
}
.btn-close{
    color: #fff!important;
}*/
#exampleModalLabel{
    color: #0a58ca!important;
}

/*.j-modal-content {
    background-color: rgba(255, 255, 255, .5)!important;
}*/
#thumbwrap {
	position:relative;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover, .thumb:hover span { 
	visibility:visible;
	top:0;
	left:100px; 
	z-index:1;
}

.j-img{
    width:120px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.j-img-view{
    width: 100%;
}

.out-j-img img{
    height: 42%!important;
}


.btn-primary {
    color: #fff;
    background-color: #0A547A!important;
    border-color: #0A547A!important;
    font-size: 20px!important;
    padding: 5px 30px!important;
}




.mind-set-img img{
    width:100%;
}
.mind-set-title h3 {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 29px;
    margin-top: 183px;
    letter-spacing: 6px;
    color: #0e5ca9;
    width: 400px;
    opacity: 0.5;
    margin-left: -100px;
    font-family: 'Montserrat', sans-serif;
}

.network-box h3{
    font-family: 'Montserrat', sans-serif;
}

.mind-set-cont h3{
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    color: #0A547A;
    font-family: 'Montserrat', sans-serif;
}
.mind-set-cont ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.mind-set-cont ul li{
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #0A547A
}


.mind-set-cont ul li i{
    color: #1a8ac3;
    font-size: 23px;
    opacity: 0.6;
}


/*--------------------new css-----------------*/


.new-product-sec {
    padding: 50px 0px;
}
.new-product-box {
       border: 1px solid #ced4da;
	   border-radius: 4px;
	   margin-bottom:20px;
}

.new-product-img{
	border-bottom: 1px solid #ced4da;
    margin: 0px auto;
    padding: 5px;
}
.new-product-img img{
	width:100%;
}
.new-product-cont a{
    text-decoration: none;
}
.new-product-cont a h3{
    font-size: 15px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.new-product-cont{
    padding: 10px 5px;
    min-height: 80px;
}



.glass-case * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0;
    margin: 0;
    border: 0;
}

    .glass-case *:before, .glass-case *:after {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

.glass-case {
    position: relative;
}
/*********************DISPLAY***************************/
.gc-display-area {
    position: absolute;
    overflow: hidden;
    border: 2px solid #F5F5F5;
    padding: 2px;
    background-color: #fff;
}

.gc-display-container {
    position: relative;
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.gc-display-display {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    cursor: crosshair;
    opacity: 1;
}
/*********************LENS***************************/
.gc-lens {
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    cursor: crosshair;
    background: #CECECE;
    opacity: .5 !important; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
    filter: alpha(opacity=50) !important; /* Netscape */
    -moz-opacity: 0.5; /* Safari 1.x */
    -khtml-opacity: 0.5;
}
/*********************ZOOM***************************/
.gc-zoom {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1040 !important;
    border: 2px solid #f5f5f5;
    padding: 2px;
    background-color: #fff;
}

.gc-zoom-inner {
    cursor: crosshair;
    border: 0 !important;
    left: -2px !important;
    top: -2px !important;
    margin: 0 !important;
    z-index: 1010 !important;
}

.gc-zoom-container {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

    .gc-zoom-container img {
        position: relative;
        max-width: none !important;
    }
/*********************CAPTION**********************/
.gc-caption-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    padding: 2px;
    z-index: 1050 !important;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #333;
    font-size: 0.9em;
}

    .gc-caption-container div {
        position: relative;
        padding: 0 12px 0 12px;
    }

.gc-caption-intop {
    left: 0;
    top: 0;
}

.gc-caption-inbottom {
    left: 0;
    bottom: 0;
}

.gc-caption-outtop, .gc-caption-outbottom {
    width: 100%;
    width: calc(100% + 4px);
    border: 2px solid #f5f5f5;
    background: #fff;
}

.gc-caption-outtop {
    top: 0;
    left: -2px;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.gc-caption-outbottom {
    bottom: 0;
    left: -2px;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.gc-alignment-center {
    text-align: center;
}

.gc-alignment-left {
    text-align: left;
}

.gc-alignment-right {
    text-align: right;
}

/*********************UL***************************/
.gc-thumbs-area {
    position: absolute;
    overflow: hidden;
    background-color: transparent;
}

.gc-thumbs-area-prev, .gc-thumbs-area-next {
    position: absolute;
    z-index: 1010;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev, .gc-thumbs-area.gc-hz .gc-thumbs-area-next {
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 5%;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev, .gc-thumbs-area.gc-vt .gc-thumbs-area-next {
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 5%;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev {
    left: 0;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-next {
    right: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev {
    top: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-next {
    bottom: 0;
}

.gc-thumbs-area-prev:hover, .gc-thumbs-area-next:hover {
    opacity: 1;
    cursor: pointer;
    cursor: hand;
}

.gc-thumbs-area-prev .gc-disabled, .gc-thumbs-area-next .gc-disabled, .gc-thumbs-area-prev .gc-disabled:hover, .gc-thumbs-area-next .gc-disabled:hover {
    opacity: .3; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 5-7 */
    filter: alpha(opacity=30); /* Netscape */
    -moz-opacity: 0.3; /* Safari 1.x */
    -khtml-opacity: 0.3;
    cursor: default;
}

.glass-case ul {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}

    .glass-case ul li {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border: 2px solid #f5f5f5;
        padding: 2px;
        background-color: #fff;
    }

.gc-thumbs-area.gc-hz li {
    display: inline;
    float: left;
    max-width: 100%;
    max-height: 100%;
    margin-right: 5px;
}

.gc-thumbs-area.gc-vt li {
    margin-bottom: 5px;
}

.glass-case ul li .gc-li-display-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.glass-case ul li:hover {
    border-color: #4f4f4f;
    cursor: pointer;
    cursor: hand;
}

.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {
    border-color: #669966;
    cursor: default;
}

.glass-case ul li .gc-li-display-container img {
    position: relative;
    top: 50%;
    left: 50%;
}
/*********************OVERLAY***************************/
.gc-overlay-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647 !important;
    background-color: rgb(204, 204, 204); /*the falback for ie7, ie8*/
    background-color: rgba(51, 51, 51, 0.95);
}

.gc-overlay-gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-overlay-container {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-overlay-container-display {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-ocd-top {
    top: 0;
}

.gc-ocd-bottom {
    bottom: 0;
}

.gc-overlay-fit {
    padding: 4em 5.5em 1em 5.5em;
    overflow: hidden;
}

.gc-overlay-display {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    cursor: crosshair;
}

.gc-overlay-display-center {
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gc-overlay-display-vcenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gc-overlay-display-hcenter {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gc-overlay-top-icons {
    position: absolute;
    top: 0;
    padding: 1em 1.5em 1em 0;
    width: 100%;
    height: 4em;
}

.gc-overlay-left-icons {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 1em 0 1.5em;
    height: 100%;
    width: 5.5em;
}

.gc-overlay-right-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.5em 0 1em;
    height: 100%;
    width: 5.5em;
}
/*********************ICONS***************************/


@font-face {
    font-family: "linea-arrows-10";
    src: url("../fonts/linea-arrows-10.eot");
    src: url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"), url("../fonts/linea-arrows-10.woff") format("woff"), url("../fonts/linea-arrows-10.ttf") format("truetype"), url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg");
    font-weight: normal;
    font-style: normal;
}

.gc-icon:before {
    line-height: 1;
}

.gc-icon {
    font-family: "linea-arrows-10" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1020;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    opacity: .7; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */
    filter: alpha(opacity=70); /* Netscape */
    -moz-opacity: 0.7; /* Safari 1.x */
    -khtml-opacity: 0.7;
    height: 1em;
    width: 1em;
    line-height: 0;
    background: rgb(204, 204, 204);
    background: rgba(204, 204, 204, 0.5);
    border: 2px solid #F5F5F5;
}

    .gc-icon:hover {
        opacity: 1; /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
        filter: alpha(opacity=100); /* Netscape */
        -moz-opacity: 1; /* Safari 1.x */
        -khtml-opacity: 1;
    }

.gc-disabled .gc-icon:hover, .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon, .gc-disabled .gc-icon {
    opacity: .3; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 5-7 */
    filter: alpha(opacity=30); /* Netscape */
    -moz-opacity: 0.3; /* Safari 1.x */
    -khtml-opacity: 0.3;
    cursor: default;
}

/* *** ICON NEXT *** */
.gc-icon-next {
    top: 50%;
    right: -2px;
}

    .gc-icon-next:before {
        position: absolute;
        top: -2px;
        right: -2px;
        content: "\e04b";
    }

.gc-icon-next-vt {
    bottom: 0;
    left: 50%;
}

    .gc-icon-next-vt:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e019";
    }

.gc-display-area .gc-icon-next {
    font-size: 2em !important;
}

.gc-thumbs-area-next .gc-icon-next {
    right: 0;
    font-size: 2em !important;
}

.gc-thumbs-area-next .gc-icon-next-vt {
    font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-next {
    position: relative;
    right: 0;
    font-size: 3em;
}
/* *** ICON PREV *** */
.gc-icon-prev {
    top: 50%;
    left: -2px;
}

    .gc-icon-prev:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e03f";
    }

.gc-icon-prev-vt {
    top: 0;
    left: 50%;
}

    .gc-icon-prev-vt:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e083";
    }

.gc-display-area .gc-icon-prev {
    font-size: 2em !important;
}

.gc-thumbs-area-prev .gc-icon-prev {
    font-size: 2em !important;
}

.gc-thumbs-area-prev .gc-icon-prev-vt {
    font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-prev {
    position: relative;
    left: 0;
    font-size: 3em;
}
/* *** ICON DOWNLOAD *** */
.gc-icon-download {
    right: -2px;
    bottom: 0;
    font-size: 2em;
    overflow: hidden;
}

    .gc-icon-download:before {
        position: absolute;
        top: -4px;
        left: -2px;
        content: "\e064";
    }
/* *** ICON CLOSE *** */
.gc-icon-close {
    position: relative;
    font-size: 2em;
    float: right;
}

    .gc-icon-close:before {
        position: absolute;
        content: "\e04a";
        top: -2px;
        right: -2px;
    }

.gc-icon-enlarge {
    position: relative;
    float: right;
    margin-right: 0.25em;
    font-size: 2em;
}

    .gc-icon-enlarge:before {
        position: absolute;
        content: '\e017';
        top: -2px;
        right: -2px;
    }

.gc-icon-compress {
    position: relative;
    float: right;
    margin-right: 0.25em;
    font-size: 2em;
}

    .gc-icon-compress:before {
        position: absolute;
        content: '\e053';
        top: -2px;
        right: -2px;
    }
/*********************LOADING***************************/
.gc-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-left: -15px;
    margin-top: -15px;
    background-image: url(../images/loader.gif);
}

.gc-loading3 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 0.25em;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(102, 153, 102, 0.2);
    border-right: 1.1em solid rgba(102, 153, 102, 0.2);
    border-bottom: 1.1em solid rgba(102, 153, 102, 0.2);
    border-left: 1.1em solid #669966;
    -webkit-animation: loadGC 1.1s infinite linear;
    animation: loadGC 1.1s infinite linear;
}

    .gc-loading3,
    .gc-loading3:after {
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

@-webkit-keyframes loadGC {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadGC {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*********************GENERAL***************************/
.gc-hide {
    display: none;
    z-index: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */
    filter: alpha(opacity=0); /* Netscape */
    -moz-opacity: 0; /* Safari 1.x */
    -khtml-opacity: 0;
}

.gc-noscroll {
    overflow: hidden;
}

.gc-start {
    display: none;
    z-index: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */
    filter: alpha(opacity=0); /* Netscape */
    -moz-opacity: 0; /* Safari 1.x */
    -khtml-opacity: 0;
}





/*----------------------------zoom details --------------------*/

.new-product-cont-title h3{
    font-size: 30px;
    font-weight: bold;
    font-family: Verdana;
    margin-bottom: 30px;
}


.new-product-cont-dtls h4{
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana;
}
.new-product-cont-dtls p{
    font-size: 17px;
    font-family: Verdana;
}

/*-----------------------Newsfeed-------------------------*/

.news-cont{
    padding: 10px;
}

 .newsfeed-top p{
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

.news-wide {
    width: 93%;
    margin: 0px auto;
}
.newsfeed-top{
    border-bottom: 1px solid #ced4da;
}

.newsfeed-left{
    margin-top: 30px;
}

.news-box{
    border: 1px solid #ced4da;
    border-radius: 3px;
    margin: 10px 0px;
    display: flex;
    min-height: 270px;
}



.news-img img{
    width: 100%;
    height: 268px;
    
}

 .news-cont a{
    text-decoration: none;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}
.news-cont a h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 7px;
}

.news-cont h4{
    font-size: 15px;
    margin-top: 8px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    color: #3c83ad;
}


.news-cont p{
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
}

.news-cont ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
}

.news-cont ul li a{
    float: left;
    margin-right: 10px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.news-cont ul li a:hover{
    text-decoration: underline;
}


.read-more a{
        text-decoration: none;
    margin-top: 5px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #2589c5;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.read-more a:hover{
    color: #1b9fef;
}

.read-more{
    margin-top: 20px;
    text-align: right;
}

 .fa-calendar{
    margin-right: 4px;
}

.pagination {
    display: inline-flex!important;
}
.pagination-box{
    text-align: center;
}

.news-feed-right{
    margin-top: 30px;
}


.social-feed-box{
    box-shadow: 0px 0px 4px #ced4da;
    border-radius: 5px;
    margin-bottom: 20px;
}

.social-feed-box a{
    text-decoration: none;
    display: block;
}

.social-feed-img{
    height: 240px;
}

.social-feed-img img{
    width: 100%;
    height: 100%;
}

.social-feed-top{
    display: flex;
    padding: 7px;
}

.social-feed-cont{
     padding: 7px;
}
.social-feed-top-logo{
    width: 40px;
    margin-right: 5px;
}
.social-feed-top-title h4{
    font-size: 16px;
    color: #000;
    margin: 0px;
}

.social-feed-top-logo{
    width: 13%;
    margin-right: 8px;
    padding-top: 4px;
}


.social-feed-top-title{
    width: 64%;
}
 .social-feed-top-icon{
    width: 21%;
    text-align: right;
}

.social-feed-top-title p{
    margin: 0px;
        font-size: 14px;
    color: #000;
}

.social-feed-cont p{
    color: #000;
}



.social-feed-bottom{
    padding: 10px;
}

.social-feed-bottom ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
}

.social-feed-bottom ul li a{
    float: left;
    display: block;
    padding: 10px 4px;
        color: #000;
}

.social-feed-bottom ul li a{
    color: gray;
}



/*-----------------------news details-------------------*/
.newsfeed-details{
    box-shadow: 0px 0px 4px #ced4da;
    padding-bottom: 40px;
}

.newsfeed-details-box h3{
    margin-bottom: 40px;
}
.newsfeed-details-box{
    width: 70%;
    margin: 0px auto;
    margin-top: 40px;
}

.news-details-cont{
    display: flex;
}

.news-details-cont-left{
    width: 30%;
}

 .news-details-cont-left img{
    width: 150px;
    border-radius: 89px;
    border: 1px solid;
    height: 150px;
}

.newsfeed-details-banner img{
    width: 100%;
}

.news-details-cont-right{
     width: 70%
}

.news-details-cont-left p{
    margin: 0px;
    color: #999999;
}

.news-video{
    margin-top: 50px;
}

.news-video p{
    margin-top: 40px;
}


.news-details-footer{
    border-top: 1px solid gray;
    margin-top: 50px;
    padding-top: 30px;
}

 .news-details-footer ul{
   
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 30px;
    overflow: hidden;

}

.news-details-footer ul li a{
    float: left;
    display: block;
    color: #000;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
}

.news-details-footer ul li a:hover{
   
    text-decoration: underline;
}


.new-client-sec{
    background: url(../images/customer-bg.jpg);
        background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.new-client-sec-inner{
    background: #00000061;
    padding: 60px;
    border-top: 1px solid #fff;
}

.product-details-sec{
    padding: 80px 0px;
        background: #f8f9fa;
}

.client-img {
    padding: 17px 0px;
    margin-bottom: 20px;
    height: 100px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    /*box-shadow: 0px 8px 16px 0px rgb(17 34 139 / 23%);*/
    background-image: linear-gradient(180deg, #fefeff, #036471 268.33%, #1e395f 13.66%, #1e395f);
    transition: .5s all ease;
}

.client-img:hover {
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158 158 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158 158 158);
    transition: .5s all ease;
}

.new-client-sec1{
  padding: 80px 0px;
  background: #f8f9fa;
}

.client-img img{
    width: 100%;
    border-radius: 3px;
}
.new-client-sec-inner1{
    padding: 100px 0px;
}

.costomer-title h2{
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}

.our-group{
        padding-top: 120px;
}
/*light box scc-------------*/
.categories-cont{
    padding-left: 20px;
}

.modal-categories-img img{
    width: 200px;
    border: 1px solid gray;
    padding: 4px;
    margin: 3px;
}


/*-----------------new css-----*/
.about-conts{
    padding-left: 30px;
}

.about-img img{
    width: 100%;
}

.about-conts h4{
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}

.about-conts h3{
   font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    margin-top: 15px;
}

.about-conts p{
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
        font-size: 16px;
}

.about-conts a{
    color: #000;
    text-decoration: none;
    border: 1px solid #a09e9e;
    padding: 7px 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    margin-top: 15px;
    display: inline-block;
}

.global{
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}
.global::after {
    content: " ";
    width: 54px;
    border: 1px solid #1D1D1B;
    position: absolute;
    margin-top: 30px;
}
.global-text{
        font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
    font-size: 15px;
    margin-bottom: 20px;
}

.wsus__section_heading a {
    color: #000;
    text-decoration: none;
    border: 1px solid #a09e9e;
    padding: 7px 20px;
    text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;

}

.showroom-middle-p p{
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 30px;
}

.showroom-left img{
    width: 100%;
}

.ethic-title h4 {
    font-family: 'Montserrat', sans-serif;
    color: #1D1D1B;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}

.ethic-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-top: 20px;
}

.ethic-title h4::after {
    content: " ";
    width: 54px;
    border: 1px solid #1D1D1B;
    position: absolute;
    margin-top: 30px;
}

.ethic-title p{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.newsfeed-top h3{
    font-family: 'Montserrat', sans-serif;
    color: #068bd4;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}

.newsfeed-top h3::after {
    content: " ";
    width: 54px;
    border: 1px solid #068bd4;
    position: absolute;
    margin-top: 30px;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        margin-top: 37px;
        border-radius: 0px;
       
       
    }


    .owl-carousel .owl-item {
    transition: all 0.3s ease-in-out;
  
}

.owl-carousel .owl-item .card {
    padding: 30px;
    position: relative;
}

.owl-carousel .owl-stage-outer {
    /*overflow-y: auto !important;*/
    /*padding-bottom: 40px;*/
}

.owl-carousel .owl-item img {
    height: 500px;
    object-fit: cover;
}



.owl-carousel .owl-item .card {
    opacity: 0.2;
    transform: scale3d(0.8, 0.8, 0.8);
    transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-item.active.center .card {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.owl-theme .owl-dots .owl-dot span {
    height: 20px;
    background: #2a6ba3 !important;
    border-radius: 2px !important;
    opacity: 0.8;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    height: 13px;
    width: 13px;
    opacity: 1;
    transform: translateY(2px);
    background: #83b8e7 !important;
}

@media(min-width: 480.6px) and (max-width: 575.5px) {
    .owl-carousel .owl-item .card .name {
        left: 24%;
    }
}

@media(max-width: 360px) {
    .owl-carousel .owl-item .card .name {
        left: 30%;
    }
}




 .navbar-toggler {
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 50%;
        transition: 0.3s ease-in-out;
        flex-shrink: 0;
      }
      .navbar-toggler:focus {
        box-shadow: none;
      }
      @media screen and (max-width: 991px) {
        .navbar-collapse.collapse:not(.show) {
          display: block;
        }
        .navbar-collapse {
          position: fixed;
          top: 0;
          left: 0;
          background: #212529;
          width: 215px;
          height: 100%;
          z-index: 9999;
          padding: 25px;
          transform: translateX(-215px);
          transition: 0.5s ease-in-out;
          display: block;
        }
        .navbar-collapse.show {
          transform: translateX(0px);
        }
        .nav-overlay {
          position: absolute;
          background: #0000007d;
          width: 100vw;
          height: 100vh;
          top: 0;
          left: 0;
          z-index: 2;
          transform: translateX(-100vw);
          transition: 0.5s ease-in-out;
          display: block;
        }
        .nav-overlay.active {
          transform: translateX(0);
        }
      }
      
      .navbar-collapse {
    flex-grow: 0;
    flex-basis: auto;
}

.navbar-nav {
    width: 100%;
}

.nav-link {
    
    font-weight: 600;
    padding:31px 20px !important;
    display: inline-block;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.dropdown-menu .nav-link {
    color: #000 !important;
    font-weight: normal;
    padding: 7px 10px !important;
    display: block;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.dropdown-menu .nav-link:hover {
  background-color: #DADADA;
  color: #000;
}


.navbar-nav .nav-link {
  color: #fff;
}
.dropend .dropdown-toggle {
  color: salmon;
  margin-left: 1em;
}
.dropdown-item{
    font-weight: normal;
    
}
.dropdown-item:hover {
  background-color: #DADADA;
  color: #000;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
     margin-top: -1px;
    margin-left: 0px;
}

.dropdown-menu {
    width: 200px !important;
}


.dropend .dropdown-toggle::after {
    
    float: right;
    margin-top: 9px;
}

.folter-sec {
    padding-top: 60px;
}


.product-menu-sec{
    margin-top: 87px;
    background: #1D1D1B;
}

.second-product-menu{
    display:flex;
        margin: 0px;
        justify-content: center;
    align-items: center;

}

.second-product-menu li a {
    color: #fff !important;
    font-weight: normal;
    padding: 10px 20px !important;
}

.second-dropdown-menu{
    background: #1d1d1b;
    border-radius: 0px;
}


.second-dropdown-menu li a:hover{
    background: #1d1d1b;
        color: #dedede !important;
    
}
.new-product-cont p{
    margin: 0px;
}

  .navbar-dark .navbar-toggler {
    color: #000!important;
    border-color: rgba(255, 255, 255, .1);
}


@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0px;
  }
  

}



.carousel-direction{
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-control-next, .carousel-control-prev {
     width: 5%;
    color: #000;
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
  transition-duration: 10s;
}

/* display 4 */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next,
  .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  .carousel-inner .carousel-item-prev,
  .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}

.card {
    background-color: transparent;
}


.counter-sec{
    padding:80px 0px;
}
.counter-box{
    border: 2px solid #525251;
    border-radius: 10px;
    text-align: center;
    padding: 20px 0px;
}
.counter-box img{
    width: 75px;
    margin-bottom: 15px;
}


.counter-box h3{
    font-size: 30px;
    font-weight: bolder;
}

.counter-box p{
    margin:0px;
}


.name-1 {
    margin-bottom: 25px;
}

.name-1 h3{
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}
.name-1 p{
    margin: 0px;
}

.name-2 h3{
    font-size: 18px;
    margin-top: 15px;
    font-weight: bold;
}
.name-2 p{
    margin: 0px;
}



 .board-about{
    margin-top:80px;
}

.board-about h4{
    margin-bottom:30px;
}

.showroom-middle-p ul li{
    font-size: 16px;
    line-height: 30px;
}

.showroom-middle-p ul li i{
    margin-right: 10px;
}

.showroom-middle-p ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.journy{
    text-align: center;
    margin-bottom: 80px;
}

.showroom-middle-p ul li svg{
    margin-right: 6px!important;
}



.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center;
    min-height: 235px;
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.establish-date{
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #666;
    line-height: 28px;
}

.filter-bg {
    background: #1d1d1b;
    padding:0px;
    color: #fff;
    border-radius: 0px!important;
    border: none!important;
}

.filter-bg .nav-item .filter-a{
    color: #fff !important;
}

.filter-bg .nav-item .filter-a:hover{
    color: #000 !important;
}

.sub-filter-bg{
    background: #1d1d1b;
    padding:0px;
    color: #fff;
    border-radius: 0px!important;
    border: none!important;
}


.sub-filter-bg li .sub-filter-a{
 padding: 7px 10px !important;
}

.sub-filter-bg li .sub-filter-a:hover{
    color: #000 !important;
}




.picZoomer{
	position: relative;
    /*margin-left: 40px;
    padding: 15px;*/
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
    text-align: center;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-pic{
	/*width: 100%;
	height: 100%;*/
}
.picZoomer-zoom-wp{
	display: none;
	position: absolute;
	z-index: 999;
	overflow: hidden;
    border:1px solid #eee;
    height: 460px;
    margin-top: -19px;
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 40px;
	left: 40px;
	background: url(images/zoom-ico.png) left top no-repeat;
}

.my_img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}
.piclist li{
    display: inline-block;
    width: 90px;
    height: 114px;
    border: 1px solid #eee;
}
.piclist li img{
    width: 97%;
    height: auto;
}

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp{
    border: 1px solid #eee;
}



.section-bg {
    background-color: #fff1e0;
}

.row-sm .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}
._boxzoom .zoom-thumb ul.piclist {
    padding-left: 0px;
    top: 0px;
}
._boxzoom ._product-images {
    width: 80%;
    display: inline-block;
}
._boxzoom ._product-images .picZoomer {
    width: 100%;
}
._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
    left: 0px;
}
._boxzoom ._product-images .picZoomer img.my_img {
    width: 100%;
}
.piclist li img {
    height:100px;
    object-fit:cover;
}


/*----------new header----*/

 .head-icon a{
    font-size: 25px;
    color: #000;
    padding-top: 10px;
    display: inline-block;
}

.offcanvas-start {
    top: 82px;
    left: 0;
    width: 60%;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%);
    padding: 20px 50px;
    height: 100%;
    transition: all .3s ease;
}


.new-side-menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 280px;
    position: relative;
}

.new-side-menu ul li a {
    text-decoration: none;
    color: #000;
    font-size: 25px;
    padding: 5px 0px;
    display: inline-block;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}


.new-side-menu ul li a sup{
    color: #2e4dcc;
    font-size: 16px;
}


.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    top: 0px;
    right: -180px;
    position: absolute;
    min-width: 190px;
    overflow: auto;
}

/*.dropdown-content {
    display: none;
    top: 0px;
    right: -180px;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 171px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}*/

.dropdown-content a {
    color: black;
    padding: 7px 9px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}