@font-face{
    src: url(../fonts/NotoSerif/NotoSerif-Regular.ttf);
    font-family: "NotoSerif";
}

@font-face {
    font-family: "NotoSerifBold";
    src: url(../fonts/NotoSerif/NotoSerif-Bold.ttf);
}

@font-face{
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
    font-family: "OpenSans";
}

@font-face {
    font-family: "OpenSansBold";
    src: url(../fonts/Open_Sans/OpenSans-Bold.ttf);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff ;
    /* padding-top: 43px; */
    /* position: relative; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}

#overlay {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    background-color: #eddda9;
    box-shadow: 0px -4px 8px 0px rgb(157 133 95 / 71%);
    color: transparent;
    text-shadow: -4px 5px 2px rgb(219 202 148 / 54%);
    z-index: 10000;
    text-align: center;
    align-content: center;
}

#scrolldown {
    position: fixed;
    top:50%;
    left:0px;
    right:0px;
    margin:auto;
    -webkit-animation: fade 3s infinite;
	animation: fade 3s infinite;
    visibility: hidden;
    color:rgba(195,160,53,1.00);
    opacity: 1;
    animation: fade 2s linear;
}
#scrolldown p{
    -webkit-animation: fade 3s infinite;
	animation: fade 3s infinite;
    color:rgba(195,160,53,1.00);
    visibility: visible;
}

.scrolled{
    background-color:rgba(0, 0, 0, 70%) !important;
}

@media screen and (max-width: 900px) {
    .col-social-holder , .col-qr-holder {
        padding-left: 5%;
        margin-top: 20px;
    }
  }

.col-social-holder h6{
    font-family: "OpenSansBold";
    margin-bottom: 15px;
}
html {
    scroll-behavior:smooth;
} 

.padding-left-zero{
    padding-left: 0px;
}
.font-size{
    font-size: 13px;
}

.border-none{
    border: none;
}

.fullWidth{
    width: 100%;
    height: 600px;

}
.vidWidth{
    height: 300px !important;
    width: 100%;

}

.paddingZero{
    padding: 0px;
}

.align-self{
    align-self: center;
}


                                /* ----------------------------- start home page -------------------------------- */

/* start header & navbar */
    
.navbar{
    background-color: rgba(0, 0, 0, 70%);
    margin: 0px;
}

.nav-item{
    margin-right: 15px;
}

.navbar-brand{
    background-image: url(../imgs/LogoWhite-nav-footer.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height:70px;
    position: sticky;
    left: 8%;
}

.nav-link{
    color: white !important;
    font-family: "OpenSans";
}

.lang-link{
    border: 1px solid;
    padding: 8px 13px;
    padding-top: 3px;
}

#navbarText{
    padding-left: 11px;
}

.linked-in-nav{
background-image: url(../imgs/linkednIcon-footer-nav.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
padding: 15px;
margin: 10px;
}
.twitter-nav{
background-image: url(../imgs/twitterIcon-footer-nav.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
padding: 15px;
margin: 10px;
}

.social-list-nav li a{
color: white !important;

}
.social-list-nav{
padding-left: 0px;
padding-right: 6%;
}
.navbar-toggler-icon{
background-image: url(../imgs/toggle-nav-btn.svg) !important;
}
.navbar-toggler{
color: unset !important;
border-color: rgb(0 0 0 / 0%) !important;
}


/* end header & navbar */


/* start slider */

.slideshow-container {
    /* max-width: 1000px; */
    position: relative;
    margin: auto;
    /* margin-bottom: 20px; */
}
.section{
    min-height: 100vh;
    scroll-snap-align:start ;
    position: relative;
}
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
 }
 .refresh{
position: relative;
margin-bottom: 1em;
 }
 .refresh button{
     position: absolute;
     border:none ;
     background-color: transparent;
     top: 0;
     top: 9px;
     right: 3px;
     cursor: pointer;
 }
 .refresh img{
     height: 30px;
 }
#fullPage{
    scroll-snap-type: y mandatory;
    overflow: scroll;
    height: 100vh;
    overflow-x: hidden;
}
#introSlider, #feedsSlider .swiper-wrapper{
height: 100vh;
position: relative;
}
.social{
    overflow: hidden;
}
/* Hide the images by default */
.mySlides {
    position: relative;
    width: 100%;
    display: inline-block;
    background-image: url('../imgs/Group475.png');
    height: 100% !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.swiper-pagination-bullet-active{
    background-color: #ffffff;
}
.section{
    min-height: 100vh;
}
@media only screen and (min-width: 600px) {
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        display: none !important; 
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
display: none !important;
    }
 
}
@media only screen and (max-width: 600px) {
    #swiperWidth {
        max-width: 90%;
        overflow: hidden;
        margin: auto;
    }
    .swiper-pagination-bullet{
        height: 13px !important;
        width: 13px !important;
    
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 35vw !important;
        left: auto !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 35vw !important;
 right: auto !important;
    }
    .swiper-button-next, .swiper-button-prev{
        top: unset !important;
        bottom: 15%!important;
        width: 30px;
        height: 30px;
        color: white;
        background-color: rgba(0,0,0,.25);
        border-radius: 50%;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 18px !important;
        position: relative;
    }
    .swiper-button-next:after{
       left: 2px;
    }
 .swiper-button-prev:after{
      right: 2px;
    }
    .productNav-prev, .productNav-next{
        top:45% !important;
    }
    .productNav-prev{
        left:4vw !important;
    }
   .productNav-next{
        right:4vw !important;
    }
}
@media only screen and (min-width: 600px) {
    #introSlider .swiper-pagination{
display: none !important;
    }
 
}
@media only screen and (max-width: 600px) {
    .swiper-pagination-bullet{
        height: 13px !important;
        width: 13px !important;
    
    }
}
.writes {
    width: 64%;
    margin: 20px;
    margin-top: 250px;
    display: inline-block;
}

.immg1 {
    background-image: url("../imgs/Group283.svg");
    width: 120px;
    height: 185px;
    background-repeat: no-repeat;
    /* background-position: left; */
    background-size: contain;
    display: inline-block;
}

.immg2 {
    background-image: url("../imgs/Group282.svg");
    width: 120px;
    height: 185px;
    background-repeat: no-repeat;
    /* background-position: left; */
    background-size: contain;
    display: inline-block;
}

.writes h1 {
    padding: 20px;
    text-align: left;
    font-family: "NotoSerif";
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    margin: auto;
    background-color: rgba(0,0,0,.25);
}

.writes h4 {
    padding: 20px;
    text-align: left;
    font-family: "OpenSansBold";
    font-weight: bold;
    font-size: 1.5vw;
    color: #fff;
    /* margin: 30px auto; */
    /* margin: 25px auto; */
    background-color: rgba(0,0,0,.25);
}

/* The dots/bullets/indicators */
/* .dots {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
} */

.dot {
    bottom: 80px;
}

.dot li {
    height: 10px ;
    width: 10px ;
    border-radius: 50%;
    background-color: #fff0 ;
    /* transition: background-color 0.6s ease ; */
    border: 2px solid #fff ;
    margin: 2px ;
}

.dot .active {
    background-color: #ffffff ;
    border: 2px solid #fff ;
    opacity: 3;
}

.dot li:hover {
    background-color: #ffffff;
    border: 2px solid #fff;
}

/* Fading animation */
/* .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
} */

/* @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
} */



    @media screen and (min-width: 1350px) {
        .mediaDetails p{
            font-size: 25px;
    
        }
        .mediaDetails h5{
            font-size: 46px;
        }
        .vidWidth{
         height: 22vw !important;
        }
    }
@media screen and (max-width: 600px) {
    .mySlides {
        height: 810px;
    }
    .immg1 {
        width: 40px;
        height: 220px;
        /* margin-left: 10px; */
    }
    .writes {
        padding-top: 55%;
        margin-top:0px;
    }
    .writes h1 {
        /* font-size: 45px; */
    }
    .writes h4 {
        font-size: 16px;
    }
    .immg2 {
        width: 40px;
        height: 220px;
        margin-right: 0;
    }
    .dot li {
        height: 15px;
        width: 15px;
    }
    .dot .active {
        height: 15px;
        width: 15px;
    }
}

/* end slider */

/* start social */

.social {
    background-color: rgb(251 251 251);
    padding: 90px 0px;
}

.media .row{
    width: 85%;
    margin: auto;
}

.mediaPost{
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    background-color: #e5e5e5;
    margin: 20px auto !important;
}

.social h1 , .media h1 {
    color: #c09700;
    font-family: "NotoSerif";
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin: 20px auto;
}

