@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Titan+One&display=swap");







*{



    font-family: "Poppins", sans-serif;



    margin:0;



    padding: 0;



}



/* footer  */



.footer {



    background: #10182F;



    border-radius: 6px;



  }



  .footer .footer-row {



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



    gap: 3.5rem;



    padding: 60px;



  }



  .footer-row .footer-col h4 {



    color: #fff;



    font-size: 1.2rem;



    font-weight: 400;



  }



  .footer-col .links {



    margin-top: 20px;



  }



  .footer-col .links li {



    list-style: none;



    margin-bottom: 10px;



  }



  .footer-col .links li a {



    text-decoration: none;



    color: #bfbfbf;



  }



  .footer-col .links li a:hover {



    color: #fff;



  }



  .footer-col p {



    margin: 20px 0;



    color: #bfbfbf;



    max-width: 300px;



  }



  .footer-col form {



    display: flex;



    gap: 5px;



  }



  .footer-col input {



    height: 40px;



    border-radius: 6px;



    background: none;



    width: 100%;



    outline: none;



    border: 1px solid #7489C6 ;



    caret-color: #fff;



    color: #fff;



    padding-left: 10px;



  }



  .footer-col input::placeholder {



    color: #ccc;



  }



   .footer-col form button {



    background: #fff;



    outline: none;



    border: none;



    padding: 10px 15px;



    border-radius: 6px;



    cursor: pointer;



    font-weight: 500;



    transition: 0.2s ease;



  }



  .footer-col form button:hover {



    background: #cecccc;



  }



  .footer-col .icons {



    display: flex;



    margin-top: 30px;



    gap: 30px;



    cursor: pointer;



  }



  .footer-col .icons i {



    color: #afb6c7;



  }



  .footer-col .icons i:hover  {



    color: #fff;



  }



  @media (max-width: 768px) {



    .footer {



      position: relative;



      bottom: 0;



      left: 0;



      transform: none;



      width: 100%;



      border-radius: 0;



    }



    .footer .footer-row {



      padding: 20px;



      gap: 1rem;



    }



    .footer-col form {



      display: block;



    }



    .footer-col form :where(input, button) {



      width: 100%;



    }



    .footer-col form button {



      margin: 10px 0 0 0;



    }



  }







.detail-main {



    display: flex;



    justify-content: space-between;



    margin: 5%;



}







.detail-main  .detail-left {



    width: 68%;



    border-radius: 4px;



}







.detail-main  .detail-right {



    width: 30%;



    background-color: #fff;



    border-radius: 8px;



}



.detail-main .detail-right .small-jobs{



    margin: 5%;



}



.detail-main .detail-right .small-jobs .small-title{



    font-weight: 600;



}



.detail-main .detail-right a{



    text-decoration: none;



}



.detail-main .detail-right .job-box{



    margin-top: 20px;



    border-bottom: 1px dashed #6d6d6d;



    padding-bottom: 15px;



}



.detail-main .detail-right .job-box .small-role{



    font-weight: 600;



    color: #000;



}



.detail-main .detail-right .job-box .small-comp{



    color: #6d6d6d;



}



.detail-main .detail-right .small-jobs .left-right{



    display: flex;



    justify-content: space-between;



    color: #6d6d6d;



}



.detail-main .detail-right .small-jobs .left-right .small-date{



    font-size: 12px;



}



.detail-main .detail-left .detail-top{



    border-radius: 8px;



    background-color: #fdebe5;



    



}



.detail-main .detail-left .detail-top .detail-top-in{



    padding: 5%;



}



.detail-main .detail-left .detail-top .detail-top-in



.position{



    font-size: 42px;



}



.detail-main .detail-left .detail-top .detail-top-in img{



    /* height: 150px; */



    width:200px;



    border-radius: 4px;



    border: 1px solid;



    padding: 5px;



}



.detail-main .detail-left .detail-top .detail-top-in i{



    font-weight: 400;



}



.detail-main .detail-left .detail-top .detail-top-in



.company-name{



    font-size: 21px;



}



.detail-main .detail-left .detail-alert{



    background-color: #25D366;



    text-align: center;



    padding: 20px 0;



    border-radius: 8px;



    margin: 20px 0%;



}







.detail-main .detail-left .detail-alert a{



    color:#fff;



    font-size: 21px;



    text-decoration:none;



}



.detail-main .detail-left .additional-detail{



    /* margin: 5%; */



    background-color: #fff;



    padding-bottom: 5%;



    border-radius: 8px;



}



.detail-main .detail-left .additional-detail  .boxes {



    display: flex;



    flex-wrap: wrap;



    gap: 10px; 



    justify-content: space-between;



    margin: 5%;



}



.detail-main .detail-left .box-in {



    display: flex;



    justify-content: space-between;



    align-items: center;



    background-color: #f0f0f0; 



    padding: 10px; 



}







