@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
/* font-family: 'Roboto Slab', serif; */
/* font-family: 'Rubik', sans-serif; */
/* 

01.Default CSS (default,font face, root(theme colors, default size), body)
02.Default CSS Layout / Elements (headings,)
--animations
03.Navbar(breadcrumb)
04.Button
05.Form Styling 
06. Table
07.Accordion
07.Alerts */

/****************************************************** */
/******************** 01. Default CSS (default,font face, root, body) ***************** */
/****************************************************** */


/* font face Sansserif */
@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-ExtraBold.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("/assets/fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}


:root {
    scroll-behavior: auto;
    --theme-primary: #030083;
    --theme-secondary: #F4EDE4;
    --theme-yellow-bg:rgba(241, 193, 83, .4);
    --theme-alt-bg: #eeb90c;
    --theme-alt-bg-2: #006666;
    --theme-black: #000000;
    --theme-white: #ffffff;
    --theme-light-bg:#EDF6FF;
    /* --theme-light-bg: #F8FAFF; */
    /* --theme-light-bg2:rgba(203, 205, 231, 0.8) ; */
    --theme-light-bg2:rgba(223, 224, 235, 0.8) ;
    --theme-light-bg3:rgba(223, 224, 235, 0.8) ;
    --theme-btn-hover: #1a73e8;
    --theme-secondary-btn-hover:#ffc919;
    --theme-gray: #6c757d;
    --theme-gray-100: #f9fafc;
    --theme-gray-200: #edf1f5;
    --theme-gray-300: #eaedf1;
    --theme-gray-400: #ced4da;
    --theme-gray-500: #adb5bd;
    --theme-gray-600: #74788d;
    --theme-gray-700: #495057;
    --theme-gray-800: #343a40;
    --theme-gray-900: #212529;
    --theme-border-radius: .175rem;
    --theme-border-radius-rounded: 1.5rem;
    --theme-primary-transparent:rgba(3, 0, 131, .6);
    --theme-font-size-p: ;
    --theme-font-size-h1: 3rem;
    --theme-font-size-h2: 2.5rem;
    --theme-font-size-h3: 2rem;
    --theme-font-size-h4: 1.75rem;
    --theme-font-size-h5: 1.5rem;
    --theme-font-size-h6: 1rem;
    --theme-font-size-sub-heading: 64px;
    --theme-font-size-btn: 1rem;
    --theme-font-size-nav-link: 1rem;
    --theme-font-size-nav-link-2: 1.1rem;
    --theme-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --theme-box-shadow-btn: 0 0 3px rgba(0, 123, 255, 0.5);
    --theme-link:#0d6efd;


    --theme-font-color: #666666;
    --theme-alert: #f14e4e;
    --theme-yellow: #FFAB00;
    --theme-light-yellow: #EAB22B;
    --theme-pink: #FE2E59;
    --theme-green: #36B37E;
    --theme-success: #28a745;
    --theme-info: #3E52B5;
    --theme-warning: #ffbb47;
    --theme-light: #f9fafc;
    --theme-dark: #343a40;
    --theme-teal: #20c997;
    --theme-cyan: #17a2b8;

    --breakpoint-xs: 375px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;

    --primary-font: 'Open Sans', sans-serif;
    --secondary-font: Roboto Slab, serif;
    /* --secondary-font:'Manrope', sans-serif; */

    --theme-border-1: 1px;
    --theme-border-2: 2px;
    --theme-line-height: 1.5;
    --theme-transition-1: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

*,
::after,
::before {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    height: 100vh;
}


section{
    padding:2rem 0;
}
.decoration-none{
    text-decoration: none;
}

.content-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
/****************************************************** */
/******************** 02. Default CSS Layout / Elements (headings,) ***************** */
/****************************************************** */
/* Animations */
@keyframes buttonScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* bs-changes */
.navbar-light .navbar-toggler{
    border:none;
}

.navbar-toggler:focus{
    outline: none;
    border:1px solid var(--theme-gray-600);
    box-shadow: none;

}
.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30"><path stroke="rgba(0, 0, 0, 0.5)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22m-7 8h7"></path></svg>');
  }

/* Headings */
.theme-hero-line h1 {
    /* font-family: 'Playfair Display', serif; */
    font-weight: 700;
}

.theme-highlighter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25px;
    background: rgba(241, 193, 83, .4);
    left: 0;
    bottom: 12px;
    z-index: -1;
}
.theme-icon-small{
    padding:0 .5rem;
}
.theme-icon-small svg{
    width:1rem;
    height:1rem;
}
.theme-btn:hover .theme-icon-small path {
    /* fill: #ff0000; */
}

.theme-icon-normal svg{
    width:1.5rem;
    height:1.5rem;
}

