@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;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("../res/fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("../res/fonts/Playfair_Display/static/PlayfairDisplay-Medium.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("../res/fonts/Playfair_Display/static/PlayfairDisplay-SemiBold.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("../res/fonts/Playfair_Display/static/PlayfairDisplay-Bold.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

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

html {
    scroll-behavior: smooth;
}

:root {
    scroll-behavior: auto;
    --theme-primary: #0092FF;
    --theme-secondary: #FDFBCD;
    --theme-blue: #001842;
    --theme-light-bg: #E9F7FF;
    --theme-alt-bg: #eeb90c;
    --theme-alt-bg-2: #18181B;
    --theme-alt-bg-3: #2b59ff;
    --theme-black: #000000;
    --theme-white: #ffffff;
    --theme-dark-bg: #12141D;
    /* --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-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;

    --theme-radius: 5px;
    --theme-radius-2: 10px;
    --theme-heading-col: #00477c;
    --theme-font-size-h5: 1.5rem;

    --theme-border: #dee4ef;

    --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;
    --font-size-default:1rem;
    --font-size-100:1.1rem;
    --font-size-200:1.2rem;
    --font-size-300:1.375rem;
}

*,
::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 1rem;
}

h1 {
    font-family: 'Playfair Display', serif;
}

dl,
ol,
ul {
    margin: 0;
    padding: 0;
}

.list-style-none{
list-style: none;
padding:0;
margin:0;

}
.content-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-white,
.section-white {
    color: white !important;
}

.decoration-none {
    text-decoration: none;
}
.terms-and-condition{
    padding-top:3rem;
}


.terms-and-condition ul, .terms-and-condition ol{
        padding-left: 20px; 
}
.terms-and-condition .theme-sub-heading{
margin-top:2rem;
}
.terms-and-condition .section-content{
    margin:.675rem 0;
    line-height:2rem;
    font-weight:300;
}
.terms-and-condition ul li,.terms-and-condition ol li{
    line-height:2rem;
    font-weight:300; 
    font-size:1.2rem;  
}
.theme-heading {
    /* font-family: 'Playfair Display', serif; */
    font-weight: 400;
    font-size: 2.75rem;
    line-height: 1.1;
    padding: .8rem 0;

}

.theme-sub-heading {
    /* font-family: 'Playfair Display', serif; */
    font-weight: 400;
    font-size: 1.6rem;
}

.theme-message {
    font-size: 1.6rem;
    padding: .675rem 0;
}

.theme-heading-catchy {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 2.85rem;
}

.theme-sub-heading-catchy {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 2.25rem;
}

.theme-caption {
    font-weight: 400;
    font-size:var(--font-size-200);
    padding: .5rem 0;
}

.theme-sub-heading-2 {
    font-size: var(--theme-font-size-h5);
    font-weight: 600;
}

/****************************************************** */
/******************** 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-dark .navbar-toggler {
    border: none;
}

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

}

.navbar-dark .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 6H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 18H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.navbar-collapse {
    width: 100vw;
}

/* Headings */
.hero-section h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 5.375rem;
}

.hero-section p,
.header-section p {
    font-weight: 400;
    font-size: 1.6rem;
    padding: 1.5rem 0;
}

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


/****************************************************** */
/******************** 03. Navbar ***************** */
/****************************************************** */

.navbar-nav {
    gap: 1rem;
    margin-right: 1rem;
}

.navbar-nav .nav-item .nav-link {
    font-size: 1rem;

}

.navbar-light .navbar-item .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-white); */
    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: .7rem 1.6rem;
}

.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-border-btn-primary {
    color: var(--theme-alt-bg-3);
    background: none!important;
    font-weight: 600;
}

.rounded-btn {
    border-radius: 2rem;
}

.theme-footer-btn {
    background-color: #fff;
    color: var(--theme-dark);
}

.theme-footer-btn .theme-icon-small path {
    fill: var(--theme-dark);
}

.theme-footer-btn:hover {
    background-color: var(--theme-gray-300);

}

.theme-light-btn:hover,
.theme-light-btn:hover .theme-icon-small path {
    background-color: var(--theme-dark);
    color: var(--theme-white);
    transition: all .5s ease;
    fill: var(--theme-white);
}

.theme-light-btn {
    /* background-color: var(--theme-alt-bg-3); */
    background-color: var(--theme-primary);
    color: var(--theme-white);
}

/* .theme-light-btn:hover{
            background-color:var(--theme-alt-bg);
         } */




.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;
}

.element-divider {
    border-left: 2px solid var(--theme-border);
}


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



/* Hero section */

.hero-section,
.header-section {
    text-align: center;
    position: relative;
    /* margin-top:70px; */
    /* background-color:var(--theme-secondary); */
    background-color: var(--theme-blue);
    color: var(--theme-white);
}