.detail-main .detail-left .text {



    width: 70%;



}







.detail-main .detail-left .img-icon {



    width: 30%; 



    display: flex;



    justify-content: center;



    align-items: center;



}







.detail-main .detail-left .img-icon img {



    width: 60px;







}



.detail-main .detail-left .additional-detail  .box-in {



    width: 45%; 



    border: 1px solid; 



    border-radius: 4px;



    height: 100px; 



    background-color: #fff;



}



.detail-main .detail-left .additional-detail .detail-title{



    font-size: 21px;



    font-weight: 500;



    margin-bottom: 20px;



    padding: 3% 0 0 5%;



}



.detail-main .detail-left .additional-detail .text-ans{



    color: #6d6d6d;



}



.detail-main .detail-left .job-description{



    /* margin: 5%; */



    border-radius: 8px;



    background-color: #fff;



}



.detail-main .detail-left .job-description .jd-title{



    font-size: 21px;



    font-weight: 500;



    margin-bottom: 20px;



    padding: 3% 0 0 5%;



}



.detail-main .detail-left .job-description .jd-content{



    padding: 1% 5% 5% 7%;



}



.detail-main .detail-left .important{



    margin-top: 20px;



    background-color: #fff;



    padding: 1% 0;



    border: 5px solid red;



    border-radius: 8px;



}



.detail-main .detail-left .important .important-in{



    margin: 5%;



}



.detail-main .detail-left .important ol{



    margin: 0 0 0 2%;



}



.detail-main .detail-left .important strong{



    color: red;



    font-size: 21px;



}



.detail-main .detail-left a{



    text-decoration: none;



}



.detail-main .detail-left .apply-main{



    background-color: #fff;



    margin-top: 20px;



    padding: 5%;



    border-radius: 8px;



}



.detail-main .detail-left .apply-main .apply-title{



    text-align: center;



}



.detail-main .detail-left .apply-main .apply-link{



    background-color: #1C2B57;



    text-align: center;



    padding: 20px 0;



    border-radius: 4px;

    transition: all 0.3s ease;

    margin: 20px 5%;



}

.detail-main .detail-left .apply-main .apply-link:hover{

  background-color: #0091ff;

}



.detail-main .detail-left .apply-main .apply-link p{



    color:#fff;



    font-size: 21px;



    text-decoration:none;



}



@media (max-width: 965px) {



    .detail-main .detail-left .additional-detail  .box-in {



        width: 100%; 



        margin-bottom: 10px; 



    }



}



@media (max-width: 820px) {



    .detail-main .detail-left .additional-detail  .box-in {



        width: 45%;



    }



}











@media (max-width: 820px) {



    .detail-main {



        flex-direction: column;



    }







    .detail-main  .detail-left {



        width: 100%;



    }







    .detail-main  .detail-right {



        display: none;



    }



}



@media (max-width: 660px) {



    .detail-main .detail-left .additional-detail  .box-in {



        width: 100%; 



        margin-bottom: 10px; 



    }



    .detail-main .detail-left .detail-top .detail-top-in .position {



        font-size: 32px;



    }



    .detail-main .detail-left .apply-main .apply-link p {



        font-size: 18px;



    }



}



@media(max-width:450px){



    .detail-main .detail-left .detail-top .detail-top-in .position {



        font-size: 21px;



        font-weight: 600;



    }



    .detail-main .detail-left .detail-top .detail-top-in .company-name {



        font-size: 18px;



    }



}











































.chatbot-toggler {



    position: fixed;



    top: 41%;



    width: 45px;



    left: 0px;



    font-size: 22px;



    outline: none;



    padding: 10px;



    display: flex;



    cursor: pointer;



    align-items: center;



    justify-content: center;



    border-radius: 4px;



    color: white;



    background: #25D366;



    transition: all 0.2s ease;



    z-index: 1;



    border: none;



    box-shadow: 0 0 30px 5px #25D366;



    -webkit-transition: all 0.2s ease-out;



    -moz-transition: all 0.2s ease-out;



}

.chatbot-toggler a{

  color:#fff;

}

.chatbot-toggler2 {



    position: fixed;



    top: 50%;



    left: 0px;



    width: 45px;



    font-size: 22px;



    outline: none;



    padding: 10px;



    display: flex;



    cursor: pointer;



    align-items: center;



    justify-content: center;



    border-radius: 4px;



    color: white;



    background: #24A1DE;



    transition: all 0.2s ease;



    z-index: 1;



    border: none;



    box-shadow: 0 0 30px 5px #24A1DE;



    -webkit-transition: all 0.2s ease-out;



    -moz-transition: all 0.2s ease-out;



}

.chatbot-toggler2 a{

  color: #fff;

} 







