@charset "utf-8";
/* CSS Document */
/*	General Styling
----------------------------------------------------------------------*/
@import url("bootstrap.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* Color Presets
--------------------------------------------------------------*/
:root {
    --theme-color-primary: #66ba6a;
    --theme-color-secondary: #ea3c12;
    --theme-color-dark: #223645;
    --theme-bg-light: #EFF3F7;
}

/* General Styling & Shared Classes
--------------------------------------------------------------*/
/*html, body {height: 100%;}*/
body {font-family: "Montserrat", sans-serif; font-style: normal; color: #223645; margin: 0;height: 100%;}
ul {list-style-type: none;}
.clear {clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
.extra-wrap {overflow: hidden;}
.wrapper {width: 100%; overflow: hidden;}
.super-container {margin: 0; height: 100%; padding: 0px; position: relative;}
.container {position: relative;}
img {vertical-align: middle; height: auto; max-width: 100%; border: 0;}
a {text-decoration: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;}

.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font18 {font-size: 18px !important;}

.txt_fff {color: #ffffff;}
.txt_fff:hover,
.txt_fff:focus {color: #ffffff;}

.txt_666 {color: #666666;}
.txt_666:hover,
.txt_666:focus {color: #666666;}

.txt_999 {color: #999999;}
.txt_999:hover,
.txt_999:focus {color: #999999;}

.txt_333 {color: #333333;}
.txt_333:hover,
.txt_333:focus {color: #333333;}

.txt_000 {color: #000000;}
.txt_000:hover,
.txt_000:focus {color: #000000;}

.lh-auto {line-height: 1.5;}
.lh-19 {line-height: 1.9;}

.primary-color {color: var(--theme-color-primary);}
.secondary-color {color: var(--theme-color-secondary);}
.dark-color {color: var(--theme-color-dark);}
.theme-bg-light {background: var(--theme-bg-light);}

section, .section {
    margin-bottom: 80px;
}

.bullet-list {
    list-style-type: disc;
}


/* Header
--------------------------------------------------------------*/
#header {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
#header .navbar-top {
    background-color: #223645;
    color: #ffffff;
}
#header .navbar-top a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
}
#header .navbar-top .phone a {
    background: url("../images/phone-icon.svg") no-repeat scroll 0 center transparent;
    padding-left: 16px;
    background-size: 12px auto;
}
#header .navbar-top .email a {
    background: url("../images/mail-icon.svg") no-repeat scroll 0 center transparent;
    padding-left: 20px;
    background-size: 14px auto;
}
#header .navbar-brand img {
    width: 175px;
}
#header .navbar .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}


/* Hero
--------------------------------------------------------------*/
.hero {
    background: url("../images/home-banner-bg.jpg") no-repeat scroll 0 0 transparent;
}


/* Home Blogs
--------------------------------------------------------------*/
.latest-blogs .card {
    padding: 12px;
}


/* Theme Buttons
--------------------------------------------------------------*/
.theme-btn {
    background-color: var(--theme-color-primary);
    color: #ffffff;
    font-weight: 500;
    border-radius: 30px;
    padding: 11px 15px;
    font-size: 15px;
}
.theme-btn img {
    width: 14px;
    margin-right: 2px;
    margin-top: -2px;
}
.theme-btn:hover,
.theme-btn:focus {
    background-color: var(--theme-color-dark);
    color: #ffffff;
}
.theme-btn.btn-sm {
    font-weight: normal;
    padding: 3px 10px;
}

/* Home Testimonials
--------------------------------------------------------------*/
.testimonials .card {
    padding: 30px;
    background-color: transparent;
}
.testimonials .card .card-body {
    border: 2px solid #66BA6A;
    padding: 48px 20px;
    border-radius: 10px;
    position: relative;
    background-color: #ffffff;
}
.testimonials-carousel .quotes {
    width: 45px;
    height: 45px;
    color: #ffffff;
    background-color: #66BA6A;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
}
.testimonials-carousel .owl-nav button {
    width: 50px;
    height: 50px;
}
.testimonials-carousel .owl-nav button.owl-prev {
    background: url("../images/carousel-arrow-l.svg") no-repeat scroll 0 0 transparent; 
}
.testimonials-carousel .owl-nav button.owl-next {
    background: url("../images/carousel-arrow-r.svg") no-repeat scroll 0 0 transparent;
}
.testimonials-carousel .owl-nav button span {
    display: none;
}


/* Home Plans & Pricing
--------------------------------------------------------------*/
.plans-pricing .card-subtitle {
    background-color: rgba(106, 229, 162, 0.20);
    color: var(--theme-color-primary);
    padding: 10px 5px;
    border-radius: 5px;
}


/* Call To Actions
--------------------------------------------------------------*/
.cta-wrap .info-item {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}
.cta-wrap .info-item .icon-box {
    width: 50px;
    height: 50px;
    background-color: var(--theme-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: 0.3s;
}
.cta-wrap .info-item .icon-box i {
    font-size: 20px;
    color: #ffffff;
}


/* Footer
--------------------------------------------------------------*/
footer {
    background-color: var(--theme-color-dark);
    color: #ffffff;
    padding: 12px 0;
}


/* Page Head
--------------------------------------------------------------*/
.page-head {
    margin-bottom: 3rem;
}
.page-head .page-head-wrap {
    background-color: #ECF6EE;
    padding: 2rem 0;
    text-align: center;
    position: relative;
}
.page-head .page-head-wrap h2 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 36px;
}



/* Blogs List / Blog Details
--------------------------------------------------------------*/
.blogs-list .card {
    padding: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    border-radius: 0.5rem;
}
.blogs-list .card:hover {
    box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);
}
.blogs-list .card-body > span {
    position: relative;
    z-index: 2;
}
.blogs-list .card .card-title {
    font-size: 20px;
    font-weight: 600;
}
table.markdown {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-collapse: separate;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    margin-bottom: .25rem;
    margin-top: .25rem;
    width: 100%;
}
.markdown thead {
    border-bottom-color: #d1d5db;
    border-bottom-width: 1px;
}
.markdown th {
    background-color: #f4f4f4;
    border-bottom-width: 1px;
    border-color: rgba(0,0,0,.15);
    border-top-width: 1px;
    padding: .5rem .75rem;
    font-weight: 600;
    border-left-width: 1px;
}
.markdown th:first-child {
    border-top-left-radius: .375rem;
    padding-left: .75rem;
}
.markdown th:last-child {
    border-right-width: 1px;
    border-top-right-radius: .375rem;
    padding-right: .75rem;
}
.markdown td {
    border-bottom-width: 1px;
    border-color: rgba(0,0,0,.15);
    padding: .35rem .75rem;
    border-left-width: 1px;
    vertical-align: baseline;
}
.markdown td:last-child {
    border-right-width: 1px;
}







@media screen and (min-width: 768px) { }

/* below 1024 screens */
@media (max-width: 992px) {}

@media (max-width: 768px) {}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    #header .navbar-top .phone a {padding-left: 10px; background-size: 9px auto;}
    #header .navbar-top .email a {padding-left: 16px; background-size: 12px auto;}
    #header .navbar-top a {font-size: 12px;}

    #header .navbar-brand img {width: 150px;}
    .navbar-toggler {border:0;}
    .navbar-toggler:focus {box-shadow: none;}

    #header .navbar .nav-link {padding-left: 10px; padding-right: 10px;}

    .blogs-list .card {height: auto;}

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    #header .navbar-brand img {width: 150px;}
    .navbar-toggler {border:0;}
    .navbar-toggler:focus {box-shadow: none;}

    #header .navbar .nav-link {padding-left: 10px; padding-right: 10px;}
   
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .navbar-toggler {border:0;}
    .navbar-toggler:focus {box-shadow: none;}

    #header .navbar .nav-link {padding-left: 10px; padding-right: 10px;}
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* 15" Notebook (1366x768) */
@media (min-width: 1280px) and (max-width: 1365.98px) {}

/* 19" Desktop (1400x900) */
@media (min-width: 1366px) and (max-width: 1440px) {}

/* 22" Desktop (1680x1050) / 20" Desktop (1600x900) */
@media (min-width: 1441px) and (max-width: 1680px) {}

/* 24" Desktop (1920x1200) / 23" Desktop (1920x1080) */
@media (min-width: 1681px) and (max-width: 1920px) {}


/* phone landscape view  */
@media (min-width: 480px) and (max-width: 767px) {}

/* phone portrait view  */
@media (max-width: 479px) {}