@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&display=swap');
body, html, p, ul, ol, li {
    margin: 0;
    padding: 0;
    font-synthesis: none;
    font-kerning: none;
    font-variant-ligatures: none;
    font-feature-settings: "kern" 0, "calt" 0, "liga" 0, "clig" 0, "dlig" 0, "hlig" 0;
    font-family:Montserrat;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-rendering: geometricprecision; */
    white-space: normal;
}

a {
    text-decoration: none;
    cursor: pointer;
}

html {
    zoom: var(--rzf, 1); font-size: max(calc(min(var(--1vw, 1vw), 13.66px) * var(--rfso, 1)), var(--minfs, 0px));
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    overflow: auto;
}
.font-bigger{font-size:30px;}
.font-bold{font-weight: 600;}
.flex-column{flex-direction: column; }
.padding-further{padding-bottom: 3rem;}
.image{text-align: center;}
.image img{width: 100%;height: auto;}
#page-1,#root{position: relative;}
.wid-100{width: 100%;}
.error{color: #eebdbd !important;font-size: 14px !important;}
.g-recaptcha { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.menu-fixed{width: 100%; position: fixed; z-index: 200; background-color: #313131; height: 55px;display: flex; justify-content: space-between; align-items: center; padding: 4px;}
.hamburger,.hamburger-close{color: #fff;padding-right: 20px;display: none;}
.lang-switch{position: relative; }
.lang-switch img{width: 40px;height: 25px;}
.tooltip{ position: absolute; width: 110px; left: -40px; padding: 3px; text-align: center; top: 40px; background: black; border-radius: 5px; color: #fff; font-size: 11px;display: none;text-transform: capitalize;}
.tooltip::before { content: ""; position: absolute; top: -9px; left: 50%; margin-left: 0px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; rotate: 180deg; }
.lang-switch:hover .tooltip{display: block;}


.carousel-image img{width: 100%;height: auto;position: relative;}
.carousel-container .owl-dots{position: absolute;right: 2.2%; top: 15%; transform: rotate(90deg);}
.carousel-container .owl-dots button span{width: 20px !important;height: 20px !important;}
.carousel-container .owl-dots span{background-color: #FFFFFF !important;}
.carousel-container .owl-dots .active span{background-color: #aaa9a9 !important;}
.carousel-txt-container{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 50px;text-align: center;color: #fff;width: 50%;}
.content1{width: 80%;}
.content2{width: 100%;font-weight: 600;}
.carousel-txt-container3{position: absolute; bottom: 12%;left: 4%; color: #fff; width: 80%;}
.bosenet-lab-head{    color: #01B4E7; font-weight: 700; text-transform: uppercase; font-size: 65px;    letter-spacing: 4px;}
.blur-image img{ filter: blur(3px);}
.carousel-txt-ethnic{position: absolute; bottom: 25%;left: 4%; color: #fff; width: 80%;}

/*About us section*/
.about-img{z-index:2; width: 555px;/* height:500px;*/}
.about-image{display:block;object-fit:fill;width:500.1px;transform-origin:250.05px 375.075px;opacity:1.0;height:600.15px;-webkit-clip-path:path('M0.0,42.70000076293945 L0.0,188.39999771118164 C0.0,211.89999389648438 19.100000381469727,231.0 42.70000076293945,231.0 L90.4000015258789,231.0 C114.00000190734863,231.0 133.10000228881836,250.10000038146973 133.10000228881836,273.70000076293945 L133.10000228881836,409.39999771118164 C133.10000228881836,432.99999809265137 152.2000026702881,452.0999984741211 175.8000030517578,452.0999984741211 L283.4000015258789,452.0999984741211 C294.10000133514404,452.0999984741211 304.50000190734863,447.9999985694885 312.4000015258789,440.79999828338623 L486.4000015258789,279.79999828338623 C495.10000133514404,271.6999979019165 500.10000133514404,260.39999866485596 500.10000133514404,248.49999904632568 L500.10000133514404,42.70000076293945 C500.0,19.100000381469727 480.8999938964844,0.0 457.29998779296875,0.0 L42.70000076293945,0.0 C19.100000381469727,0.0 0.0,19.100000381469727 0.0,42.70000076293945');}
.services-container{width: 33.33%;padding: 0 20px;position: relative;}

.services-head{color: #01b4e7; font-weight: 700; text-transform: uppercase; font-size: 23px;letter-spacing: 2px; line-height: 1.3em;height: 100px;}
.services-content{font-size: 18px; color: #ffffff;line-height: 1.3em;}
.sec-1-image-container { /* grid-area: 1 / 1 / span 2 / span 4; */ height: 770px; background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/sec-1.jpg); background-repeat: no-repeat; background-attachment: inherit; background-position: bottom; background-size: cover; }
#page-3,#page-3-1{position: relative;}
.bg-grey{    position: absolute; background: #383e48; height: 460px; display: block; bottom: -30px; width: 100%; z-index: -1;}
.grey-service{display:none;background: #383e48; height: 385px; position: absolute; top: 70%; width: 100%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.sec-1-text-container { font-size: 52px; color: #fff; line-height: 2em; text-align: center; position: relative; top: 30%; margin: auto; width: 50%; }
.menu-container {/* position: absolute; top: 20px; right: 80px; z-index: 100; */font-size: 30px; font-weight: 700; text-transform: uppercase; }
/* .menu-sub-container {
    display: flex;
    justify-content: flex-end;
} */
.menu-sub-container div{float: left;}
.menu-container a { color: #fff; padding-right: 35px; font-size: 25px; }
.sec-2-container { max-width: 1366px; margin: auto; margin-top: 60px;overflow: hidden; }
.sec-2-header { display: flex; justify-content: flex-end; margin-right: 80px; }
.sec-2-content { display: flex;margin-top: 40px;justify-content: center; }
.sec-2-text { position: relative; top: 40px; right: 95px; font-size: 21px; color: #0B0B0B; width: 50%; height: fit-content; line-height:1.4em; }
.sec-2-numbers { position: relative; left: 180px;/* display: flex; margin-top: 80px;*/top: 10rem; }
.sec-2-numbers .header { text-transform: uppercase; font-size: 15px; color:#0b0b0b;font-weight:700; }
.sec-2-numbers .number { font-size: 60px; color:#00b4e7; font-weight:700; }
.sec-2-numbers .item { color:#0b0b0b; font-size: 10px; text-transform: uppercase; }
.sec-3-container { max-width: 1366px; margin: auto;  margin-top: 60px;  }
.sec-3-1-container { max-width: 1366px; margin: auto; margin-top: 90px; }
.sec-3-header { display: flex; justify-content: flex-start; margin-left: 80px; margin-bottom: 80px; }

.sec-3-container .first-container { /* background-color: #000; */ width: 455px; height: 470px; position: relative; top: -240px; z-index: 2; }
.sec-3-container .second-container { /* background-color: #393838; */ width: 455px; height: 470px; position: relative; top: -240px; z-index: 2; }
.sec-3-container .third-container { /* background-color: #383e48; */ width: 455px; height: 470px; position: relative; top: -240px; z-index: 2; }
.sec-3-image { width: 370px; height: 370px; z-index: 3; position: relative; margin: auto; }
.sec-3-box-header { color:#01b4e7;font-weight:700; text-transform: uppercase; font-size: 23px; position: relative; top: 225px; left: 55px; letter-spacing: 2px; line-height: 1.3em;; }
.sec-3-box-text { font-size: 18px; color:#ffffff; position: relative; top: 230px; left: 55px; line-height: 1.3em;; }
.sec-3-dark-background { width: 100%; height: 470px; background-color: #383e48; position: relative; top: -710px; z-index: 1; display: flex; }
/* 
#page-4 {
    /* margin-top: -240px; 
    margin-top: -710px;
} */

.sec-4-container {
    max-width: 1366px; margin: auto;
    margin-top: 85px;
}

.sec-4-header {
    display: flex;
    justify-content: flex-end;
    margin-right: 80px;
    margin-bottom: 30px;
}

.sec-4-text {
    color: #0b0b0b;
    font-style: italic;
    line-height: 1.1em;
    font-size: 42px;
    margin-left: 200px;
    margin-top: 165px;
}
.testimonial-container{margin: 100px 0 40px;}
.testimonial-container .owl-dots{margin-top: 80px !important;}
.testimonial-container .owl-dots button span{width: 18px !important;height: 18px !important;}
.testimonial-contents{ text-align: center; font-size: 30px; width: 50%; margin: 0 auto; }
.testimonial-partners{display: flex;justify-content: space-between;align-items: center;}
.lsb-img{width: 75px; height: 100px;}
.itz-img{width: 135px;}
.sva-img{ width: 115px; height: 110px;}
.oracle-img{width: 130px;}
.bamf-img{width: 135px;}
.atos-img{width: 120px;}
.tsystem-img{width: 140px;}

.bamf-div { margin-left: 25px; margin-right: 10px; }
.atos-div { margin-left: 10px; margin-right: 10px; margin-top: 45px; }
.oracle-div { margin-left: 56px; margin-right: 10px; }
.t-div { margin-left: 10px; margin-top: -10px; }
.sva-div { margin-top: -10px; }
.sec-5-container {
    max-width: 1366px; margin: auto;
    margin-top: -25px;
}

.sec-5-header {
    display: flex;
    justify-content: flex-start;
    margin-left: 80px;
    margin-top: 120px;
}

.sec-5-text {
    /* font-size: 21px; 
    line-height:1.8em;*/
    color: #000;
    margin-left: 130px;
    margin-top: 20px;
    width: 40%;
}
.sec-5-text p{font-size: 18px;margin-bottom: 20px;}
.sec-5-text em{    font-size: 18px; margin-top: 39px; display: block;text-rendering: inherit;}
.sec-5-image {
    width: 100%;
    position: relative;
    /* left: 82px; */
    top: -240px;
    z-index: 3;
    margin:0 auto;
}
.sec-5-image-de {
    width: 780px;
    position: relative;
    /* left: 82px; */
    top: 35px;
    z-index: 3;
}
.job-bg{background-color: #383e48;    height: 430px;}
.sec-5-bg-color{/*position: relative; top: 80px;*/display: flex;align-items: center;max-width: 1366px;margin:60px auto 0;}
.sec-5-bg-color-de{background-color: #383e48;position: relative; top: -80px;}    
.sec-5-bg-color-div{width: 50%;}
/* .sec-5-dark-background {
    width: 100%;
    height: 390px;
    max-width: 1366px;
    margin: auto;
    display: flex;
    align-items: center;
} */
/* .sec-5-dark-background div{width: 50%;} */
.sec-5-blue-button {text-align: center;}
/* .sec-5-blue-button {
    background-color: #00b4e7;
    height: 65px;
    border-radius: 65px;
    /* position: relative;
    left: 30%;
    top: 130px; 
    max-width: 450px;
    width: 450px;
    text-align: center;
    padding-top: 10px;
    margin-top: 120px;
    margin-right: 150px;
    /* margin-left: 720px; 
    margin-left: 12%;
} */

.sec-5-a {
  background-color: #00b4e7;
  text-decoration: none;
  color:#ffffff;
  font-weight:700;
  font-style:normal;
  pointer-events:all;
    border-radius: 50px;
    font-size: 22px;
    padding: 10px 20px;
    width: 70%;
    margin: 0 auto;
    display: block;
}

.sec-5-text2 {
    color: #ffffff;
    font-style: italic;
    font-size: 20px;
    line-height:1.4em;
     position: relative;
    top: -210px;
    /*left: 38%; */
    /* margin-top: 90px; */
}
.sec-5-text2 span{display: block;margin-top: 20px;}
.sec-6-container {
    max-width: 1366px; margin: auto;
    margin-top: 120px;
}
.sec-6-container-de{
    max-width: 1366px; margin: auto;
    margin-top: 40px;
}
.sec-6-header {
    display: flex;
    justify-content: flex-end;
    margin-right: 80px;
    margin-bottom: 30px;
    margin-top: -60px;
}

.sec-6-text {
    color: #0b0b0b;
    letter-spacing: 0.041em;
    line-height: 1.37530219em;
    direction: ltr;
    text-align: justify;
    font-size: 28px;
}

.sec-6-contact-image {
    width: 650px;
    position: relative;
    top: 50px;
    left: -42px;
}

.sec-6-contact {
    /* position: relative;
    top: 130px; */
    /* margin-top: 126px; */
    margin-left: 80px;
    width: 70%;
}

.sec-6-contact-text-header {
    font-size: 22px;
    color:#00b4e7;
    letter-spacing:0.08em;
    font-family:Montserrat;
    line-height:1.38070692em;
    font-weight:700;
}

.sec-6-contact-text {
    font-size: 18px;
    color:#0b0b0b;
    letter-spacing:0.05em;
    font-family:Montserrat;
    /* line-height:1.38070692em; */
}

/* .sec-6-contact-space {
    margin-left: -10px;
    margin-right: 50px;
} */

.sec-6-address {
    /* position: relative;
    top: 39px; */
    margin-bottom: 32px;
    /* margin-top: -7px; */
    width: 80%;
}
.nurnberg-office{margin-top: 40px;}
.sec-6-address-2 {
    position: relative;
    top: 33px;
    margin-bottom: 48px;
}


.sec-6-address-3 {
    position: relative;
    top: 6px;
}

.footer-background { width: 100%; height: 80px; background-color: #FFF; position: relative; display: flex; align-items: center; bottom: 0px; border-top: 1px solid #f7f7f7; margin-top: 30px; justify-content: space-between; }
.footer-background-de { width: 100%; height: 50px; background-color: #FFF; position: relative; display: flex; align-items: center; bottom: 0px; border-top: 1px solid #f7f7f7; margin-top: 30px; justify-content: space-between; }
.copywrite {
    /* margin-left: 10%; */
    color: #0b0b0b;
    font-size: 16px;
    /* margin-top: 15px; */
    margin-right: 25px;
}

.footer-link { margin:0 25px; color: #0b0b0b; font-size: 16px;/* margin-top: 15px;*/ }

.footer-link a {
    color: #0b0b0b;
}

.footer-logo {
    /* margin-top: 10px; */
    margin-right: 5%;
}
.nn-logo img{width: 100%;height: auto;}
.bn-logo{margin: 20px;}
.bn-logo img{
    width: 180px;
}

.pr-10 {
    padding-right: 90px;
    padding-bottom: 25px;
}

.d-flex {
    display: flex;
}
.flex-distance{display: flex;justify-content: space-between;}
.getin-display{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.get-in-touch-form{width: 46%; margin-top: 25px;}
.getin-display label{font-size: 20px;color: #fff;width: 40%;}
.getin-display input[type="text"],.getin-display textarea{width: 100%;    outline: none; border: none; border-bottom: 1px solid #c0bfbf; background: #383E48; color: #fff; font-size: 20px;}

.getintouc-text div{display: flex; flex-direction: column;}
.getintouc-text label{font-size: 20px;color: #fff;margin-bottom: 15px; display: block;}
.getintouc-text div input[type="text"]{    outline: none; border: none; border-bottom: 1px solid #c0bfbf; background: #383E48; color: #fff; font-size: 20px;margin-bottom: 15px;}
#message{  display: block; width: 100%; font-size: 20px; color:#fff; line-height: 31px; resize: none; background-image: -webkit-linear-gradient(left, #383E48 0, transparent 0), -webkit-linear-gradient(right, #383E48 0, transparent 0), -webkit-linear-gradient(#383E48 30px, #ccc 30px, #ccc 31px, #383E48 31px); background-repeat: repeat-y; background-size: 100% 100%, 100% 100%, 100% 31px; background-attachment: local; border: 0; outline: 0;}
#message::-webkit-scrollbar {width: 2px;margin-left: 10px;}
#message::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

.submit-btn{    text-align: center; margin-top: 25px;}  
.submit-btn input[type="submit"]{ padding: 10px 20px; font-size: 20px; border-radius: 5px; outline: 0; border: 0; cursor: pointer; }    
.img-sec-31 { transform:translate(0px, 0px) rotate(0deg); display:block; object-fit:fill; width:500px; transform-origin:250.05px 250.05px; opacity:1.0; height:500px; }

.img-sec-32 { transform:translate(-88.91907216px, -35.76188457px) rotate(0deg); display:block; object-fit:fill; width:733.34723257px; transform-origin:366.67361628px 244.52546786px; opacity:1.0; height:489.05093572px; }

.img-sec-33 { transform:translate(-19.05575087px, 0px) rotate(0deg); display:block; object-fit:fill; width:727.2386059px; transform-origin:363.61930295px 226.05px; opacity:1.0; height:452.1px; }

.title  { text-transform:uppercase; color:#0b0b0b; letter-spacing:0.08em; font-family:Montserrat; line-height:1.38943958em; text-align:right; font-weight:700; font-size: 27px; }



.imp-container {
    margin: 0 auto;
    width: 91%;
    /* margin-top: 90px; */
}

.imp-container p {
    padding: 0 0 25px;   
}

.imp-title {
font-weight: 700;
font-size: 14px;
color: #6f6f6f;
line-height: 24px;
}

.p-no-space {
    padding-bottom: 0px !important;
}

.imp-details {
    font-weight: 400;
    font-size: 14px;
    color: #6f6f6f;
    line-height: 24px;
}


.point{padding-left: 20px;}
.point li { font-size: 14px; padding-bottom: 15px; color: #6f6f6f; }
#page-7{background-color: #383E48;}
.contact-details{width: 50%;}
.getintouch{
    
    padding: 40px 0px 40px 150px;
    max-width: 1366px;
    margin: auto;
}
.captcha-alert{display: none;text-align: center;margin-top: 20px;}
.form-submitted{display: none;text-align: center;    color: #ffffff ; font-size: 14px ;margin-top: 20px;}
.form-submitted div i{padding-left: 5px;}
.sec-7-heading{font-size: 40px;    margin-bottom: 25px;
    color: #00b4e7;letter-spacing: 0.08em;
    font-family: Montserrat;
    line-height: 1.38070692em;
    font-weight: 700;}
.get-para{color: #fff;font-size: 22px;    width: 50%;
    line-height: 1.4em;}    
.translation-modal{  display: none; 
    position: fixed; 
    z-index: 999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); }    
.translation-contents{  background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%; }   
    .close-modal{font-size: 40px;cursor: pointer;text-align: right;} 
.footer-links-container{display: flex;align-items: center;margin-left: 5%;}   
.bosenet-footer-logo{width:135px;} 
/*Media Queries*/
@media only screen and (max-width: 1300px) {
    .sec-2-numbers{left: 130px;top: 7rem;}
    .padding-further{padding-bottom: 2rem;}
    .about-img{    width: 490px;}
    .pr-10{padding-right: 80px;}
    .sec-3-image{width: 350px;height: 350px;}
    .sec-5-image{width:95%;}
}
@media only screen and (max-width: 1200px) {
    .carousel-txt-container{font-size: 40px;}
    .carousel-container .owl-dots button span { width: 18px !important; height: 18px !important; }
    .bosenet-lab-head{font-size: 35px;}
    .carousel-txt-container3{font-size: 35px;}
    .sec-2-numbers .number{font-size: 58px;}
    .sec-3-image { width: 300px; height: 300px; }
    .services-head{font-size: 20px;}
    .services-content{font-size: 16px;}
    .testimonial-contents{width: 70%;font-size: 26px;}
    .get-para{width: 70%;}
    .get-in-touch-form{width: 68%;}
}
@media only screen and (max-width: 1024px) {
    .menu-fixed{height: 50px;}
    .menu-container a{font-size: 19px;}
    .bn-logo img { width: 150px; }
    .carousel-txt-container{font-size: 35px;}
    .carousel-txt-container3{font-size: 30px;}
    .about-img { width: 400px; }
    .sec-2-text{    top: 30px; right: 70px; font-size: 19px;}
    .sec-2-numbers .number { font-size: 40px; }
    .pr-10{padding-right: 50px;}
    .contact-details{width: 100%;}
    .sec-5-image { width: 85%; top: -160px;}
    .sec-5-text2{top:-100px;    font-size: 18px;}
    .sec-5-a{font-size:20px;}
    .carousel-container .owl-dots{ top: 18%;}
}
@media only screen and (max-width: 1023px) {
    .sec-2-numbers .header{font-size: 14px;}
    .sec-2-text{top: 10px;right: 20px;font-size: 17px;}
    .sec-2-numbers{left: 50px;}
    .about-img { width: 345px; }
    .pr-10 { padding-right: 30px; }
    .bg-grey{height: 410px;}
    .sec-3-image { width: 280px; height: 300px; }
}
@media only screen and (max-width: 930px) {
    .sec-3-image { width: 250px; height: 280px; }
    .lsb-img{width: 58px; height: 76px;}
    .itz-img{width: 135px;}
    .sva-img{ width: 100px; height: 95px;}
    .oracle-img{width: 120px;}
    .bamf-img{width: 118px;}
    .atos-img{width: 90px;}
    .tsystem-img{width: 100px;}
    .getintouch{padding: 40px 0px 40px 78px;}
}
@media only screen and (max-width: 768px) {
    .carousel-txt-container{font-size: 30px;}
    .bosenet-lab-head{font-size: 31px;}
    .font-bigger { font-size: 18px; }
    .carousel-txt-container3{font-size:28px;}
    /* .carousel-container .owl-dots button span{width: 18px !important;height: 20px !important;} */
    /* .sec-2-text{right: 0;width: 100%;} */
    .services-head{text-align: center;}
    .services-container{width: 100%;}
    .flex-wrap{flex-wrap: wrap;}
    .menu-sub-container{display: none;    position: absolute; left: 0; top: 53px; background: rgba(0,0,0,0.8); width: 100%; padding: 0px 10px 10px;z-index: 10;}
    .menu-sub-container div{float: none;}
    .hamburger{display: block;}
    .tooltip{top:6px;left: 50px;}
    .menu-fixed { height: 45px; }
    .bg-grey{display: none;}
    .menu-container a { font-size: 18px; color: #00b4e7;}
    .service-marg-top{margin-top: 130px;}
    .sec-3-image { width: 350px; height: 350px; }
    .grey-service{display: block;}
    .title{font-size: 25px;}
    .testimonial-contents{font-size: 28px;}
    .testimonial-container { margin: 85px 0 35px; }
    .sec-5-bg-color{flex-direction: column-reverse;margin:190px auto 0;}
    .sec-5-text{width:70%;margin-left: 100px;}
    .sec-5-image{top:-160px;margin:0 auto;width: 60%;}
    .sec-5-bg-color-div{width:100%;height: 332px;}
    .sec-5-text2{    text-align: center;}
    .carousel-container .owl-dots{right: -30px; top: 25%;}
}
@media only screen and (max-width: 650px) {
    .sec-2-content{flex-wrap: wrap;flex-direction: column-reverse;}
    .about-img{height: 370px;margin: 20px auto 0; }
    /* .sec-2-numbers{left: 10px;} */
    .menu-fixed{position: unset;width: auto;}
    .carousel-txt-container { font-size: 25px; }
    .bosenet-lab-head { font-size: 30px; }
    .carousel-txt-container3 { font-size: 20px; }
    .bn-logo img { width: 110px; }
    .sec-2-text{width: 100%;padding: 10px;right: 0;top: 0;}
    .testimonial-partners{flex-wrap: wrap;}
    .carousel-container .owl-dots{right: -11px !important;}
    .carousel-txt-container{width: 80%;font-size: 18px; }
    .bosenet-lab-head { font-size: 18px; }
    .flex-column{flex-direction: row;}
    .padding-further{padding-right: 2rem;}
    .sec-2-numbers {left: 0;}
    .flex-column {justify-content: center;}
}
@media only screen and (max-width: 500px) {
    /*.carousel-txt-container{width: 80%;font-size: 18px; }
    .bosenet-lab-head { font-size: 18px; }*/
    .carousel-txt-container3 { font-size: 18px; }
    .menu-sub-container{width: 95%;}
    .menu-container a { font-size: 15px; }
    .menu-sub-container div{padding-bottom: 10px;}
    .sec-2-header{    justify-content: center; margin-right: 0px;}
    .sec-2-numbers .number { font-size: 25px; }
    /*.sec-2-numbers{position: unset;}*/
    .sec-2-numbers table{text-align: center;}
    .pr-10 { padding-right: 11px;    padding-bottom: 10px; }
    .about-img{height: 320px;width: 320px;}
    .sec-3-header{margin-bottom: 50px;margin-left: 0;justify-content: center;}
    .testimonial-contents { width: 100%;font-size: 20px; }
    .sec-4-header{margin-right: 0px;}
    .title { font-size: 20px; text-align: center;}
    .sec-5-header{justify-content: center; margin-left: 0;}
    .sec-3-image { width: 275px; height: 275px; }
    .services-head{text-align: center;}
    .testimonial-container .owl-dots { margin-top: 40px !important; }
    .sec-6-contact{width: 80%;margin-left: 45px;}
    .getintouch { padding: 40px 0px 40px 10px; }
    .get-para { width: 98%;font-size: 18px; }
    .getin-display label,.getintouc-text label{font-size: 17px;}
    .get-in-touch-form { width: 94%; }
    .carousel-container .owl-dots button span { width: 10px !important; height: 10px !important; }
    .services-head{height: 60px;}
    .sec-6-contact-text-header{font-size: 20px;}
    .sec-6-contact-text{font-size: 16px;}
    .copywrite { font-size: 13px; margin-right: 0; }
    .footer-link { font-size: 13px; margin: 0 6px; }
    .bosenet-footer-logo { width: 85px; }
    .testimonial-partners div{/*width: 30%;*/text-align: center;}
    /* .testimonial-partners div:last-child{display: none;} */
    .itz-img { width: 127px; }
    .sec-7-heading { font-size: 33px;text-align: center;}
    .sec-5-text{margin-left:20px;width: 100%;}
    .sec-5-image { top: -137px;    width: 85%;}
    .sec-5-text2{font-size:16px;}
    .sec-5-a { font-size: 15px; }
    .sec-6-header{justify-content: center; margin-right: 0;}
    .sec-5-bg-color-div{height:330px;}
    .footer-links-container,.footer-logo{margin-left: 2%;}
    .footer-background{height: 60px;}
    .carousel-container .owl-dots{right: -11px !important;}
    .font-bigger{font-size: 12px;}
}
@media only screen and (max-width: 400px) {
    .carousel-txt-container { font-size: 15px; }
    .bosenet-lab-head { font-size: 20px; }
    .carousel-txt-container3 { font-size: 15px; }
    .menu-sub-container div { padding-bottom: 4px; }
    .sec-5-a { font-size: 14px; }
    .bosenet-lab-head { font-size: 13px; }
    .font-bigger { font-size: 11px; }
    .testimonial-container .owl-dots button span { width: 12px !important; height: 12px !important; }
}

@media only screen and (max-width: 395px) {
    .sec-2-text{width: 95%;padding: 10px;text-align: center;}
    .testimonial-contents { width: 94%; font-size: 18px; }
    .testimonial-partners{justify-content: center;}
    .testimonial-partners div { width: 33%;}
    .copywrite { font-size: 11px;}
    .height-395{height: 85px;}
}

@media only screen and (max-width: 380px) {
    /* .sec-3-image { width: 320px; height: 310px; } */
    .services-head { font-size: 18px; height: 55px; }
    .sva-img { width: 90px; height: 88px; }
    .itz-img { width: 107px; }
    .testimonial-container { margin: 60px 0 35px; }
    .footer-link,.copywrite { font-size: 12px;}
    .bosenet-footer-logo { width: 70px; }
}

@media only screen and (max-width: 365px) {
    .services-head { height: 80px; }
    .services-content { text-align: center; }
}

/* @media (min-width: 375.05px) and (max-width: 480px) {
    #page-3,#page-3-1 {
        margin-left: 50px;
    }
} */
/* @media (min-width: 480px)  and (max-width: 768px) {
     
    #root,#page-1, #page-2,#page-3,#page-3-1,#page-4, #page-5,#page-6,#page-7  {
        width: 1300px;
    }
} */
@media (min-width: 768.05px) and (max-width: 1024px) {
    /* #page-1, #page-2,#page-3,#page-3-1 , #page-4,#page-5,#page-6,#page-7,.carousel {
        width: 1455px;
    } */

    /* .sec-5-image {
        width: 650px;
    } */

    

    .sec-6-contact-image {
        left: 0;
    }

   
}

@media (min-width: 1024.05px)  and (max-width: 1280px) {
     
    /* #page-1, #page-2,#page-3,#page-3-1,#page-4, #page-5,#page-6,#page-7  {
        width: 1580px;
    } */
}






/* Popup css  */

.popup {
    position: fixed;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    /* transform: translate(-50%,-50%); */
    padding: 20px;
    width: 96%;
    z-index: 11;
    text-align: right;
    transition: top 1.7s, transform 1.7s;
    /* opacity: 0; */
    /* transition: opacity 0.9s ease; */
}

/* Show the popup */
#popup.show {
    top: 50%;
    transform: translate(-50%, -50%);
    /* opacity: 1; */
}

#popup.hide {
    opacity: 0; /* Hide the popup */
}

.popup button{
    margin: 0px -35px -7px auto;
    background-color: transparent;
    font-size: 34px;
    color: grey;
    background: #fff;
    border-radius: 100%;
    border: 1px solid lightgrey;
    width: 40px;
    height: 40px;
    outline: none;
    cursor: pointer;
}