/* home page new design  */







nav{



    position: sticky;



    top:0px;



    left: 0;



    width: 100%;



    height: 100%;



    height: 80px;



    background: #fff;



    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);



    z-index: 99;



  }



  .navbar ul a.active{



    border-bottom: 5px solid #1c2b57;



    



}



  nav .navbar{



    display: flex;



    justify-content: space-between; /* Distribute items along the main axis */



    align-items: center;



    padding: 0 5%;



  }



  .navbar .logo a{



    font-size: 30px;



    color: #fff;



    text-decoration: none;



    font-weight: 600;



  }



  nav .navbar img{



    height: 80px;



    width: 80px;



  }



  nav .navbar .nav-links{



    line-height: 70px;



    height: 100%;



  }



  nav .navbar .links{



    display: flex;



  }



  nav .navbar .links li{



    position: relative;



    display: flex;



    align-items: center;



    justify-content: space-between;



    list-style: none;



    padding: 0 15px;



  }



  nav .navbar .links li a{



    height: 100%;



    text-decoration: none;



    white-space: nowrap;



    color: #444444;



    font-size: 15px;



    font-weight: 600;



    margin-top: 5px;



  }



  .links li:hover .htmlcss-arrow,



  .links li:hover .js-arrow,



  .links li:hover .our-team-arrow,



  .links li:hover .study-arrow{



    transform: rotate(180deg);



    }



  



  nav .navbar .links li .arrow{



    width: 22px;



    line-height: 70px;



    text-align: center;



    display: inline-block;



    color: #444444;



    transition: all 0.3s ease;



  }



  nav .navbar .links .fa-angle-right{



    line-height: 50px!important;



  }



  nav .navbar .links li .sub-menu{



    position: absolute;



    top: 70px;



    left: 0;



    line-height: 40px;



    background: #fff;



    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);



    border-radius: 0 0 4px 4px;



    display: none;



    z-index: 2;



  }



  nav .navbar .links li:hover .htmlCss-sub-menu,



  nav .navbar .links li:hover .js-sub-menu,



  nav .navbar .links li:hover .arrow-sub-menu,



  nav .navbar .links li:hover .study-sub-menu{



    display: block;



  }



  .navbar .links li .sub-menu li{



    padding: 0 22px;



    border-left: 3px solid #e2e2e2;



    border-bottom: 1px solid rgba(255,255,255,0.1);



  }



  



  .navbar .links li .sub-menu a{



    color: #444;



    font-size: 15px;



    font-weight: 600;



  }



  .navbar .links li .sub-menu li:hover {



    border-left-color: #1C2B57;



    background-color: #f1f1f1;



}



.navbar .links li .sub-menu .more-sub-menu{



    position: absolute;



    top: 0;



    left: 100%;



    border-radius: 0 4px 4px 4px;



    z-index: 1;



    display: none;



  }



.links li .sub-menu .more:hover .more-sub-menu{



    display: block;



  }



  .navbar .search-box{



    position: relative;



     height: 40px;



    width: 40px;



    margin-left: 10%;



    display: none;



  }



  .navbar .search-box i{



    position: absolute;



    height: 100%;



    width: 100%;



    line-height: 40px;



    text-align: center;



    font-size: 32px;



    color: #444444;



    font-weight: 600;



    cursor: pointer;



    transition: all 0.3s ease;



  }



  .navbar .search-box .input-box{



    position: absolute;



    right: calc(100% - 40px);



    top: 80px;



    background: #1C2B57;



    border-radius: 6px;



    opacity: 0;



    pointer-events: none;



    transition: all 0.4s ease;



  }



  .navbar.showInput .search-box .input-box{



    top: 65px;



    opacity: 1;



    pointer-events: auto;



    background: #1C2B57;



  }



  .search-box .input-box::before{



    content: '';



    position: absolute;



    height: 20px;



    width: 20px;



    background: #1C2B57;



    right: 10px;



    top: -6px;



    transform: rotate(45deg);



  }



  .search-box .input-box li{



    border-radius: 4px;



    color: #fff;



    text-align: center;



    width: 200px;



    list-style: none;



    outline: none;



    padding: 15px;



    font-size: 16px;



    border: none;



  }



  .search-box .input-box li:hover{



    cursor: pointer;



  }



  .navbar .nav-links .sidebar-logo{



    display: none;



  }



  .navbar .fa-bars{



    display: none;



  }



  .down-btn-design{



    background-color: #1c2b57;



    color: #fff;



    padding: 10px;



    border-radius: 4px;



    cursor: pointer;



}



  



