﻿body {
    font-family: "Inter", sans-serif !important;

}
.headerfixed {
    position:absolute;
    left:0; 
    width:100%;z-index: 99999;

}
img, svg {
  vertical-align: middle;
  max-width: 100%;
}
.logopowered {
    position:absolute;right:0;
    top:0;
}
.logopowered img {
    height:70px;
}
.logopowered strong {
    color:#fff;
    padding-left:30px;
}
.mpo-logo img {
   
    position:absolute;left:0;top:0;

}
.internshipLogo span {
    display:block;  font-size:25px;  color:#fedf00;
}
.internshipLogo strong {
    display:block;font-weight:800;
    font-size:30px;
    text-decoration:underline !important;
    color:#fedf00;line-height: .4;

}



.banner-content span {
  display: block;
  font-size: 25px;
  color: #fedf00;
}
.banner-content strong {
  display: block;
  font-weight: 800;
  font-size: 30px;
  text-decoration: underline !important;
  color: #fedf00;
  line-height: .4;
}



.internship-pro-banner {
    background-image: url('../images/726.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:0;
    position:relative;
    color:#fff;
    padding:50px 0;
}
.internship-pro-banner:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,.5);
  z-index: -1;
}
.section {
    padding:50px 0;
}
.section-heading h4{
     font-family: "Orbitron", sans-serif !important;font-size:30px;font-weight:700;
}
.banner-content h1 {color:#fff;font-size:30px;font-weight:800; font-family: "Orbitron", sans-serif !important;}
.banner-content h1 span {color:#ffe201;}
.banner-content {
    padding:50px 0;
}
.banner-content ul {
    padding:0 0 0 34px !important;
}
.banner-content ul li {font-size:17px;padding:5px 0;font-weight:600;list-style-type:none;list-style-type: none;
  text-indent: -24px;}
.banner-content ul li img {height:20px;}
.applybutton {border:1px solid #e9ebe8;width: auto;
  display: inline-block;padding:5px;border-radius:5px;}
.applyrow {
    padding:10px;
    background-color:#fee100;border-radius:5px;font-size:20px;
}
.getjob {display:inline-block;color:#fc0003;}
.applybutton a {
    display:inline-block;color:#000;text-decoration:none !important;
    font-weight:600;font-family: "Orbitron", sans-serif !important;
    transition:.5s all;position:relative;
      text-decoration: none;
background-image: linear-gradient(to right, #fc6301 50%, lightsteelblue 50%);
  background-size: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position .3s;transition:.5s all;
}
.applybutton a:hover {
    color:#fc0003;  background-position: 0% 100%;
      background-size: 200% 3px;transition:.5s all;
   
}
 
.lightblue {
    background-color:#e4feff;
}
.lightyellow {
    background-color:#fefbea;
}
.contact-row {
    padding:10px;
}
.circleicon {
    height:50px;width:50px;
    text-align:center;
    border-radius:50%;
    background-color:#007175;
    margin-right:20px;
}
.contactinfo {
    border-right: 1px solid #000;
  padding: 0 20px;
}
.contactinfo strong {
    display:block;

}
.contactinfo span {
     display:block;
}
.contact-card {
    width:100%;
}
.circleicon img {
    height:30px;
    display:block;
    text-align:center;
    margin:0 auto;
    margin-top:10px;
}
.footer {
    background-color:#1b0a58;
    text-align:center;
    color:#fff;
    padding:5px 0;
}
.contactus  {
    position:relative;overflow:hidden;background-color: #cfc2ff1c;
}
.contactimage {
    position: absolute;
  right: 0;
  top:-50px;
  z-index: -1;
  width:400px;filter: grayscale(100%);
  opacity:.4;
}
@media screen and (max-width:999px) {
  .contact-card {
      margin-bottom:20px;
  }
  .banner-content {
     
  }
  .banner-content h1 {
      text-align:center;
  }
  .contact-row .d-flex {
      display:block !important;
  }
  .circleicon {
      display:block;
      margin:0 auto;padding: 1px 0 0 0;

  }
  .contactinfo {
  border-right: 1px solid transparent !important;
  padding: 0 20px;
  text-align:center;
}
  .contact-card {
      text-align:center;
  }
  .logopowered {
      display:none;
  }
  .internshipLogo {
      text-align:center;
  }
  .headerfixed .float-start {
      float:none !important;
  }
  .applybutton {
  text-align:center;
  width: auto;
  display: block;
  
}

    .section-heading h4 {
      text-align:center;
  }
      .section-heading strong{
      text-align:center;display:block;
  }
      .squareBox {
          text-align:center;
          padding:20px 0 20px 0;
      }
        .section {
            padding:10px 0;
        }
    .internship-pro-banner {
        padding:10px 0;
    }
       .banner-content {
              padding:80px 0 0 !important;
          }

       .howtoapplybtn {
  display: block !important;
  text-align: center;
}
       .userjourney .section-heading h4 {
           margin:0 !important;
       }
}
/* -------------------------------------- */
/* Medium devices (tablets, ≥768px)       */
/* -------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-card {
      margin-bottom:20px;
  }
  .banner-content {
     
  }
  .banner-content h1 {
      text-align:center;
  }
  .contact-row .d-flex {
      display:block !important;
  }
  .circleicon {
      display:block;
      margin:0 auto;padding: 1px 0 0 0;

  }
  .contactinfo {
  border-right: 1px solid transparent !important;
  padding: 0 20px;
  text-align:center;
}
  .contact-card {
      text-align:center;
  }
  .logopowered {
      display:none !important;
  }
  .internshipLogo {
      text-align:center;
  }
  .headerfixed .float-start {
      float:none !important;
  }
  .applybutton {
  text-align:center;
  width: auto;
  display: block;
  
}
  .banner-content ul {
  padding: 0 0 0 34px !important;

}
  .section-heading h4 {
      text-align:center;
  }
        .section-heading strong{
      text-align:center;display:block;
  }
        .squareBox {
          text-align:center;  padding:20px 0 20px 0;
      }
        .section {
            padding:10px 0;
        }
          .internship-pro-banner {
        padding:10px 0;
    }
             .banner-content {
              padding:80px 0 0 !important;
          }

}

/* -------------------------------------- */
/* Large devices (desktops, ≥992px)       */
/* -------------------------------------- */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  
}

/* -------------------------------------- */
/* Extra large devices (large desktops, ≥1200px) */
/* -------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1599.98px) {
   
}

/* -------------------------------------- */
/* Ultra wide screens (TVs, 4K+, ≥1600px) */
/* -------------------------------------- */
@media screen and (min-width: 1600px) {
  
}
.intr_hi {
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  border: double 5px #f1c45e;
  background-color: #898b5169;
}


/* New changes 11082025 */
.lastdate-apply  strong {
     margin-top:20px;
    display:inline-block;
  font-weight: 800;
  font-size:20px;
  text-decoration: none !important;
  color: #fedf00;
  line-height: 1.2;
}
.lastdate-apply  strong span {
    font-size:18px;font-weight:500;color:#fff;margin-left:10px;   display:inline-block;
}
.howtoapplybtn {
    border: 1px solid #e9ebe8;
  width: auto;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
}
.howtoapply-row {
padding: 10px;
  background-color: #fee100;
  border-radius: 5px;
  font-size: 20px;
    border: 1px solid transparent;
}
.howtoapply {
  display: inline-block;
  color: #000;
  text-decoration: none !important;
  font-weight: 600;
  font-family: "Orbitron", sans-serif !important;
  transition: .5s all;
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(to right, #fc6301 50%, lightsteelblue 50%);
  background-size: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  transition: background-position .3s;
  transition: .5s all;
}
.howtoapply:hover {
   
    color: #2f187f;
}


.btnUserM {
  position: fixed;
  right: 0;
  top: 373px;
  rotate: 90deg !important;
  z-index: 99;
  background: rgba(0, 0, 0, .7);
}
.btnUserM a {
  position: fixed;
  right: 0px;
  white-space: nowrap;
  color: #000;
  background: #ffc121;
  display: block;
  padding: 9px 24px;
  border-radius: 5px 5px 0 0;
  transform: rotate(180deg);
  transition: 0.5s all;
  z-index: 999999 !important;
  text-decoration: none;  transition:.3s all;
  box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
    .btnUserM a:hover {
     
        background: #bd8e14;
    }

.btnUser1 {
    position: fixed;
    right: 0;
    top: 535px;
    rotate: 90deg !important;
    z-index: 99;
    background: rgba(0, 0, 0, .7);
}

    .btnUser1 a {
        position: fixed;
        right: 0px;
        white-space: nowrap;
        color: #000;
        background: #ffc121;
        display: block;
        padding: 9px 24px;
        border-radius: 5px 5px 0 0;
        transform: rotate(180deg);
        transition: 0.5s all;
        z-index: 999999 !important;
        text-decoration: none;
        transition: .3s all;
        box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    }

        .btnUser1 a:hover {
            background: #bd8e14;
        }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Inter", sans-serif !important;
}

div:after {
    content: '';
    display: block;
    clear: both;
}

.headerfixed {
    z-index: 99999;
    position: absolute;
    left: 0;
    width: 100%;
}

img, svg {
    vertical-align: middle;
    max-width: 100%;
}

.preheader-internship {
    background: #6a4330;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
}

    .preheader-internship a {
        text-decoration: none !important;
        color: #fff;
    }

.logopowered {
    position: absolute;
    right: 0;
    top: 0;
}

    .logopowered img {
        height: 70px;
    }

    .logopowered strong {
        color: #fff;
        padding-left: 30px;
    }

.mpo-logo img {
    position: absolute;
    left: 0;
    top: 0;
}

.internshipLogo span {
    display: block;
    font-size: 25px;
    color: #fedf00;
}

.internshipLogo strong {
    display: block;
    font-weight: 800;
    font-size: 30px;
    text-decoration: underline !important;
    color: #fedf00;
    line-height: .4;
}



.banner-content span {
    display: block;
    font-size: 25px;
    color: #fedf00;
}

.banner-content strong {
    display: block;
    font-weight: 800;
    font-size: 30px;
    text-decoration: underline !important;
    color: #fedf00;
    line-height: .4;
}



.internship-pro-banner {
    background-image: url('../images/726.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: relative;
    color: #fff;
    padding: 50px 0;
}

    .internship-pro-banner:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        z-index: -1;
    }

.section {
    padding: 50px 0;
}

.section-heading h4 {
    font-family: "Orbitron", sans-serif !important;
    font-size: 30px;
    font-weight: 700;
}

.banner-content h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    font-family: "Orbitron", sans-serif !important;
}

    .banner-content h1 span {
        color: #ffe201;
    }

.banner-content {
    padding: 50px 0;
}

    .banner-content ul {
        padding: 0 0 0 34px !important;
    }

        .banner-content ul li {
            font-size: 17px;
            padding: 5px 0;
            font-weight: 600;
            list-style-type: none;
            list-style-type: none;
            text-indent: -24px;
        }

            .banner-content ul li img {
                height: 20px;
            }

.applybutton {
    border: 1px solid #e9ebe8;
    width: auto;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
}

.applyrow {
    padding: 10px;
    background-color: #fee100;
    border-radius: 5px;
    font-size: 20px;
}

.getjob {
    display: inline-block;
    color: #fc0003;
}

.applybutton a {
    display: inline-block;
    color: #000;
    text-decoration: none !important;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    transition: .5s all;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(to right, #fc6301 50%, lightsteelblue 50%);
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    transition: background-position .3s;
    transition: .5s all;
}

    .applybutton a:hover {
        color: #fc0003;
        background-position: 0% 100%;
        background-size: 200% 3px;
        transition: .5s all;
    }

.lightblue {
    background-color: #e4feff;
}

.lightyellow {
    background-color: #fefbea;
}

.contact-row {
    padding: 10px;
}

.circleicon {
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #007175;
    margin-right: 20px;
}

.contactinfo {
    border-right: 1px solid #000;
    padding: 0 20px;
}

    .contactinfo strong {
        display: block;
    }

    .contactinfo span {
        display: block;
    }

.contact-card {
    width: 100%;
}

.circleicon img {
    height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.footer {
    background-color: #6a4330;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

.contactus {
    position: relative;
    overflow: hidden;
    background-color: #cfc2ff1c;
}

.contactimage {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: -1;
    width: 400px;
    filter: grayscale(100%);
    opacity: .4;
}

.internship-pro-wrapper {
    height: 100%;
    min-height: 100vh;
}

.header-internship {
    padding: 5px 0;
    -webkit-box-shadow: 0 2px 30px rgba(44,60,74,.08);
    box-shadow: 0 2px 30px rgba(44,60,74,.08);
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 80px;
}

.mpo-logoin {
    padding: 10px 0 0 0;
}

.logopoweredin img {
    height: 50px;
}

.logopoweredin strong {
    color: #000;
    font-size: 13px;
    text-align: center;
    display: block;
}

@media screen and (max-width:999px) {
    .extendeddate {display:none;}
    .marquee-container {
        
        display: block !important;
    }
    .contact-card {
        margin-bottom: 20px;
    }

    .banner-content {
    }

        .banner-content h1 {
            text-align: center;
        }

    .contact-row .d-flex {
        display: block !important;
    }

    .circleicon {
        display: block;
        margin: 0 auto;
        padding: 1px 0 0 0;
    }

    .contactinfo {
        border-right: 1px solid transparent !important;
        padding: 0 20px;
        text-align: center;
    }

    .contact-card {
        text-align: center;
    }

    .logopowered {
        display: none;
    }

    .internshipLogo {
        text-align: center;
    }

    .headerfixed .float-start {
        float: none !important;
    }

    .applybutton {
        text-align: center;
        width: auto;
        display: block;
    }

    .section-heading h4 {
        text-align: center;
    }

    .section-heading strong {
        text-align: center;
        display: block;
    }

    .squareBox {
        text-align: center;
        padding: 20px 0 20px 0;
    }

    .section {
        padding: 10px 0;
    }

    .internship-pro-banner {
        padding: 10px 0;
    }

    .banner-content {
        padding: 80px 0 0 !important;
    }

    .howtoapplybtn {
        display: block !important;
        text-align: center;
    }

    .userjourney .section-heading h4 {
        margin: 0 !important;
    }

    .banner-content strong {
        line-height: 1;
    }
}
/* -------------------------------------- */
/* Medium devices (tablets, ≥768px)       */
/* -------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .contact-card {
        margin-bottom: 20px;
    }

    .banner-content {
    }

        .banner-content h1 {
            text-align: center;
        }

    .contact-row .d-flex {
        display: block !important;
    }

    .circleicon {
        display: block;
        margin: 0 auto;
        padding: 1px 0 0 0;
    }

    .contactinfo {
        border-right: 1px solid transparent !important;
        padding: 0 20px;
        text-align: center;
    }

    .contact-card {
        text-align: center;
    }

    .logopowered {
        display: none !important;
    }

    .internshipLogo {
        text-align: center;
    }

    .headerfixed .float-start {
        float: none !important;
    }

    .applybutton {
        text-align: center;
        width: auto;
        display: block;
    }

    .banner-content ul {
        padding: 0 0 0 34px !important;
    }

    .section-heading h4 {
        text-align: center;
    }

    .section-heading strong {
        text-align: center;
        display: block;
    }

    .squareBox {
        text-align: center;
        padding: 20px 0 20px 0;
    }

    .section {
        padding: 10px 0;
    }

    .internship-pro-banner {
        padding: 10px 0;
    }

    .banner-content {
        padding: 80px 0 0 !important;
    }
}

/* -------------------------------------- */
/* Large devices (desktops, ≥992px)       */
/* -------------------------------------- */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
}

/* -------------------------------------- */
/* Extra large devices (large desktops, ≥1200px) */
/* -------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1599.98px) {
}

/* -------------------------------------- */
/* Ultra wide screens (TVs, 4K+, ≥1600px) */
/* -------------------------------------- */
@media screen and (min-width: 1600px) {
}

.intr_hi {
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    border: double 5px #f1c45e;
    background-color: #898b5169;
}


/* New changes 11082025 */
.lastdate-apply strong {
    margin-top: 20px;
    display: inline-block;
    font-weight: 800;
    font-size: 20px;
    text-decoration: none !important;
    color: #fedf00;
    line-height: 1.2;
}

    .lastdate-apply strong span {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        margin-left: 10px;
        display: inline-block;
    }

.howtoapplybtn {
    border: 1px solid #e9ebe8;
    width: auto;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
}

.howtoapply-row {
    padding: 10px;
    background-color: #fee100;
    border-radius: 5px;
    font-size: 20px;
    border: 1px solid transparent;
}

.howtoapply {
    display: inline-block;
    color: #000;
    text-decoration: none !important;
    font-weight: 600;
    font-family: "Orbitron", sans-serif !important;
    transition: .5s all;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(to right, #fc6301 50%, lightsteelblue 50%);
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    transition: background-position .3s;
    transition: .5s all;
}

    .howtoapply:hover {
        color: #2f187f;
    }


.btnUserM {
    position: fixed;
    right: 0;
    top: 373px;
    rotate: 90deg !important;
    z-index: 99;
    background: rgba(0, 0, 0, .7);
}

    .btnUserM a {
        position: fixed;
        right: 0px;
        white-space: nowrap;
        color: #000;
        background: #ffc121;
        display: block;
        padding: 9px 24px;
        border-radius: 5px 5px 0 0;
        transform: rotate(180deg);
        transition: 0.5s all;
        z-index: 999999 !important;
        text-decoration: none;
        transition: .3s all;
        box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    }

        .btnUserM a:hover {
            background: #bd8e14;
        }

.visitors_count {
    /* position: fixed;
    left: -6px;
    bottom: 0;
    padding: 10px 20px;
    color: #ffffff;
    background-color: #2971b3;
    border-radius: 10px 10px 0 0;
    z-index: 99999;
    width: 20%;*/
    position: static;
    left: 30px;
    bottom: 0;
    /* width: 410px; */
    padding: 4px 20px;
    /* display: flex
; */
    font-size: 3px;
    text-align: center;
    /* display: inline-block; */
    font-weight: 500;
    margin: 0 auto;
    color: #dcdcdc;
    /* border: solid 1px #210086; */
    /* border-radius: 50px 50px; */
    gap: 11px;
    z-index: 999999 !important;
    margin: 0 auto;
    background-color: transparent;
}