/* roboto  */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wdth,wght@75..100,100..900&display=swap");
/* poppin  */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

* {
    box-sizing: border-box;
}

:root {
    --primary: #0e2643;
    --secondary: #ffc107;
    --black: #000000;
    --white: #ffffff;
    --white80: rgba(255, 255, 255, 0.8);
    --boxShadowCard: 0 18px 52px rgba(215, 228, 249, 0.5);
    --yellowlight: rgba(255, 193, 7, 0.15);
    --transition: 0.3s all ease;
    --light-blue: #F2F8FA;
}

html,
body {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    height: auto;
}

h1,
h2 {
    font-size: 50px;
    font-weight: bold;
    color: var(--primary);
    line-height: 1.3;
}

h2 {
    font-size: 40px;
    font-weight: 400;
}

h2 .span {
    font-weight: 700;
}

p {
    color: var(--primary);
    line-height: 1.6;
    font-family: "Poppins", serif;
}

h3 {
    color: var(--primary);
    font-size: 24px;
    font-weight: 600;
}

a {
    text-decoration: none;
}

.span {
    color: var(--secondary);
}

.site-btn {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 104px;
    border: 2px solid var(--secondary);
    background-color: var(--secondary);
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px;
    min-width: 170px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: var(--transition)
}

.site-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    top: 0;
    right: 0;
    height: 100%;
    background: var(--white);
    z-index: -1;
    margin: auto;
    /* transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); */
    transition: var(--transition)
}

.site-btn:hover {
    color: var(--primary);
    border: 2px solid var(--primary);
}

.site-btn:hover::before {
    width: 100%;
}

.wrapper {
    max-width: 1230px;
    margin: auto;
}

.padding-50 {
    padding: 50px 0;
}

.padding-100 {
    padding: 100px 0;
}

.lh-3 {
    line-height: 1.3;
}

/*header*/
header {
    padding: 13px 0;
    background-color: var(--white);
    position: absolute;
    z-index: 1055;
    top: 0;
    left: 0;
    width: 100%;
}

header.shadow {
    box-shadow: var(--boxShadowCard);
}

header .navbar-nav li a {
    color: rgba(14, 38, 67, 0.7) !important;

    font-size: 16px;
    font-weight: 400;
}


header .navbar-nav li a.active {
    color: var(--secondary) !important;
    font-weight: 500;
}


header .navbar-nav li a:hover {
    color: var(--secondary) !important;
}

.inner-manu {
    background-color: var(--white);
    padding: 30px;
    border-radius: 12px;
    position: absolute;
    z-index: -2;
    top: 30px;
    left: 0;
    width: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all ease 0.15s;
}


.inner-manu.small {
    padding: 12px;
    top: 25px;
    min-width: 270px;
}

.inner-manu.small a:not(:last-child) .service {
    margin-bottom: 12px;
}

.nav-item:hover .inner-manu {
    opacity: 1;
    visibility: visible;
    transition: var(--transition);
    transform: translateY(50px);
}

.nav-item-2 {
    position: relative;
}

.manu-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 16px;
}

.ststic-card {
    background-color: var(--secondary);
    border-radius: 12px;
    padding: 42px 24px;
    position: relative;
    z-index: 1;
}

.ststic-card img {
    position: absolute;
    z-index: -1;
    top: 12px;
    right: 0;
    max-width: 90px;
}

.ststic-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.ststic-card.gray {
    background-color: var(--light-blue);
}

.manu-content .title h3 {
    font-size: 32px;
    font-weight: 700;
}

.service {
    background-color: var(--light-blue);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service h5 {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 500;
    color: var(--primary);
}

.service .icon {
    border-radius: 50%;
    background-color: var(--white);
    width: 50px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service img {
    max-width: 30px;

}

.splide__list {
    height: auto;
}

.arrow-down {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: start;
}

.arrow-down::before {
    content: url(../images/chavrown-down-icon.svg);
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
}

.nav-item:hover .arrow-down::before {
    transform: rotate(180deg);
}

.navbar-toggler {
    padding: 0;
    margin: 0;
    background-color: transparent !important;
    box-shadow: unset !important;
    border: unset;
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url(../images/hamburger-icon.svg);
    transition: var(--transition);
    background-size: 100% 100%;
}

.navbar-toggler.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(../images/cross-icon.svg);
    transition: var(--transition);
    background-size: 100% 100%;
}

/* banner */

.banner {
    padding: 180px 0 100px;
}

.banner .bg-cloud-ban img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1056;
    width: 8%;
}