.hero-section .row .hero-content {
    margin-top: 2rem;
    margin-bottom: 10rem;
    padding: 0 6rem;
}

.hero-content .theme-btn {
    border-radius: 5px;
}

.hero-shape-left {
    position: absolute;
    left: -10rem;
    bottom: -13rem;
    opacity: 8%;
}

.hero-shape-left img {
    width: 580px;
    height: 580px;
}

.hero-shape-right {
    position: absolute;
    right: 22rem;
    opacity: 10%;
    top: 18rem;

}

.hero-shape-right img {
    width: 120px;
    height: 120px;
}

/* introduction app start*/
.app-introduction {
    position: relative;
    background-color: #f9f9f9;
    z-index: 1;
    text-align: center;
    padding: 3rem 0 4rem 1rem;

}

.app-introduction::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/content/intro-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.8;
}

.app-introduction .app-icon img {
    width: 60px;
    height: 60px;
}

.app-introduction .theme-caption {}

/* CTA start*/
.cta-section {
    margin: 5rem 0;
}

.cta-container .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-container .row {
    background-color: var(--theme-light-bg);
    /* Adjust the alpha value for the desired overlay opacity */
    padding: 5rem;
    border-radius: .375rem;
}

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

.cta-container .row .col-lg-12: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-12:nth-child(2) {
    font-size: 1.3rem;
}

.cta-section .cta-container .page-caption {
    padding: calc(var(--bs-gutter-x) * .5);

}

/* CTA end */


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

}




.footer-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5rem 0 1.5rem 0;
    color: var(--theme-white);

}

.footer-nav ul,
.copyright-msg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-nav ul li {
    list-style: none;
    padding: 0 1rem;
}

.theme-cta .col-lg-12 {
    position: relative;
}

.footer-cta {
    /* position:absolute; */
    margin-bottom: -6rem;
    text-align: center;
    border-radius: var(--theme-radius);
    color: var(--theme-white);
    /* background-color: var(--theme-alt-bg-3); */
    background-color: var(--theme-alt-bg-3);
    padding: 3.675rem 1rem;
}

.quick-link ul li a {
    color: var(--theme-white);
    text-decoration: none;
    font-size: 1rem;
}

.quick-link ul li a:hover {
    color: var(--theme-secondary);
}

/* header section */
.header-section {
    padding: 10rem 0;
}

.header-section .header-content {
    padding-top: 2rem;
}

.header-content .hero-shape-left {
    left: -8rem;
    top: 12rem;
}

.header-section h2 {
    font-weight: 500;
    font-size: 3.55rem;
    font-weight: 500;
}




/* Features section - home */
.features-section {
    background-color: var(--theme-light-bg);
    margin: 3.5rem 0;
    padding: 3.5rem 0;
}

.features-section .theme-heading {
    /* font-weight: 600; */
    line-height: 1.2;
}

.features-section .theme-caption {
    margin-top: 1rem;
    padding-right: 5rem;
    font-size:var(--font-size-200);
}



.feature-icon img {
    padding: .575rem;
    width: 4rem;
    height: 4rem;
}

.features-items-container {
    padding: 2rem 0;
    /* justify-content: center; */
    /* text-align: center; */
}

.features-items-container .col-lg-4 {
    background-color: var(--theme-white);
    width: 31.33333333%;
    margin: 1rem .5rem;
    border-radius: var(--theme-radius);
    padding: 1rem 1.5rem;
    border: 1px solid var(--theme-gray-300);
}

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

.feature-item-caption {
    font-size: 1rem;
    color: var(--theme-gray-600);

}

/* Key features start */

.theme-light-bg-container .key-feature-element {
    text-align: center;
    padding: 1.4rem 0;
}

.service-element-message {
    padding: 50px 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 30px;
    padding-bottom: 50px;
    text-align: center;
}

.service-element-message:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../img/materials/key-feature-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.service-element-message h2 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 20px;
    color: var(--theme-heading-col);

}

.service-element-message img {
    width: 300px;
    height: 300px;
}

.service-element {
    padding: 1.5rem 0;
}

.service-element .col-lg-6 {
    /* display: flex; */
    text-align: center;
}

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

.service-icon svg,
.service-icon img {
    width: 3.5rem;
    height: 3.5rem;
    margin: .375rem;
}

/* Key features end */

/* how-we-achieve start */
.how-we-achieve {
    text-align: center;
}

.how-we-achieve .row .col-lg-6 {
    margin-top: 1rem;
}

.how-we-achieve .row .col-lg-6 .service-content .feature-item-caption {
    padding: 0 6rem;
}

/* how-we-achieve end */

/* Commitment Start */
.our-commitment {
    /* background-color: var(--theme-primary-transparent); */
    position: relative;
    background-image: url(../img/content/commitment-bg.jpg);
    color: var(--theme-white);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 0;
    margin: 5rem 0;
}