@media (max-width:1000px){



    nav{



        height: 110px;



    }



    nav .navbar img {



        height: 100px;



        width: 100px;



    }



    nav .navbar .logo{



        margin: 10px auto;



        align-items: center;



    }



    .navbar ul a.active{



        border-bottom: none;



    }



    .navbar .fa-bars{



      display: block;



    }



    nav .navbar .nav-links{



      position: fixed;



      top: 0;



      left: -100%;



      display: block;



      max-width: 420px;



      width: 100%;



      background:  #fff;



      line-height: 40px;



      padding: 20px;



      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);



      transition: all 0.5s ease;



      z-index: 1000;



    }



    .navbar .nav-links .sidebar-logo{



      display: flex;



      align-items: center;



      justify-content: space-between;



    }



    .sidebar-logo .logo-name{



      font-size: 25px;



      color: #444;



    }



      .sidebar-logo  i,



      .navbar .fa-bars{



        font-size: 25px;



        color: #444;



      }



    nav .navbar .links{



      display: block;



      margin-top: 20px;

      overflow-y: auto;

        height: 800px;

    }



    nav .navbar .links li .arrow{



      line-height: 40px;



    }



  nav .navbar .links li{



      display: block;



    }



  nav .navbar .links li .sub-menu{



    position: relative;



    top: 0;



    box-shadow: none;



    display: none;



  }



  nav .navbar .links li .sub-menu li{



    border-bottom: none;



  



  }



  .navbar .links li .sub-menu .more-sub-menu{



    display: none;



    position: relative;



    left: 0;



  }



  .navbar .links li .sub-menu .more-sub-menu li{



    display: flex;



    align-items: center;



    justify-content: space-between;



  }



  .links li:hover .htmlcss-arrow,



  .links li:hover .js-arrow,



  .links li:hover .our-team-arrow,



  .links li:hover .study-arrow{



    transform: rotate(0deg);



    }



    .navbar .links li .sub-menu .more-sub-menu{



        display: none;



    }



    .navbar .links li .sub-menu .more span{



      display: flex;



      align-items: center;



    }



    .links li .sub-menu .more:hover .more-sub-menu{



        display: none;



    }



    nav .navbar .links li:hover .htmlCss-sub-menu,



    nav .navbar .links li:hover .js-sub-menu,



    nav .navbar .links li:hover .arrow-sub-menu,



    nav .navbar .links li:hover .study-sub-menu{



      display: none;



    }



    .navbar .nav-links.show1 .links .htmlCss-sub-menu,



    .navbar .nav-links.show3 .links .js-sub-menu,



    .navbar .nav-links.show2 .links .arrow-sub-menu,



    .navbar .nav-links.show4 .links .study-sub-menu,



    .navbar .nav-links.show5 .links .more .more-sub-menu{



        display: block;



    }



    .navbar .nav-links.show1 .links .htmlcss-arrow,



    .navbar .nav-links.show3 .links .js-arrow,



    .navbar .nav-links.show2 .links .our-team-arrow,



    .navbar .nav-links.show4 .links .study-arrow{



        transform: rotate(180deg);



    }



    .navbar .nav-links.show5 .links .more-arrow{



        transform: rotate(90deg);



      }



}



@media (max-width:460px){



    nav .navbar .nav-links{



        max-width: 100%;



    } 



    nav .navbar .nav-links{



        max-width: 220px;



    }



}



  



/* main text design  */



.home-main-div{



    margin: 50px 30px 0 30px;



}



.main-home-title{



    text-align: center;



}



.main-home-title h1{



    font-size: 46px;



}







/* search box  */



input:focus, textarea:focus, select:focus{



    outline: none;



}



a{



    text-decoration: none;



}



.home-search-box{



    text-align: center;



    margin-top: 50px;



}



.home-title{



    font-size: 24px;



    font-weight: 600;



}



.home-title span{



    color: orange;



}



.home-search-box .search-form{



    display: flex;



    justify-content: center;



}



.home-search-box .search-form input{



    width: 300px;



    height: 41px;



    padding-left: 10px;



    border-radius: 30px 0 0 30px;



    border: 1px solid #444;



}



.home-search-box .search-form button{



    border: none;



    width: 100px;



    padding: 10px;



    border-radius: 0 30px 30px 0;

    transition: all 0.3s ease;

    background-color: #1C2B57;



    color: #fff;



    margin-left: -5px;



}



.home-search-box .search-form button:hover{



    cursor: pointer;



    background-color: #0091ff;



}



.home-search-box center{



    display: flex;



    gap: 30px;



    justify-content: center;



    margin-top: 20px;



}



.home-search-box center a{



    background-color: #1C2B57;



    color: #fff;



    padding: 10px 20px;

    transition: all 0.3s ease;

    border-radius: 30px;



}



.home-search-box center a:hover{



    background-color: #0091ff;



}