.socialRow {
    margin: auto;
    /* width: 82%; */
    /* width: 100%; */
}

.rowCol1 {
    background-repeat: no-repeat;
    /* width: 350px; */
    width: 100%;
    height: 420px;
    /* display: inline-block; */
    background-position: center;
    background-size: cover;
    margin: 8px auto;
    position: relative;
}

.layer1 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer1 h5 {
    font-family: "OpenSansBold";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer1 img {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    margin-top: 25px;
}


.layer1 p {
    font-family: "OpenSansBold";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    left: 40px;
    color:white;
   
    top: 130px;
    left: 40px;
    width:80%;
}

.layer1 a.lnk {
    font-family: "OpenSansBold";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    left: 40px;
    color: #F0C112;
        top: 340px;
    text-decoration: none;
}

.layer1 a:hover {
    color: white;
}

.layer2 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer2 h5 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer2 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer2 p {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 44px;
    color: #fff;
    top: 130px;
    left: 40px;
}

.layer2 a.lnk {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 178px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer2 a:hover {
    color: #943BBA;
}

.layer3 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer3 h5 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer3 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer3 p { 
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 130px;
    left: 40px;
}

.layer3 a.lnk {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 178px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer3 a:hover {
    color: #F0C112;
}

.layer4 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer4 h5 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer4 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer4 p {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 44px;
    color: #fff;
    top: 130px;
    left: 40px;
}

.layer4 a.lnk {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 178px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer4 a:hover {
    color: #943BBA;
}

.layer5 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer5 h5 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer5 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer5 p {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 130px;
    left: 40px;
}

.layer5 a.lnk {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 178px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer5 a:hover {
    color: #F0C112;
}

.layer6 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer6 h5 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer6 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer6 p {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 44px;
    color: #fff;
    top: 130px;
    left: 40px;
}

.layer6 a.lnk {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 178px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer6 a:hover {
    color: #943BBA;
}

@media screen and (max-width: 600px) {
    .social h1 {
        font-size: 45px;
    }
    .socialRow {
        width: 100%;
    }
    /* .rowCol1, .rowCol2, .rowCol3, .rowCol4, .rowCol5, .rowCol6 {
        width: 100%;
    } */
    .layer1 img, .layer2 img, .layer3 img, .layer4 img, .layer5 img, .layer6 img {
        width: 65px;
        height: 65px;
    }
    .layer1 h5, .layer2 h5, .layer3 h5, .layer4 h5, .layer5 h5, .layer6 h5 {
        font-size: 12px;
        top: 50px;
    }
    .layer1 p, .layer2 p, .layer3 p, .layer4 p, .layer5 p, .layer6 p {
        font-size: 20px;
    }
    .layer1 a.lnk, .layer2 a.lnk, .layer3 a.lnk, .layer4 a.lnk, .layer5 a.lnk, .layer6 a.lnk {
        font-size: 20px;
        left: 40px;
    }
}

/* end social */


/* start products */


.product {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 60px;
    padding-top: 90px;
}

.product h1 {
    color: #c09700;
    font-family: "NotoSerif";
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 35px;
}

.box {
    width:100%;
    /* height: 900px; */
    background-color: #797979;
    /* background-image: linear-gradient(#a5a5a5, #5e5e5e); */
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    /* min-width: 400px */
}

.box1 {
    width:100%;
    /* height: 900px; */
    /* background-color: #a053c1; */
    background-image: linear-gradient(#c480e1, #683d7b);
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    min-width: 400px;
}

.box2 {
    width:100%;
    /* height: 900px; */
    /* background-color: #c09700; */
    background-image: linear-gradient(#f5d357, #827133);
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    min-width: 400px;
}

/* .box:hover, .box1:hover, .box2:hover {
    background-color: #17171d;
    transform-style: preserve-3d;
    transform: scale(1.02);
    transition: all ease 0.3s;
} */

.details {
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    /* position: relative; */
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 120px;
    height: 120px;
    z-index: 0;
}

.modimg {
    position: absolute;
    top: 175px;
    text-align: center;
    /* width:100%; */
    left: 0;
    right: 0;
}

.modimg img {
   /* max-width: 430px;*/
}

.details .modtxt {
    min-height: 141px;
}

.details .modtxt h4 {
    font-family: "NotoSerif";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 35px;
    padding: 0;
    margin: 0;
}

.details .modtxt p {
    font-family: "NotoSerif";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
.details .modtxt .nn {
    font-family: "NotoSerif";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-top: 12px;
}

.logo, .logo1 {
    width: 100%;
    background-color: #fff;
    text-align: center;
    height: 370px;
}

.logo img {
    height: 150px;
    /* width: 150px;
    padding-top: 50px;
    padding-bottom: 235px; */
}

.logo1 img {
    height: auto;
    width: 100px;
    padding-top: 30px;
    padding-bottom: 235px;
}

.formore {
    text-align: center;
    /* padding: 50px 0px; */
    z-index: 1;
    position: relative;
    margin-top: 209px;  
}

.formore a {
    color: white;
    padding: 15px 40px;
    font-family: "OpenSansBold";
    cursor: pointer;
    font-size: large;
    text-decoration:none;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 66%);
}

.formore a:hover {
    background-color: #ffffff;
    color: #333;
    transform-style: preserve-3d;
    transform: scale(1.02);
    transition: all ease 0.3s;
}

/*--responsive for mobile phone--*/
@media(max-width:600px){
    .product { 
        padding: 0;
        padding-top: 100px;
    }
	.box, .box1, .box2{
		width: 100%;
    }
    .modimg { top: 130px; }
    .modimg img{
        max-width:387px;
    }
    .logo{
        height: 320px;
    }
    .logo img{
        height: 130px;
    }
    .loog img {
        width: 125px;
        padding-top: 30px;
        padding-bottom: 100px;
    }
	/* .model { height:275px; } */
    .details {
        width: 100%;
        margin-top: 90px;
        min-height: auto;
    }
    .details .modtxt { min-height: 0; }
    .details .modtxt h4 { font-size: 30px; }
    .details .modtxt .nn {
        margin: 12px auto;
        font-size: 18px;
        margin-top: 0;
    }
	.details .modtxt p{
        /* width: 250px; */
        font-size: 20px;
        margin: 0px auto;
    }
    .formore a {
        padding: 15px 35px;
        margin-bottom: 0;
        font-size: larger;
    }
}


/* start slider */

/* Hide the images by default */
.mySlider {
    position: relative;
    width: 100%;
    display: inline-block;
    background-image: url('../imgs/Group476.png');
    height: 100%;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.write {
    width: 500px;
    /* height: 400px; */
    float: right;
    margin-top: 300px;
    margin-right: 40px;
    padding-right: 50px;
}

.write p {
    text-align: left;
    font-family: "NotoSerif";
    font-size: 28px;
    font-weight:500;
    color: #fff;
    margin: auto;
}

.write span {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 28px;
}

/* The dots/bullets/indicators */
/* .dotts {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
}

.dott {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 1px;
    background-color: #fff0;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    border: 2px solid #fff;
} */

.dott {
    bottom: 80px;
}

.dott li {
    height: 10px ;
    width: 10px ;
    border-radius: 50%;
    background-color: #fff0 ;
    transition: background-color 0.6s ease ;
    border: 2px solid #fff ;
    margin: 2px;
}

.dott .active {
    background-color: #ffffff ;
    border: 2px solid #fff ;
}
.absPosition{
    position: absolute !important;
    bottom: 6vh;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; ;
    margin-top: 0 !important;
}
.dott li:hover {
    background-color: #ffffff;
    border: 2px solid #fff;
}


@media screen and (max-width: 1470px) {
    .details {
        height: 8vw !important;
    }
    .formore{
        margin-top: 13vw !important;
    }
}
@media screen and (max-width: 1270px) {
    .details {
        height: 7vw !important;
    }
    .formore{
        margin-top: 11vw !important;
    }
}
@media screen and (max-width: 1100px) {
   
    .details{
        margin-top: 5vw !important;
    }
}
@media screen and (max-width: 1024px) {
   
    .details{
        margin-top: 25vw !important;
    }
}
@media screen and (max-width: 930px) {
   
    .details{
        margin-top: 21vw !important;
    }
}
@media screen and (max-width: 767px) {
   
    .details{
        height: 200px !important;
    }
}

@media screen and (max-width: 794px) {
    .details{
        margin-top: 18vw !important;
    }
    .absPosition {
        bottom: 8vh;
    }}
    @media screen and (max-width: 1175px) {
        .absPosition {
            bottom: 5vh;
        }}
@media screen and (min-width: 1435px) {
    .modimg img {
        max-width: 430px;
    }
}
@media screen and (max-width: 767px) {
    .modimg img {
        max-width: 430px;
    }
}
@media screen and (max-width: 600px) {
    .vidWidth{
        height: 182px !important; 
    }
    .mediaDetails h5{
        font-size: 30px !important;
    }

    .details{
        margin-top: 180px !important;
    }
    .slideshow-container {
        width: 100%;
    }
    .write {
        width: 100%;
        margin-top: 265px;
        margin-right: 30px;
        padding-right: 0;
    }
    .write p {
        font-size: 22px;
        font-weight: 600;
        margin-left: 85px;
        color: #333;
    }
    .write span {
        font-size: 28px;
    }
    .dott li{
        height: 15px;
        width: 15px;;
    }
    .dott .active {
        height: 15px;
        width: 15px;
    }
}

@media(max-width:500px){
    .modimg img{
            max-width: 83vw !important;
         }
         .details{
            height: 24vh !important;
            margin-top:0 !important
        }
}

/* end slider */


/* start media */
.row {
    margin: auto;
    /* width: 90%; */
}

.media{
    padding: 70px 0px;
    background-color: #ffffff;
    width: 100% !important;
}

.mediaImg {
    /* border: 2px solid yellow; */
    width: 90%;
    height: 450px;
    /* display: inline-block; */
    background-image: url(../imgs/ScreenShot.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-left: 170px; */
    /* margin-right: 50px; */
    position: relative;
    margin: auto;
    margin-top: 30px;
}


.mediaImg div{
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 25%);
}

.layr1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    margin: auto;
    cursor: pointer;
}
.lastDiv{
    display: flex;
    align-items: center;
}

.mediaDetails {
    /* border: 2px solid blue; */
    width: 100%;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* height: 400px; */
    padding-right: 20%;
    /*margin: auto;
    margin-top: 0.9em;*/
}

.mediaDetails h4 {
    color: #c09700;
    font-family: "NotoSerifBold";
    font-size: 25px;
    margin: 15px auto;
}

.mediaDetails h5 {
    color: #943BBA;
    font-family: "OpenSansBold";
    font-size: 40px;
}

.mediaDetails p {
    font-family: "OpenSansBold";
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 45px;
    margin-top: 25px;
}

.mediaDetails a {
    border: 2px solid #943BBA;
    /* width: 35%; */
    background-color: transparent;
    color: #943BBA;
    padding: 13px 33px;
    font-family: "OpenSansBold";
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

.mediaDetails a:hover {
    border: 2px solid #943BBA;
    background-color: #943BBA;
    color: #ffffff;
}

@media screen and (max-width: 600px) {
    .mediaImg {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 300px;
    }
    .mediaDetails {
        /* margin-left: 30px; */
        text-align: center;
        width: 100%;
        padding: 0px;
       margin-top: 0.9em;
    }

    .mediaDetails h5 , .mediaDetails p {
        text-align: center;
    }

    .mediaDetails h4 {
        font-size: 35px;
        margin: 45px auto;
    }

    .mediaDetails a { font-size: 20px; }
    .mediaDetails p {
        padding-right: 0px;
        margin-bottom: 45px;
    }
    .mediaDetails button { /* margin-top: 60px; */ font-size: 25px; }
}

/* end media */


/* start career */
.career {
    /* width: 100%; */
    overflow: hidden;
    background-image: url(../imgs/new.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    /* min-height: 600px; */
    /* margin-top: -32px; */
    /* padding-bottom: 20px; */
    /* position: relative; */
    /* background-color: transparent; */
    /* z-index: 100;*/
}
.pp-scrollable{
    overflow-x: hidden;
    overflow-y: auto;
}
.career .closer {
    /* width: 27%; */
    /* padding: 20%; */
    /* margin: 250px auto 100px auto; */
    text-align: center;
    max-width: 400px;
    margin: 250px auto 100px;
    /* text-align: center; */
    margin-top: 16%;
}

.career .closer h1 {
    text-align: center;
    font-family: "NotoSerif";
    font-weight: bold;
    color: #c09700;
    font-size: 40px;
}

.career .closer p {
    text-align: center;
    color: #fff;
    font-family: "OpenSans";
    font-size: 15px;
    margin-bottom: 35px;
}

.career .closer .dv3 {
    border: 1px solid #c09700;
    height: 1px;
    width: 30%;
    margin: 35px auto;;
}

.career .closer .aa {
    text-align: center;
    color: #fff;
    font-family: "NotoSerif";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 70px;
}

.career .closer a {
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "OpenSansBold";
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #c09700;
    padding: 10px 25px;
}

.career .closer a:hover {
    color: #c09700;
}
@media screen and (max-width: 970px) {
    .career .closer {
     margin-top: 25%;
    }
}
@media screen and (min-width: 970px) {
    .career .closer {
     margin-top: 25%;
    }
}
@media screen and (max-width: 600px) {
    .col-logo-holder{
        padding-left: 0px !important;
        margin: 30px auto;
    }
    .career {
        width: 100%;
        background-position: center;
        background-image: url(../imgs/new2.png);
        /* height: 0; */
    }
    .career .closer {
        width: 85%;
        margin: 70px auto;
    }
    .career .closer h1 {
        font-size: 35px;
    }
    .career .closer .dv3 {
        margin: 25px auto;
    }
    .career .closer .aa {
        margin-bottom: 55px;
    }
    .career .closer a {
        font-size: 20px;
    }
    .career .closer a {
        font-size: 13px;
    }
}

/* end career */


.pp-section {
    height:100%;
    width:100%;
    align-items: center;
    background-color: #ffffff;
    
    /* fixes flickering in firefox*/
    backface-visibility: hidden; 
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    background-color: rgba(254,254,254,.8);
    border-radius: 20px;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #c09700 !important;
}

#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #c09700 !important;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}
.pp-scrollable{
    overflow-y: scroll;
    height: 100%;
}



                                                /*  -------------------------- end home page ------------------------------- */



                                                











                                                /*  -------------------------- start about us page ------------------------------- */

                                                .brandTop{

    
                                                    margin-bottom: 1em;
                                                    display: flex;
                                                    align-items: center;
                                                  
                                                  
                                                }
                                                #twitter path{
                                                    fill: #1DA1F2;
                                                
                                                }
                                                #twitter{
                                                    right: 1px;
                                                }
                                                #youtube path{
                                                    fill: #FF0000
                                                }
                                                .socialIcons a{
                                                    margin:0 0.3em ;
                                                
                                                cursor: pointer;
                                                }
                                                .socialIcons{
                                                    margin-left:1em;
                                                }
                                                .socialIcons svg{
                                                    background-color: white;
                                                border-radius: 50%;
                                                padding: 0.5em;
                                                    position: relative;
                                                   margin-top: 0.5em;
                                                height: 40px;
                                                width: 40px;
                                                
                                                }
                                                .socialIcons img{
                                                    height: 40px;
                                                    width: 40px;
                                                    margin-top: 0.5em;
                                                    background-color: white;
                                                border-radius: 50%;
                                                padding: 0.5em;
                                                }
                                                .socialIcons{
                                                    display: inline;
                                                }
                                               
                                                
@media screen and (max-width: 1071px) {
    .opening .brndtxt{
        width: 62%;
        max-width: unset;
    }
    

}
                                                .opening .brndtxt h3 {
                                                    font-family: "GELight";
                                                    font-weight: bold;
                                                    font-size: 40px;
                                                    color: #fff;
                                                    margin-top: 0;
                                                    padding: 0 0.5em;
                                                    background-color: rgba(255, 255, 255, 0.32);
                                                margin-bottom: 0;
                                                    display: inline-block;
                                                }
                                                
                                                .opening .brndtxt p {
                                                    font-family: "GELight";
                                                    font-size: 15px;
                                                    color: #fff;
                                                    background-color: rgba(255, 255, 255, 0.32);
                                                    padding: 10px;
                                                 
                                                }

.photo {
    width: 100%;
    background-image: url(../imgs/aboutHead.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.photo h1 {
    padding: 120px 0px 40px 77px;
    margin: auto;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photo {
        background-size: cover;
        height: 200px;
        padding-top: 85px;
        background-position: center;
    }

    .photo h1 {
        text-align: left;
        padding: 10px 0px 0px 20px;
    }
}


.rightBar {
    display: inline-block;
    vertical-align: top;
    width: 67%;
}

.rightBar h1 {
    color: #C09700;
    margin-top: 60px;
    margin-left: 34px;
    padding-bottom: 10px;
    font-family: "OpenSansBold";
}

.rightBar p {
    color: #797979;
    margin-left: 34px;
    font-family: "OpenSans";
    text-align: left;
    margin-right: 20px;
}

@media only screen and (max-width: 600px) {
    .rightBar h1 {
        padding-bottom: 0px;
        margin-top: 30px;
        font-size: 20px;
    }

    .rightBar {
        width: 100%;
    }
  }


.historyTabsLinks {
    list-style: none;
    padding-bottom: 10px;
}

.historyTabsLinks li {
    display: inline-block;
    padding-right: 35px;
    cursor: pointer;
}

@media only screen and (max-width: 600px) {
    .historyTabsLinks li {
        padding-right: 13px;
    }

    .historyTabsLinks {
        width: 100%;
    }
  }

.historyTabsLinks li h6 {
    color: #A7A7A7 !important;
    font-weight: bold;
    padding-right: 15px;
}

.historyTabsLinks .active h6{
    color: #943BBA !important;
}

@media only screen and (max-width: 600px) {
    .historyTabsLinks .active h6 {
    }

   .historyTabsLinks li h6 {
    padding-right: 10px;
   } 
  }

.historyTabContent{
    display : none
}
.shiakhImg {
    width: 30%;
    min-width:300px;
    display: inline-block;
    margin-left: 25px;
    vertical-align: sub;
}

@media only screen and (max-width: 600px) {
    .shiakhImg {
        width: 83%;
    }
  }

.shiakhImg img {
    width: 75%;
    margin-left: 25px;
}


@media only screen and (max-width: 600px) {
    .shiakhImg img {
    width: 100%;
    }
  }

.shiakhText {
    width: 40%;
    min-width: 300px;
    display: inline-block;
    vertical-align: top;
    padding: 50px 0px;
}

.shiakhText p {
    display: inline-block;
    font-size: 21px;
    color: #943bba;
}

.only {
    width: 40%;
    min-width:300px;
    display: inline-block;
    vertical-align: middle;
}

.only p {
    display: inline-block;
    font-size: 21px;
    color: #943bba;
}

@media only screen and (max-width: 600px) {
    .shiakhText {
        width: 99%;
    }
    .shiakhText p {
        font-size: 16px;
    }
    .only {
        width: 99%;
        padding: 10px;
    }

    .only p {
        font-size: 16px;
        margin-left: auto !important;
    }

  }

.buttomText {
    text-align: left;
    margin-left: 44px;
}

.buttomText p {
    font-size: 16px;
    color: #797979;
}


@media only screen and (max-width: 1191px) {
    .historyTabsLinks li h6 {
        padding-right: 14px;
    }

}
@media only screen and (max-width: 1178px) {
    .historyTabsLinks li h6 {
        padding-right: 13px;
    }

}
@media only screen and (max-width: 1157px) {
    .historyTabsLinks li h6 {
        padding-right: 12px;
    }
}

@media only screen and (max-width: 1155px) {
    .historyTabsLinks li h6 {
        padding-right: 11px;
    }
}

@media only screen and (max-width: 1142px) {
    .historyTabsLinks li h6 {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1127px) {
    .historyTabsLinks li h6 {
        padding-right: 9px;
    }
}

@media only screen and (max-width: 1119px) {
    .historyTabsLinks li h6 {
        padding-right: 8px;
    }
}

@media only screen and (max-width: 1106px) {
    .historyTabsLinks li h6 {
        padding-right: 7px;
    }
}
@media only screen and (max-width: 1094px) {
    .historyTabsLinks li h6 {
        padding-right: 6px;
    }
}
@media only screen and (max-width: 1082px) {
    .historyTabsLinks li h6 {
        padding-right: 5px;
    }
}
@media only screen and (max-width: 1070px) {
    .historyTabsLinks li h6 {
        padding-right: 4px;
    }
}

@media only screen and (max-width: 1060px) {
    .historyTabsLinks li h6 {
        padding-right: 3px;
    }
}

@media only screen and (max-width: 1047px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }

    .buttomText p {
        padding-right: 10px;
        margin-left: auto !important;
    }
}

@media only screen and (max-width: 1039px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 75px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1019px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 74px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1011px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 73px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 1011px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
}
@media only screen and (max-width: 1007px) {

    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 34px;
    }
    .rightBar {
        width: 67%;
    }

}

@media only screen and (max-width: 1003px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 72px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 994px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 71px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 987px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 70px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 979px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 69px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 971px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 68px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 963px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 67px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 955px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 66px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 945px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 65px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 939px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 64px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 931px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 63px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 923px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 62px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 914px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 61px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 907px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 60px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 899px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 59px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 890px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 58px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 889px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 58px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 878px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 56px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 879px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 57px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 873px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 56px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 867px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 55px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 856px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 54px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 858px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 54px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 848px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 53px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 842px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 52px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 843px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 52px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}


@media only screen and (max-width: 835px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 51px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 827px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 50px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 817px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 49px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 811px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 48px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 803px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 47px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}


@media only screen and (max-width: 819px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 47px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 795px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 46px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 786px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 45px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 779px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 44px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 771px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 43px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 763px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 42px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 763px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 42px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 755px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 41px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 747px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 40px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 739px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 39px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 731px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 38px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}


@media only screen and (max-width: 723px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 37px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 715px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 36px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 707px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 35px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 707px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 34px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 699px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 33px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 691px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 32px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 691px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 32px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 683px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 31px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 675px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 30px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 667px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 29px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 659px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 28px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 651px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 27px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 643px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 26px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 635px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 25px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 627px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 24px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 619px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 24px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 611px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 23px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 603px) {
    .historyTabsLinks li h6 {
        padding-right: 2px;
    }
    .historyTabsLinks li {
        padding-right: 21px;    
    }
    .rightBar {
        width: 100%;
    }
    .buttomText p {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .buttomText p {
        font-size: 15px;
    }
    .only {
        padding-left: 29px;
        padding-right: 10px;
    }
    .buttomText {
        padding-left: 29px;
        padding-right: 29px;
        margin-left: 0px;
    }

    .shiakhImg {
        width: 60%;
        margin-left: auto;
    }

    .shiakhImg img {
        width: 80%;
        margin-left: 35px;
        margin-bottom: 15px;
    }

    .shiakhText {
        width: 100%;
        text-align: center;
    }
    
}










/*end of History intro*/



/*start OUR VISION*/


.photoVision {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoVision h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoVision {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoVision h1 {
        text-align: center;
        padding-left: 0px;
        padding-top: 165px;
    }
  }



.containerVision {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    margin-bottom: 0px !important;
}

.borderVision {
    width: 170px;
    height: 1px;
    background: white;
}

.imgVision {
    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin: 80px 40px;
    text-align: center;
   
}

.imgVision img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgVision {
        display: inline-block;
        width: 100%;
        margin: 30px auto;
    }
}


.textVision {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 80px;
}
@media only screen and (max-width: 600px) {
    .textVision {
        text-align: center;
        width: 100%;
        margin-top: 0px;
    }
    .imgVision img {
        width: auto;
    }
}


.textVision h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textVision p {
    color: #797979;
    font-size: 18px;
    margin: 0px 30px 40px;
    font-family:"NotoSerif";
}



/*end of OUR VISION*/




/*start of Mission*/


.photoMission {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoMission h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    
    .photoMission {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoMission h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.containerMission {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderMission {
    width: 170px;
    height: 1px;
    background: white;
}

.imgMission {
    display: inline-block;
    width: 30%;
    min-width:300px;
    max-width:400px;
    vertical-align: top;
    margin-top: 100px;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 100px;
}

.imgMission img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgMission {
        display: inline-block;
        width: 100%;
        margin: 30px auto;
        min-width:auto;
        max-width:100%;
        text-align: center;
    }

    .imgMission img{
        width: 100%;
    }
}

.textMission {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 100px;
}

.textMission h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textMission p {
    color: #797979;
    font-size: 18px;
    font-family:"NotoSerif";
}

@media only screen and (max-width: 600px) {
    .textMission {
        text-align: center;
        width: 100%;
        margin-top: 0px;
    }
    .textMission p{
        margin: 0px 30px 40px;
        margin-bottom: 100px;
    }
}



/*end of Mission*/ 



/*start of Values*/

.photoValues {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoValues h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoValues {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoValues h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "NotoSerifBold";
    }
}

.container-fluidValues {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}


.valueH1 {
    /* text-align: right !important; */
    color: #C09700;
    /* margin-bottom: 25px; */
    padding-top: 55px;
    font-family: '"NotoSerifBold"';
    margin-top: 0 !important;
    font-size: 42px !important;
    margin-bottom: 20px;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    .valueH1 {
        margin-left: 0px;
        text-align: center;
    }
}

.conRow {
    width: 69% !important;
    display: inline-block;
    vertical-align: top;
}

.conRow h1 {
    color: #c09700;
    font-family: "NotoSerif";
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

.row {
    direction: ltr;
    /* padding-right: 100px; */
}


.phottoo img {
    height: 75px;
} 

.Textt {
    text-align: left;
}

.Textt h4 {
    font-size: 20px;
    color: #943BBA;
    text-align: left;
}

.Textt p {
    color: #797979;
    font-size: 12px;
    font-family: "NotoSerif";
    text-align: left;
}

.phottoo {
    padding-right: 10px;
    display:inline-block;
    width:30%;
    vertical-align:top;
}

.Textt {
    display:inline-block;
    padding-left: 0px;
    font-size: 12px;
    width:60%;
}

@media only screen and (max-width: 600px) {
.Textt p {
        font-size: 16px;   
}
.Textt h4 {
    font-size: 35px;
}

.phottoo {
    margin: auto;
    padding-bottom: 10px;
}

.Textt {
    text-align: center;
}
.conRow {
    width: 100% !important;
    display: inline-block;
    vertical-align: top;
}

.conRow h1 {
    text-align: center;
}
}


/*end of values*/




/*start of Quality*/



.photoQuailty {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoQuailty h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoQuailty {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoQuailty h1 {
        text-align: center;
        padding-left: 0px;
    }
  }



.containerQuailty {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderQuailty {
    width: 170px;
    height: 1px;
    background: white;
}

/*right bar*/

.imgQuailty {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 148px;
    margin-right: 9px;
}

.imgQuailty img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgQuailty {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}


.textQuailty {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
}

.textQuailty h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textQuailty p {
    color: #797979;
    font-size: 14px;
    font-family:"NotoSerif";
}

@media only screen and (max-width: 600px) {
    .textQuailty {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/*end of Quality*/



/*start of Message*/



.photoMessage {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoMessage h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoMessage {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoMessage h1 {
        text-align: center;
        padding-left: 0px;
    }
  }



.containerMessage {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderMessage {
    width: 170px;
    height: 1px;
    background: white;
}


.imgMessage {
    display: inline-block;
    width: 14%;
    vertical-align: top;
    margin-top: 50px;
    margin-right: 30px;
    margin-left: 10px;
}

@media only screen and (max-width: 600px) {
    .imgMessage {
        display: inline-block;
        width: 93%;
        margin-right: 0px;
    }
}
.imgMessage img {
    width: 100%;
}

.imgMessage h3 {
    font-size: 27px;
    color: #943BBA; 
}

.imgMessage p {
    color: #797979;
}


.textMessage {
    vertical-align: top;
    display: inline-block;
    width: 44%;
    margin-top: 51px;
}

.textMessage h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textMessage p {
    color: #797979;
    font-size: 14.7px;
    font-family:"NotoSerif";
}


@media only screen and (max-width: 600px) {
    .textMessage {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/*end of Message*/



/*start of Reach*/




.photoReach {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoReach h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}


@media only screen and (max-width: 600px) {
    .photoReach {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoReach h1 {
        text-align: center;
        padding-left: 0px;
    }
  }


.containerReach {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderReach {
    width: 170px;
    height: 1px;
    background: white;
}

.imgReach {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 148px;
    margin-right: 9px;
}

@media only screen and (max-width: 600px) {
    .imgReach {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}


.imgReach img {
    width: 100%;
}


.textReach {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
}

.textReach h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textReach p {
    color: #797979;
    font-size: 18px;
    font-family:"NotoSerif";
}

@media only screen and (max-width: 600px) {
    .textReach {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}

/*end of Reach*/



/*start of Branch*/



.photoBranch {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoBranch h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoBranch {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoBranch h1 {
        text-align: center;
        padding-left: 0px;
        font-family: "NotoSerifBold";
    }
  }


.containerBranch {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderBranch {
    width: 170px;
    height: 1px;
    background: white;
}

.imgWarehouse , .imgBranch  {
    display: inline-block;
  /*  width: 30%;
    min-width:300px;*/
    vertical-align: top;
    margin-top: 47px;
    margin-right: 9px;
}

.textBranch{
    vertical-align: top;
    display: inline-block;
    width: 26%;
    margin-top: 110px;
    font-family: "GEBold";
    text-align: left;
}

.textBranch h1{
    color: #943BBA;
    padding-bottom: 13px;
    font-family: "GEBold";
    font-size: 18px;
}

.textBranch h2{
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
    font-size: 16px;
}

.textReach p {
    color: #797979;
    font-size: 13px;
    font-family: "GELight";
}
.imgWarehouse img {
    max-height: 370px;
}
@media only screen and (max-width: 701px) {
    .imgBranch{
        width: 100% !important;
  
    }
    .imgBranch div{
    padding-top: 0 !important;
    width: 100% !important;
    }
    .textBranch{
        width: 100%;
        padding: 30px;
        margin: auto !important;
    }
}
@media only screen and (max-width: 1039px) {
    .imgWarehouse , .imgBranch {
        display: inline-block;
    /*    width: 100%;*/
     
    }

    .textWarehouse{
        margin-top: 60px !important;
    }
    .imgWarehouse, .imgBranch{
        margin-top: 27px !important;  
    }
}

@media only screen and (max-width: 600px) {
    .imgWarehouse , .imgBranch {
        display: inline-block;
        width: 100%;
        margin:auto;
        text-align: center;
    }
    .imgWarehouse img{
        padding-bottom: 0 !important;
        max-height: 400px;
    }
    .textWarehouse{
        margin-top: 30px !important;
    }
    .textBranch{
        width: 100%;
        padding:30px;
        margin: auto !important;
    }
}

.imgBranch img {
  /*  width: 100%;*/
}

.textWarehouse {
    vertical-align: top;
    display: inline-block;
    width: 27%;
    margin-top: 85px;
}

.textWarehouse h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textWarehouse p {
    color: #797979;
    font-size: 18px;
    font-family:"NotoSerif";
    margin-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .textWarehouse {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
    }
}


/* end of Branch */



/* start of PartnerShip */


.photoPartnerShip {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoPartnerShip h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoPartnerShip {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoPartnerShip h1 {
        text-align: center;
        padding-left: 0px;
    }
  }


.containerPartnerShip {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}


.borderPartnerShip {
    width: 170px;
    height: 1px;
    background: white;
}

.imgPartnerShip {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 47px;
    margin-right: 9px;
}

@media only screen and (max-width: 600px) {
    .imgPartnerShip {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}

.imgPartnerShip img {
    width: 100%;
}


.textPartnerShip {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
}

.textPartnerShip h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textPartnerShip p {
    color: #797979;
    font-size: 18px;
    font-family:"NotoSerif";
}

@media only screen and (max-width: 600px) {
    .textPartnerShip {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/* end of PartnerShip */



/* start of Futcure */


.photoFutcure {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
}

.photoFutcure h1 {
    padding-top: 120px;
    padding-left: 77px;
    font-size: 26px;
    color: white;
}

@media only screen and (max-width: 600px) {
    .photoFutcure {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoFutcure h1 {
        text-align: center;
        padding-left: 0px;
    }
  }

.containerFutcure {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.borderFutcure {
    width: 170px;
    height: 1px;
    background: white;
}

.imgFutcure {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 50px;
    margin-right: 9px;
}

@media only screen and (max-width: 600px) {
    .imgFutcure {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}

.imgFutcure img {
    width: 100%;
}


.textFutcure {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 81px;
}

.textFutcure h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family:"NotoSerifBold";
}

.textFutcure p {
    color: #797979;
    font-size: 18px;
    font-family:"NotoSerif";
}

@media only screen and (max-width: 600px) {
    .textFutcure {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/* end of Future */




                                                /*  -------------------------- end about us page ------------------------------- */


















                                                /*  -------------------------- start media page ------------------------------- */

    
    .photoo {
    width: 100%;
    height: 658px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 100px;
    min-height:100%;
    background: linear-gradient(0deg, rgb(86 0 255 / 60%), rgb(228 0 255 / 42%)), url(../imgs/mediaHead.png);
    background-size:cover;
    font-family: "NotoSerifBold";
    }
    
    
    
    @media only screen and (max-width: 600px) {
    .photoo {
    background-size: cover;
    height: 722px;
    background-position: center;
    text-align: center;
    padding-top: 170px;
    background: linear-gradient(0deg, rgb(86 0 255 / 60%), rgb(228 0 255 / 42%)), url(../imgs/3.png);
    background-repeat: no-repeat;
    font-family: "NotoSerifBold";
    }
    
    }
    
    .headerText {
    text-align: center;
    display: inline-block;
    padding-top: 38px;
    font-family: "NotoSerifBold";
    
    }
    
    .headerText h1 {
    color: white;
    font-size: 60px;
    font-family: "NotoSerifBold";
    
    }
    
    @media only screen and (max-width: 600px) {
    .headerText h1 {
    font-size: 26px;
    font-family: "NotoSerifBold";
    }
    }
    
    
    
    .headerText p {
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: "NotoSerifBold";
    }
    
    @media only screen and (max-width: 600px) {
    .headerText p {
    font-size: 12px;
    font-family: "NotoSerifBold";
    }
    }
    
    .headerText h6 {
    color: white;
    padding-top: 20px;
    padding-bottom: 60px;
    font-family: "NotoSerifBold";
    }
    
    .headerText button {
    background-color: #66339900;
    border: 2px white solid;
    padding: 15px 32px;
    font-weight: bold;
    font-size: 20px; 
    font-family: "NotoSerifBold";
    }
    
    
    @media only screen and (max-width: 600px) {
    .headerText button {
    font-size: 18px;
    padding: 14px 14px;
    font-family: "NotoSerifBold";
    }
    }
    
    .headerText a {
    color: white !important;
    font-family: "NotoSerifBold";
    text-decoration: none;
    }

    .headerText a:hover {
        color: #ffcc0e  !important;
    }
    
    .leftImg {
    display: inline-block;
    vertical-align: top
    }
    
    @media only screen and (max-width: 600px) {
    .leftImg {
    width: 17%;
    }
    
    .leftImg img {
    width: 100%;
    }
    }
    
    .leftImg img {
    width: 67%;
    margin-top: 53px;
    }
    
    @media only screen and (max-width: 600px) {
    .leftImg img {
    width: 100%;
    }
    }
    
    .rightImg {
    display: inline-block;
    vertical-align: top
    }
    
    @media only screen and (max-width: 600px) {
    .rightImg {
    width: 17%;
    }
    }
    
    .rightImg img {
    width: 67%;
    margin-top: 53px;
    }
    
    @media only screen and (max-width: 600px) {
    .rightImg img {
    width: 100%;
    }
    }
    
    .Blogs {
    margin-bottom: 20px;
    }
    
    .Blogs h1 {
    color: #C09700;
    font-family: "NotoSerifBold";
    text-align: left;
    padding-top: 30px;
    }
    
    .H1border{
    width: 100%;
    height: 1px;
    background-color: #c5c2c2;
    margin-bottom: 45px;
    margin-top: 30px;
    }
    
    .blog {
    width: 100%;
    background-color: white;
    display: inline-block;
    margin: 7px;
    box-shadow: 4px 3px #8888880d;
    padding-bottom: 15px;
    }
    
    .blog h4 {
    color: #C09700;
    padding-left: 16px;
    padding-top: 20px;
    font-family: "NotoSerifBold";
    }
    
    .blog img {
    width: 100%;
    }
    
    .blog p {
    width: 79%;
    color: #797979;
    padding-left: 19px;
    font-family: "NotoSerifBold";
    }
    
    .blog a {
    display: inline;
    color: #943BBA;
    padding-right: 80px;
    font-weight: bold;
    padding-left: 19px;
    font-family: "NotoSerifBold";
    text-decoration: none;
    }
    
    .border {
    width: 89%;
    height: 10px;
    background-color: #dcdcdc45;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 17px;
    }
    
    .blogPhoto {
    height: 260px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
    }
    
    .tab {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    
    .historyTabsLinkks {
        list-style: none;
        padding-bottom: 10px;
    }
    
    .historyTabsLinkks li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        cursor: pointer;
    }
    
    @media only screen and (max-width: 600px) {
    
        .historyTabsLinkks {
            width: 100%;
        }
        }
    
    .historyTabsLinkks li h6 {
        color: #A7A7A7;
        font-weight: bold;
        color: #943BBA;
    }
    
    @media only screen and (max-width: 600px) {
    
        .historyTabsLinkks li h6 {
        font-size: 15px;
        } 
    
    .historyTabContent{
        display : none
    }
    }
                                                    
                                                    
                                                    
                                                                /*  -------------------------- end media page ------------------------------- */











                                                                /*  -------------------------- start brands page ------------------------------- */


/* start opening */
.opening {
    width: 100%;
    background:linear-gradient(50deg, rgba(1, 34, 84, 0.90), rgba(255, 255, 255, 0)), url("../imgs/brnd1.png");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    padding-top: 70px;
}

.opening .logoo {
    background: rgba(254,254,254,.7);
    box-shadow: 0px 9px 11px rgb(0 0 0 / 27%);
    margin-left: 70px;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 28px;
    width: 200px;
    height: 200px;
    text-align: center;
    margin-top: 70px;
}

.opening .logoo img {
    height: 100%;
    width: 100%;
}

.opening .brndtxt {
    text-align: left;
    display: inline-block;
    width: 35%;
    margin: 70px auto;
    vertical-align: top;
    min-width: 456px;
}

.opening .brndtxt h3 {
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 3vw;
    color: #fff;
    margin-top: 0;
    background-color: rgba(255, 255, 255, 0.32);
    padding: 10px;
    display: inline-block;
}

.opening .brndtxt p {
    font-family: "OpenSans";
    font-size: 15px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.32);
    padding: 10px;
   
}

.opening .brndimg {
    display: inline-block;
    width: 40%;
    margin-left: 20px;
    text-align:center;
    position: relative;
}

.opening .brndimg img {
    width: 350px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 200px;
    right: 0;
    margin-top: 40px;
}


@media screen and (max-width: 1550px) {
    .opening .brndimg {
      
        width: 24%;
   
      
    }
    .opening .brndimg img{
        width: 300px;
    }

}

@media screen and (max-width: 1400px) {
   
    .opening .brndimg img{
        width: 300px;
        left: 11vw;
       
    }

}
@media screen and (max-width: 1250px) {
   
    .opening .brndimg img{
        width: 300px;
        left: -2vw;
       top: -3vw;
    }

}
@media screen and (max-width: 1039px) {
    .opening .brndtxt{
        width: 62%;
        max-width: unset;
        min-width: unset;
    }
    
    .opening .brndimg img{
        display: none;
    }
}
@media screen and (max-width: 795px) {
    .socialIcons{
        display: block;
        margin:0.5em 0;
        margin-bottom: 0.7em;
    }
    .opening .logoo{ display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .opening .brndtxt h3{
      padding: 0.2em 0.5em;
  }
  .brandTop{
      margin: auto;
      margin-bottom: 1em;
      display: inline;
  }
  .opening .brndtxt {
    text-align: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
    max-width: unset;
}
}
@media screen and (max-width: 600px) {
    .opening {
        background: linear-gradient(170deg, rgba(1, 34, 84, 0.90), rgba(255, 255, 255, 0)), url(../imgs/brnd1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
    }
 
    .opening .logoo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 150px;
        height: 150px;
    }

    .opening .brndimg img{
        margin: auto;
        margin-bottom: 0px;
        width: 150px;
    }

    .opening .brndtxt {
        text-align: center;
        width: 100%;
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .opening .brndtxt h3 { font-size: 25px; }
    .opening .brndtxt p {
        font-size: 15px;
        padding: 0px 35px;
        margin-top: 20px;
    }
    .opening .brndimg {
        text-align: center;
        width: 100%;
        margin-left: 0px;
        display:none;
    }
}

/* end opening */


/* start details */

/* start scroll box */

.dropbtn {
    background-color: #943BBA;
    color: white;
    padding: 16px;
    font-size: 16px;
    /* border: none; */
    cursor: pointer;
    border:0px;
    outline:0px;
}

/* .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
} */

.dropdown {
    position: relative;
    display: none;
}

@media only screen and (max-width: 1039px) {
    .dropdown {
        display: inline-block; 
        width: 100%;
    }
    .dropbtn {
        width: 100%;
        background-color: #651c84;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        text-align: start;
        border: 0px !important;
        outline: 0px !important;
    }

    .arrow {
        border: solid white;
        border-width: 0 3px 3px 0;
        padding: 3px;
        float : right
        }

    .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
        
    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

}


@media only screen and (max-width: 1039px) {
    .brnddetail{
        height: auto !important;
        margin-bottom: 80px;
    }
    .dropdown {
        display: inline-block; 
        width: 100%;
    }
    .dropbtn {
        width: 100%;
        background-color: #651c84;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        text-align: start;
        border: 0px !important;
        outline: 0px !important;
    }

    .arrow {
        border: solid white;
        border-width: 0 3px 3px 0;
        padding: 3px;
        float : right
        }

    .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
        
    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #943BBA;
    width: 100%;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    font-family: "NotoSerif";
    display: block;
}

@media only screen and (max-width: 600px) {
    .dropdown-content {
        position: absolute;
        background-color: #66148ac9;
        width: 83%;
        margin: auto;
        right: 0;
        left: 0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .dropdown-content a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        font-weight: bold;
    }

    .dropdown-content a:hover {
        color: #f5c827;
    }
}

/* .dropdown a:hover {background-color: #ddd;} */

.show {
    display: block;
    z-index: 10000;
}

.modal-backdrop{
    width: 0px;
}

.modal-title{
    font-family: "OpenSansBold";
}

.modal-dialog{
    margin-top: 100px;
}

/* end scroll box */

.brnddetail {
    /* margin-top: -110px; */
    /* margin-top: -136px; */
    width: 100%;
    /* height: 660px; */
    display: inline-block;
    /* border: 3px solid red; */
    vertical-align: top;

   /* margin-bottom: 80px;*/
display: table-row;
}

.brnddetail .leftBar {
    display: table-cell;
    /* width: 30%; */
    /* height: 400px; */
 
    /* border: 2px solid blue; */
    vertical-align: top;
    /* box-shadow: 8px 14px 15px 8px #e2e2e2ba; */
     /* box-shadow: -11px 18px 10px #eaeaea;*/
     background-image: linear-gradient(#8f2ab9, #541d6d);

     height:100%;
}

.leftBar {
    display: inline-block;
    width: 22.68%;
    /* margin-right: 80px; */
    background-image: linear-gradient(#8f2ab9, #541d6d);
    height: 64vw;
    max-height: 800px;

}
@media only screen and (max-width: 1181px) {
   
    .leftBar{
        height: 68vw;
    }
}
@media only screen and (max-width: 1122px) {
   
    .leftBar{
        height: 72vw;
    }
}
@media only screen and (max-width: 1093px) {
   
    .leftBar{
        height: 88vw;
        max-height: unset;
    }
}
@media only screen and (max-width: 600px) {
    .brnddetail .leftBar{
        display: none; 
    }
    .leftBar{
        display: none; 
    }
}

@media only screen and (max-width: 1039px) {
    .brnddetail .leftBar{
        display: none; 
    }
    .leftBar{
        display: none; 
    }
}

.leftBar ul {
    list-style: none;
    /* background-color: #943BBA; */
    /*background-image: linear-gradient(#8f2ab9, #541d6d);*/
    width: 100%;
    height:100%;
    padding-left: 80px;
    padding-top: 31px;
    padding-bottom: 147px;
    display: inline-block;
    margin-bottom: 0;
}

.leftBar li {
    padding-top: 12px;
    padding-bottom: 12px;
}

.leftBar ul li a {
    color: #f7f4f4;
    text-decoration: none;
    padding-top: 10px ;
    padding-bottom: 10px;
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 16px;
}

.leftBar ul li a:hover { color: #e8c02a;}

.borderHistory {
    width: 170px;
    height: 1px;
    background: white;
}

.brnddetail .div2 {
    width: 60%;
    height: 550px;
    display: inline-block;
    /* border: 2px solid yellow; */
    /* margin-left: 110px; */
    margin-left: 50px;
    margin-top: 40px;
}

.div2 .links {
    width: 45%;
    margin-top: 30px;
    /* margin-left: 115px; */
}

.div2 .links img {
    width: 40px;
    margin-right: 15px;
}

.div2 .Wsizes h4 {
    font-family: "OpenSansBold";
    color:red;
    margin-top: 35px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    margin-bottom:20px;
}

.div2 .Wsizes .imgone { 
    display: inline-block;
    text-align: center;
    min-width: 150px;
    max-width: 200px;
}
.div2 .Wsizes .imgone p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-top: 5px;
}

.div2 .Wsizes .imgtwo { display: inline-block; }
.div2 .Wsizes .imgtwo p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-left: 40px;
    margin-top: 0;
}

.div2 .Wsizes .imgthree { display: inline-block; }
.div2 .Wsizes .imgthree p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-left: 50px;
    margin-top: 0;
}

.div2 .Wsizes .imgfour { display: inline-block; }
.div2 .Wsizes .imgfour p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-left: 60px;
    margin-top: 0;
}

.div2 .Wsizes .imgfive { display: inline-block; }
.div2 .Wsizes .imgfive p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-left: 75px;
    margin-top: 0;
}

/* .div2 .Bsizes {
    display: inline-block;
} */

.div2 .Bsizes h4 {
    font-family: "NotoSerif";
    color:red;
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
}

.div2 .Bsizes .imgonee { display: inline-block; }
.div2 .Bsizes .imgonee p {
    font-family: "NotoSerif";
    font-size: 13px;
    color: #5a5a5a; 
    margin-top: 8px;
    margin-left: 10px;
}

@media screen and (max-width: 600px) {
    .brnddetail {
        height: auto;
        margin-top: 0;
    }
    /* .leftBar ul {
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .borderHistory { margin: auto; }
    .leftBar ul li a {font-size: large;} */
    .brnddetail .div2 {
        text-align: center;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .div2 .links { width: 100%; }
    .div2 .links img {
        width: 65px;
        margin-right: 10px;
    }
    .div2 .Wsizes h4 {
        margin-top: 45px;
        margin-bottom: 30px;
    }
    .div2 .Wsizes .imgone, .div2 .Wsizes .imgtwo, .div2 .Wsizes .imgthree, .div2 .Wsizes .imgfour, .div2 .Wsizes .imgfive {
        width: 100%;
        max-width: 100%;
    }
    .div2 .Wsizes .imgone img { width: 110px; }
    .div2 .Wsizes .imgone p {
        font-size: 15px;
        /* margin-left: 5px; */
    }
    .div2 .Wsizes .imgtwo img { width: 150px; }
    .div2 .Wsizes .imgtwo p {
        font-size: 15px;
        margin-left: 10px;
    }
    .div2 .Wsizes .imgthree img { width: 170px; }
    .div2 .Wsizes .imgthree p {
        font-size: 15px;
        margin-left: 10px;
    }
    .div2 .Wsizes .imgfour img { width: 200px; }
    .div2 .Wsizes .imgfour p {
        font-size: 15px;
        margin-left: 15px;
    }
    .div2 .Wsizes .imgfive img { width: 230px; }
    .div2 .Wsizes .imgfive p {
        font-size: 15px;
        margin-left: 15px;
    }
    .div2 .Bsizes .imgonee { width: 100%; }
    .div2 .Bsizes .imgonee img { width: 110px; }
    .div2 .Bsizes .imgonee p {
        font-size: 15px;
        margin-left: 5px;
        margin-top: 18px;
    }
}

/* end details */


                                                /* ---------------------------- end brands page -------------------------------------- */




















                                                /*  -------------------------- start single media page ------------------------------- */



/* start intro */
.opener {
    width: 100%;
    background-image: url("../imgs/media.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

/* start details */

/* start row 1 */

.singleMedia {
    /* border: 3px solid red; */
    width: 85% !important;
    /* display: inline-block; */
    /* height: 600px; */
    /* vertical-align: top; */
    /* margin-left: 100px; */
    margin: 35px auto;
}

.title, .date { width: 100%; }

.title h1 {
    /* display: inline-block; */
    color: #daae0b;
    text-align: left;
    /* margin-right: 668px; */
    font-family: "NotoSerif";
    font-weight: bolder;
    font-size: 35px;
    /* padding-bottom: 15px; */
}

.date h5 {
    /* display: inline-block; */
    text-align: right;
    font-family: "NotoSerif";
    color: #943BBA;
    font-weight: bold;
    margin-top: 55px;
    /* margin-left: 68px; */
    font-size: 13px;
    /* float: right; */
}

.line {
    width: 100%;
    border: 1px solid #b7b7b7;
    height: 1px;
}

/* start row 2 */

.mediaDetail {
    /* border: 2px solid blue; */
    width: 100%;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* height: 400px; */
    /* margin-right: 20px; */
    margin-top: 70px;
}

.mediaDetail p {
    font-family: "NotoSerif";
    padding-right: 145px;
    font-size: 14px;
    color: #8a8a8a;
}

.mediaView {
    padding-left: 0 !important;
}

.photos1, .photos2 { width: 100%; }

.photo1 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media1.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover; */
    height: 230px;
    margin: 5px 0px;
}
.photo2 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media5.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover; */
    height: 230px;
    margin: 10px 0px;
}

.photo3 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    height: 230px;
    margin: 5px 0px;
}

.photo4 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    height: 230px;
    margin: 10px 0px;
}

.mediaList {
    /* border: 2px solid yellow; */
    width: 90%;
    margin-top: 70px;
    /* height: 400px; */
    box-shadow: 4px 6px 15px 15px #f1f1f19e; 
}

.mediaList ul {
    list-style: none;
    background-color: #ffffff;
    width: 100%;
    padding-top: 10px;
    padding-left: 25px;
    /* padding-right: 20px; */
    padding-bottom: 15px;
    /* display: inline-block; */
}

.mediaList li {
    padding-top: 12px;
    padding-bottom: 12px;
}

.mediaList ul li a {
    color: #daac01;
    text-decoration: none;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-family: "NotoSerif";
    font-weight: bolder;
    font-size: 20px;
}

.mediaList ul li h5 {
    margin-bottom: 0;
    margin-top: 5px;
    color: #ababab;
    font-family: "NotoSerif";
    font-weight: bold;
    font-size: 11px;
}

.mediaList ul li a:hover { color: #943BBA;}

.line2 {
    width: 90%;
    /* width: 170px; */
    height: 7px;
    background: #e2e2e2;
}


@media screen and (max-width: 600px) {
    /* .mediaView { width: 100%; margin-left: 0;} */
    .title, .date { text-align: center; }
    .title h1 { 
        margin-bottom: 0;
        font-size: 40px;
        text-align: center;
    }
    .date h5 { 
        float: none;
        font-size: 18px;
        text-align: center;
    }
    .line { width: 100%; margin-top: 30px; }
    .singleMedia {
        width: 100% !important;
        /* margin-left: 0px; */
    }
    .mediaDetail { width: 100%; }
    .mediaDetail p {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 23px;
    }
    .photo1, .photo2, .photo3, .photo4 { width: 100%; }
    .mediaList { width: 100%; }    
    .mediaList ul li a { font-size: 25px; }
    .mediaList ul li h5 { font-size: 15px; }

}


                                                /*  -------------------------- end single media page ------------------------------- */










                                                /* ------------------------- start customer-care page ------------------------------- */




.header-container-img{
background-image: url(../imgs/customer-care-header.svg); 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color:white;
}
.header-text-holder{
padding: 74px;
margin-top: 100px;
}
/* .card-body{
background-image: url(../imgs/customer-care-header.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
align-items:center;
} */

#customer-form {
    width: 70%;
    margin: 0 auto;
    padding: 30px;
}

@media screen and (max-width: 600px) {
    #customer-form {
        width: 100% !important;
    }
    .form-control {
        width: 100% !important;
    }
    .header-text-holder{
        margin: 50px auto 0px;
        padding: 65px 20px 40px;
    }
}

.form-group {
    margin-bottom: 1rem !important;
}


.hidden{
    display: none;
}
.col-form-label{
color: #797979;
}
.button-contanier{
text-align-last: center;
padding: 40px;

text-align: center;
}
.btn-group{
border: #c19804 2px solid;
border-radius: unset;

}
.btn-primary{
background-color: #c09700 !important;
border-color: #c19804 !important;
color: #ffffff !important;
}


.btn-primary:hover{
background-color: #8f8975;

}

.btn-primary:focus {
color: #fff; 
background-color: unset;
border-color: unset;
box-shadow:unset;
}

.btn:focus{
box-shadow: unset;
}

.form-select{
color: #797979;

}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
border-radius: unset;
width: 150px;
color: #c09700;
}

.btn-group>.btn:not(:first-child){
border-radius: unset;
width: 150px;
color: #c09700;
}

@media screen and (min-width: 599px) {
    #productsMobile{
        display: none;
    }
    }
    @media screen and (max-width: 600px) {
        .product h1{
            margin-bottom: 16px !important;
        }
        #productsWeb{
           /* display: none;*/
        }}
.form-select option{
color: #797979;

}

.customer-form-submit{
background-color:#9548ba;
border-radius: unset;
}

.customer-form-submit:hover{
background-color: #381748;
}

.customer-form-submit{
position: relative;
left: 35%;
width: 116px;
height: 40px;
padding-top: 4px;
}
.customer-form-style{
margin-left: 0px;
}

.notice-p{
color: #797979;
text-align: left;
margin: 38px;

}

.form-control{
height: 50px;
color: #797979;

}

.verification-code{
background-color: #ebebeb;
color: #943bba;
border: 1px solid #ced4da;
border-radius: .25rem;
align-items: center;

}

@media screen and (max-width: 600px) {
    .verification-code {
        margin-left: 15px;
    }
    .verification-code >h5 {
        font-size: 15px !important;
    }
}


.verification-code >h5{
margin: 0px auto;
padding: 12px;
font-weight: bold;
}
#custom-button {
padding: 10px;
color: white;
background-color: #a7a7a7;
cursor: pointer;
}



#custom-text {
margin-left: 10px;
font-family: sans-serif;
color: #aaa;
}



                                                /* ------------------------- end customer-care page ------------------------------- */














                                                /* ------------------------- start contact-us page ------------------------------- */



.header-img{
background-image: url(../imgs/contact-us-header.png);
background-position:center;
background-repeat: no-repeat;
background-size: cover;
height: 400px;
}
.contact-row-header{
color: #c19907;
padding-top: 40px;
font-family: 'NotoSerifBold';
}

.padding-style{
color: #797979;
overflow: hidden;
padding: 15px;
font-family: 'NotoSerif';
}
.contact-container-style{
color: #797979;
overflow: hidden;
padding: 15px;
margin-bottom: 90px;
}

.contactLoc {
    padding-left: 8px;
}

.contact-submit-general{
float: right;
background-color:#9548ba;
border-radius: unset;
width: 116px;
height: 40px;
padding-top: 4px;
font-family: "NotoSerifBold"
}
.form-submit-btn-contact{
position: relative;

}

.contact-form-submit:hover{
background-color: #381748;
}
.font-color{
    color: #9548ba ;
    padding: 9px 0px 9px 0px;
    font-family:"NotoSerifBold";
}
span{
font-weight: bold;
}

.qr-img{
width: 100%;
height: 100%;
}




                                                /* ------------------------- start contact-us page ------------------------------- */








                                                /*-------------------------- Start Of Global Footer Style --------------------------*/


.col-contact-holder{
    padding-left: 5%;
}

.footer-background{
    padding-top: 30px;
}

.col-logo-holder{
    padding-left:40px;
    align-self: center;
    text-align: center;
}

.col-logo-holder img{
    width: 40%;
    max-width:200px;
}

.col-list-holder{
width: 50%;
padding-right: 0px;
}




.footer-numb{
margin: 5px 0px 0px 5px;
}
.footer-icon{
margin-left: 15px;
}
.footer{
background-color: #381748;
padding: 0px;
margin: 0px;
color: white;
}

.top-butn{
background-image: url(../imgs/arrow-up-footer.svg);
background-position: center;
background-size: contain;
border: none;
display: block;
position: relative;
width: 30px;
height: 25px;
left: 89%;
bottom: 11px;
outline: none !important;
}




.hov-icon-holder{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.homeLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }





.aboutLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }

.mediaLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }
.brandsLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }
.branchesLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }

.contactLink:hover .hov-icon-holder {
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }


.col-list-holder ul li{
list-style: none;
padding: 8px;

}
.col-list-holder ul li a{
    text-decoration: none;
    color: white;
}



.locationHolder{
    width: fit-content; 
    display: flex; 
    height: fit-content; 
    text-align: left;

}

.footerTwitter .footerLinkdin{
display: block;
}

.footerTwitter{
    background-image: url(../imgs/twitter.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 46px;
    height: 34px;
    padding-left: 6px;
}
.footerLinkdin{
    background-image: url(../imgs/linkednIcon-footer-nav.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 46px;
    height: 34px;
    padding-left: 6px;
}

.footerList{
    padding-left:10px !important;
    font-size: 18px;
    font-weight: bold;
    font-family:"NotoSerif";
}

.lang-row-footer a{
    text-decoration: none !important;
    color: white !important;
    padding: 5px;
    margin-right:15px ;
    place-content: center;
}
.copyright{
background-color: #e5e5e5;
text-align: center;
padding: 10px;
margin-top: 35px;
}
.copyright-p{
    margin: auto;
    font-weight: bold;
    color: #381748;
}

.copyright-holder {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}


@media screen and (max-width: 600px) {
    .footerList {
        padding-left: 0px !important;
    }
    .footer-row{
        min-width: 100px;
    }
}


                                            /*-------------------------- end Of Global Footer Style --------------------------*/