.sub-title {
    padding: 5px 16px 4px;
    background-color: rgba(242, 251, 255, 0.1);
    border-radius: 20px;
    display: inline-flex;
}

.sub-title span {
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--white80);
    font-family: "Poppins", serif;
    line-height: 1.3;
}

.sub-title span::before {
    content: "";
    background-color: var(--secondary);
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
}

.bg-blue {
    background-color: #0e2643;
}

.bg-l-blue {
    background-color: var(--light-blue);
}

.banner .text h1 {
    font-weight: normal;
    color: var(--white);
    margin: 15px 0;
}

.banner .text p {
    color: var(--white80);
    font-size: 14px;
    max-width: 670px;
}

.banner .buttons {
    max-width: 500px;
    position: relative;
}

.banner .buttons span {
    color: var(--white);
    font-weight: 500;
}

.banner .buttons .site-btn {
    min-width: 200px;
}

.banner #vortex {
    width: 400px;
    height: 400px;
}

.banner .bg-360 {
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0;
    width: 100%;
    max-width: 400px;
}

.animatrd-card {
    position: relative;
    z-index: 1;
    max-width: 400px;
    margin-left: auto;
}

.logo-zoho {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: max-content;
    max-width: 90px;
}

.arrow-btn {
    display: flex;
    align-items: start;
    margin-top: 70px;
    gap: 20px;
}

.arrow-btn img {
    width: auto;
    max-width: 100%;
}

.arrow-btn span {
    color: var(--white);
    font-weight: 500;
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin-top: 11px;
}

.arrow-btn .site-btn {
    margin-left: 20px;
}


/* two-col-section  */

.sub-title-v2 {
    background-color: rgba(47, 192, 237, 0.1);
    padding: 6px 15px;

}

.sub-title-v2 span {
    color: var(--primary);
    font-weight: 500;
    line-height: 1.3;
}

.sub-title-v2 span::before {
    background-color: #2FC0ED;
    width: 7px;
    height: 7px;
    aspect-ratio: unset;
}

.sub-title-v3 {
    background-color: rgba(255, 193, 7, 0.1);
}

.sub-title-v3 span {
    color: var(--secondary);
}

.before-none span::before {
    display: none;
}

h2.title-2 {
    font-weight: 400;
    margin: 20px 0;
}

h2.title-2 span {
    font-weight: 700;
}


.check-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    list-style-type: none;
    margin-top: 25px;
}

.check-list ul li {
    background-color: white;
    box-shadow: 0px 18px 52.85px 0px rgba(215, 228, 249, 0.5);
    padding: 20px 18px;
    border-radius: 10px;
    display: flex;
    gap: 13px;
    align-items: center;
    font-size: 16px;
    color: var(--primary);
    font-weight: 500;
}

.check-list ul li:nth-child(odd) {
    width: 54%;
}

.check-list ul li:nth-child(even) {
    width: 42%;
}

.check-list ul li i {
    font-size: 23px;
    color: #089949;
}

.prim-text p {
    color: var(--primary);
}


.dbl-img {
    display: flex;
    align-items: start;
}

.text-img {
    margin: 13% -20px 0 0;
}

/* splid section */

.logo-slider-sec {
    padding: 30px 0;
}

.slide-1-home .logos img {
    max-width: 100px;
    padding: 13px;
    display: inline-block;
    border: 2px solid transparent;
    padding: 10px 16px;
    border-image: url(../images/dashed-border.png) 2 round;
}


/* process-section */

.process-section .wrapper {
    max-width: 1044px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.box-card .img img {
    max-width: 40px;
}

.box-card .img {
    background-color: var(--light-blue);
    border-radius: 50%;
    width: 70px;
    margin: 0 auto 40px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-card h3 {
    margin: 30px 0 10px;
    color: var(--primary);
    font-size: 24px;
    font-weight: 600;
}

.layer-bg {
    position: relative;
    z-index: 1;
}

.layer-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15%;
    left: 0;
    width: 80%;
    height: 2px;
    right: 0;
    margin: auto;
    background-image: url(../images/layer-bg.svg);
}

.section-title h2 {
    margin-bottom: 15px;
}

.section-title {
    margin-bottom: 40px;
}


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

/* .three-col-sec */
.three-col-sec .section-title p {
    max-width: 800px;
    margin: 14px auto 40px;
}

.icon-card {
    border-radius: 10px;
    padding: 30px 25px;
    text-align: center;
    background-color: var(--white);
    transition: var(--transition);
    height: 100%;
}

.icon-card:hover {
    transform: translateY(-5px);
}


.three-col-sec .img {
    background-color: #F8F5EC;
    border-radius: 50%;
    width: 80px;
    aspect-ratio: 1;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.three-col-sec .img img {
    max-width: 50px;
}


.icon-card h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 28px 0 12px;
}

/* stat-content-sec  */


.stat-content-sec {
    position: relative;
    z-index: 1;
}

.stat-content-sec {
    padding: 100px 0;
}

.stat-content-sec .background {
    background: var(--primary);
    border-radius: 10px;
    padding: 45px 0;
}

.stat-content-sec h2 {
    color: var(--white);
    font-size: 40px;
}

.stat-content-sec p {
    color: var(--white);
    margin-top: 10px;
    font-size: 17px;
    max-width:780px;
    font-weight: 400;
}

.stat-content-sec .btns {
    display: flex;
    gap: 30px;
}

.stat-content-sec .btns img {
    width: auto;
    max-width: 100%;
    margin-top: -50px;
}

.bg-cloud img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: auto;
    height: 95%;
}