@media(max-width:500px){



    .home-search-box .search-form{



        flex-direction: column;



        gap: 20px;



        text-align: center;



        align-items: center;



    }



    .home-search-box center{



        display: flex;



        flex-direction: column;



    }



    .home-search-box center .hide-filter{



        display: none;



    }



    .home-search-box .search-form input{



        padding-left: 10px;



        border-radius: 4px;



    }



    .home-search-box .search-form button{



        border: none;



        height: 41px;



        width: 100px;



        padding: 10px;



        border-radius: 4px;



        background-color: #1C2B57;



        color: #fff;



        margin-left: 0px;



    }



}















/* All jobs card  */















.main-job{



    display: flex;



    gap: 20px;



    margin: 5%;



}







.main-job .main-filter{



    max-width: 250px;



    width: 100%;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



    height: 320px;



    padding: 20px;



}



.main-job .main-filter .filter-top{



    display: flex;



    flex-direction: column;



    gap: 20px;



}



.main-job .main-filter .filter-top i{



    color: #1C2B57;



}



.main-job .main-filter .filter-top button{



    background-color: #1C2B57;



    color: #fff;



    height: 40px;



    border-radius: 10px;

    transition: all 0.3s ease;

    padding: 5px 15px;

    border: none;

    font-size: 12px;



}

.main-job .main-filter .filter-top button:hover{

  background-color: #0091ff;

  cursor: pointer;

}

.main-job .main-filter .filter-item select{



    max-width: 250px;



    width: 100%;



    margin-top: 20px;



    height: 40px;



    padding-left: 10px;



    border-radius: 10px;



}



.main-job .right-job .job-listing{



    display: flex;



    gap: 30px;



    margin: 0 0 20px 0;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



    max-width: 700px;



    width: 100%;



    padding: 15px;



}



.main-job .right-job .job-listing .company-split a{



    color: #444;



}



.main-job .right-job .job-listing img{



    height: 140px;



    width: 140px;



    border-radius: 4px;



}







.main-job .right-job .job-listing .company-title{



    font-weight: 600;



    font-size: 24px;



}



.pagination{



    text-align: center;



    margin: auto;



}



.pagination a{



    color:#fff;



    margin:5px;



    border:1px solid #1C2B57;



    background-color:#1C2B57;



    padding: 5px;



    text-decoration:none;



    border-radius:5px;



    display: inline-table;



    width: 15px;



}



.pagination-current{



    color:#1C2B57;



    margin:5px;



    border:1px solid #1C2B57;



    background-color:#fff;



    padding: 5px;



    text-decoration:none;



    border-radius:5px;



    display: inline-table;



    width: 15px;



}



@media(max-width:1020px){



    .main-job {



        justify-content: center;



    }



    .main-job .main-filter{



        display: none;



    }



}



@media(max-width:620px){



    .main-job .right-job .job-listing{

        margin:auto;



        flex-direction: column;



        justify-content: center;



        align-items: center;



        padding: 30px 0;

        max-width:370px;



    }



    .main-job .right-job .job-listing img{



        height: 200px;



        width: 200px;



    }



    .main-job .right-job .job-listing .company-title{



        font-weight: 600;



        font-size: 21px;



    }



    



}



@media(min-width:500px){



    .main-job .right-job .job-listing .company-split .job-apply{



        display: none;



    }



}



@media(max-width:500px){



    .main-job .right-job .job-listing .company-split{



        padding: 0 20px!important;

        max-width:350px;



    }



    .main-job .right-job .job-listing .company-split .job-apply{



        display: block;



        width: 90%;



        background-color: #1C2B57;



        color: #fff;



        padding: 10px;



        text-align: center;



        border-radius: 30px;



        margin-top: 20px;



    }



    .main-job .right-job .job-listing .company-split .job-apply:hover{



        background-color: #0091ff;



    }



}



@media (max-width: 420px) {



    .main-job .right-job .job-listing .company-title {



        font-size: 20px;



    }



    .main-home-title h1 {



        font-size: 32px;



    }



    .home-search-box {



        margin-top: 30px;



    }



    .home-title {



        font-size: 21px;



    }



    



}











/* interview section home  */



.home-interview{



    margin-top: 60px;



    text-align: center;



}



.home-interview .interview-btns{



    display: flex;



    gap: 30px;



    justify-content: center;



    margin-top: 20px;



}



.home-interview .interview-btns a{



    background-color: #1C2B57;



    color: #fff;



    padding: 10px 15px;

    transition: all 0.3s ease;

    border-radius: 30px;



}

.home-interview .interview-btns a:hover{

  background-color: #0091ff;

}

@media(max-width:400px){



    .home-interview .interview-btns{



        gap: 15px;



    }



}



/* Interview section container */

.interview-section {

  max-width: 1200px;

  margin: 2rem auto;

  padding: 1rem;

  display: flex;

  flex-wrap: wrap;

  gap: 1.5rem;

  justify-content: center;

}