.theme-icon-large svg{
    width:2rem;
    height:2rem;
}

/****************************************************** */
/******************** 03. Navbar ***************** */
/****************************************************** */
.navbar-nav {
    gap: 1rem;
    margin-right: 5rem;
}
.navbar-nav .nav-item .nav-link{
    font-size:1.08rem;

}

.navbar-light .navbar-nav .nav-link.active{
   font-weight: 600;
   /* border-bottom:2px solid var(--theme-primary); */
   color: var(--theme-primary);
   transition: all .5s;

}
.navbar-appearance {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}


.navbar-brand img {
    width:12rem;
}
.navbar{
    /* background-color: var(--theme-light-bg2); */
    transition: background-color 0.3s ease;
}
.navbar-scroll {
    background-color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
/****************************************************** */
/******************** 04. Button ***************** */
/****************************************************** */

.theme-btn {
    border: none;
    padding: .8rem 2rem;
    
}

.theme-primary-btn {
    background-color: var(--theme-primary);
    color: var(--theme-white);
    font-weight: 600;
    transition: background-color 0.3s ease;
    border-radius: var(--theme-border-radius);
}

.theme-primary-btn:hover {
    color: var(--theme-white);
    /* background-color: #0703c9; */
    background-color: var(--theme-btn-hover);
    box-shadow: var(--theme-box-shadow-btn);
    transition: all .5s ease;
}



.theme-secondary-btn {
    background-color: var(--theme-alt-bg);
    color: var(--theme-white);
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.theme-secondary-btn:hover {
    color: var(--theme-white);
    background-color: var(--theme-secondary-btn-hover);
    /* background-color: #0703c9; */
    box-shadow: var(--theme-box-shadow-btn);
}



.theme-light-btn {
    background-color: var(--theme-gray-200);
    color: var(--theme-dark);
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.theme-light-btn:hover {
    color: var(--theme-dark);
    background-color: var(--theme-secondary-btn-hover);
    /* background-color: #0703c9; */
    box-shadow: var(--theme-box-shadow-btn);
}



.theme-yellow-btn {
    background-color: var(--theme-yellow-bg);
    color: var(--theme-dark);
    font-weight: 600;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.theme-yellow-btn:hover {
    color: var(--theme-dark);
    background-color: var(--theme-secondary-btn-hover);
    /* background-color: #0703c9; */
    box-shadow: var(--theme-box-shadow-btn);
}


/****************************************************** */
/******************** Theme Css ***************** */
/****************************************************** */
/* Basic */
.strong-paragraph {
    font-weight: 700;
}

/* Hero Container */
.hero-container .hero-left {
    padding: 2rem;
}

.hero-container .hero-right {
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-container .theme-hero-line {
    padding: 1rem 0rem;

}

.hero-container .theme-hero-line h1,.hero-container .theme-hero-line h1 span {
    text-align: left;
    font-size: 4.2rem;
    font-weight: 500;
    font-family: var(--secondary-font);

}

.hero-container .hero-img img {
    width: 450px;
}

.theme-hero-line h1 {
    position: relative;
    z-index: inherit;
}

.theme-hero-line h1 .theme-highlighter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: rgba(241, 193, 83, .4);
    left: 0;
    bottom: 12px;
    z-index: -1;
}

/* ------------Header start------------- */
.page-header{
    display: flex;
    align-items: center;
    justify-content: center;
  
    padding:8rem 0;
    margin-top: 6rem;
    background-color: var(--theme-light-bg);
}
.page-content-title{
    color:var(--theme-primary);
    font-weight:600;
    font-size:3rem;
    font-family: var(--secondary-font);
}
.page-content-caption{
    color:var(--theme-primary);
    font-size: 1.2rem;
}
/* ------------Header end------------- */


/* footer */
footer {
    background-color: var(--theme-light-bg);
    padding: 1.8rem 1rem 0;

}

.footer-content p,.footer-content ul{
color: var(--theme-font-color);
}
footer .footer-content .col-lg-3:not(:first-child) {
padding-left:5rem;
}
footer .footer-content *:not(:first-child) ul{
list-style-type:none;
padding:5px 0;
}
footer .footer-content *:not(:first-child) ul li a{
    text-decoration: none;
    color: var(--theme-black);

}
footer .footer-content *:not(:first-child) .footer-heading{
font-weight: 700;
}

footer .footer-content *:not(:first-child) ul li:hover{
    text-decoration: underline;
    cursor: pointer;
    transition: text-decoration 0.5s ease;
    color: var(--theme-link);

}
footer .footer-content *:not(:first-child) ul li a:hover{
    text-decoration: underline;
    cursor: pointer;
    transition: text-decoration 0.5s ease;
    color: var(--theme-link);

}
.footer-brand img {
    width: 9rem;
}
.footer-copyright{
    /* height: 46px; */
    border-top:2px solid var(--theme-gray-400);
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-copyright .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
}
.footer-copyright .footer-social-widget a{
    height: 30px;
    width: 30px;   
    text-decoration: none;
}
.footer-copyright .footer-social-widget a svg{
height: 20px;
width: 20px;
}

.footer-copyright .footer-social-widget a:not(:first-child)
{
    margin-left:1rem;
}


/* Theme 2 css */
.theme-2{
    /* height: 100%; */
    text-align: center;
}


.theme-2 .theme-hero-line h1,.theme-2 .theme-hero-line h1 span {
    text-align: center;
}


.theme-heading{
    font-size:var(--theme-font-size-h2);
    font-weight:600;
    padding:.375rem;
}
.theme-heading-caption{
padding:1rem 0;
}


.theme-sub-heading{
    font-size:var(--theme-font-size-h4);
    font-weight:600;
}
.theme-sub-heading-2{
    font-size:var(--theme-font-size-h5);
    font-weight:600;
}
.theme-sub-heading-caption{
color:var(--theme-font-color);
padding:.75rem 0;
}
.contact-heading{

}
.section-center-layout .row{
align-items: center;
}
/* Hero section */
.hero-center{
    position: relative;
    background-image: url('../img/content/theme-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-light-bg2); /* Adjust the alpha value for the desired overlay opacity */
}

.hero-center .hero-container .row .hero-content{
margin-top:8rem;
margin-bottom:10rem;
}
.hero-center .hero-container .row{
    /* color: var(--theme-white); */
    color: var(--theme-primary);;
position: relative;
}

.hero-caption{
    font-size:1.2rem;
}
/* header section*/


.header-container{
    position: relative;
    background-image: url('/res/img/content/theme-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.header-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-light-bg3); 
    /* background-color: linear-gradient(to bottom, rgba(223, 224, 235, 0.8), #ffffff); */
}
.header-container .hero-container .row .hero-content{
margin-top:8rem;
margin-bottom:10rem;
}
.header-container .hero-container .row{
    /* color: var(--theme-white); */
    color: var(--theme-primary);;
position: relative;
}

.header-services{
    background-image: url('../img/content/6.jpg');
}

.header-about{
    background-image: url('../img/content/5.jpg');
}
.header-contact{
    background-image: url('../img/content/7.jpg');
}
.header-resource{
    background-image: url('../img/content/10.jpg');
}
/* Our Services */
.theme-light-bg-container{
background-color: var(--theme-light-bg);
padding:3rem;
}

.service-icon svg,.service-icon img{
    width:3.5rem;
    height:3.5rem;
}
.service-element {
    padding:2rem 0;
}
.service-element .col-lg-6 {
    display:flex;
    align-items: center;
    justify-content: center;

}
.service-element .col-lg-6 .service-icon{
    background-color: var(--theme-white);
    margin:.5rem auto ;
    padding:1rem;
    margin:2rem 1.5rem;
    border-radius: 50%;
}


/*home about message */
.home-about-message {
    padding: 2.5rem 16rem;
    text-align: center;
}
.home-about-message h2{
font-size:2.4rem;
}

/* our commitments */
.our-commitment{
    /* background-color: var(--theme-primary-transparent); */
    position: relative;
    background-image:url('../img/content/bg-section.png');
    color:var(--theme-white);
    background-repeat: no-repeat;
    background-size: cover;
}

.our-commitment::before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 0, 255, 0.6);

}
.our-commitment .row{
    position: relative;
}
.our-commitment .commit-content{
padding: 2rem 8rem;
}

.our-commitment .commitment-rel-img img{
height:650px;
}


/* why choose us */
.why-us-section{
    padding:4rem 0;
}


.choose-us-container{
    padding:2rem 0;
    text-align: center;
}
.choose-us-container .service-content{
    margin-top: 1rem;
}
.choose-us-container .service-icon img{
width: 4rem;
height: 4rem;
}


/* Call to action */
.cta-section{
margin:5rem 0;
}
.cta-container .row{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cta-container .row{
    background-color:var(--theme-yellow-bg); /* Adjust the alpha value for the desired overlay opacity */
    padding:5rem;
    border-radius: .375rem;
}


.cta-container .row .col-lg-6:first-child{
    font-size:2rem;
}

.cta-container .row .col-lg-6:nth-child(2) .cta-btn-wide{
    font-size:1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.cta-container .row .col-lg-6:nth-child(2){
    font-size:1.3rem;
}
/* mission  & vision*/
.our-mission .col-lg-6:nth-child(2) img,.our-vision .col-lg-6:nth-child(2) img{
width:460px;
}
.our-vision, .our-mission{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* vision */

/* form control */
.form-control{
    padding:.475rem 0.75rem;
    width:75%;
}
.form-control:focus{
/* border: none!important; */
outline: none;
box-shadow: none;
}
.contact-form .contact-info{
padding:0 5rem;
}
.contact-form .contact-info .theme-sub-heading{
padding-bottom :.875rem;
}

.form-control::placeholder{
    color: var(--theme-gray-400);
}

.contact-form .contact-wrapper{
    padding:6rem 1.5rem;
}
.contact-heading-wrapper{
    margin-top:1.5rem;
}
.contact-heading-wrapper.hero-caption{
padding-top:.875rem;
}
.contact-heading-wrapper .contact-icon{
    width:45px;
    height:45px;
    border-radius:50%;
    background-color:var(--theme-primary);
}
.contact-heading-wrapper .contact-icon img{
    width:26px;
    height:26px;
}
.contact-heading-caption p{
    padding-top: 1rem;
    font-size:17px;
}
.error-message{
    color: var(--theme-alert);
    padding:.5rem 0;
    /* position: absolute; */
}

/* what we do */

.what-we-do .col-lg-6 img{
    height:550px;
}


/* theme card */
.theme-card{
background-color: var(--theme-light-bg);
/* background-color: var(--theme-yellow-bg); */
box-shadow: 0px 0px 7px 0px rgb(220, 214, 214);
margin:1rem 1.5rem;
height:300px;
padding:1rem 1.5rem;
}
.theme-card-wrapper{
    margin-top:2.5rem;
}
.theme-card-heading{
font-weight: 600;
font-size: 1.3rem;
padding:0.675rem 0;
}

.theme-card-content{

}



/* check-points */
.check-points-wrapper{
    padding:1.5rem 0;
    align-items: center;
}
.check-points{
    display: flex;
    align-items:flex-start;
    justify-content: center;
    padding:0 .675rem;
}

.check-points img{
    width:36px;
    height:36px;
    padding:7px;
}

/* services-benefits */
.services-benefits{
    text-align: center;
}
.services-benefits img{
    height:536px;
}

.disclaimer-wrapper{
    padding:4rem 0;
}

.disclaimer-wrapper .theme-sub-heading{
padding-top:0.575rem;
padding-bottom:0.575rem;
}

/* resource center */
.explore-our-categories .card-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 1.5rem;
    font-size: 14px;
    padding: 0.475rem 2.5rem 0.475rem 0.5rem;
    /* background-color: var(--theme-primary); */
    background-image: url(../img/content/ribbon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    text-align: left;
    color: var(--theme-white);
    /* border-radius: 0 3px 3px 0; */
}

.explore-our-categories .col-lg-3 {
    position: relative;
    background-color: var(--theme-light-bg);
    height: 485px;
    margin: 40px 12px;
    /* text-align: center; */
    width: 22.8%;
    padding: 1.5rem 1rem 1rem;
    border-radius: 5px;
}
.feature-item-caption {
    font-size: 1rem;
    color: var(--theme-gray-600);
}
.explore-our-categories .blog-img img {
    width: 100%;
    border-radius: 5px;
}
.explore-our-categories .feature-item-heading {
    font-size: 1.3rem;
    margin-top: 1rem;
}

.feature-item-heading {
    font-size: 1.7rem;
    font-weight: 600;
    color: var(--theme-heading-col);
    padding: 0.375rem 0;
}

.featured-resources .featured-heading {
    text-align: center;
}

.featured-resources .row {
    align-items: center;
    justify-content: center;
}

.featured-resources .row .col-lg-6 {
    width: 38.5%;
    margin: 2rem 1rem;
    background-color: var(--theme-light-bg);
    padding: 2.5rem 1.8rem;
}

/* legal content */
.terms-and-condition .section-content {
    margin: 0.675rem 0;
    line-height: 2rem;
    font-weight: 300;
}
.terms-and-condition .theme-sub-heading {
    margin-top: 2rem;
}
.terms-and-condition ul li, .terms-and-condition ol li {
    line-height: 2rem;
    font-weight: 300;
    font-size: 1.2rem;
}

.thank-you-note{
    padding:4rem 0;
}
.thank-you-note .theme-caption{
    text-align: center;
    padding:1rem 8rem;
    font-size:1.2rem;
}

/*Assessment form*/
.assessment-form .contact-wrapper{
    padding:6rem 1.5rem;
}
.assessment-form h2{
    padding-bottom: .8rem;
}
.form-group {
    margin-bottom: 15px;
}
.error-message {
    color: red;
    font-size: 0.9em;
}


.g-recaptcha {
    padding: 10px 0 15px 0;
   }