.cloud-right-bg img {
    right: 0;
    left: unset;
}

.stat-content-sec .site-btn {
    min-width: 250px;
}



/* .section-4 */
/* .section-4 {
    background-color: var(--light-blue);
    padding: 50px 0;
}

.section-4 img {
    max-width: 145px;
}

.section-4 .wrapper {
    max-width: 1100px;
    margin: auto;
}

.section-4 .section-title p {
    width: 75%;
    margin: 14px auto 40px;
}

.section-4 .text p {
    margin: 14px 0 40px;
}

.section-4 .wrapper-2 {
    padding: 100px 0;
} */


/* review-section */

.review-card .span {
    font-size: 16px;
    font-weight: 500;
    background: rgba(252, 115, 24, 0.1);
    padding: 5px 25px;
    border-radius: 39px;
    letter-spacing: 1px;
}

.review-card h2 {
    color: #251839;
    font-size: 40px;
    margin: 15px 0 30px;
}

.review-card .img img {
    max-width: 40px;
}

.review-card p {
    max-width: 460px;
    color: #585c65;
    font-style: italic;
    margin: 19px 0 28px;
    font-size: 16px;
}

.card-ftr img {
    max-width: 80px;
    margin-right: 15px;
}

/* slide-2-home  */


.slide-2-home .splide__track {
    padding-block: 50px;
}

.slide-2-home .splide__slide .review-card {
    box-shadow: unset;
}


.slide-2-home .splide__slide.is-visible .review-card {
    box-shadow: var(--boxShadowCard);
}

.bg-lblue-small {
    position: relative;
    z-index: 1;
    padding: 30px 0 110px;
}

