@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');    
input#search,
    p {
        font-weight: 400;
    }

.text-white{
	color:#fff !important;
}

    .mb-5,
    .vc-wrap {
        margin-bottom: 50px;
    }

    .card-cs .card-cs-detl .btn-flex-cs:hover,
    .flex-card:hover a,
    .slide .testimonial-card:hover a {
        text-decoration: underline;
    }

    * {
        font-family: Poppins, sans-serif;
    }

    :root {
        --pc: #2763BB;
        --sc: #00743f;
        --black: #000;
        --white: #fff;
        scroll-behavior: smooth;
    }

    body a {
        color: var(--black);
        text-decoration: none;
        transition: 0.4s;
    }

    p {
        font-size: 16px;
        line-height: 30px;
    }

    .text-left {
        text-align: left !important;
    }

.bg-sec-gradient{
	  background:  linear-gradient(358deg, rgba(255, 255, 255, 1) 0%, rgb(239 245 255) 50%, rgb(206 226 255) 99%);
	padding-block:50px;
}

    header nav ul li.dropdown:after {
        background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>') no-repeat;
        content: "";
        height: 12px;
        position: absolute;
        right: -18px;
        top: 6px;
        width: 12px;
    }

    header nav ul li a:not(li.dropdown > ul li a) {
        border-bottom: 4px solid var(--white);
        padding-bottom: 15px;
        transition: 0.4s;
    }

    header nav ul li a:hover:not(li.dropdown > ul li a) {
        border-bottom: 4px solid var(--pc);
    }

    .seprator span,
    header nav ul li a:hover {
        color: var(--pc);
    }

    .dropdown ul {
        background: var(--white);
        border: 1px solid #dbdbdb;
        border-radius: 6px;
    }

    header .menu-contact .phn-icn {
        background: var(--pc);
        border-radius: 8px;
        padding: 6px;
    }

    .menu-contact span {
        color: var(--black);
        font-size: 14px;
    }

    header .menu-contact a {
        color: var(--pc);
        font-size: 18px;
        font-weight: 600;
    }

    .customers .seprator {
        font-size: 30px;
    }


    .flex-card {
        background-color: var(--white);
        border-radius: 12px;
        box-shadow: 0 0 4px 0 rgba(52, 52, 52, 0.16);
    }

    .flex-card>span:first-child {
        color: var(--pc);
        font-size: 36px;
        font-weight: 600;
    }

    .flex-card p,
    .fs-2,
    .fs-4,
    .hero .seprator {
        color: var(--black);
    }

.hero {
/* 	background: linear-gradient(182deg, rgba(255, 255, 255, 1) 0%, rgb(239 245 255) 50%, rgb(206 226 255) 99%); */
	background:url("https://darkseagreen-kangaroo-130548.hostingersite.com/wp-content/uploads/2026/05/hero-bg.webp") no-repeat;
	background-size:cover;
    padding-block: clamp(2.5rem, 1.1607rem + 3.5714vw, 4.375rem);
    margin-top: 0;
}

.bg-gradient{
		background:url("https://darkseagreen-kangaroo-130548.hostingersite.com/wp-content/uploads/2026/05/hero-bg.webp") no-repeat;
	background-size:cover;
	padding-block:70px;
}

    .flex-card>span:nth-child(2),
    .service-c .flex-card span,
    .sm-seprator {
        color: var(--black);
        font-size: 24px;
        font-weight: 700;
    }

    .flex-card:hover {
        background: var(--pc);
        transition: 0.5s ease-in-out;
    }

 .flex-card:hover .toggle-text{
        color:var(--white);
    }

    .flex-card:hover :is(p, span, h3, .h3) {
        color: var(--white) !important;
    }

    .flex-card:hover .card-icon {
        transform: rotate(1turn);
        transition: 0.5s ease-in;
    }

    .flex-ttl {
   border-radius: 33px;
    background: #eef4ff;
    border: 1px solid #acceff;
    color: #2763BB;
    font-size: 14px;
    }

    .hero .seprator {
        font-size: 40px;
        font-weight: 600;
        line-height: 50px;
        text-align: center;
        width: 100%;
    }

