@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
        
/* Common Css Start */
html{ scroll-behavior: smooth;overflow-x: hidden;}
body{ margin: 0;padding: 0;color:#000;background: #fff;font-family: "Montserrat", sans-serif;font-size: 16px;overflow-x: hidden;}
body:focus{ outline: none;}
img,ul,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px;}
*{ margin:0px; padding:0px;}
p:empty{ display: none; }
a{ text-decoration: none;  -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
a:hover{ text-decoration:none; }
.heading {
    max-width: 544px;
    margin-bottom: 30px;
}
#loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #ff7100;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: fixed;
    left: 50%;
    top: 35%;
    z-index:9999999;
}

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
.heading h6 {
    color:var(--Secondary);
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.heading h2{ 
    color: var(--Dark-Gray);
    font-size: 40px;
    font-weight: 600;;
}
.sec-pad {
    padding:130px 0;
}
.custom_btn{
    border-radius: 50px;
    font-weight: 700;
    line-height: normal;
    background: var(--Secondary);
    padding: 18px 25px;
    color: var(--White);
    display: inline-block;
}
.custom_btn:hover,.custom_btn:focus{
    background: var(--Primary);
}
/* Common Css End */

/* Header Start */
header {
    font-family: "Urbanist", sans-serif;
    padding: 30px 0;
    background: rgba(238, 232, 242, 0.95);
    width: 100%;
}
header .navbar-brand img{
    max-width: 289px;
}
.navbar-nav .nav-item .nav-link{
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    margin-left: 14px;
    margin-right: 14px;
    font-size: 16px;
    border-bottom: 5px solid transparent;
}
header .btn{
    border-radius: 50px;
    padding: 11px 38px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
}
header .signin_btn{
    border: 1px solid var(--Primary);
    background: var(--White);
    color: var(--Primary);
    margin-left: 15px;
}
header .signin_btn:hover,header .getstarted_btn:hover{
    background: var(--Primary);
    color: var(--White);
}
header .getstarted_btn {
    background: var(--Secondary);
    padding: 11px 20px;
    color: var(--White);
    margin-left: 10px;
}
.navbar-nav .nav-item.active .nav-link,.navbar-nav .nav-item .nav-link:hover{
    border-bottom-color: var(--Secondary);
}
/* Header End */

.homepage_main {
    background: url(../images/bg-1.png) no-repeat;
    background-size: cover;
}

/* Hero Section Start */
.hero-sec {
    padding: 13rem 0;
    background: url(../images/hero-bg.png) no-repeat;
    background-size: cover;
    text-align: center;
}
.hero-sec h1{
    color: var(--White);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    word-spacing: -2px;
}
.hero-sec h4 {
    color: var(--White);
    font-family: "Urbanist", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding-top: 34px;
    padding-bottom: 36px;
    position: relative;
    display: inline-block;
}
.hero-sec h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 6px;
    background: var(--Secondary);
}
.hero-sec .btn-group{
    padding-top: 60px;
}
.hero-sec .custom_btn {
    font-family: "Urbanist", sans-serif;
    font-size: 24px;
    line-height: 30px;
    padding: 12.5px 28px 13.5px 28px;
}
.hero-sec .custom_btn.request_btn {
    background: linear-gradient(180deg, #550056 0%, #98049A 100%);
}
.hero-sec .custom_btn.request_btn:hover{
    background: linear-gradient(180deg, #98049A 0%,  #550056 100%);
}
.hero-sec .custom_btn:hover {
    background: #ed6e08;
}
/* Hero Section End */

/* Feature Section Start */
.feature-1{
    max-width: 746px;
    margin-left: auto;
    margin-top: -100px;
}
.feature-2{
    max-width: 746px;
    margin-left: 0;
    margin-top: -100px;
}
.feature_content {
    position: absolute;
    bottom: 24px;
    max-width: 388px;
    width: 100%;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 19px;
    border-radius: 10px;
    border: 1px solid #D6E1F9;
    background: var(--White);
    box-shadow: 0px 0px 10px 0px rgba(85, 0, 86, 0.10);
}
.feature_content h2{
    color: #000;
    font-size: 24px;
    font-weight: 600;
}
.feature_content p {
    color: #8987A1;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
    max-width: 308px;
}
.feature-2 .feature_content {
    right: 0;
    bottom: 56px;
}
.feature_sec_btn {
    margin-top: -120px;
}
/* Feature Section End */

/* Efficiency Section Start */
.efficiency_inner {
    background: url(../images/efficiency-bg.png) no-repeat;
    max-width: 96%;
    width: 100%;
    border-radius: 20px;
    padding: 30px 40px;
    background-size: cover;
}
.efficiency_img img {
    border-radius: 20px;
}
.efficiency_inner h4{
    color: var(--White);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
}
.efficiency_inner p {
    color: rgba(255, 255, 255, 0.80);
    font-family: "Urbanist", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}
.efficiency_inner .custom_btn {
    margin-top: 25px;
}
.efficiency_inner .custom_btn:hover {
    background: #ff7100;
}
/* Efficiency Section End */


/* About Section Start */
.about-image img{
    border-radius: 20px;
}
.about-sec{
    background: url(../images/wing.png) no-repeat right;
}
.about-content p{
    color: var(--dark-gray, #2C2E30);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
}
.about-content .custom_btn{
    margin-top: 40px;
}
/* About Section End */

/* Testimonial Section Start */
.testimonial-sec {
    background: #F8F1FC;
    padding: 50px 0;
}
.slider-cnt p {
    color: #515050;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
}
.client-img img {
    border-radius: 50%;
    border: 4px solid var(--White);
    box-shadow: 0px 0px 8px 0px rgba(0, 125, 255, 0.25);
    width: 110px !important;
    height: 110px;
    margin: auto;
    margin-top: 15px;
}
.testimonial-sec .item {
    position: relative;
    padding: 30px 80px;
}
.testimonial-sec .item::before {
    content: "";
    background: var(--White);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    z-index: -1;
}

.slider-cnt{
    position: relative;
}
.slider-cnt::before {
    content: '“';
    position: absolute;
    left: -50px;
    top: -35px;
    color: var(--Secondary);
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
}
.slider-cnt::after {
    content: '“';
    position: absolute;
    right: -40px;
    bottom: 0px;
    color: var(--Secondary);
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    transform: rotate(180deg);
}
.testimonial-slider .client-name {
    color: #000;
    text-align: center;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.9px;
    margin-top: 10px;
}
.testimonial-slider .company-name {
    color: #555;
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.9px;
}
.testimonial-slider {
    margin-top: 75px;
}
.testimonial-slider .owl-dots .owl-dot span,.team-section-slider .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}
.testimonial-slider .owl-dots .owl-dot.active span,.team-section-slider .owl-dots .owl-dot.active span{
    background: var(--Primary);
}
.testimonial-sec .owl-item {
    opacity: 50%;
}
.testimonial-sec .owl-item.center{
    opacity: 100%;
}
/* Testimonial Section End */

/* Blog Section Start */

.blog-sec{
    background: url(../images/bg-2.png) no-repeat;
    background-size: cover;
}
.blog-grid img {
    border-radius: 20px;
    border: 3px solid var(--White);
}
.blog-grid .blog-date {
    overflow: hidden;
    color: #585C7B;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-top: 20px;
    display: inline-block;
}
.blog-grid h2 {
    color: #101828;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 18px;
}
.blog-grid p {
    color: rgba(71, 84, 103, 0.80);
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
    max-width: 80%;
}
.blog-grid .read_morebtn{
    color: #E65F2B;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-decoration-line: underline;
    white-space: nowrap;
    max-width: 20%;
    text-align: right;
    width: 100%;
}
.blog-right .read_morebtn {
    float: right;
}
.blog-right p {
    max-width: 100%;
}
.blog-sec .custom_btn {
    margin-top: 70px;
}
/* Blog Section End */

/* Get in Touch Section Start */
.get-touch-inner {
    background: url(../images/get-in-touch.png) no-repeat;
    background-size: cover;
    padding: 80px 50px 100px 50px;
    border-radius: 50px;
    margin-bottom: -8rem;
    z-index: 1;
    position: relative;
    width: 100%;
        max-width: 65%;
        margin: auto;
}
.get-touch-inner .custom_btn {
    width: 242px;
    height: 56px;
    padding: 17px 15px;
    color: var(--White);
    text-align: center;
    font-family: "Urbanist", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    margin-top: 50px;
}
.get-touch-form {
    max-width: 560px;
    margin: auto;
    margin-top: 70px;
}
.get-touch-form .form-control {
    border-radius: 5px;
    border: 1px solid var(--White);
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 24px;
    color: var(--White);
}
.get-touch-form .form-control::placeholder{
  color:var(--White);
}
.get-touch-heading h2 {
    color: var(--White);
    text-align: center;
    font-size: 40px;
    font-weight: 600;
}
.get-touch-heading p {
    color: var(--White);
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
}
    .get-touch {
    margin-bottom: -80px;
    }
/* Get in Touch Section End */

/* Footer Section Start */
.home-page .footer{
    padding-top: 12rem;
}
.footer {
    background: var(--Primary);
    color: var(--White);
    position: relative;
    padding-top: 5rem;
}
.footer h4 {
    color: var(--Secondary);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.footer-list {
    color: var(--White);
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
.footer-list  li{
    list-style: none;
}
.footer-list li a {
    color: var(--White);
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
.footer-list .social-icon {
    border-radius: 8px;
    background: var(--Secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 6px;
}
.footer-list .social-icon i {
    font-size: 15px;
}
.social_listing li {
    position: relative;
    padding-left: 36px;
}
.copyright {
    padding: 30px 0;
    margin-top: 15px;
    border-top: 1px solid var(--White);
}
.brand-icon {
    width: 32px;
    height: 32px;
    color:var(--White);
    border-radius: 10px;
    background: #060606;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}
.brand-icon:hover{
    background: var(--Secondary);
}
/* Footer Section End */

/* Feature Page Start */

.feature-hero {
    background: url(../images/feature/hero.png) no-repeat;
    background-size: cover;
    position: relative;
}
.feature-hero::before{
    content: "";
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    background:var(--Black);
    opacity: 60%;
}
.feature-hero p{
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-top: 20px;
}
.feature-hero.hero-sec{
    padding-bottom: 20rem;
}
.solution-grid .card {
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(85, 0, 86, 0.20);
    padding: 50px 34px;
    height: 100%;
    text-align: center;
}
.solution-grid .card:hover {
    background: #560056;
}
.solution-grid .card:hover h5,.solution-grid .card:hover p{
    color: var(--White)
}
.solution-grid .card:hover img{ 
   filter: brightness(0) invert(1);
}
.solution-grid .card img {
    width: 60px;
    margin: 0 auto 15px auto;
}
.solution-grid .card h5 {
    color: var(--Primary);
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
.solution-grid .card p {
    color:  #67748E;
    font-family: "Urbanist", sans-serif;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
}
.solution-grid {
    margin-top: -140px;
}
.management-content{
    font-family: "Urbanist", sans-serif;
}
.management-content h4 {
    color: var(--Primary);
    font-size: 40px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.1px;
    margin-bottom: 30px;
}
.management-content p{ 
    color: #374754;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.2px;
    margin-bottom: 40px;
}
.m-list li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}
.m-list li a {
    display: flex;
    padding: 9px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--Primary);
    color: var(--White);
}
.management-content .custom_btn {
    padding: 18px 30px;
    margin-top: 20px;
}
.management-sec {
    position: relative;
    margin-top: 50px;
}
.management-sec:before {
    content: "";
    height: 75%;
    width: 40%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-30%);
    top: 30%;
    z-index: -1;
    border-radius: 40px;
    background: rgba(219, 188, 243, 0.20);
}
.management-sec.yellow-bg::before {
    height: 80%;
    transform: translate(-50%, -40%);
    top: 40%;
    background: #FFFAED;
}
.social_listing li:last-child a {
    word-break: break-all;
}
/* Feature Page End */

/* About Page Start */
.about-hero{
    background: url(../images/about/hero-img.png) no-repeat;
    background-size: cover;
    position: relative;
}
.about-hero::before{
    content: "";
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    background:var(--Black);
    opacity: 20%;
}
.about-inner-grid {
    background: var(--White);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 50px 20px;
    margin-top: -50px;
}
.about-hero.hero-sec{
    padding: 15rem 0;
}
.about-hero p {
    font-size: 24px;
    font-weight: 700;
    font-family: "Urbanist", sans-serif;
    margin-top: 20px;
    font-weight: 700;
    line-height: 40px;
}
.about-grid h5{ 
    color: var(--Primary);
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.about-grid p{
    color: #252F40;
    font-family: "Urbanist", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-top: 5px;
}
.story-content p {
    color: #425166;
    font-family: "Urbanist", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
}
.our-story-sec {
    background-size: contain;
    background-position-y: 60px;
}
.about-page-bg {
    background: url(../images/about/about-bg.png) no-repeat;
    background-size: cover;
}
.collaboration-sec {
    padding-top: 50px;
}
.collaboration-gird h4{
    color:#252F40;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 20px;
}
.collaboration-gird p{ 
color: #67748E;
font-family: "Urbanist", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.5px;
}
.our-mission-content .heading p {
    color: #425166;
    font-family: "Urbanist", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}
.our-mission-content .heading h2 {
    margin-bottom: 15px;
}
.our-mission-content .heading {
    margin-bottom: 50px;
}
.our-mission-img img {
    border-radius: 20px;
}
section.ceo-sec {
    position: relative;
    margin-top: -50px;
}
section.ceo-sec:before {
    content: "";
    background: var(--Primary);
    position: absolute;
    left: 0;
    height: calc(100% - 50px);
    width: 100%;
    z-index: -1;
    top: 50px;
}
.ceo-content {
    margin-top: 60px;
    position: relative;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.ceo-content p{
        color:var(--White);
        font-family: "Urbanist", sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: 0.9px;
    }
    .ceo-content:before, .ceo-content:after{
        content: ",,";
        color: rgba(255, 255, 255, 0.50);
        font-family: Urbanist;
        font-size: 100px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        position: absolute;
        left: -50px;
        top: -60px;
    }
    .ceo-content:after{
        bottom: 0;
        right:0;
        left: auto;
        top: auto;
    }
    .our-mission-sec {
        padding-bottom: 15rem;
    }
    .team-sec-inner {
        margin: 0 50px;
        margin-top: 50px;
    }
    .team-grid img {
        width: 100%;
        border-radius: 20px;
    }
    .team-grid  h4{
        color: #252F40;
        font-size: 24px;
        font-weight: 600;
        margin-top: 18px;
        margin-bottom: 5px;
    }
    .team-grid p{
        color: #8987A1;
        font-family: "Urbanist", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0.5px;
    }
    .team-sec .heading h2 {
        color: var(--Primary);
        font-weight: 700;
    }
/* About Page End */

/* Pricing Page Start */
.pricing-page header{
    background-color: var(--White);
}
.pricing-sec {
    background: url('../images/pricing-bg.png') no-repeat;
    background-size: cover;
}
.pricing-sec .heading h2 {
    color: #231D4F;
    font-size: 40px;
    font-weight: 700;
}
.pricing-sec .heading p{
    color: #848199;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
}
.tab-buttons .nav-link{
    padding: 13px 24px;
    color: #3B3472;
    text-transform: uppercase;    
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.833px;
    border: none;
    width: 115px;
}
.tab-buttons .nav-link.active{
    background: var(--Secondary);
    border-radius: 50px;
    color: var(--White);
}
.tab-buttons{
    background: rgba(255, 255, 255, 0.50);
    display: flex;
    width: 230px;
    border-radius: 50px;
    overflow: hidden;
}
.pricing-tab {
    margin-top: 100px;
    padding: 0 22px;
}  
.pricing-grid {
    border-radius: 26px;
    background: var(--White);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 50px 70px;
    margin: 0 -10px;
    position: relative;
}
.pricing-grid.active {
    z-index: 2;
    padding: 90px 70px;
}
.pricing-grid h2{
    color: #231D4F;
    font-family: "Urbanist", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 20px;
}
.pricing-grid h2 sub{ 
color: #848199;
font-family: "Urbanist", sans-serif;
font-size: 17px;
font-weight: 500;
}
.pricing-grid h4{
    color: var(--Primary);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
.pricing-grid h4 span {
    color: #8987A1;
    font-weight: 500;
    display: block;
    margin-top: 5px;
    font-size: 16px;
}
.pricing-grid p {
    color: #515050;
    font-weight: 500;
    margin-bottom: 12px;
    max-width: 272px;
}
.pricing-grid li{
    color: #515050;
    font-weight: 500;
    margin-bottom: 8px;
    list-style: none;
}
.pricing-grid ul {
    min-height: 152px;
}
.popular-btn {
    border-radius: 13.5px;
    background: #DBBCF3;
    display: inline-block;
    text-align: center;
    padding: 6px 20px;
    color: var(--White);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.833px;
    margin-bottom: 10px;
    position: absolute;
    top: 30px;
    right: 20px;
}
.choose-btn {
    padding: 11px 50px;
    border-radius: 24px;
    background: #918EA7;
    color: var(--White);
    margin-top: 15px;
    display: flex;
    justify-content: center;
    width: auto;
    max-width: 232px;
    margin-left: auto;
    margin-right: auto;
}
.check-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #EEEEEE;
    display: inline-block;
    margin-right: 5px;
}
.check-icon i {
    padding-left: 3px;
    font-size: 12px;
    top: -2px;
    left: 1px;
    position: relative;
}
.pricing-grid.active h2 {
    color: var(--Primary);
    font-weight: 900;
}
.pricing-grid.active h2 sub {
    color: var(--Primary);
}
.pricing-grid.active .check-icon {
    background: #E5E3F6;
    color: #BB6BD9;
}
.pricing-grid.active .choose-btn{
  background:var(--Secondary);
}
.pricing-grid:hover .choose-btn{
    background:var(--Secondary);
}
.pricing-grid.active .choose-btn:hover,.pricing-grid:hover .choose-btn:hover{
    color:var(--White);
    background:var(--Primary);
   }
.pricing-grid:hover .check-icon {
    background: #E5E3F6;
    color: #BB6BD9;
}
.pricing-grid:hover h2 {
    color: var(--Primary);
    font-weight: 900;
}
/* Pricing Page End */

/* Contact page start */
.hero-sec.contact-hero {
    background: url(../images/contact.png) no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 20rem;
}
.contact-hero::before{
    content: "";
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    position: absolute;
    background:var(--Black);
    opacity: 60%;
}
.contact-hero h1 {
    line-height: normal;
}
.contact-inner-sec {
    background: var(--White);
    box-shadow: 0px 0px 20px 0px rgba(86, 0, 87, 0.5);
    margin-top: -12rem;
    position: relative;
    margin-bottom: 10rem;
    border-radius: 50px;
}
.contact-info {
    height: 100%;
    background: var(--Primary);
    color: var(--White);
    padding: 70px 50px;
    border-top-right-radius: 48px;
    border-bottom-right-radius: 48px;
}
.contact-heading h4{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}
.contact-heading {
    margin-bottom: 30px;
}
.contact-form {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 38px 20px 38px 40px;
}
.contact-form .form-control {
    height: 42px;
}
.contact-form .form-control:focus{
    box-shadow: none;
    border-color:var(--Primary)
}
.contact-form textarea.form-control{
    height: auto;
}
.contact-form .custom_btn {
    width: 100%;
    font-size: 24px;
}
.contact-form .custom_btn:hover,.contact-form .custom_btn:active{
   color:var(--White);
   background-color: var(--Primary);
}
.contact-listing li {
    display: flex;
    margin-bottom: 25px;
    gap: 20px;
}
.contact-listing .c-icon {
    background: var(--White);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.contact-listing .c-icon i{
    color:#A91079;
    font-size: 18px;
}
.contact-listing li p span {
    display: block;
}
.contact-listing li a {
    color: var(--White);
}
/* Contact page end */

/* Blog page start */
.hero-sec.blog-hero {
    padding: 8rem 0;
    background: var(--Primary);
}
.hero-sec.blog-hero p {
    padding-top: 25px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--White);
}
.blog-card {
    border-radius: 30px;
    background: var(--White);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    margin-bottom: 48px;
}
.blog-img {
    width: 100%;
    height: 147px;
    object-fit: cover;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.blog-card-body {
    padding: 26px 35px;
}
.blog-card-body h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #25313C;
    font-family: "Urbanist", sans-serif;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    letter-spacing: 1px;
}
.blog-card-body p {
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #25313C;
    overflow: hidden;
    height: 114px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 18px;
}
.blog-card-f {
    display: flex;
    align-items: center;
    font-family: "Urbanist", sans-serif;
}
.blog-card-f img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.blog-card-f ul li {
    display: inline-block;
    color: #6D7D8B;
    font-weight: 600;
    margin-left: 12px;
    font-size: 12px;
    line-height: 1.5;
}
/* Blog page end */

/* Blog Single Page start */
.back-blog a {
    color: #737373;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
    display: inline-block;
}
.back-blog i{
    margin-right: 5px;
}
.single-blog-page h1{
    color: #25313C;
    font-size: 40px;
    font-weight: 600;
    max-width: 700px;
    margin: auto;
    margin-bottom: 30px;
}
.single-blog-img img {
    width: 900px;
    height: 450px;
    object-fit: cover;
}
.single-blog-img {
    text-align: center;
    margin-bottom: 64px;
}
.single-blog-cnt {
    max-width: 723px;
    margin: auto;
    margin-bottom: 110px;
}
.single-blog-cnt p {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    color: #25313C;
    font-family: "Urbanist", sans-serif;
}
.single-blog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #000;
    padding: 39px 0;
}
.single-blog-footer .blog-written {
    display: flex;
    align-items: center;
    font-family: "Urbanist", sans-serif;
}
.blog-written span {
    font-size: 14px;
    font-weight: 600;
    color: #1E2742;
}
.blog-written h4{
    font-size: 24px;
    font-weight: 600;
    color: #000000;
    margin-top: 5px;
}
.blog-written .img-fluid {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}
.blog-date p{
    font-size: 14px;
    color: #6D7D8B;
    font-weight: 600;
}
/* Blog Single Page end */

/* Responsive */
@media screen and (max-width:1399px){
    .heading h2 {
        font-size: 34px;
    }
    .heading {
        margin-bottom: 15px;
    }
    .custom_btn {
        padding: 14px 25px;
    }
    .sec-pad {
        padding: 90px 0;
    }
    header .navbar-brand img {
        max-width: 200px;
    }
    .navbar-nav .nav-item .nav-link {
        margin-left: 5px;
        margin-right: 5px;
    }
    header .btn {
        padding: 11px 20px;
    }
    .hero-sec {
        padding: 8rem 0;
    }
    .hero-sec h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .hero-sec .custom_btn {
        font-size: 20px;
    }
    .hero-sec h4 {
        font-size: 32px;
        line-height: 24px;
        padding-top: 24px;
        padding-bottom: 20px;
    }
    .feature_content h2 {
        font-size: 20px;
    }
    .feature_content {
        padding: 20px;
        gap: 10px;
    } 
    .feature-2,.feature-1{
        margin-top: 0;
    }
    .about-content p {
        font-size: 20px;
        line-height: 34px;
    }
    .about-content .custom_btn {
        margin-top: 30px;
    }
    .get-touch-heading h2 {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .get-touch-inner {
        padding: 60px 30px 70px 30px;
        width: 100%;
        max-width: 70%;
        margin: auto;
    }
    .get-touch-inner .custom_btn {
        width: 200px;
        padding: 17px 15px;
        font-size: 20px;
        line-height: 20px;
        margin-top: 20px;
    }
    .about-hero.hero-sec {
        padding: 10rem 0;
    }
    .about-inner-grid {
        padding: 30px 20px;
    }
    .about-hero p {
        font-size: 22px;
    }
    .about-grid h5 {
        font-size: 40px;
    }
    .story-content p {
        font-size: 18px;
    }
    .our-mission-content .heading p {
        font-size: 20px;
        line-height: 30px;
    }
    .ceo-content p {
        font-size: 16px;
    }
    .ceo-content:before, .ceo-content:after {
        font-size: 80px;
        left: -50px;
        top: -40px;
    }
    .ceo-content:after {
        font-size: 80px;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
    }
}

@media screen and (max-width:1199px){
    .sec-pad {
        padding: 70px 0;
    }
    .hero-sec {
        padding: 7rem 0;
    }
    .hero-sec h1 {
        font-size: 36px;
    }
    .hero-sec .custom_btn {
        padding: 12px 24px;
        font-size: 18px;
    }
    .efficiency_inner {
        padding: 26px 34px;
    }
    .efficiency_inner h4 {
        font-size: 28px;
    }
    .efficiency_inner p{
        font-size: 20px;
    }
    .about-sec {
        margin-top: 50px;
        background-size: 56%;
    }
    .feature_sec_btn .custom_btn {
        padding: 14px 20px;
    }
    .management-content h4 {
        font-size: 36px;
        line-height: normal;
        margin-bottom: 8px;
    }
    .management-content p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .footer {
        padding-top: 4rem;
    }
    .feature-hero.hero-sec {
        padding-bottom: 15rem;
    }
    .about-hero.hero-sec {
        padding-bottom: 12rem;
    }
    .ceo-content:before{
        top: -20px;
    }
    .ceo-content:after {
        bottom: 30px;
    }
    .ceo-content {
        padding: 30px 0;
    }
    section.ceo-sec:before {
        height: calc(100% - 0px);
        top: 0;
    }
    .ceo-content,section.ceo-sec{
        margin-top: 0;
    }
    .ceo-content {
        padding: 30px 0;
    }
    .team-grid h4 {
        font-size: 20px;
    }
    .about-grid h5 {
        font-size: 34px;
    }
    .pricing-grid h4 {
        font-size: 24px;
    }
    .pricing-grid.active {
        padding: 58px 40px;
    }
    .pricing-grid {
        padding: 30px 46px;
    }
    .choose-btn {
        padding: 8px 48px;
    }
    .pricing-grid h2 {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .pricing-sec .heading h2 {
        font-size: 34px;
    }
    .pricing-sec .heading p {
        font-size: 16px;
        margin-top: 5px;
    }
    .pricing-tab {
        margin-top: 70px;
    }
    .hero-sec.contact-hero {
        padding-bottom: 17rem;
    }
    .contact-info {
        padding: 50px 34px;
    }
    .contact-form .custom_btn {
        font-size: 18px;
    }
    .blog-card-body {
        padding: 15px 20px;
    }
    .blog-card-body h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    .blog-card-body p {
        font-size: 14px;
        height: 105px;
        margin-bottom: 12px;
    }
    .blog-card-f ul li {
        margin-left: 6px;
        font-size: 14px;
    }
    .hero-sec.blog-hero {
        padding: 6rem 0;
    }
    .single-blog-page h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .single-blog-img img {
        height: 370px;
    }
    .single-blog-img {
        margin-bottom: 40px;
    }
    .single-blog-cnt p {
        margin-bottom: 15px;
    }
    .single-blog-cnt {
        margin-bottom: 60px;
    }
    .single-blog-footer {
        padding: 20px 0;
    }
    .back-blog a {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:991px){
    .custom_btn {
        padding: 12px 20px;
    }
    .heading h2 {
        font-size: 32px;
    }
    .heading h6 {
        font-size: 16px;
    }
    header .signin_btn,header .getstarted_btn{
        margin-left: 0;
        margin-top: 20px;
        width: 140px;
    }
    .navbar-nav .nav-item .nav-link{
        border-bottom: none;
    }
    .navbar-nav .nav-item.active .nav-link,.navbar-nav .nav-item .nav-link:hover{
       color: var(--Secondary)
    }
    header .navbar-nav {
        padding-top: 20px;
    }
    header .navbar-toggler:focus {
        box-shadow: none;
    }
    header .navbar-toggler {
        border: 2px solid #ac209a;
    }
    header .navbar-collapse {
        position: absolute;
        background: var(--White);
        width: 100%;
        top: 65px;
        border-radius: 20px;
        padding: 30px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    header .navbar-toggler-icon{
        background-image: url(../images/three-line.svg);
    }
    .feature_sec_btn {
        margin-top: 24px;
        text-align: center;
    }
    .feature-2, .feature-1 {
        margin-top: 50px;
    }
    .feature-sec .heading{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .efficiency_inner {
        padding: 20px 30px;
        max-width: 100%;
    }
    .efficiency_inner h4 {
        font-size: 25px;
    }
    .about-content p {
        font-size: 18px;
        line-height: 28px;
    }
    .about-sec {
        margin-top: 50px;
        background-size: 40%;
    }
    .hero-sec {
        padding: 5rem 0;
    }
    .hero-sec h1 {
        font-size: 32px;
    }
    .hero-sec h4 {
        font-size: 28px;
        line-height: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .hero-sec h4::before {
        height: 3px;
    }
    .hero-sec .custom_btn {
        line-height: normal;
    }
    .feature_content h2 {
        font-size: 18px;
    }
    .efficiency_inner p {
        font-size: 18px;
    }
    .about-sec {
        margin-top: 0;
    }
    .blog-grid {
        margin-bottom: 40px;
    }
    .blog-grid h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .blog-grid img {
        border: 2px solid var(--White);
    }
    .blog-sec .custom_btn {
        margin-top: 20px;
    }
    .get-touch-inner {
        padding: 50px 30px 50px 30px;
    }
    .home-page .footer {
        padding-top: 9rem;
    }    
    .footer h4 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .footer-list li a {
        font-size: 16px;
        line-height: 30px;
    }
    .get-touch-inner .custom_btn {
        width: 170px;
        padding: 8px 15px;
        font-size: 18px;
        line-height: 7px;
        margin-top: 15px;
        height: 46px;
    }
    .blog-right .read_morebtn {
        float: none;
    }
    .get-touch-heading h2 {
        font-size: 30px;
    }
    .get-touch-form {
        margin-top: 50px;
         max-width: 560px !important;
    }
    .solution-grid .card {
        padding: 24px 20px;
    }
    .solution-grid .card h5 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .solution-grid .card img {
        width: 50px;
    }
    .m-list li a {
        padding: 6px 12px;
        font-size: 14px;
    }
    .m-list li {
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .management-content h4 {
        font-size: 28px;
    }
    .management-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .management-content .custom_btn {
        padding: 12px 20px;
        margin-top: 10px;
        font-size: 14px;
    }
    .about-hero.hero-sec {
        padding-bottom: 8rem;
        padding-top: 5rem;
    }
    .about-hero p {
        font-size: 18px;
        line-height: normal;
        margin-top: 15px;
    }
    .about-grid p {
        font-size: 18px;
    }
    .about-grid h5 {
        font-size: 28px;
    }
    .story-content p {
        font-size: 16px;
    }
    .our-mission-content .heading p {
        font-size: 16px;
        line-height: 22px;
    }
    .team-grid h4 {
        font-size: 18px;
    }
    .pricing-grid {
        max-width: 500px;
        margin: 0 auto 30px auto;
        margin-right: auto;
    }
    .pricing-grid p {
        max-width: 100%;
    }
    .pricing-grid ul {
        min-height: auto;
    }
    .hero-sec.contact-hero {
        padding-bottom: 15rem;
    }
    .contact-inner-sec {
        margin-top: -10rem;
        position: relative;
        margin-bottom: 6rem;
        border-radius: 25px;
    }
    .contact-form {
        padding: 30px 14px 30px 34px;
    }
    .contact-info {
        padding: 28px 20px;
        border-top-right-radius: 22px;
       border-bottom-right-radius: 22px;
    }
    .contact-heading h4 {
        font-size: 26px;
    }
    .contact-listing li P {
        width: calc(100% - 60px);
    }
    .contact-form .custom_btn {
        font-size: 16px;
    }
    .hero-sec.blog-hero {
        padding: 4rem 0;
    }
    .single-blog-page h1 {
        font-size: 32px;
    }
    .single-blog-img img {
        height: 300px;
    }
    .single-blog-cnt {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:767px){
    .heading {
        margin-bottom: 15px;
    }
    .hero-sec h1 {
    font-size: 28px;
    line-height: normal;
}
.hero-sec h4 {
    font-size: 24px;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 15px;
}
.hero-sec .btn-group {
    padding-top: 36px;
}
.sec-pad {
    padding: 50px 0;
}
.heading h2 {
    font-size: 28px;
    line-height: normal;
}
.feature_content {
    padding: 17px;
    gap: 5px;
}
.efficiency_img {
    margin-top: 36px;
}
.efficiency_inner {
    padding: 30px;
}
.about-content p {
    font-size: 16px;
    line-height: 28px;
}
.about-image {
    margin-top: 40px;
}
.about-sec {
    background-size: 60%;
}
.testimonial-sec .item::before {
    height: 75%;
}
.testimonial-sec .item {
    padding: 20px 0px;
}
.slider-cnt::before {
    left: 5px;
    top: -11px;
    z-index: -1;
}
.slider-cnt::after {
    right: 10px;
}
.testimonial-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
}
.heading h2 {
    font-size: 26px;
}
.blog-grid h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.get-touch-inner {
    padding: 40px 30px 40px 30px;
    border-radius: 20px;
    max-width:100%;
}
.brand-icon {
    float: none;
    margin-top: 15px;
}
.sec-pad {
    padding: 40px 0;
}
.hero-sec h1 {
    font-size: 26px;
}
.get-touch-heading h2 {
    font-size: 28px;
}
.get-touch-form {
    margin-top: 34px;
    max-width: 100% !important;
}
.blog-sec .custom_btn {
    margin-top: 10px;
}
.custom_btn {
    font-size: 14px;
}
.footer h4 {
    font-size: 20px;
}
.slider-cnt {
    position: relative;
    padding: 0 40px;
}
.blog-grid p{
    max-width: 100%;
}
.feature-hero p {
    font-size: 16px;
}
.feature-hero.hero-sec {
    padding-bottom: 12rem;
}
.solution-grid .card {
    height: auto;
    margin-bottom: 20px;
}
.management-sec {
    margin-top: 20px;
}
.management-content h4 {
    font-size: 26px;
}
.management-content {
    margin-bottom: 40px;
}
.management-sec.yellow-bg::before {
    width: 80%;
}
.management-sec:before {
    width: 80%;
}
.footer {
    padding-top: 1rem;
}
.about-grid h5 {
    font-size: 26px;
}
.about-grid p {
    font-size: 16px;
}
.story-content .heading {
    padding: 0;
    margin-top: 15px;
}
.our-story-sec {
    background-position-y: bottom;
}
.story-image {
    margin-top: 30px;
}
.collaboration-gird h4 {
    margin-top: 10px;
    margin-bottom: 15px;
}
.about-inner-grid .col-md-4:last-child .about-grid {
    margin-bottom: 0;
}
.collaboration-gird {
    margin-bottom: 30px;
}
.our-mission-content .heading {
    padding: 0;
}
.our-mission-content {
    margin-top: 30px;
}
.our-mission-content .heading:last-child {
    margin-bottom: 0;
}
.team-grid {
    margin-bottom: 30px;
}
.team-sec .heading {
    padding: 0;
}
.about-hero p {
    font-size: 16px;
}
.pricing-grid.active {
    padding: 45px 30px;
}
.pricing-grid {
    padding: 30px 30px;
}
.pricing-tab {
    margin-top: 40px;
}
.tab-buttons {
    margin-top: 15px;
}
.pricing-sec .heading h2 {
    font-size: 28px;
}
.contact-form {
    padding: 30px 30px 40px 30px;
}
.hero-sec.contact-hero {
    padding-bottom: 13rem;
}
.contact-info {
    border-top-right-radius: 0;
    border-bottom-left-radius: 22px;
}
.hero-sec.blog-hero {
    padding: 3rem 0;
}
.back-blog a {
    margin-bottom: 15px;
    font-size: 16px;
}
.single-blog-page h1 {
    font-size: 26px;
}
.single-blog-img img {
    height: 240px;
}
.single-blog-img {
    margin-bottom: 15px;
}
.single-blog-cnt p{
    margin-bottom: 15px;
    font-size: 16px;
}
.blog-written h4 {
    font-size: 20px;
    margin-top: 0px;
}
.single-blog-footer {
    padding: 10px 0;
}
}

@media screen and (max-width:575px){
    .hero-sec h1 {
        font-size: 24px;
    }
    .hero-sec h4 {
        font-size: 20px;
    }
    .hero-sec .custom_btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    .hero-sec {
        padding: 4rem 0;
    }
    .heading h2 {
        font-size: 24px;
    }
    .efficiency_inner h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .footer-list{
        line-height: normal;
    }
    .footer-list li a {
        line-height: 34px;
    }
    header .navbar-nav {
        padding-top: 0;
    }
    header .navbar-collapse {
        padding: 25px;
    }
    header {
        padding: 20px 0;
    }
    .solution-grid .card h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .team-sec-inner {
        margin: 0 0;
        margin-top: 30px;
    }
    .single-blog-page h1 {
        font-size: 24px;
    }
    .single-blog-img img {
        height: 200px;
    }
}