.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;
}

/* Commitment end*/


/* what-sets-up start*/

.what-sets-up .theme-heading {
    padding: 3rem;
}

.what-sets-up .theme-heading {
    text-align: center;
}

.what-sets-up .col-lg-4 {
    text-align: center;
}

.what-sets-up .what-sets-up-element {
    background: url(../img/materials/feature-bg.jpg) no-repeat center right;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    padding: 40px 20px;
    margin-bottom: 30px !important;
}

.what-sets-up .what-sets-up-element .features_icon {
    border: 2px solid #0f6de2;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    max-width: 100px !important;
    height: 100px;
    line-height: 90px;
    border-radius: 50%;
    padding: 5px;
}

.what-sets-up .what-sets-up-element .features_icon:before {
    content: '';
    border: 2px dashed #0067da;
    position: absolute;
    left: -10%;
    border-radius: 50%;
    top: -10%;
    width: 120%;
    height: 120%;
}

.what-sets-up .what-sets-up-element .features_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.what-sets-up .what-sets-up-element .features_icon img {
    width: 55px;
    height: 55px;
}

.what-sets-up .what-sets-up-element .features-content {
    padding: 30px 0 0;
}

.what-sets-up .what-sets-up-element .features-content .feature-item-heading {
    font-size: 1.5rem;
}

/* what-sets-up end*/
.service-section {
    background-color: var(--theme-white) !important;
}

.service-section .col-lg-12 {
    text-align: center;
}

/* featured-resources */
.featured-resources .featured-heading{
text-align: center;
}
.featured-resources .featured-section-heading{
padding:1rem;
}
.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;
}
.featured-resources .row .col-lg-6 .feature-item-heading{
    font-size: 1.5rem;
}



.featured-resources .row .col-lg-6  .feature-item-caption{
padding:.6rem 0;
}
/* why-choose-us */
.why-choose-us {
    text-align: center;
}

/* mission and vision */
.mission-container .mission,
.vision-container .vision {
    text-align: center;
    padding: 1rem 8rem;
}

/* .mission-container .mission img,.vision-container .vision img{
height:375px;
} */
.vision-container .section-icon img,
.mission-container .section-icon img {
    width: 80px;
    height: 80px;
}

.mission .section-heading,
.vision .section-heading {
    padding: 1.2rem 0;
}

/* Business Size*/
.business-size {
    text-align: center;
    padding: 1rem 0;
}

.business-size-container {
    padding: 3rem 0;
}

.business-size-item .feature-item-caption {
    font-size: 1.2rem;
}

.business-size .theme-caption {
    padding: .5rem 2rem;
}

/* theme-storyline */

.theme-storyline-container .row {
    position: relative;
    background-image: url(https://images.unsplash.com/photo-1656998019066-002f27bbe342?auto=format&fit=crop&q=80&w=1932&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: rgba(43, 89, 255,.7); */
    color: var(--theme-white);
    padding: 2rem 3rem;
}

.theme-storyline-container .row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 89, 255, .7);
    /* background-color: rgba(0, 38, 104, 0.8); */
    border-radius: var(--theme-radius);

}

.theme-storyline-container .row .theme-storyline {
    position: relative;
}

/* .theme-storyline .fusiondesk-icon{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--theme-white);
        width:95px;
        height:95px;
        border-radius:var(--theme-radius-2);
    } */

.theme-storyline .fusiondesk-icon img {
    width: 80px;
    height: 80px;
}

.theme-storyline h3 {
    font-size: 2.375rem;
    padding-top: 1rem;
}

/* content-right */
.content-right .row {
    margin: 4rem 0;
}

.content-right .pricing-illustration img {
    height: 385px;
}

.content-right .pricing-illustration {
    display: flex !important;
    justify-content: center;
}


/* How it works  */

.content-right .how-it-works img {
    height: 325px;

}

.content-right .how-it-works {
    display: flex !important;
    justify-content: center;
}

.row-spacing {
    margin: 6rem 0 !important;
}
.data-driven {
    /* Set the default style for larger screens */
    white-space: nowrap; /* Prevent line break */
  }

/* pricing */
.section-heading-title {
    font-weight: 600;
    color: var(--theme-primary);
}

.section-heading {
    font-size: 1.8rem;
    font-weight: 500;
    padding: .375rem 0;
}

.section-content {
    font-size:var(--font-size-200);
    color: var(--theme-gray-700);

}

/* blog-section */

/* .blog-section {
    padding: 10rem 0;
} */
.explore-our-categories .explore-categories-heading,
.blog-content .explore-categories-heading{
text-align: center;
}
.explore-our-categories .row,.blog-content .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.explore-our-categories .blog-img img, .blog-content .blog-img img {
    width: 100%;
    border-radius: 5px;

}