/* Interview box style */

.interview-box {

  background-color: white;

  padding: 1.5rem;

  border-radius: 8px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  width: 100%;

  max-width: 250px;

  text-align: center;

}



/* Hover effect */

.interview-box:hover {

  transform: translateY(-5px);

  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);

}



/* Company and role link */

.interview-box a {

  display: block;

  font-size: 18px;

  font-weight: bold;

  color:#000;

  text-decoration: none;

  margin-bottom: 0.5rem;

  transition: color 0.3s ease;

}



/* Link hover effect */

.interview-box a:hover {

  color: #0056b3;

}



/* Interview date */

.interview-date {

  font-size: 14px;

  color: #666;

}



/* Responsive design for smaller screens */

@media (max-width: 768px) {

  .interview-section {

      padding: 1rem;

      gap: 1rem;

  }



  .interview-box {

      max-width: 100%;

      padding: 1.2rem;

  }

}



@media (max-width: 480px) {

  .interview-box a {

      font-size: 16px;

  }



  .interview-date {

      font-size: 12px;

  }

}

















/* all social icons  */



.all-social{



    margin-top: 60px;



    text-align: center;



}



.all-social .inside-social{



    display: flex;



    gap: 30px;



    justify-content: center;



    margin-top: 20px;



}



.all-social .inside-social a{



    background-color: #1C2B57;



    color: #fff;



    padding: 10px 15px;



    border-radius: 50%;

    transition: all 0.3s ease;

    font-size: 24px;



}

.all-social .inside-social a:hover{

  background-color: #0091ff;

}

@media(max-width:420px){



    .all-social .inside-social{



        display: flex;



        gap: 15px;



    }



}











/* upcoming */















.upcoming .home-title{



    text-align: center;



    margin-top: 60px;



}



.upcoming-in {



  display: flex;



  flex-wrap: wrap;



  justify-content: space-around;



  justify-content: center;



  align-items: center;



  margin-top: 20px;



}



.upcoming .box {



  max-width: 280px;



  position: relative;



  background: #1C2B57;



  padding: 100px 40px 60px;



  margin: 10px;



  border-radius: 4px;



  box-shadow: 0 15px 45px rgba(0, 0, 0, .1);



  border: 1px solid #1C2B57;



}



.upcoming .box::before {



  content: '';



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background: #fff;



  transform: scaleY(0);



  transform-origin: top;



  border-radius: 4px;



  transition: transform 0.5s;



}



.upcoming .box:hover::before {



  transform: scaleY(1);



  transform-origin: bottom;



  transition: transform 0.5s;



}



.upcoming .box h2 {



  position: absolute;



  left: 40px;



  top: 60px;



  font-size: 4em;



  font-weight: 800;



  z-index: 1;



  opacity: 0.1;



  transition: 0.5s;



  color: #fff;



}



.upcoming .box:hover h2 {



  opacity: 1;



  color: #1C2B57;



  transform: translateY(-40px);



}



.upcoming .box h3 {



  position: relative;



  font-size: 1.5em;



  z-index: 2;



  color: #fff;



  transition: 0.5s;



}



.upcoming .box p {



  position: relative;



  z-index: 2;



  color: #fff;



  transition: 0.5s;



}



.upcoming .box:hover h3,



.upcoming .box:hover p {



  color: #1C2B57;



}



@media(max-width:1200px){



    .upcoming .box {



        max-width: 250px;



    }



}



@media (max-width: 1100px) {



  .upcoming {



    flex-direction: column;



    align-items: center;



    padding: 60px 30px;



  }



  .upcoming .box {



    margin-bottom: 20px;



    max-width:320px



  }



  .upcoming .home-title{



    text-align: center;



    margin-top: 0px;



    }



}



@media(max-width:450px){



    .upcoming {



        padding: 60px 0px;



    }



}



















/* feedback */















.feedback{



  min-height: 100vh;



  width: 100%;



  display: flex;



  align-items: center;



  justify-content: center;



}







