/*
Theme Name: Engineering pro
Theme URI: http://wordpress.org
Author: Our Team
Author URI: http://wordpress.org/
Description: This theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: mycustomtheme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*-----------------------------General Reset----------------------------- */
li {
    text-decoration: none;
         list-style-position: inside;
    }
    a{
    text-decoration: none;
    }
    a:hover{
    text-decoration: none;
    }
    p {
    margin: 0;
    padding: 0;
      font-family: 'Montserrat', sans-serif;
    font-size: 16px;
      margin-bottom: 1.5em;
    
    }
    /*-----------------------------GENERAL STYLING STARTS----------------------------- */
    .page-wrap{
    height: 100%;
    }
    header {
        background: white;
    }
    .content {
    min-height: 300px;
    margin-top: 100px;
    margin-bottom: 100px;
    }
    .wrap{
    overflow-x: hidden;
    }
    body {
      font-family: 'Montserrat', sans-serif;
      font-size: 18px; /* Slightly larger for readability */
      overflow-x: hidden;
        line-height: 1.5rem;
    }
    
    .btn-home:hover{
    background-color: #fe9721;
    }
    .fa:hover {
    transition: opacity .3s, transform .3s;
    transform: scale(1.5);
    opacity: .5;
    }    
    .pagetitle{
    font-size: 50px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    }
    
    /*-----------------------------GENERAL STYLING ENDS----------------------------- */
    /*-----------------------------HEADER STARTS----------------------------- */
    .menubar{
    display: flex;
    align-items: center;
    }
    .rightgo{
    text-align: end;
    }
    header .top-bar{
    display: flex;
    justify-content: center;
    height: auto;
    align-items: center;
    }
    header .top-bar li a {
    padding: 10px;
    }
    header .top-bar li .sub-menu {
    display: none;
    }
    header .top-bar .menu-item-has-children:hover .sub-menu {
    display:  block;
    }
    .top-bar .row {
    margin: 8px 0px;
    }
    header .menubox{
    text-align: center;
    }
    .top-bar, .socialmenu{
    color: black;
    }
    .navbar-brand{  
    font-size: 30px;
    font-weight: 600;
        padding-top: 20px;
    }
    
    ul#menu-primary-navigation li {
    text-transform: capitalize;
    }
    ul#menu-primary-navigation li a {
    color: white;
    padding: 0px 15px;
    line-height: 50px;
    }
    ul#menu-primary-navigation > li:last-child a{
    color: #ffffff;
    background-color: #000000;
    border-radius: 5px;
    }
    .navbar{
    padding: 0px;
    }
    .navbar-brand {
    color: black;
    }
    /*-----------------------------HEADER ENDS----------------------------- */
    /*-----------------------------SLIDER STARTS----------------------------- */
    .banner{
    background-color: antiquewhite;
    }
    /*-----------------------------SLIDER ENDS----------------------------- */
    /*-----------------------------BODY STARTS----------------------------- */
    .maincaption{
    font-size: 46px;
    font-weight: 600;
    }
    .boldcounter{
    font-size: 40px;
    }
    .page-wrap{
    height: 100%;
    }
    .content {
    min-height: 300px;
    margin-top: 100px;
    margin-bottom: 100px;
    }
    .container1{
    display: flex;
    height: 60px;
    background-color: #161C27;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    }
    /*-----------------------------BODY ENDS----------------------------- */
    /*-----------------------------ABOUT SECTION STARTS----------------------------- */
    .about{
    margin-top: 100px;
    }
    .aboutbox{
    margin-left: 100px;
    }
    .bigheads{
    font-size: 67.77px;
    font-weight: 500;
    }
    .subheads{
    font-size: 41.89px;
    color: #979797;
    }
    h2{
    font-size: 41.89px;
    text-transform: uppercase;
        color:#a2a2a2;
    }
    h1{font-size: 25.89px;
    color:deepskyblue;
    }
    .footerbar h1 {
    margin-bottom: 16px;
    color:white;
    }
    .deep{
    color: #4b3a3ade;
    }
    /*-----------------------------ABOUT SECTION ENDS----------------------------- */
    /*-----------------------------SERVICES SECTION STARTS----------------------------- */
    .swiper {
    width: 100%;
    }
    .swiper-button-prev::after, .swiper-button-next::after {
    color: white;
    font-size: initial!important;
    }
    .services {
    margin-top: 30px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    }
    .servicerow{
    justify-content: center;
    text-align: center;
    }
    .card{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    }
    .card-img {
    max-width: 100%;
    max-height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    }
    .tags{
    background-color: red;
    color: white;
    position: absolute;
    bottom: 20px;
    border-radius: 30px;
    margin: auto;
    padding: 5px 15px;
    margin-left: 10px;
    }
    .cards-wrapper {
    display: flex;
    justify-content: center;
    }
    .servicebox{
    padding: 20px;
    border: solid 1px #eeeeee;
    border-radius: 5px;
    text-align: center;
    }
    .btn-secondary {
    background-color: white; 
    border-color: #6c757d;
    padding: 10px 15px;
    background-color: #1C3273;
    }
    .btn-secondary:hover {
    color:  #1C3273;
    background-color: white; 
    }
    .servicetitle{
    font-size: 20px;
    margin-top: 20px;
    color: #1C3273;
    font-weight: bold;
    
    }
    /*-----------------------------SERVICES SECTION ENDS----------------------------- */
    /*-----------------------------COUNTER SECTION STARTS----------------------------- */
    .databox{
    display: flex;
    align-items: center;
    text-align: center;
    border: #6c757d;
    height: 150px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    z-index: 9999;
    }
    /*-----------------------------COUNTER SECTION ENDS----------------------------- */
    /*-----------------------------FOOTER STARTS----------------------------- */
    .footer-bottom{
    height: 50px;
    display: flex;
    align-items: center;
        margin-top: 30px;
    }
    .footerbar{
    background: #050C16;
    color: #a2a2a2;
    padding-top: 50px;
    
        margin-top: 50px;
        background-blend-mode: multiply;
        background-repeat: repeat-x;
        font-size: 14px;
    }
    .footerbar p {
        font-size: 14px;
    }
    .footerbar ul li a, .footer-bottom, .footer-bottom a {
    color: #a2a2a2!important;
    }
    .foot-right{
    text-align: right;
    }
    li.widget {
    list-style-type: none;
    }
    .footerbar ul li a{
    color: white;
    }
    .footer-bottom{
    background: #000000;
    }
    .footerbar ul li:not(:last-child) {
    padding-bottom: 16px;
    }
    li.widget {
    list-style-type: none;
    }
    .footerbar ul li {
    list-style-type: none;
    }
    .footerbar h5 {
    margin-bottom: 30px;
    }
    ul{
    padding-left: 0px;
    }
    .carouselcaption{
    font-size: 60px;
    margin-top: 30px;
    line-height: 100px;
    }
    .headimg{
    background-color:#231f20;
    padding: 6% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:100px;
    }
    .callbox{
    position: fixed;
    bottom: 100px;
    right: 50px;
    display: flex;
    flex-direction: column;
    }
    .wabox{
    margin-bottom:10px;
    }
    .form8box {
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin: 60px auto;
    }
    .form8box .fa-solid, .form8box .fa-regular {
    font-size: 18px;
    margin: 0 15px;
    }
    .form-control{
    height:50px;
    border: 1px solid #c3daff;
    }
    .cform8 {
    background-color: aliceblue;
    padding: 42px;
    border-radius: 5px;
    text-align: center;
    }
    .whybox{
    background-color:#D1D1E1;
    padding: 50px;
    text-align:justify;
    }
    .testimonials{
    padding-top:50px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(0,112,187,0.8), rgba(37,35,98,0.8));
    border-radius: 0 0 10px 10px;
    }
    .whybox li {
    list-style-type: disc;
    }
    .testimg img{
    border-radius:50%;
    }
    /* scroll to top butoon */
    #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #FF6F00;
    color: white;
    cursor: pointer;
    padding: 10px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    }
    #myBtn:hover {
    background-color: black;
    }
    /* scroll to top butoon */
    #swiper3 .trans {
    border-right: none;
    }
    .page-id-14 p {
    color: red;
    }
    .jst{
    text-align:justify;
    }
    .itl{
    font-style: italic;
    }
    .testbold {
    font-style: bold;
    }
    .bluehead{
    color:white;
    }
    .testimonials{
    position:relative;
    }
    .q1{
    position:absolute;
    bottom:50px;
    right:50px;
    opacity:0.1;
    }
    .q2{
    position:absolute;
    top:50px;
    left:50px;
    opacity:0.1;
    }
    /*-----------------------------FOOTER ENDS----------------------------- */
    .container {
    max-width: 85% !important;
    }
    
    
    .services{
    background:linear-gradient(0deg, rgba(0,112,187,0.8), rgba(37,35,98,0.8)), url('http://localhost/kells/wp-content/uploads/2022/12/colleagues-studying-together-exam-scaled.jpg');
    background-size:cover;
    }
    /* drop down show */
    .dropdown-menu {
    margin-top: 0;
    }
    .navbar .nav > .nav-item:not(:last-child){
    margin-right: 35px;
    }
    .trans{
    background-color: transparent;
    border: 0;
    border-right: solid 1px cadetblue;
    border-radius:0;
    }
    .services{
    color: white!important;
    padding-top: 50px;
    }
    .services heading{
    margin-top: 10px;
    }
    .footerbar{
    position: relative;
    }
    .applybox{
    border: solid 1px rgb(222, 222, 222);
    margin: 50px 0px;
    }
    .applyboxcontent{
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0px 50px;
    }
    .btn-primary{
    padding: 20px 30px;
    }
    .btn-primary2{
    padding: 10px 15px;
    }
    .mainhead{
    font-size: 20px;
    }
    .boldhead{
    font-size: 60px;
    font-weight: 600;
    }
    .carousel-caption {
    position: absolute;
    top: 200px;
    left: 8%;
    }
    .carousel-item img{
    }
    .courses{
    text-align: center;
    margin-top: 50px;
        margin-bottom: 50px;
    }
    .hr2 {
    border: 0;
    height: 0.1px;
    background-image: linear-gradient(to right, rgba(159, 159, 159, 0), rgba(9, 84, 132), rgba(159, 159, 159, 0));
    margin: 50px 0px ;
    }
    .greytxt{
    color: #a2a2a2;
    }
    .dropdown-menu{
    top: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    }
    .dropdown-menu.show{
    transition: top 2s;
    top: 100%;
    visibility: visible;
    opacity: 1;
    }
    .card-img, .card-img-top{
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }
    .carousel-caption{
        text-align:left;
    }
    .btn-primary {
        background-color: #FF6F00;
        color: black;
        border: none;
    }
    ul#menu-primary-navigation > li:last-child a:hover, .btn-primary:hover{
        background-color:white;
    color: #1C3273;
        border-color: #0062cc;
    
    }
    .carousel-control-next, .carousel-control-prev {
    width: 6%;
    }
    
    .carousel-caption {
    font-weight: bold;
            width: 50%;
    }
    .mobblock {
        display: contents;
    }
    
    ul#menu-primary-navigation > li:last-child a:hover {
        background-color: #FF6F00;
    }
    .contactboxes{
        background: #2C2829;
        border-radius:15px;
        padding:25px;
        color:#a2a2a2;
        
    }
    .subheadingstext{
        color: grey;
    }
    .captionstext{
        color:#979797;
    }
    .card{
        border: none;
    }
    
    .aboutboxes{
            background: #2C2829;
        border-radius:15px;
        padding:25px;
        color:#a2a2a2;
    }
    
    
    /* test */
    /* Ensure the slider starts from the top */
    .wrap {
        position: relative;
    }
    
    /* Style for the menu bar */
    .menubar {
        position: absolute; /* Keep it over the slider */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000; /* Ensure it's above the slider */
    /*     background: rgba(0, 0, 0, 0.5); /* Transparent background */ */
        padding: 15px 0;
    }
    
    /* Adjust navbar brand/logo */
    .navbar-brand img {
        max-height: 80px; /* Adjust logo size */
        width: auto;
        border-radius: 0px 0 15px 15px;
    }
    
    /* Style for the slider */
    .slider {
        position: relative;
        width: 100%;
        height: 100vh; /* Full-screen height */
        overflow: hidden;
    }
    
    .slider img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures image covers the section */
    }
    
    /*  test slider*/
    .carousel-item {
        position: relative;
    }
    
    .carousel-item .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%; /* Covers the left half */
        height: 100%; /* Full height of the slider */
        background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); /* Black fading to transparent */
        z-index: 1;
    }
    
    .carousel-caption {
        position: absolute;
        z-index: 2; /* Ensures the text appears above the overlay */
    }
    
    
    .captionstextdesc{
            font-weight: normal;
        margin-bottom: 25px;
    }
    html, body {
        overflow-x: hidden;
    }
    .container {
        max-width: 100%;
        overflow: hidden;
    }
    iframe {
        max-width: 100%;
        overflow: hidden;
    }
    /*  */
    .headimg {
      background-color: #231f20;
      padding: 6% 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 100px;
      position: relative; /* Required for absolute positioning of pseudo-element */
    }
    
    .headimg::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 25%; /* Centers the 50% wide element (25% left + 50% width + 25% right = 100%) */
      width: 50%;
      border-bottom: 1px solid #3a3335;
    }
    /*  */
        .card-deck .card {
       
             margin-right: 0px;
             margin-left: 0px; 
        }
    
    .cta{
        display: flex
    ;
        background: #2C2829;
        height: 400px;
        border-radius: 15px;
        align-items: center;
        padding-left: 50px;
        color: white;
    }
    .ctaheading{
        font-size: 40px;
        font-weight: 700;
        line-height: normal;
    }
    .ctaitem2 {
        margin-left: auto;
    }
    .btn{
        border-radius: 15px;
    }
    .card-img {
      overflow: hidden; /* Keeps the image within its container */
    }
    
    .card-img img {
      transition: transform 0.3s ease;
    }
    
    .card-img img:hover {
      transform: scale(1.1);
    }
    
    
    .scf-contact-form label{
        color: #a2a2a2;
    }
      
    .scf-contact-form input, .scf-contact-form textarea{  
    border-radius: 6px !important;
        padding:10px;
        margin-bottom:15px;
        width: 100%;
    }
    
    /*-----------------------------MOBILE ONLY CSS STARTS----------------------------- */
    @media (max-width: 767px) {
    
        
        .mobblock {
        display: flex;
        align-items: center;
            margin:inherit;
    }
    .container {
    max-width: 100% !important;
    }
        .pagetitle {
            font-size: 25px;
        }
    .form8box {
    display: block!important;
        }
        
        .navbar-toggler {
    color: #afd54e;
    border: 1px solid #6c757d;
    }
    .col-lg-12.noborder{
    padding-left: 15px;
    }
    p{
    justify-content: center;
    }
    body{
    overflow-x: hidden;
    }
    .banner{
    text-align: center;
    }
    .container1{
    justify-content: center;
    }
    .aboutbox {
    margin-left: 0px;
    text-align: center;
    }
    .btn-home1 {
    background: black;
    color: white;
    width: 50%;
    margin-right: 10px;
    }
    .btn-home1:hover{
    background-color: #fe9721;
    }
        
        .carousel-caption{
    text-align: left;
    top: 10%;
    transform: translateY(-10%);
    }
    .carousel-caption p {
    font-size: 20px;
    line-height: 20px;
        padding-top:0;
        text-align:left;
    margin: 35px 0;
        
    }
        
    .carousel-caption h5 {
    font-size: 12px;
    }
        .btn-primary {
        padding: 5px 10px;
    }
        
        .carousel-indicators li{
            width:10px;
    z-index: -100;
        }
        .about{
            margin-top:0;
            
        }
        .bigheads {
            font-size: 10vw;
        }
        .subheads {
            font-size: 7vw;
        }
        .databox h3{
            font-size:15px;
        }
        .footer-bottom {
            height: auto;
        }
        .top-bar p {
        font-size: 10px;
                    text-align:center;
                line-height: 24px;
    
    }
        .footer-bottom p{
                    text-align:left;
        font-size: 12px;
                line-height: 16px;
    
    
        }
        
        
    
        
    .dropdown-menu{
    /* top: 0; */
    display: none;
    visibility: hidden;
    opacity: 0;
    border: 0;
    }
    .dropdown-menu.show{
    transition: top 1s;
    top: 100%;
    visibility: visible;
    opacity: 1;
    display: block;
    }
    ul#menu-primary-navigation li {
    float: none;
    }
    .btn-primary:hover{
    background-color: #ffffff;
    color: #0F1B31;
    }
    .carousel-control-next, .carousel-control-prev {
    width: 6%;
    }
    
    #happyforms-form-91 {
    background-color: aliceblue;
    padding: 75px;
    border: solid 1px #1C3273;
    border-radius:5px
    }
    .databox{
    display: flex;
    align-items: center;
    text-align: center;
    border: #6c757d;
    height: 150px;
    box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
    z-index: 9999;
    }
    ul#menu-primary-navigation > li:last-child a:hover {
    color: #1C3273;
    background-color: aliceblue;
    border-radius: 5px;
        border-color: #0062cc;
    }
        #myBtn, .callbox {
    
        right: 20px;
        }
        
        .carousel {
        margin-bottom: 50px;
    }
        .navbar-brand img{
            width: 70%;
            height: 70%;
    }
        .swiper-pagination {
            bottom: 18px!important;
    }
        .navbar-light .navbar-toggler {
     
            background: white;}
        .navbar-nav{
    display: -ms-flexbox;
        display: flex
    ;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        background: #000000c9;
    }
    
    .pagetitle {
    
        margin-top: 50px;}
    }/*-----------------------------MOBILE ONLY CSS ENDS----------------------------- */
    
    /* responsive */
    @media (min-width: 992px) and (max-width: 1400px) {
    .navbar .nav > .nav-item:not(:last-child) {
    margin-right: 0px;
    }
    }
    
    @media (max-width: 990px) {
    .navbar-brand img{
    /* max-width: 125px;  */
    }
    .navbar .nav > .nav-item:not(:last-child) {
    margin-right: 0px;
    }
    }
    
    @media (max-width: 1200px) {
    
        ul#menu-primary-navigation li a{
            font-size: x-small;
        }
        .carousel-caption p {
            font-size: 10px;
            margin-top: 20%;
            line-height: 10px;
        }
    }
    
    
    /* Ken-Burns zoom-and-pan slider*/
    @keyframes zoomPan {
      0%   { transform: scale(1)   translate(0, 0); }   /* start normal */
      100% { transform: scale(1.15) translate(-4%, -4%); } /* end zoomed & panned */
    }
    
    .carousel-item.active img {          /* run only on the visible slide */
      animation: zoomPan 12s ease-out forwards;
      transform-origin: center center;
    }
    /* Ken-Burns zoom-and-pan slider*/
    
    
    .softwares{
        display:flex;
    }
    
    
    
    
    
    
    
    
    /* 1) Let the slider wrap show overflowed children */
    .wrap {
      /* keep the x‑axis hidden if you like, but allow dropdowns to spill downwards */
      overflow-x: hidden;
      overflow-y: visible !important;
    }
    
    /* 2) Make your menubar’s inner .container overflow visible */
    .row.menubar .container {
      overflow: visible !important;
    }
    
    /* 3) Ensure the collapsed navbar container can also spill out */
    .navbar-collapse {
      overflow: visible !important;
    }
    
    /* 4) Position & layer your dropdown as before */
    .navbar-expand-md .navbar-nav .dropdown-menu {
      top: 100%;      /* right below the toggle */
      left: 0;
      margin-top: 0.25rem;
      position: absolute;
      z-index: 1000;  /* above the menubar (500) */
    transition: all 1s ease;
    }
    
    /* 5) Let Bootstrap’s “.show” handle visibility */
    .dropdown-menu {
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s linear .15s, opacity .15s linear;
    }
    .dropdown-menu.show {
      visibility: visible;
      opacity: 1;
      transition-delay: 0s;
    }
    .dropdown-menu {
        background-color: rgb(0 0 0 / 12%);
    }
    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b !important;}
    .footer-bottom p{
        margin:0;
    }