.bg-lblue-small::before {
    background-color: var(--light-blue);
    content: "";
    width: 80%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cust-style-slider .splide__arrows {
    border-radius: 12px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 120px;
    padding: 8px;
    background-color: var(--white);
}

.cust-style-slider .splide__arrow {
    bottom: -50px;
    position: unset;
    top: unset;
    transform: unset;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: var(--primary);
    opacity: 1;
    color: var(--white);
    border-radius: 12px;


}


.cust-style-slider .splide__arrow::before {
    content: "\2192";
    font-weight: 900;
    font-size: 20px;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.cust-style-slider .splide__arrow--prev {
    transform: rotate(180deg);
}

.cust-style-slider .splide__arrow--prev::before {
    margin-bottom: 5px;
}

.cust-style-slider .splide__arrow--next::before {
    margin-bottom: 4px;
}

.cust-style-slider .splide__arrow:disabled {
    background-color: transparent;
    color: #96B0B8;
    opacity: 1;
}

.cust-style-slider .splide__arrow svg {
    display: none;
}

.card-ftr h3 {
    font-size: 25px;
    font-weight: 700;
    color: #0b1b36;
    margin-bottom: 7px;
}

.card-ftr h4 {
    color: rgba(88, 92, 101, 0.5);
    font-size: 20px;
    font-weight: 600;
}

.review-section .icon-card {
    box-shadow: 0 18px 52px rgba(215, 228, 249, 0.5);
    border-radius: 10px;
    padding: 32px 45px 42px 38px;
}

.stars i {
    color: #FBB040;
}


/* .section-7 .section-title p {
    max-width: 800px;
    margin: 14px auto 50px;
} */

.review-card {
    box-shadow: 0 18px 52px rgba(215, 228, 249, 0.5);
    border-radius: 10px;
    padding: 20px;
    background-color: var(--white);
}

.user-detail {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-detail img {
    max-width: 40px;
    aspect-ratio: 1;

}

.section-7 .span img {
    max-width: 24px;
    margin-right: 8px;
}

/* col-grid-section */
.info-card {
    padding: 20px;
    box-shadow: var(--boxShadowCard);
    border-radius: 10px;
    background-color: var(--white);
    height: 100%;
}

.info-card img {
    border-radius: 12px;
}

.info-card h3 {
    margin: 20px 0 10px;
    font-weight: 700;
}

.info-card p {
    font-size: 15px;
}

.horizontal-card {
    box-shadow: var(--boxShadowCard);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.horizontal-card img {
    max-width: 200px;
    border-radius: 12px;
}

.horizontal-card h3 {
    margin: 10px 0 5px;
    font-weight: 700;
}

.horizontal-card p {
    font-size: 14px;
}

.inner-cards .horizontal-card:not(:last-child) {
    margin-bottom: 30px;
}

/* .section-8 */
.section-8 {
    padding: 0;
}

.section-8 .background {
    background: var(--secondary);
    position: relative;
    z-index: 1;
    margin-bottom: -140px;
}

.section-8 .site-btn {
    color: var(--secondary);
    border: 1px solid var(--secondary);
}

.section-8 .site-btn:hover {
    border: 2px solid var(--white);
}

.section-8 .site-btn::before {
    background-color: var(--secondary);
    border: 0;
}

/* footer*/
.footer {
    background: var(--light-blue);
    padding: 50px 0 30px;
}

.footer .img img {
    max-width: 250px;
    margin-bottom: 10px;
}

.footer h3 {
    font-weight: 600;
    color: var(--primary);
    font-size: 16px;
    margin-bottom: 10px;
}

.footer p {
    margin-bottom: 10px;
}

.footer p a {
    line-height: 1.3;
    color: var(--primary);
    margin-top: 15px;
}

.footer p a:hover {
    text-decoration: underline;
}

.footer i {
    margin-right: 15px;
    font-size: 17px;
}

.footer .wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 35px;
}

.footer .copyright a,
.footer .copyright P {
    color: var(--primary);
    margin: 0;
}



/* mediaQuery*/
@media (max-width: 1199px) {

    h1 br,
    h2 br,
    p br {
        display: none;
    }

    .banner .bg-cloud-ban {
        display: none;
    }

    .bg-nav .logo {
        max-width: 100px;
    }

    .navbar-nav li a {
        font-size: 15px;
    }

    h2,
    h1 {
        font-size: 34px;
    }

    .arrow-btn {
        margin-top: 35px;
    }

    .banner .buttons .site-btn {
        font-size: 15px;
    }

    .process-section .wrapper .left,
    .process-section .wrapper .center,
    .process-section .wrapper .right {
        bottom: 50%;
    }

    .banner .img,
    .section-4 .img {
        min-height: 310px;
    }

    .icon-card {
        padding: 15px;
    }

    .icon-card p {
        font-size: 14px;
    }

    .check-list ul li {
        font-size: 14px;
        padding: 12px;
    }

    .check-list ul li i {
        font-size: 18px;
    }

    .check-list ul li:nth-child(odd) {
        width: 53%;
    }

    .prim-text p,
    .footer p {
        font-size: 14px;
    }

    .footer i {
        margin-right: 10px;
    }

    .three-col-sec .icon-card h3 {
        margin: 10px 0;
    }

    .cloud-right {
        width: 9%;
    }

    .cloud-left {
        left: -36px;
        width: 13%;
        height: 39%;
    }

    .stat-content-sec .content {
        justify-content: center;
        text-align: center;
    }

    .stat-content-sec .content .btns img {
        display: none;
    }

    .horizontal-card p {
        font-size: 13px;
    }

    .horizontal-card {
        padding: 15px;
    }
}

/* mediaquree-for-tablate */


@media (max-width: 991px) {

    h3 {
        font-size: 20px;
    }

    .cloud-left {
        width: 12%;
    }

    .navbar-nav {
        margin: 15px 0 !important;
    }

    h1,
    h2 {
        font-size: 30px;
    }

    header .nav-item {
        position: relative;
        display: inline-block;
    }

    .inner-manu {
        padding: 0 !important;
        position: static;
        display: none;
        transform: unset !important;
    }

    .inner-manu .border-end {
        display: none;
    }

    header .nav-item:hover .inner-manu {
        display: block;
    }

    .layer-bg::before {
        display: none;
    }

    .banner .img,
    .section-4 .img {
        min-height: 270px;
    }

    .section-1 .img {
        margin-bottom: 15px;
    }

    .process-section .wrapper .left {
        display: none;
    }

    .process-section .wrapper .center {
        width: 45%;
        left: 28%;
        bottom: 66%;
    }

    .process-section .wrapper .right {
        width: 45%;
        left: 28%;
        bottom: 29%;
    }

    .process-section .icon-card {
        margin-bottom: 30px;
    }

    .stat-content-sec h2 {
        font-size: 30px;
    }

    .stat-content-sec p {
        max-width: 640px;
    }

    .stat-content-sec .background {
        padding: 30px 20px;
    }

    .review-section .card-ftr h3 {
        font-size: 20px;
    }

    .cloud-left {
        left: -16px;
        height: auto;
    }

    .review-section .icon-card {
        padding: 15px;
    }

    .stat-content-sec p {
        margin: 10px 0 15px 0;
    }

    .stat-content-sec {
        padding: 40px 0;
    }

    .review-card p {
        font-size: 14px;
    }

    .footer .colmns {
        margin-bottom: 0;
    }
}

/* mediaquree-for-mobile */
@media (max-width: 767px) {

    p {
        font-size: 14px !important;
    }

    header {
        padding: 10px 0;
    }

    header .logo img {
        max-height: 40px;
    }

    .service {
        padding: 15px;
    }

    .service h5 {
        font-size: 16px;
    }

    .bg-nav .logo {
        max-width: 80px;
    }

    .cloud-left {
        display: none;
    }

    .cloud-right {
        display: none;
    }

    h1,
    h2 {
        font-size: 28px;
    }

    .site-btn {
        padding: 9px 20px;
        width: 100%;
    }

    .banner {
        padding: 100px 0 60px;
    }

    .arrow-btn {
        margin-top: 20px;
    }

    .banner .buttons .site-btn {
        margin-bottom: 10px;
    }

    .banner #vortex {
        width: 300px;
        height: 300px;
    }

    /* about sec  */

    .check-list ul {
        gap: 10px;
    }

    .padding-50 {
        padding: 30px 0;
    }

    .check-list ul li {
        width: 100% !important;
    }

    .animatrd-card {
        max-width: 300px;
        margin: auto;
    }

    .square-button {
        width: 55px;
        height: 55px;
    }

    .arrow-btn .site-btn {
        margin-left: 0;
        width: 100%;
    }

    .arrow-btn {
        gap: 10px;
        flex-direction: column;
    }

    .arrow-btn img {
        display: none;
    }

    /* .process-section */
    .process-section .section-title p {
        margin-bottom: 20px;
    }

    .process-section .icon-card h3 {
        margin: 10px 0 10px;
    }

    /* stat-content-sec */
    .stat-content-sec {
        padding: 50px 0;
    }

    .stat-content-sec h2 {
        font-size: 27px;
    }

    /* .review-section */
    .review-section h2 {
        font-size: 27px;
    }

    .review-section .icon-card {
        margin-bottom: 20px;
        padding: 20px;
    }

    /* content section  */

    .three-col-sec .img,
    .box-card .img {
        width: 65px;
    }

    .three-col-sec .img img,
    .box-card .img img {
        max-width: 40px;
    }

    .box-card h3 {
        margin-top: 20px;
    }

    .box-card .img {
        margin-bottom: 20px;
    }

    .bg-cloud img {
        opacity: 0.3;
    }

    .stat-content-sec .btns {
        width: 100%;
    }

    .slide-2-home .splide__track {
        padding: 30px;
    }

    .cust-style-slider .splide__arrow {
        width: 40px;
        height: 40px;
    }

    .cust-style-slider .splide__arrows {
        max-width: 100px;
    }

    .bg-lblue-small {
        padding-bottom: 70px;
    }

    .bg-lblue-small::before {
        width: 100%;
    }

    .col-grid-section .section-title h2 {
        font-size: 25px;
    }

    .horizontal-card {
        flex-direction: column;
    }

    .horizontal-card img,
    .horizontal-card .img-card {
        width: 100%;
    }

    .padding-100 {
        padding: 50px 0;
    }

    /* footer */
    .footer .img img {
        max-width: 200px;
    }

    .footer p {
        margin-top: 0;
    }

    .footer .colmns p:last-child {
        margin-bottom: 0;
    }

    .footer .foot P {
        font-size: 15px;
    }

    .footer .colmn-last {
        margin-top: 5px;
    }

    .icon-card h3 {
        font-size: 20px;
    }

    .footer .wrapper {
        margin-bottom: 25px;
    }

}