.feedback .container{



  width: 85%;



  background: #fff;



  border-radius: 6px;



  padding: 20px 60px 30px 40px;



  margin-top: -15%;



  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







.feedback .container .content{



  display: flex;



  align-items: center;



  justify-content: space-between;



}



.feedback .container .content .left-side{



  width: 25%;



  height: 100%;



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  margin-top: 15px;



  position: relative;



}



.feedback .content .left-side::before{



  content: '';



  position: absolute;



  height: 70%;



  width: 2px;



  right: -15px;



  top: 50%;



  transform: translateY(-50%);



  background: #afafb6;



}



.feedback .content .left-side .details{



  margin: 14px;



  text-align: center;



}



.feedback .content .left-side .details i{



  font-size: 30px;



  color: #1C2B57;



  margin-bottom: 10px;



}



.feedback .content .left-side .details .topic{



  font-size: 18px;



  font-weight: 500;



}



.feedback .content .left-side .details .text-one,



.feedback .content .left-side .details .text-two{



  font-size: 14px;



  color: #afafb6;



}



.feedback .container .content .right-side{



  width: 75%;



  margin-left: 75px;



}



.feedback .content .right-side .topic-text{



  font-size: 23px;



  font-weight: 600;



  color: #1C2B57;



}



.feedback .right-side .input-box{



  height: 50px;



  width: 100%;



  margin: 12px 0;



}



.feedback .right-side .input-box input,



.feedback .right-side .input-box textarea{



  height: 100%;



  width: 100%;



  border: none;



  outline: none;



  font-size: 16px;



  background: #F0F1F8;



  border-radius: 6px;



  padding: 0 15px;



  text-decoration: none;



  resize: none;



}



.feedback .right-side .message-box{



  min-height: 110px;



}



.feedback .right-side .input-box textarea{



  padding-top: 6px;



}



.feedback .right-side .button{



  display: inline-block;



  margin-top: 12px;



}



.feedback .right-side .button input[type="submit"]{



  color: #fff;



  font-size: 18px;



  outline: none;



  border: none;



  padding: 8px 16px;



  border-radius: 30px;



  background: #1C2B57;



  cursor: pointer;



  transition: all 0.3s ease;



}



.feedback .button input[type="submit"]:hover{



  background: #0091ff;



}



@media (max-width: 950px) {



  .feedback .container{



    width: 90%;



    padding: 30px 40px 40px 35px ;



  }



  .feedback .container .content .right-side{



   width: 75%;



   margin-left: 55px;



  }



}



@media (max-width: 820px) {



  .feedback .container{



    margin: 40px 0;



    height: 100%;



  }



  .feedback .container .content{



    flex-direction: column-reverse;



  }



  .feedback .container .content .left-side{



   width: 100%;



   flex-direction: row;



   margin-top: 40px;



   justify-content: center;



   flex-wrap: wrap;



  }



 .feedback .container .content .left-side::before{



   display: none;



  }



 .feedback .container .content .right-side{



   width: 100%;



   margin-left: 0;



  }



}















.category-title .home-title{



  text-align: center;



}















/* experience page  */











.experience-title{



  text-align: center;



  margin-top: 30px;



}



.experience-content{



  margin: 10px 5% 0 5%;



}







.detail-main .detail-left .add-exp-form{



  display: flex;



  flex-direction: column;



  padding: 30px;



  border-radius: 4px;



  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}



.detail-main .detail-left .add-exp-form .form-group{



  display: flex;



  flex-direction: column;



  margin-bottom: 20px;



}



.detail-main .detail-left .add-exp-form .form-group input,



.detail-main .detail-left .add-exp-form .form-group select{



  height: 40px;



  border-radius: 4px;



  border-color: #10182F;



  padding: 0 10px;



}



.detail-main .detail-left .add-exp-form .form-group textarea{



  height: 200px;



  border-radius: 4px;



  border-color: #10182F;



  padding: 0 10px;



}



.detail-main .detail-left .add-exp-form .exp-btn{



  height: 40px;



  background-color: #1C2B57;



  color: #fff;



  font-size: 18px;



  border-radius: 4px;



  margin-top: 20px;



}



.detail-main .detail-left .add-exp-form button:hover{



  cursor: pointer;



}



.interview-main{



    margin:5%;



}







.interview-main form{



    display: flex;



    justify-content: center;



    gap:5px;



    height:35px;



    margin-bottom:20px;



}



.interview-main form input{



    padding-left:10px;



}



.interview-main form button{



    color: #fff;



    background-color: #1C2B57;



    border-radius: 4px;



    padding: 5px 10px;



    font-size: 15px;



}



.interview-main table a{



    color:#000;



}



.interview-main th, .interview-main td {



    border: 1px solid #ddd;



    padding: 8px;



    text-align: left;



}



.interview-main th {



    background-color: #1C2B57;



    color:#fff;



}



.interview-main td {



    background-color: #ffffff;



}



.interview-main table{



    border-collapse: collapse;



    table-layout: auto;



    width:100%;



}      



.interview-main table a:hover{



    color:blue;



}























.cdetails{



  max-width: 700px;



  margin: auto;



  background-color: white;



  border-radius: 4px;



  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);



}



.cdetails .cinternal{



  padding: 5%;



}



.cdetails .left{



  font-weight: 600;



  animation: blinker 1s linear infinite;



  font-size: 22px;



  color: red;



}



.cdetails .name{



  margin-bottom: 3%;



  font-size: 22px;



  color: #00243c;



  margin-top: 3%;



  font-weight: 600;



}



