:root {
    --pcolor: #174397 ;
    --scolor: #f2f4f6;
}

    body{font-family: 'Quicksand', sans-serif; background-color: #f2f4f6;; position: relative;}
    h1,h2,h3,h4,h5,h6{
        font-family: 'Montserrat', sans-serif;
        font-weight: 500 !important;
    }
    span,p,h1,h2,h3,h4,h5,h6,body,ul{padding: 0; margin: 0;}
    td{padding: 0 !important; padding-top: 0.rem !important; padding-bottom: 0.5rem !important;}
    .w100{width:100%;}.h100{height:100%;}.bg-pcolor{background-color: var(--pcolor); color: #ffffff;}
    .border-pcolor{border-color: var(--pcolor);}.font-pcolor{color:var(--pcolor)}
    textarea:focus, input:focus{
         outline: none;
    }
    a{text-decoration: none; color: #161616;}
    a:hover{color: inherit;}
    .icon-mr-30{margin-right: 0.30rem;}


    .ul-h li{

        display: inline-block;
        margin: 0;
        padding: 0;
    }


    .secondry-header-contacts span:not(:last-child){margin-right: 15px;}
    .secondry-header {font-weight: 500; font-size: 0.9em; }
    .secondry-header-contacts img {width: 16px; height: 16px; margin-right: 0.3em;}

    .header-social :not(:last-child){margin-left: 14px;}

    .secondry-header{background-color:rgba(255, 255, 255, 1) ; color:rgba(0, 0, 0, 0.6); width: 100%; height: 50px;
     display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; opacity: 1; z-index: 999;}

     .mobile-menu > a{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .mobile-menu > a:not(:last-child){
    border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    /* sticky header */
    .sticky-header{
     color:rgb(0, 0, 0, 0.6);
     width: 100%;
     position: sticky;
     top: 0px;
     height: 70px;
     display: flex;
     align-items: center;
     background-color: #174499;
     z-index: 99;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }

    .header-sticky-nav  {
        margin: 0;
        padding: 0;
    }
.header-sticky-nav li{
        display: inline-block;
        margin: 0;
        padding: 0;
        padding: 10px 10px;
        color: rgba(0, 0, 0, 0.8);
        font-size: 0.9em;
        font-weight: 500;
        border-bottom: 0;
        transition: padding 0.4s ease-out;
        cursor: pointer;
        position: relative;
    
    }.header-sticky-nav li::after{
        content: "";
        background-color: rgb(255, 255, 255);
        height: 4px;
        display: block;
        position: absolute;
        top:54px;
        right: 0;
        width: 0%;
    }.header-sticky-nav li:hover{
        padding: 10px 35px;
        font-weight: 700;
    }.header-sticky-nav li:hover .header-sticky-nav li a{
        color: var(--pcolor) !important;
    }.header-sticky-nav li:hover::after{
       /* width: 100%;
       background-color: #161616; */
    }
    .sticky-header-item-active{
        font-weight: 700 !important;
    }.sticky-header-item-active::after{
        background-color: #fff  !important;
        width:100%  !important;
    }
    .admin-area{ padding: 10px 25px; border-radius: 0px; cursor: pointer; color: rgb(255, 255, 255);
        text-decoration: none; transition: padding 0.3s ease-out; background-color: var(--pcolor);
     } .admin-area:hover{
        padding: 10px 35px; color: #ffffff;
     } .admin-area img {width: 25px; height:25px; margin-right: 8px;}
     .sticky-shadow{box-shadow: 2px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);}
     .sticky-shadow-up{box-shadow: 2px -3px 4.7px 0.3px rgba(0, 0, 0, 0.05);}
    /* end sticky header */
    /*mobile side menu*/
    .mobile-side-menu{
        position: fixed; overflow-y: scroll; height: 100vh; width: 100vw; left: -100vw; min-height: 100vh; z-index: 999999; transition: left 0.4s ease-out;
    }
    /*end mobile side menu */
    /* page-title*/
    .page-title{
        background-color: var(--scolor);
        text-align: center;
    }
    .page-title-md{
        height: 250px;
    }
    .mandatory label::after{
        content: " *";
        color: red;
    }
    .page-title-lg{

        height: 350px;
       /*background-color: var(--scolor); background-image: url("../imgs/page-title-bg-2.jpg");
        background-repeat: no-repeat;
        background-position: center center;*/
    }
    /* Login Page */
    .login-area h2,.login-area h5,.login-area p{
        margin-bottom: 1rem;
    }
    /* index page */
    .banner-form-container{background-color: rgba(255, 255, 255, 1); padding: 25px 15px;
         border-radius: 0px; border-left: 4px solid var(--pcolor);
        }.banner{
         min-height: calc(100vh - 100px);
         background-color: #f1f0e1;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: top center;
         background-attachment: fixed;
         position: relative;
         margin-top: inherit !important;
         }
    /*profile page*/
    .profile-navmenu-item{
        transition: all 0.3s ease-out;
        position:relative;
        border-bottom:1px solid var(--scolor);
        background-color: #ffffff;
    }.profile-navmenu-item span{
        width:35px;
        height: 35px;
        min-width:35px;
        min-height: 35px;
        border-radius: 50%;
        margin-right: 0.6rem;
        background-color: #f1f1f1;
    }.profile-navmenu-item i{
        transition: all 0.3s ease-out;
    }.profile-navmenu-item p{
        font-weight: 500;
        transition: margin-left 0.3s ease-out, color 0.3s ease-out;
        display: inline-block;
    }.profile-navmenu-item::after{
        content: "";
        width: 0%;
        background-color:rgba(0, 0, 0, 0.2);
        position: absolute;
        margin-left: 50%;
        bottom: 0;
        height: 1px;
        bottom: 0;
        left: 0;
        transition: all 0.3s ease-out;
    }.profile-navmenu-item:hover i{
        color: var(--pcolor);
    }.profile-navmenu-item:hover p{
        margin-left: 1rem;
        color: var(--pcolor);
        font-weight: 800;
    }.profile-navmenu-item:hover{
        background-color: #fcfcfc;
    }.profile-navmenu-item-cheked{
        border-left: 2px solid var(--pcolor);
        background-color: #f2f4f6;
        border-bottom: 0px;
    }.profile-navmenu-item-cheked p{
        color: var(--pcolor);
        font-weight: 800;
    }.profile-navmenu-item-cheked i{
        color: var(--pcolor);
        font-size: larger;
    }.profile-navmenu-title{
        padding:22px 22px;  font-weight: 800; background-color: #ffffff;margin-top: 0.75rem; border-bottom: 2px solid var(--scolor);
    }
    .ex-item{
        cursor: pointer;
    }
    .ex-item > span > a{
       transition: margin-left 0.3s ease-out, color 0.3s ease-out;font-weight: 500;
    }.ex-item:hover > span > a{
        margin-left: 15px;
        color: var(--pcolor);
    }.profile-title{ font-weight: 800; border-left: 2px solid var(--pcolor); background-color: #ffffff;}
/* post page */
.table-post{
    width:100%;
}
.table-post > tr{
    width:100%;
}
.table-post tr td:nth-child(odd){
    width:22%;
    font-weight: 600;
}
.table-post tr td:nth-child(even){
    width:28%;
}
.share-icons-container{
    display: flex;
    justify-content: center;
    align-items: center
}
.share-icons-container a{

    background-color: #f0f0f0;
    color: #161616;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin-right: 0.2em;
    border-radius: 50%;
}
.contact-item{
    cursor: pointer;
}
.contact-item span{
    margin-right: 50px;
    opacity: 0;
    transition: margin-right 0.3s ease-out, opacity 0.3s ease-out;
}
.contact-item:hover span{
    margin-right: 10px;
    opacity: 1;
}
.contact-item div > div > p{
    transition: color 0.3s ease-out, margin-left 0.3s ease-out;
}
.contact-item:hover div > div > p{
    color: var(--pcolor);
    margin-left: 10px;
}
    /* select 2 */
    .select2-private select{
        width: 100% !important;
    }

    .select2-private span:first-child span{
        font-size: medium !important ;
        height: fit-content;
    }

    .select2-private > textarea{
        border:0 !important;
        overflow-y: visible !important;
        line-height: 3rem;
    }
    .select2-private > span > span > span {
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
    }

    .select2-private span:first-child:focus{
        border-color: inherit !important;
    }

    .select2-private li{
     background-color: #7c8ea1 !important;
     color:#ffffff;
     border: 0 !important;
     border-radius: 0 !important;
     padding-left: 30px !important;
     padding-right: 12px !important;
     padding-top: 6px !important;
     padding-bottom: 6px !important;
     transition: background-color 0.3s ease-out;
    }

    .select2-private li:hover{
        background-color: rgb(35, 37, 37) !important;
    }

    .select2-private li button{
     border: 0 !important;
     color:#ffffff !important;
     padding-left: 12px !important;
     padding-top: 6px !important;
     padding-bottom: 6px !important;
     font-weight: 400 !important;
     background-color: rgba(0, 0, 0, 0.0) !important;
    }
    .select2-private li button:hover{
     border: 0 !important;
     color:#ffffff !important;
     background-color: rgba(0, 0, 0, 0.0) !important;
     padding-top: 6px !important;
     padding-bottom: 6px !important;
    }
    .select2-container .select2-search--inline .select2-search__field {

        line-height: 1em !important;
        margin-left: 10px !important;
    }
    /* end select 2*/

    /* experience page */
    .ex-item > div > a{
        width: 35px; height: 35px; border-radius: 50%;
    }/* end experience page */


    .banner .container{position: relative;top: 0px;}
.banner .container h2.mb-4{
    font-weight: bold !important;
    width: 60%;
    font-size: 42px;
    background: #00000061;
    padding: 20px;
    line-height: 61px;
}
.banner .container h2 mark{
    background: transparent !important;
}
.banner .banner-form-container{
    width: 60%;
    padding: 20px 20px;
}
.banner .select2-container{
    width: 60% !important;
}
.banner .banner-form-container button{
    background: #174499;
    border: 1px solid #174499;
}
.floating-whatsapp{
    position: fixed;
    color: #23a802;
    font-size: 30px;
    right: 20px;
    bottom: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 3px 11px;
}
.mainLogo{height: 100px; width: auto; position: absolute; top: 4px;}
.subBanner{
    background-color: rgb(255 255 255 / 54%);
    padding-left: 10px;
    display: block;
}
.header-sticky-nav li a{color:#fff !important}
.sticky-header .btn-primary{
    color: #fff;
    background-color: #174397;
    border-color: #fff;
}

.swiper-slide h1 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: bold !important;
    color: #fff;
    line-height: 80px;
    right: 130px;
    position: absolute;
    bottom: 250px;
    background: #00000070;
    padding: 20px 50px;
}

.hide{display:none !important}
.message-logo{
    color: #fff;
    padding-left: 170px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}