.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;
}

.blog-content .col-lg-4 {
    position: relative;
    background-color: var(--theme-light-bg);
    height: 485px;
    margin: 40px 12px;
    /* text-align: center; */
    width: 30.8%;
    padding: 1.5rem 1rem 1rem;
    border-radius: 5px;
}



.explore-our-categories .feature-item-heading,.blog-content .feature-item-heading {
    font-size: 1.3rem;
    margin-top: 1rem;

}

.explore-our-categories .card-caption, .blog-content .card-caption {
    position: absolute;
    bottom:0;
    left:0;
    margin:0 0 1.5rem;
    font-size:14px;
    padding:.475rem 2.5rem .475rem .5rem;
    /* background-color: var(--theme-primary); */
    background-image: url('../img/materials/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; */
}

/* Blog section */
.blog-container{
    max-width:1140px;
}
.blog-section a{
    text-decoration: none;
}
.blog-section .blog-thumbnail{
    position: relative;
}
.blog-section .blog-thumbnail img{
    width: 100%;
    border-radius: 5px;
    
}
.blog-section .blog-heading{
    font-size: 1.3rem;
    margin-top: 1rem;
    font-weight: 600;
    color: var(--theme-heading-col);
    padding: .375rem 0;
    cursor: pointer;
}
.blog-container .theme-heading{
font-weight:600;
}
.blog-content-tag{
    position: absolute; 
    bottom: 0;
    left:-10px;
    margin-bottom:15px;
    font-size: 14px;
    padding: .475rem 2.5rem .475rem .5rem;
    /* background-color: var(--theme-primary); */
    background-image: url(../img/materials/ribbon-light.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    text-align: right;
    color: var(--theme-gray-700);
  
    /* border-radius: 0 3px 3px 0;*/
}
.theme-blog-content
{
    margin: 1.6rem 0;
}

.theme-blog-content .theme-p-wrapper{
    margin:2rem 0;
}
.theme-blog-content h4{
font-size: calc(1.2rem + .3vw);
font-weight:500;
}
.theme-blog-content p{
    margin:1rem 0;
    font-size: var(--font-size-200);
    color: var(--theme-gray-700);
}
.blog-thumbnail{
    cursor: pointer;
}
/*  how-it-works-row */
.benefits-list {
    margin: 0 !important;
}

.benefits-list .list-features {
    list-style-type: none;
    padding: 1.875rem 0;
}

.benefits-list .list-features li {
    padding: .675rem 0;
    font-size:var(--font-size-200);
    color: var(--theme-gray-700);
    display: flex;
    align-items: center;
}

.benefits-list .list-features li span img {
    width: 30px;
    height: 30px;
    margin: 0 .875rem;
}

/* form styling */

.form-control {
    padding: 0.475rem 0.75rem;
    width: 75%;
}

.contact-form .contact-wrapper {
    padding: 4rem 0;
}

.contact-form .contact-info {
    padding-right: 5rem;
    padding-left: 0;
}

.contact-form .contact-info .reach-us {
    padding: 1.2rem 0;
}

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

.form-control:focus {
    /* border: none!important; */
    outline: none;
    box-shadow: none;
}

.error-message {
    color: var(--theme-alert);
    padding: 0.5rem 0;
    /* position: absolute; */
}

.contact-wrapper {
    margin: 0 !important;
}

.contact-wrapper form .theme-btn {
    border-radius: 2px;
    padding: .675rem 3rem;
    /* width: 75%; */

}

.contact-us-section .feature-item-caption {
    padding-top: 1rem;
}

.social-button button {
    background-color: var(--theme-alt-bg-2);
}

.social-button .theme-icon-small svg {
    width: 1.5rem;
    height: 1.5rem;
}

/* theme 2 */

.theme-dark {
    background-color: var(--theme-dark-bg);
    color: var(--theme-white);
}


/* theme-blue */
.theme-blue {
    /* background-color: #2b59ff; */
    /* background-color: #131d2f; */
    /* background-color: #131d2f; */
    background-color: var(--theme-blue);
    color: var(--theme-white);
}

.navbar-blue .navbar-nav .nav-item .nav-link {
    color: var(--theme-white);
}

.theme-blue {
    position: relative;
    overflow: hidden;
    color: var(--theme-white);
}

#heroVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
}

/* Adjust the content position */
.hero-section {
    position: relative;
    padding: 100px 0 30px 0;
}

.hero-grad-one {
    border-radius: 210px;
    background: rgba(62, 120, 231, .3);
    filter: blur(90px);
    width: 266px;
    height: 266px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-grad-two {
    border-radius: 210px;
    background: rgba(62, 120, 231, .3);
    filter: blur(90px);
    width: 240px;
    height: 240px;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.active-resource{
    cursor: pointer;
}