.cdetails a{



  color: #fff;



  text-align: center;



  font-size: 18px;



  outline: none;



  border: none;



  padding: 8px 16px;



  border-radius: 30px;



  background: #1C2B57;



  cursor: pointer;



  transition: all 0.3s ease;



}



.cdetails .code{



  display: inline-block;



  border: 1px solid;



  padding: 10px;



  border-radius: 4px;



  color: grey;



}



.cdetails #myAnchor {



  display: none; /* Initially hide the anchor tag */



}



#timer{



  text-align: center;



  font-size: 27px;



  font-weight: 600;



  color: green;



}





/* coupons codes  */







.coupon_parent {



  display: flex;



  flex-wrap: wrap;



  gap: 20px;



  justify-content: center;



  padding: 20px;



}







/* Individual Coupon Card */



.coupon_parent .coupon_child {



  background-color: white;



  border-radius: 10px;



  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);



  overflow: hidden;



  transition: transform 0.3s ease, box-shadow 0.3s ease;



  width: 300px;



  margin: 15px;



}







.coupon_parent .coupon_child:hover {



  transform: translateY(-10px);



  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);



}







/* Coupon Content */



.coupon_parent .coupon_content {



  padding: 20px;



  text-align: center;



}







.coupon_parent .coupon_cname {



  font-weight: bold;



  color: #333;



  margin-bottom: 10px;



}







.coupon_parent .platform {



  font-size: 1rem;



  color: #666;



  margin-bottom: 10px;



}







.coupon_parent .coupon_role {



  font-size: 1.2rem;



  color: #e74c3c;



  margin-bottom: 10px;



}







.coupon_parent .coupon_role .strike {



  text-decoration: line-through;



  color: #999;



  margin-right: 5px;



}







.coupon_parent .coupon_batch {



  font-size: 0.9rem;



  color: #999;



  margin-bottom: 10px;



}







/* Button */



.coupon_parent .coupon_applyBtn {



    display: block;



    width: 90%;



    background-color: #1C2B57;



    color: #fff;



    padding: 10px;



    text-align: center;



    border-radius: 30px;

    transition: all 0.3s ease;

    margin-top: 20px;



}







.coupon_parent .coupon_applyBtn:hover {



  background-color: #0091ff;



}







/* Responsive Design */



@media (max-width: 768px) {



  .coupon_parent .coupon_child {



    width: 100%;



  }



}







@media (min-width: 769px) and (max-width: 1200px) {



  .coupon_parent .coupon_child {



    width: 45%;



  }



}











  .coupon-pagination{



    text-align: center;



    margin: auto;



  }



  .coupon-pagination a{



    color:#fff;



    margin:5px;



    border:1px solid #1C2B57;



    background-color:#1C2B57;



    padding:5px;



    text-decoration:none;



    border-radius:5px;



    display: inline-table;



  }



  .coupon-pagination p{



    margin-bottom:20px;



    color:white;



  }



  @media(max-width:420px){



    .coupon-pagination a{



    /* padding:5px; */



    text-decoration:none;



    border-radius:5px;



  }



  }



  .coupon_parent .strike{



    text-decoration: line-through;



    color:red;



  }



  .coupon_parent .colorspan{



    color:#000;



    margin-right:2%;



  }









  /* popup  */







/* Popup Styles */

.popup {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  justify-content: center;

  align-items: center;

  z-index: 99;

}

.popup img{

  height: 100px;

}

.popup-content {

  background-color: white;

  padding: 20px;

  border-radius: 5px;

  text-align: center;

  width: 300px;

  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);

  position: relative;

}



.popup h2 {

  margin: 0 0 10px;

}



.email-form {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.email-form input[type="text"],

.email-form input[type="email"] {

  width: 100%;

  padding: 10px;

  border-radius: 5px;

  border: 1px solid #ccc;

  transition: all 0.3s ease;

}

.email-form input[type="email"] {

  width: 100%;

  padding: 10px;

  border-radius: 5px;

  border: 1px solid #ccc;

  margin-top: 10px;

  transition: all 0.3s ease;

}

.email-form input.valid {

  border-color: green;

}



.email-form input.invalid {

  border-color: red;

}



.email-form button {

  padding: 10px 20px;

  border: none;

  background-color: #1C2B57;

  color: white;

  border-radius: 5px;

  cursor: pointer;

  margin-top: 10px;

  width: 120px;

  transition: background-color 0.3s ease;

}

.email-form .popup-btn{

  display: flex;

  gap: 20px;

}

.email-form button:hover {

  background-color: #0091ff;

}

.email-form .skip:hover{

  background-color: rgb(175, 29, 29);

}

.popfeedback {

  font-size: 12px;

  color: red;

}



/* Close Button */

.close {

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

  font-size: 20px;

}