/*     .foot-part .primary-btn.fill_chng:hover,
    .pagination .nav-links .page-numbers a,
    .vc-wrap .seprator,
    .vc-wrap .seprator p,
    [class*="-btn"],
    [class*="-btn"]:hover {
        color: var(--white);
    } */

    .hero .grid-2 .flex-srvc {
        border-radius: 8px;
        box-shadow: 0 3px 10px #0000004d;
        font-size: 17px;
    }

    .contact-c form,
    .vc-wrap {
        box-shadow: 0 3px 6px 0 #00000036;
    }

    [class*="-btn"] {
         border-radius: 70px;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(to right, #2763bb 0, #4885df 100%);
    display: flex;
    align-items: center;
    gap: 10px;
    }

span.circle {
    right: -130px;
    width: 200px;
    height: 200px;
	transition: 1.2s cubic-bezier(.17, .85, .438, .99);
}

.primary-btn{
	color:var(--white);
}

.primary-btn:hover span.circle {
    top: -10%;
    right: -80px;
}

  [class*="-btn"] svg{
	width: 16px;
    height: 16px;
}

.primary-btn svg path{
	fill:#fff;
}

.secondary-btn svg path{
	fill:var(--pc);
}

span.circle, span.circle2 {
    background: rgba(255, 255, 255, .2);
    display: block;
    position: absolute;
    border-radius: 50%;
    top: -10%;
}

    .secondary-btn {
    background: #dceaff;
    border: 1px solid #2b67bf;
    color: #2b67bf !important;
    }
.secondary-btn:hover{
	background:#b0d0ff;
}
    
.vc-wrap {
           background: linear-gradient(to right, #2763bb 0, #4885df 100%);
        border-radius: 30px;
    }

    .vc-wrap .seprator {
        font-size: 36px;
        line-height: 40px;
    }

    .vc-wrap .flex-card {
        background: unset;
        box-shadow: unset;
        transform: scale(1);
    }

    .vc-wrap .flex-card :is(span, p) {
        color: var(--white);
        text-align: center;
    }

    .vc-wrap .flex-card span {
        font-size: 20px;
    }

    .vc-wrap .flex-card:hover .card-icon {
        transform: rotate(0);
    }

/*     .vc-wrap .col-lg-4 .flex-card:after {
        background: var(--white);
        content: "";
        height: 1.2px;
        position: absolute;
        right: -180px;
        top: 0;
        width: 100%;
        z-index: -1;
    } */

    .companies .seprator{
        font-size: 40px;
    }

    .testimonial .seprator {
        font-size: 40px;
        line-height: 50px;
    }

    details {
        background: #f8fbff;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
		overflow:hidden;
    }

    details:first-child {
        margin-top: unset;
    }

    details summary {
        color: var(--black);
        cursor: pointer;
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
		background:#fff;
    }

    details summary:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E") 50% no-repeat;
      border-radius: 50%;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    transition: 0.5s;
    width: 20px;
    background-size: contain;
    }

    details[open] summary {
        color: #2763bb;
    }

    details[open] summary:after {
        transform: rotate(180deg);
        transition: 0.5s;
    }

    .tab-buttons button {
        background: #f4f4f4;
        font-weight: unset;
    }

    .form-group button,
    .tab-btn {
        background: 0 0;
        cursor: pointer;
    }

    .tab-btn:after {
        background: unset;
    }

    .tab-btn {
        border: none;
        color: #4a4a4a;
        font-size: 18px;
        transition:
            background-color 0.4s,
            color 0.4s;
    }

    .tab-btn:hover {
        background-color: #89d4ff;
        color: var(--black);
    }

    .tab-btn.active {
        background-color: #008cdc;
        color: #fff;
    }

    .tab-content .h2 {
        color: #4d4c4c;
        font-size: 27px;
        font-weight: 600;
    }

    .tab-content img {
        border-radius: 20px 20px 0 0;
    }

    .tab-content .content-wrap {
        background: #f4f4f4;
        border-radius: 0 0 20px 20px;
        padding: 20px;
    }

    .tab-container .tab-btn.active img {
        filter: brightness(0) invert(1);
    }

    .about-c .flex-card>span:first-child {
        font-size: 30px;
        font-weight: 700;
    }

    .about-c .tab-container .tab-buttons button.active {
    border-bottom: 5px solid var(--pc);
    color: var(--pc);
    box-shadow: unset;
    }

    .about-c .tab-container .tab-content-container .h2 {
        color: var(--pc);
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .about-c .tab-container .tab-content-container .h2 span {
        color: #00305e;
    }

    .about-c .tab-container .tab-buttons button {
        background: unset;
        border-radius: unset;
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }

  .about-c .tab-container {
    margin-top: 0px;
    background: white;
    padding: 28px;
    box-shadow: 0px 0px 5px 0px #dfdfdf;
    border-radius: 20px;
}

    .about-c .tab-container .tab-buttons {
        background: #fff;
        border-radius: 8px;
/*         box-shadow: 0 3px 6px 0 #00000036; */
    }

    .contact-c form {
        border-radius: 12px;
        padding: 40px 30px 30px;
    }

    .contact-c .c-info .info-col>div {
        color: #5a5a5a;
    }

    input#search {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        color: #212529;
        display: block;
        font-size: 1rem;
        line-height: 1.5;
        padding: 0.375rem 0.75rem;
        transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out;
        width: 100%;
    }

    .form-group button {
        border: none;
        color: #575454;
        position: absolute;
        right: 19px;
        top: 8px;
    }

    .dot.active,
    .table thead th {
        background-color: var(--pc);
    }

    .contact-c form textarea {
        resize: vertical;
    }

    .contact-c .c-info .info-col .info-icon {
        background-color: var(--white);
        border-radius: 50%;
        box-shadow: 0 0 5px #0000001a;
        color: var(--pc);
    }

    .cp-list-box {
        background: var(--white);
        box-shadow: 0 -1px 5px 0 #0000006b;
        font-weight: 600;
        transition: 0.5s;
    }

    .cp-list-box .cp-list-icon {
        background: var(--pc);
        border: 4px solid var(--white);
        box-shadow: 0 -1px 5px 0 #00000052;
    }

    .cp-list-box:hover:not(.cp-list-box.site_logo) {
        background: var(--pc);
        color: var(--white);
    }

    .cp-list-box:hover .cp-list-icon {
        transform: rotate(1turn);
        transition: 0.5s;
    }

    .cp-list-box.site_logo:before {
        animation: 2s ease-out infinite ripple;
    }

    .cp-list-box.site_logo:after {
        animation: 2s ease-out 1s infinite ripple;
    }

    .cp-list-box.site_logo:after,
    .cp-list-box.site_logo:before {
        border: 6px solid #2763bb;
        border-radius: 50%;
        bottom: 0;
        box-sizing: border-box;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    @keyframes ripple {
        0% {
            opacity: 0.25;
        }

        to {
            border-radius: 50%;
            opacity: 0;
            transform: scale(1.7);
        }
    }

    .service-abt .seprator {
        font-size: 30px;
        line-height: normal;
    }

    .table thead {
        color: #fff;
    }

    .table td span {
        color: var(--pc);
        font-size: 30px;
    }

    .table td,
    .table th {
        border: 1px solid #33333338;
    }

tbody tr{
			background:var(--white);
}

tbody tr:nth-child(even) {
    background-color: #e7f0ff;
}

    .gallery-c .gal-img:hover:before {
        animation: 1s circle;
    }

    .gallery-c .gal-img:before {
        background: #008cdc4d;
        border-radius: 100%;
        content: "";
        display: block;
        height: 0;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        z-index: 2;
    }

    @keyframes circle {

        0%,
        40% {
            opacity: 1;
        }

        to {
            height: 200%;
            opacity: 0;
            width: 200%;
        }
    }

    .vs-client-c .seprator {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .dot {
        background-color: #fff;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .foot-part .menu-contact:after {
        background: var(--white);
        content: "";
        height: 100%;
        position: absolute;
        right: -80px;
        top: 2px;
        width: 1px;
    }

    .foot-part .menu-contact span {
        font-size: 28px;
        font-weight: unset !important;
    }

    footer {
           background: #1c252f;
    }
footer .site-logo img{
	    filter: brightness(0) invert(1);
}

    footer .foot-ttl {
        color: var(--white);
        font-size: 20px;
        font-weight: 700;
    }

    footer ul li a {
        color: var(--white);
        font-size: 15px;
    }

    form :is(input, select, textarea) {
        background-color: var(--white);
        border: 1px solid #ddd;
        border-radius: 4px;
        color: var(--black);
        font-size: 16px;
        line-height: 1.5;
    }

    footer .copyryt {
        color: var(--white);
        font-weight: 500;
    }

    .quick-contact .whatsapp {
        animation: 1.5s infinite pulse;
        background: #27b43e;
        --box-shadow-color: var(--sc);
    }

    .quick-contact .live-chat {
        animation: 1.5s infinite pulse;
        background: var(--pc);
        --box-shadow-color: var(--pc);
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 var(--box-shadow-color);
        }

        70% {
            box-shadow: 0 0 0 10px rgba(218, 103, 68, 0);
        }

        to {
            box-shadow: 0 0 0 0 rgba(218, 103, 68, 0);
        }
    }

    .important-c span,
    .important-c h2 {
        color: var(--black);
        font-size: 28px;
        font-weight: 600;
        line-height: 70px;
        padding-block: 20px;
        margin: 0px;
    }

    .important-c :is(ul li, ul li p) {
        margin-block: 15px;
    }

    .job-card {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 15px 3px rgb(0 0 0/9%);
        padding: 20px 40px;
    }

    .site-bnr .slider-imgs .slide img {
        height: 500px !important;
        object-fit: contain;
        width: auto;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--black);
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 20px;
        text-transform: capitalize;
    }

    .h1,
    h1 {
        font-size: clamp(1.5625rem, 0.6696rem + 3vw, 3rem) !important;
    }

    .h2,
    h2 {
        font-size: clamp(1.325rem, calc(1.325rem + 2vw), 2.2rem) !important;
    }

    .h3,
    h3 {
        font-size: clamp(1.3rem, calc(1.3rem + 0.6vw), 1.6rem) !important;
    }

    .h4,
    h4 {
        font-size: clamp(1.275rem, calc(1.275rem + 0.3vw), 1.1rem) !important;
    }

    .h5,
    h5 {
        font-size: 1.1rem !important;
    }

    .h6,
    h6 {
        font-size: 1rem !important;
    }

    :is(h1, h2, .h1, .h2)>span {
        color: var(--pc);
    }

/* single post page  */
  .single h2 {
      font-size: clamp(1.75rem, 1.5rem + 0.6667vw, 1.875rem) !important;
    }
 .single h3 {
     font-size: clamp(1.5rem, 1rem + 1.3333vw, 1.75rem) !important;
    }
 .single h4 {
   font-size: clamp(1.25rem, 0.75rem + 1.3333vw, 1.5rem) !important;
    }
 .single h5 {
    font-size: clamp(1.125rem, 0.875rem + 0.6667vw, 1.25rem) !important;
    }
 .single h6 {
      font-size: 16px !important;
    }
/* single post page */


    .fs-4 {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .fs-2 {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .mb-2 {
        margin-bottom: 20px !important;
    }


    .all-page :is(ul, ol):not( :is( :is(header, li.dropdown) ul,
            ul.Breadcrumb,
            .hs-toc-wrap ul,
            .pros-cons ul,
            .ath-social ul,
            footer ul,
            ul.pagination,
            ul.filepond--list)) li:after {
				background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 10.5093L7.43557 14.5834L16.6663 5.41675' stroke='%232965BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
        content: "";
        height: 18px;
        left: -30px;
        position: absolute;
        top: 6px;
        width: 18px;
    }

    .all-page :is(ul, ol):not( :is( :is(header, li.dropdown) ul,
            ul.Breadcrumb,
            .hs-toc-wrap ul,
            .pros-cons ul,
            .ath-social ul,
            footer ul,
            ul.pagination))>li>ul li:after,
    .list-unstyled li:after,
    ul.so-list li:after {
        content: unset !important;
    }

    .all-page :is(ul, ol):not( :is( :is(header, li.dropdown) ul,
            ul.Breadcrumb,
            .hs-toc-wrap ul,
            .pros-cons ul,
            .ath-social ul,
            footer ul,
            ul.pagination))>li>ul li:before,
    ul.so-list li:before {
        background: var(--pc);
        border-radius: 50%;
        content: "";
        height: 5px;
        left: -20px;
        position: absolute;
        top: 13px;
        width: 5px;
    }

    .all-page :is(ul, ol):not( :is( :is(header, li.dropdown) ul,
            ul.Breadcrumb,
            .hs-toc-wrap ul,
            .pros-cons ul,
            .ath-social ul,
            footer ul,
            ul.pagination)) {
        margin-bottom: 30px;
        padding-left: 30px;
    }

    .all-page :is(ul, ol)>li :is(ul, ol) {
        margin-bottom: unset !important;
    }

    .all-page :is(ul, ol):not( :is(:is(header, li.dropdown) ul, ul.Breadcrumb, .pros-cons ul, .ath-social ul, footer ul, ul.pagination)):not(.all-page ul.filepond--list) li {
        line-height: 30px;
        margin-bottom: 13px;
        position: relative;
        text-align: left;
    }

    .all-page :is(ul, ol):not( :is(:is(header, li.dropdown) ul, ul.Breadcrumb, .pros-cons ul, .ath-social ul, footer ul, ul.pagination))>li>ul {
        margin-top: 10px;
    }

    .page-status-content a:not([class*="-btn"]),
    body.single-blog .all-page .blog-content a {
        color: var(--pc);
        text-decoration: underline;
    }

    #client-testimonies,
    .col-container h2 {
        margin-bottom: 0;
    }

    .slide .testimonial-card {
        border: 2px solid var(--pc);
        box-shadow: unset;
/*         margin-block: 60px 10px; */
/*         padding: 60px 30px 0 !important; */
    }

    .testimonial-card {
        padding: 30px !important;
    }

.bg-wave{
	background:url("https://darkseagreen-kangaroo-130548.hostingersite.com/wp-content/uploads/2026/05/bg-wave.webp") no-repeat;
	background-size:cover;
	padding-block:70px;
}

    .slide .testimonial-card .qt-icn {
    align-items: center;
    border-radius: 0 0 50px 50px;
    display: flex;
    justify-content: center;

    }

    .slide .testimonial-card:hover {
        background: #FFF !important;
        transition: 0.4s ease-in;
    }

    .slide .testimonial-card:hover :is(p, span, a) {
        color: var(--black) !important;
    }

    .testimonial-card .flex-review {
        gap: 14px;
    }

.qt-icn svg path{
	  fill: linear-gradient(to right, #2763bb 0, #4885df 100%);
}

    .testimonial-card .flex-review img {
        border-radius: 50%;
        height: 45px;
        object-fit: cover;
        width: 45px;
    }

    .testimonial-card .flex-review .review-nm {
        display: flex;
        flex-flow: column;
    }

    .testimonial-card  .review-nm svg{
	width:20px;
	height:20px
}

    .testimonial-card .flex-review .review-nm span:first-child {
        color: var(--black);
        font-size: 17px;
        font-weight: 600;
    }

    .hs-timeline,
    .hs-timeline>*,
    .testimonial-card .flex-review .review-nm span:nth-child(2) {
        font-size: 14px;
    }

    .testimonial-card>span:nth-child(2) {
        font-size: 18px !important;
        text-align: center;
    }

    .testimonial-card .card-icon {
        padding: 20px !important;
        position: unset !important;
    }

    .testimonial-card .card-icon img {
        height: 70px;
        width: 70px;
    }

    .testimonial-card .card-icon:after {
        content: unset !important;
    }

/*     .single-post {
        padding: 40px;
    }
 */
    [class*="border"] {
        border: 1px solid #33333338;
    }

    [class*="cards"] {
        background: var(--white);
        transition: 0.3s ease-in-out;
		height:100%;
    }

    .img-placeholder img,
    [class*="cards"],
    [class*="cards"] .img-placeholder {
        border-radius: 4px 4px 0 0;
    }

    .auth-img img {
        border-radius: 50%;
    }

    .ath-bio {
        gap: 20px;
        margin-bottom: 20px;
    }

    .ath-bio .hs-big-title {
        font-size: 32px;
    }

    [class*="card"] hr {
        opacity: 0.5;
    }

    .hs-title {
        font-size: 18px;
    }

    [class*="title"] {
        font-weight: 600;
        line-height: 1.4;
    }

    .hs-border-cards a:hover {
        color: var(--pc) !important;
        transition: 0.4s;
    }

#breadcrumbs a{
	color:var(--pc);
	font-weight:600;
}

  .blog-header .blog-detail> :not(:last-child):after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='15' fill='none'%3E%3Cpath stroke='%23000' stroke-opacity='.5' d='M.5.472v20'/%3E%3C/svg%3E") no-repeat;
        content: "";
        height: 15px;
/*         margin: 0 15px; */
        width: 2px;
	  position: absolute;
	  right: -16px;
    }

/* .single-blog .blog-header [class*=wrap] {
    flex-wrap: wrap;
    gap: 15px;
} */

    .main-head {
        color: var(--black);
        font-size: clamp(1.75rem, 1.5rem + 0.6667vw, 1.875rem);
        font-weight: 600;
		white-space:nowrap;
    }

    .hs-toc-wrap {
        border: 1px solid #cccc;
    }

.hs-toc-wrap .toc-body li a{
    font-weight: 600;
	font-size:15px;
}

    .hs-toc-wrap,
    .hs-toc-wrap:before {
        background: #fff;
    }

    .toc-header {
        background: linear-gradient(to right, #2763bb 0, #4885df 100%);
        border-radius: 0 26px 26px 0;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
    }

    .flex-card a,
    .galley-img:hover .galley-ttl,
    .pricing-box {
        color: var(--pc);
    }

    .toc-header:before {
        border-right: 15px solid #114189;
    }

    .toc-toggle-btn {
      background: 0;
    border: 0;
    padding: 8px;
    margin-right: 10px;
    }

    .toc-body {
        margin-top: 80px;
        transition: opacity 0.3s ease-in-out;
    }

    .toc-body::-webkit-scrollbar {
        width: 2px;
    }

    .toc-body::-webkit-scrollbar-track {
        background: #e3e3e3;
    }

    .toc-body::-webkit-scrollbar-thumb {
        background: #ccc;
    }

    .toc-body .active {
        background: #008cdc0d;
        border-left: 4px solid var(--pc);
        font-weight: 700;
    }

    .toc-toggle-btn:after {
        content: unset;
    }

    .error-txt {
        font-size: 10em;
        font-weight: 600;
    }

    .error-txt svg {
        fill: var(--pc);
    }

    .fa-spin {
        animation: 2s linear infinite fa-spin;
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        to {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }

    .trustpilot {
        display: flex;
        margin-top: 21px;
    }

    .before-after-slider img {
        border-radius: unset;
        display: block;
/*         height: 350px; */
        object-fit: contain;
        user-select: none;
    }

    .before-after-slider {
        margin: auto;
        overflow: hidden;
        position: relative;
/*         width: fit-content; */
    }

    .before-image {
        left: 0;
        overflow: hidden;
        width: 50%;
        z-index: 2;
    }

    .before-image,
    .resizer {
        height: 100%;
        position: absolute;
        top: 0;
    }

    .resizer {
        background: #fff;
        cursor: ew-resize;
        left: 50%;
        touch-action: pan-y;
        width: 4px;
        z-index: 5;
    }

    .resizer,
    .resizer:after {
        align-items: center;
        display: flex;
    }

    .resizer:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='%23008cdc' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='M3 10.03 9 6v8zM11 6l6 4.03L11 14z'/%3E%3C/svg%3E") no-repeat #fff;
        border: 3px solid var(--pc);
        border-radius: 50%;
        content: "";
        font-size: 30px;
        height: 40px;
        justify-content: center;
        margin-left: -22px;
        position: absolute;
        width: 40px;
    }

    .galley-img .galley-ttl,
    .pricing-box span {
        font-size: 16px;
        font-weight: 600;
    }

    .service-button {
        display: flex;
        flex-direction: unset;
        gap: 25px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .service-button .tab-btn {
        height: 45px;
        justify-content: center;
        margin-right: 0 !important;
        padding: 15px 25px;
        text-align: center;
        width: fit-content !important;
    }

    .crop-container {
        background: #dddddd1a;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
    }

    .modalForm {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        left: 35%;
        margin-block: 50px;
        opacity: 0;
        padding: 25px;
        position: fixed;
        top: 0;
        transform: translateY(-50px);
        transition: 0.3s ease-in;
        visibility: hidden;
        width: 30%;
        z-index: 99999;
    }

    .modalForm .flex-formHd {
        border-bottom: 1px solid #ccc;
        justify-content: space-between;
        padding-bottom: 15px;
    }

    .modalForm form :is(input, textarea, select) {
        width: 100%;
    }

    .modalForm form button.closeModal {
        background: 0 0;
        border: unset;
        cursor: pointer;
    }

    .modalForm form .modInput {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    body.modOpenForm {
        position: relative;
    }

    .modalForm.active {
        opacity: 1;
        transform: translate(0);
        transition: 0.3s ease-in;
        visibility: visible;
    }

    .modal-overlay.modal-open {
        background: rgba(4, 4, 4, 0.3);
        height: 100%;
        position: absolute;
        top: 0;
        transition: 0.5s ease-in;
        width: 100%;
        z-index: 1;
    }

    .whatsapp_float {
        align-items: center;
        background-color: rgb(74 222 128 / var(--tw-bg-opacity));
        border-radius: 50%;
        bottom: 35px;
        display: flex;
        gap: 10px;
        justify-content: center;
        padding: 12px;
        position: fixed;
        right: 15px;
        z-index: 996;
    }

    /* Service Card */

    .service-card {
        background: var(--white);
        border: 1px solid #ccc;
/*         border-bottom: 3px solid var(--white); */
    }

    .service-card:hover {
        border-bottom: 3px solid var(--pc);
    }

    /* Padding modifiers */
    .card--sm {
        padding: 4px;
    }

    .card--md {
        padding: 16px;
    }

    .card--lg {
        padding: 24px;
    }

    .card--xlg {
        padding: 32px;
    }

    /* Border Radius Modifiers */

    .card--bordersm {
        border-radius: 4px;
    }

    .card--bordermd {
        border-radius: 16px;
    }

    .card--borderlg {
        border-radius: 24px;
    }

    .card--borderxlg {
        border-radius: 32px;
    }

    /* Gap Modifiers */

    .card--gapsm {
        gap: 4px;
    }

    .card--gapmd {
        gap: 16px;
	background: var(--white);
    font-weight: 500;
    font-size: 15px;
    }

    .card--gaplg {
        gap: 24px;
    }

    .card--gapxlg {
        gap: 32px;
    }

    /* Font Size Modifiers */

    .card-fsmd{
        font-size:16px;
    }

    .card-fslg{
        font-size: 30px;
		font-weight:600;
		    color: #2763bb;
    }

    .card-fsxlg{
        font-size: 32px;
    }

    :is(.service-card, .service-card .flex-service-icn) {
        gap: 20px 8px;
		height:100%;
    }
.service-card{
	font-weight:600;
}

.package-card.card--bordersm{
 border:1px dashed #2763bb;
font-weight:600;
background: #eef4ff;
	height:100%;
}

    .service-card .flex-service-icn img {
        height: 35px;
        object-fit: contain;
        width: 35px;
    }

    .inds-col .icon-box {
        background: #dbe9ff;
    border: 1px solid #b4d2ff;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
		width:fit-content;
    }

    .inds-col:hover .icon-box img {
        transform: rotateY(1turn);
        transition: 0.4s ease-in;
    }

    .inds-col img {
        height: 50px !important;
        width: 50px !important;
    }

    .flex-card:hover a {
        color: var(--white);
    }

    .col-container {
        align-items: self-start;
        align-self: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        justify-content: center;
/*         padding: 30px; */
    }

    .h-card-shadow {
/*         transform: scale(1); */
		    transform: translateY(0px);
        transform-origin: 50% 100%;
        transition: 0.3s;
    }

    .card-shadow,
    .h-card-shadow:hover {
        box-shadow:
            0 15px 50px -30px hsla(0, 0%, 9%, 0.4),
            40px 0 30px hsla(0, 0%, 9%, 0.1);
/*         transform: perspective(600px) rotateY(-5deg) scale(1.05) translate(-2%); */
        transform-origin: center;
		transform: translateY(-10px);
    }

    .card-cs {
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .card-cs .card-cs-detl .btn-flex-cs {
        color: var(--pc);
        font-weight: unset;
        background: unset;
        padding: 0;
        border: 0;
        gap: 5px;
    }

    .card-cs .cs-title:hover {
        color: var(--pc) !important;
    }

/*     .pagination .nav-links .page-numbers {
        font-weight: 600;
        border-radius: 50%;
        color: var(--white);
        background: var(--pc);
        border: 2px solid transparent;
    }

    .pagination .nav-links .page-numbers:after {
        content: "";
        position: absolute;
        inset: 0;
        background: #008cdc24;
        border-radius: 50%;
        z-index: -1;
    }

    .pagination .nav-links .page-numbers:is(:hover, .current) {
        background: 0 0;
        color: var(--pc);
        border-color: var(--pc);
    }

    .pagination .nav-links .page-numbers:hover :is(span, a),
    .pagination .nav-links .page-numbers:hover svg {
        color: var(--pc);
        fill: var(--pc);
    }

    .pagination .nav-links .page-numbers:is(:hover, .current):after {
        transform: translate(1px, 10px);
        transition: 0.4s ease-in;
    }
 */
    .galley-img {
        box-shadow: 0 1px 5px 1px rgb(0 0 0 / 8%);
        border-radius: 5px;
    }

    .galley-img .galley-ttl {
        text-align: center;
    }

    .sg-img {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
    }

    .sg-img img {
        border-radius: 6px;
        cursor: pointer;
    }

    .pricing-card .img-placeholder {
        background: #e8f4fe;
    }

    .pricing-box {
        background-color: #e8f4fe;
        border-radius: 5px;
        line-height: 1.4;
        font-size: 15px;
    }

    .dark-cta :is(h2, p),
    .pricing-card .flex-btn:hover {
        color: var(--white) !important;
    }

    .dark-cta {
        background: var(--pc);
    }

    .whatsapp_float.feedback {
        background: #000;
        border-radius: 5px;
        color: #fff !important;
        bottom: 44px;
        right: 100px;
    }

    .feedback a {
        color: #fff;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .auth-social-follow {
        margin-top: 30px;
    }

    .auth-social-follow ul {
           padding: 0 !important;
    display: flex;
    gap: 4px;
    margin-bottom: 15px !important;
    }

    .auth-social-follow ul li:after {
        content: unset !important;
    }

    .screen-reader-text {
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important;
    }

    ul.filepond--list {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
    }

    .pricing-card {
        height: 100%;
        justify-content: space-between;
    }

    .sticky-card {
        position: sticky;
        top: 120px;
    }

    .flex-res-col {
        flex-wrap: wrap;
        gap: 10px 20px;
    }

    .result-col-wrap {
        background: var(--pc);
        padding: 30px;
        border-top: 2px solid var(--sc);
    }

    .flex-res-col .flex-res-icn {
        background: #10395e;
        outline: 5px solid rgba(16, 57, 94, 0.2);
        transition: all 0.3s ease;
        height: 68px;
        width: 68px;
        border-radius: 50%;
    }

    .flex-col-res-smry .res-ttl {
        font-weight: 600;
        font-size: 16px;
    }

    .flex-col-res-smry {
        color: #ffffff;
        align-items: start;
        flex-direction: column;
    }

    .flex-col-res-smry .res-inc {
        font-size: 24px;
        font-weight: 700;
    }

    @media (min-width: 1200px) {
        .nav-m {
            max-width: 1200px;
        }
    }

    @media (max-width: 1200px) {
        .menu-contact {
            display: none;
        }
    }

    .foot-content p,
    .footer .content a,
    .footer .content span {
        color: #ffffff;
    }

    .footer .info-icon {
        padding: 10px;
        background: white;
        border-radius: 50px;
    }

    .footer .info-col {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-block: 16px;
    }

    .footer .content a {
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .footer .content span {
        font-weight: 600;
    }


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

.fw-500{
	font-weight: 500;
}

.hr-process .tabcontent{
    padding: 30px;
    background: #eef4ff;
    border-radius: 10px;
	box-shadow: 0px 0px 0px 2px #d5d5d561;
}


/* home page process sec */
.vc-wrap  .card-icon{
	position:static !important;
	border: 7px solid #558ff3;
}

.gradient-bg{
	background:url("https://darkseagreen-kangaroo-130548.hostingersite.com/wp-content/uploads/2026/05/gradient-bg.webp") no-repeat;
	background-size:cover;
}

.site-bottom{
	background: #f7fbfe;
    padding-block: 40px;
    position: relative;
}

	.foot-part  .secondary-btn{
		background:#fff;
	}

	.foot-part  .secondary-btn:hover{
		background:#dde7f5;
	}

.service-list.inds-col{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.service-list{
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 0 4px 0 rgba(52, 52, 52, 0.16);
    padding: 30px;
    height: 100%;
	position:relative;
}


/* show or hide text start */


/* .read-more-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.toggle-text {
    color: #2563eb;/
    cursor: pointer;
    font-size: 16px;
	cursor: pointer;
} */

.read-more-text{
    position:relative;
}

.read-more-content{
    overflow:hidden;
	    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.toggle-text{
  color: #2563eb;
    cursor: pointer;
    font-size: 16px;
	cursor: pointer;
	font-weight:600;
	margin-top:8px;
}

/* .toggle-text.hide{
    display:none;
} */

/* show or hide text end */

.flex-service-icn img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 12px;
}


 .step-number {
        position: absolute;
    left: 8px;
    top: 3%;
    transform: translateY(-50%);
    font-size: 3rem;
    font-weight: 800;
    color: var(--pc);
    font-family: var(--heading-font);
    line-height: 1;
    opacity: 0.2;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.flex-hero-text:has([class*="-btn"]) {
	margin-bottom:0px;
}

/* blog-start */

/* blog-end */

/* .head-sep{
	width: 100%;
    height: 1px;
    background: var(--pc);
}
 */
blockquote.wp-block-quote{
	border-color:var(--pc);
	background: #edf4ff;
    padding-block: 12px;
}

.single .blog-content a{
	color:var(--pc);
	font-weight:500;
}

.fs-20{
	font-size:18px;
	font-weight:500;
}


.written-by {
background-color: #f4f4f4;
    padding: 30px;
    gap: 16px 20px;
    border-radius: 10px;
    border: 1px solid #dfdfdf;
}


.written-by img{
	    border-radius: 10px;
	width:90px;
	height:90px;
	overflow:hidden;
}

.author-social li::after{
	display:none;
}
.author-social{
	padding-left:0 !important;
}

.written-by hr {
    background-color: #8f8f8f;
    border: none;
    height: 1px;
    margin: 20px 0;
    opacity: 0.25;
    width: 100%;
}
.author-social li a {
    align-items: center;
    background: var(--pc);
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-right: 10px;
    width: 28px;
}
.author-social li a svg{
	    fill: #fff;
}

.author-social li a:hover {
    background: #6697df !important;
}

.author-social{
	display: flex;
}

.author-social li{
	margin-bottom:10px;
}

.author-name a{
	font-weight: 600 !important;
}