@import url("flaticon.css");

:root {
    --font-family-light: 'lato_lightregular';
    --font-family-regular: 'latoregular';
    --font-family-semi-bold: 'latoregular';
    --font-family-medium: 'latoregular';
    --font-family-bold: 'latobold';
    --font-family-extrabold: 'lato_blackregular';
}

body {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    font-family: Poppins;
}

@font-face {
    font-family: lato_blackregular;
    src: url("../font/lato-black-webfont.woff2") format("woff2"), url("../font/lato-black-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: lato_blackitalic;
    src: url("../font/lato-blackitalic-webfont.woff2") format("woff2"), url("../font/lato-blackitalic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latobold;
    src: url("../font/lato-bold-webfont.woff2") format("woff2"), url("../font/lato-bold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latobold_italic;
    src: url("../font/lato-bolditalic-webfont.woff2") format("woff2"), url("../font/lato-bolditalic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoitalic;
    src: url("../font/lato-italic-webfont.woff2") format("woff2"), url("../font/lato-italic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: lato_lightregular;
    src: url("../font/lato-light-webfont.woff2") format("woff2"), url("../font/lato-light-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: lato_lightitalic;
    src: url("../font/lato-lightitalic-webfont.woff2") format("woff2"), url("../font/lato-lightitalic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: latoregular;
    src: url("../font/lato-regular-webfont.woff2") format("woff2"), url("../font/lato-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: lato_hairlineregular;
    src: url("../font/lato-thin-webfont.woff2") format("woff2"), url("../font/lato-thin-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: lato_hairlineitalic;
    src: url("../font/lato-thinitalic-webfont.woff2") format("woff2"), url("../font/lato-thinitalic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

img {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}

.secdiv {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

a {
    text-decoration: none;
}

p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 30px;
    color: rgb(34, 34, 34);
    font-weight: 400;
}

.nav-toggle {
    display: none;
}

nav ul {
    margin: 0px;
    margin-right: 70px;
    padding: 0px;
    display: inline-block;
    width: auto;
    text-align: right;
    float: right;
    position: relative;
}

nav ul li {
    padding: 0px;
    width: auto;
    display: inline-block;
    line-height: 55px;
    margin: 0px 16px;
}

nav ul li:first-child {
    display: none;
}

nav ul li a {
    color: rgb(21, 14, 68);
    font-weight: 600;
    font-size: 16px;
    display: block;
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
}

nav ul li ul {
    display: none;
}

a.logo {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
}

nav ul li a span {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
}


/* Profile Icon Styles - Added to your existing CSS */
/* ================================
   Profile Icon Fix (Right Side)
================================ */

nav ul li.profile-icon {
    margin-left: 10px;
    margin-right: 0;
    line-height: normal; /* cancel text line-height */
    vertical-align: middle;
    back
}

nav ul li.profile-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

nav ul li.profile-icon span {
    margin: 0;              /* remove font-awesome spacing */
    font-family: unset;     /* remove FA font */
}

nav ul li.profile-icon img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    background-color: yellow;
}


a.logo img {
    width: 200px;
    height: auto;
    margin: 0px auto;
    display: block;
}

header.secdiv {
    display: block;
    padding: 5px 0px;
    z-index: 999;
    position: fixed;
    background: rgb(255, 255, 255);
}

.slider {
    position: relative;
    margin: 0px;
    padding: 100px 0px 0px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

#hero-slider {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-block;
}

.slider .banrcntprd {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.slider .banrcntprd h1 {
    font-size: 34px;
    display: block;
    color: rgb(0, 0, 0);
    line-height: 40px;
}

.slider .banrcntprd h2 {
    font-size: 40px;
    line-height: 55px;
    text-align: left;
    width: 100%;
    color: rgb(26, 19, 72);
    margin: 0px;
    font-weight: 800;
    padding: 10px 0px;
    text-transform: capitalize;
}

.slider .banrcntprd h3 {
    line-height: 40px;
    font-size: 20px;
    margin: 5px 0px 20px;
    color: rgb(0, 0, 0);
    font-style: normal;
    display: block;
    font-weight: 400;
}

#hero-slider .owl-dots {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: max-content;
    display: none;
}

#hero-slider .owl-nav {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    display: contents;
    top: 0px;
}

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

.logosection {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto !important;
}

header.secdiv nav {
    margin: 0px;
    padding: 0px;
    width: auto;
}

#hero-slider .owl-nav button {
    position: absolute;
    top: 40%;
    margin: 0px;
    width: 25px;
    height: 50px;
    background: rgb(237, 237, 237);
    border-radius: 4px;
}

.hedfixse {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.owl-nav button.owl-next {
    right: 0px;
}

#hero-slider .owl-nav button.owl-prev {
    left: 0px;
}

#hero-slider .owl-nav button.owl-next {
    right: 0px;
}

.slider .banrcntprd img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    display: block;
    height: unset !important;
}

.widget-textArea {
    padding: 50px 0px;
    margin: 0px;
    background: rgb(242, 242, 242);
}

.widget-heading {
    margin: 0px;
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.widget-heading h3 {
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.widget-heading h2 {
    font-size: 45px;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 0px;
    line-height: 60px;
}

.widget-heading h2 span {
    font-weight: 400;
    font-style: italic;
    font-size: 48px;
    letter-spacing: -1px;
}

.widget-textArea .widget-list {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.widget-textArea .widget-list p {
    font-size: 16px;
    line-height: 33px;
    padding-bottom: 10px;
}

.widget-textArea .widget-list p b {
    font-weight: 700;
}

.widget-textArea .widget-number {
    margin: 0px auto;
    width: 100%;
    display: flex;
    text-align: center;
}

.widget-textArea .widget-number h3 {
    font-weight: 800;
    font-size: 25px;
    margin: 0px;
    padding: 0px;
}

.widget-textArea .widget-number p {
    font-size: 20px;
    font-weight: 600;
    color: rgb(80, 79, 79);
    margin: 0px;
    padding: 0px;
}

.parthneranddivier {
    position: relative;
    margin: 0px;
    padding: 15px 0px;
    background: rgb(26, 19, 72);
}

.parthneranddivier h3 {
    color: rgb(255, 255, 255);
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.parthneranddivier h4 {
    color: rgb(255, 255, 255);
    float: left;
    width: 100%;
    font-size: 45px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 5px;
}

.parthneranddivier p {
    color: rgb(255, 255, 255);
    float: left;
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}

.custom-software {
    position: relative;
    margin: 0px;
    background: center top / cover no-repeat, center center rgb(21, 89, 188);
    background-blend-mode: difference;
    padding: 50px 0px !important;
}

.custom-software h2,
.prices_Sec h2,
.whychociesus h2 {
    font-size: 45px;
    font-weight: 700;
    text-align: center;
    margin: 0px 0px 30px !important;
}

.custom-software p {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.3px;
    text-align: center;
    color: rgb(0, 0, 0);
    width: 80%;
    margin: 0px auto 40px;
}

.custom-software ul {
    width: 70%;
    display: flex;
    gap: 10px;
    margin: 0px auto;
}

.custom-software ul li {
    width: 100%;
    height: auto;
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 10px;
    background: rgba(255, 255, 255, 0);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: all 0.5s linear 0s;
}

.custom-software ul li a {
    color: rgb(86, 86, 86);
    font-size: 14px;
    padding: 0px 10px;
    transition: all 0.5s linear 0s;
}

.custom-software ul li a img {
    height: 70px;
    object-fit: contain;
    margin: 20px 0px 10px;
    filter: invert(1);
    transition: all 0.5s linear 0s;
}

.custom-software ul li a h2 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 25px auto;
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.custom-software ul li:hover {
    background: radial-gradient(rgba(255, 255, 255, 0.55), rgb(242, 242, 242));
    box-shadow: rgba(0, 0, 0, 0.13) 0px 9px 59.8px 5.2px;
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.custom-software ul li a:hover {
    color: rgb(255, 255, 255);
}

.parthneranddivier .item {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.parthnamerlogo,
.parthnamerlogo .owl-stage-outer,
.parthnamerlogo .owl-stage-outer .owl-stage,
.parthnamerlogo .owl-stage-outer .owl-item,
.parthnamerlogo .owl-stage-outer .item,
.parthnamerlogo .owl-stage-outer .parthlogo {
    height: 100%;
}

.parthnamerlogo .owl-stage-outer .parthlogo img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.parthnamerlogo .owl-stage-outer .item .parthlogo {
    border-top: 1px solid rgb(17, 9, 66);
    border-bottom: 1px solid rgb(17, 9, 66);
    border-left: 1px solid rgb(17, 9, 66);
    border-image: initial;
    border-right: unset;
    border-radius: 4px;
}

.aboutus {
    padding: 50px 0px;
    position: relative;
    background: rgb(249, 249, 249);
}

.aboutus h1 {
    color: rgb(26, 19, 72);
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.aboutus h4 {
    font-size: 35px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 10px;
    color: rgb(33, 33, 33);
    margin-bottom: 25px;
}

.aboutus p {
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0px 0px;
    font-weight: 400;
    color: rgb(34, 34, 34);
    text-align: justify;
}

.aboutus a {
    background: rgb(26, 19, 72);
    padding: 10px 30px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    display: inline-block;
    width: max-content;
    margin-top: 30px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.aboutus form {
    width: 100%;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px 7px;
    padding: 40px;
    margin: 0px;
    display: block;
    float: right;
    position: sticky;
    z-index: 9;
    top: 30px;
}

.aboutus h5,
.aboutus h2 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
}

.text-are {
    position: relative;
    margin: 0px;
    padding-right: 30px;
}

.aboutus form h4 {
    margin-bottom: 30px;
    font-size: 30px;
    padding-left: 0px;
}

.aboutus form .from-sectiona {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.aboutus .form-group {
    height: auto;
    margin-bottom: 20px;
}

.aboutus .form-group label {
    font-size: 14px;
    color: rgb(0, 0, 0);
    width: 100%;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
}

.aboutus .form-group .form-control {
    font-size: 15px;
    color: rgb(33, 33, 33);
    display: block;
    width: 100%;
    margin: 0px;
    line-height: normal;
    padding: 0px 10px;
    font-weight: 400;
    height: 45px;
    border: 1px solid rgb(201, 200, 200);
    border-radius: 4px;
}

.aboutus .form-group textarea {
    font-size: 18px;
    height: 150px !important;
    padding: 15px 10px !important;
}

.aboutus .btnsection button {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgb(0, 75, 184);
    border: unset;
    margin: 0px;
    color: rgb(255, 255, 255);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.aboutus .btnsection button i {
    font-size: 35px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.aboutus .btnsection {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.coutsection {
    border-right: 2px solid rgb(34, 34, 34);
    margin: 0px;
    padding: 10px 0px;
    background: rgb(255, 255, 255);
}

.widget-textArea .widget-number .col-md-4:first-child .coutsection {
    border-left: 2px solid rgb(34, 34, 34);
}

.tab-section {
    position: relative;
    margin: 0px 0px 15px;
    padding: 0px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
}

.box-price {
    padding: 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.46) 0px 0px 10px 0px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    animation: 5s linear 0s infinite normal none running animate;
    width: 100%;
    background: url("../Images/footer-bg.webp") rgb(33, 27, 27);
    background-blend-mode: multiply;
    transition: all 0.3s ease-in-out 0s;
    height: 550px;
}

@keyframes animate {
    0% {
        background-position: 0px 0px;
    }

    20% {
        background-position: 0px -44px;
    }

    40% {
        background-position: 0px -80px;
    }

    60% {
        background-position: 0px -100px;
    }

    80% {
        background-position: 0px -60px;
    }

    100% {
        background-position: 0px 0px;
    }
}

.box-price svg,
.box-price svg rect {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0s;
    fill: transparent;
}

.box-price svg rect {
    stroke: rgb(255, 200, 10);
    stroke-width: 8px;
    stroke-dasharray: 400;
    animation: 6s linear 0s infinite normal none running boderline;
    width: 100%;
    height: 100%;
    display: inline-flex;
    transition: all 0.3s ease-in-out 0s;
}

@keyframes boderline {
    0% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

section.price-tab .box-price:hover svg {
    display: none;
}

.box-title {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    transition: all 0.3s ease-in-out 0s;
}

.box-price .box-title h2 {
    z-index: 1;
    position: absolute;
    top: 95px;
    left: 85%;
    margin: 0px;
    padding: 0px;
    color: rgba(255, 255, 255, 0.13);
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.3s ease-in-out 0s;
    font-size: 15em !important;
}

.box-price h3 {
    width: 100%;
    display: block;
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    transition: all 0.3s ease-in-out 0s;
    color: rgb(255, 255, 255) !important;
    margin-bottom: 15px !important;
}

.box-price h4 {
    font-weight: 700;
    font-size: 40px;
    color: rgb(255, 255, 255);
    margin: 10px auto 0px;
    transition: all 0.3s ease-in-out 0s;
    letter-spacing: 0px;
    line-height: 35px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-price h4 sup {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    transition: all 0.3s ease-in-out 0s;
    margin-right: 5px;
}

.box-price h4 span {
    margin: 0px;
    padding: 0px;
    width: max-content;
    text-align: left;
}

.box-price h4 sub {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    text-transform: initial;
    transition: all 0.3s ease-in-out 0s;
}

.box-price h5 {
    text-align: left;
    margin: 10px 0px 20px;
    padding: 0px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    width: max-content;
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
}

.box-price span.featured {
    width: 200px;
    position: absolute;
    top: 20px;
    right: -60px;
    transform: rotate(35deg);
    z-index: 1;
    font-size: 14px;
    padding: 3px 0px;
    background: linear-gradient(90deg, rgb(255, 133, 0) 0%, rgb(255, 96, 0) 100%);
    color: rgb(255, 255, 255);
    box-shadow: rgb(4, 4, 4) 0px 0px 10px;
    font-weight: bold;
    transition: all 0.3s ease-in-out 0s;
}

.box-price .pakes-area {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin: 5px 0px 0px;
    padding-top: 10px;
    border-top: 1px solid rgb(47, 44, 44);
    height: auto;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden auto;
}

.box-price .pakes-area ul {
    margin: 0px;
    text-align: left;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}

.box-price .pakes-area ul li {
    font-size: 13px;
    margin: 0px 0px 5px;
    padding: 0px;
    text-align: left;
    color: rgb(255, 255, 255);
    font-weight: 500;
    line-height: 25px;
    transition: all 0.3s ease-in-out 0s;
}

.btn-section {
    margin: 0px auto;
    padding: 0px;
    position: absolute;
    z-index: 1;
    bottom: -100%;
    left: 0px;
    width: 100%;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transform: translateY(200%);
}

.btn-section a {
    position: relative;
    margin: 0px auto;
    padding: 10px 30px;
    display: block;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 50px;
    width: max-content;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out 0s;
}

.box-price .btn-section a:hover {
    background: rgb(255, 11, 0);
    font-size: 18px;
    padding: 8px 40px;
    border: 1px solid rgb(255, 11, 0);
    transition: all 0.3s ease-in-out 0s;
}

.tab-section:hover .btn-section {
    bottom: 30px;
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out 0s;
    transform: translateY(0%);
}

.box-price .btn-section a:hover {
    background: rgb(255, 11, 0);
    font-size: 18px;
    padding: 8px 40px;
    border: 1px solid rgb(255, 11, 0);
    transition: all 0.3s ease-in-out 0s;
}

.tab-section .btn-section:hover a {
    background: rgb(255, 206, 36);
    font-size: 18px;
    padding: 8px 40px;
    border: 1px solid rgb(255, 206, 36);
    color: rgb(0, 0, 0);
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
}

.tab-section:hover .box-title h2 {
    left: 21%;
    color: rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease-in-out 0s;
    font-size: 7em !important;
}

.prices_Sec {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    transition: all 0.3s ease-in-out 0s;
}

.prices_Sec h2 {
    margin-bottom: 50px !important;
}

.custom-software h2 {
    margin-bottom: 10px;
    color: rgb(255, 255, 255) !important;
}

.box-price .pakes-area p {
    color: rgb(255, 255, 255);
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    margin: 0px 0px 15px;
    padding: 0px;
}

.box-price .pakes-area::-webkit-scrollbar-track {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset;
    background-color: rgb(255, 255, 255);
}

.box-price .pakes-area::-webkit-scrollbar {
    width: 2px;
    background-color: rgb(255, 255, 255);
}

.box-price .pakes-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(255, 101, 0);
}

.prices_Sec h4.titlesection {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    line-height: 75px;
}

.box-price::before {
    content: "";
    background: linear-gradient(30deg, rgba(224, 223, 221, 0.07), rgba(224, 223, 221, 0.09));
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    clip-path: polygon(0px 0px, 0% 100%, 100% 0px);
}

.whychociesus {
    margin: 0px;
    background: url("../Images/backgroundSquaresMalibuBlue.webp") center top / cover no-repeat, center center rgb(26, 19, 72);
    background-blend-mode: difference;
    padding: 50px 0px !important;
}

.whychociesus h2 {
    display: inline-block;
    color: rgb(255, 255, 255) !important;
    margin-bottom: 50px !important;
}

.whychociesus .box-whych {
    border: 1px solid rgb(255, 255, 255);
    padding: 20px;
    height: 200px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.09);
    cursor: pointer;
    transition: all 0.5s linear 0s;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}

.whychociesus .box-whych h2 {
    font-size: 20px;
    font-weight: 700;
    color: rgb(34, 34, 34) !important;
    margin-bottom: 15px !important;
}

.whychociesus .box-whych p {
    margin: 0px;
    padding: 0px;
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    color: rgb(34, 34, 34);
    font-weight: 500;
}

.whychociesus .box-whych:hover {
    transition: all 0.5s linear 0s;
    transform: scale(1.1);
    box-shadow: rgba(0, 0, 0, 0.31) 0px 5px 10px;
    background: rgba(255, 255, 255, 0.23);
}

.contac-us {
    margin: 0px;
    padding: 50px 0px 20px;
    background: url("../Images/inq-bg-01.webp") center top / cover no-repeat, center center rgb(26, 19, 72);
    width: 100%;
    position: relative;
    z-index: 2;
}

.contac-us::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(7, 2, 37);
    opacity: 0.5;
    z-index: -1;
}

.contac-us .quick-box {
    width: 80%;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px 7px;
    padding: 50px;
    margin: -200px auto 0px;
    display: block;
    float: right;
    position: relative;
    z-index: 9;
}

.contac-us .quick-box h6 {
    display: block;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
    font-weight: 800;
}

.contac-us .quick-box .form-group {
    height: auto;
    margin: 0px;
    width: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
}

.contac-us .quick-box .form-group label {
    font-size: 14px;
    color: rgb(51, 51, 51);
    width: 100%;
    display: inline-block;
    font-weight: 400;
    max-width: 100%;
    margin-bottom: 5px;
}

.quick-box .form-group .form-control {
    height: 55px;
    color: rgb(33, 33, 33);
    display: block;
    width: 100%;
    margin: 0px;
    line-height: normal;
    padding: 5px 0px;
    font-weight: 400;
    border-top: unset;
    border-right: unset;
    border-left: unset;
    border-image: unset;
    border-bottom: 1px solid rgb(0, 0, 0);
    border-radius: unset;
    font-size: 15px;
}

.fromzon {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.popupsection .quick-box .form-group .form-group {
    width: 100%;
    max-width: calc(47.5%);
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.contac-us .quick-box .form-group.fullsection {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.contac-us .quick-box .form-group.fullsection textarea {
    height: 55px;
    font-size: 15px;
    color: rgb(34, 34, 34);
    margin-top: 20px;
}

.contac-us .quick-box .btnsection button {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgb(0, 103, 255);
    border: unset;
    margin: 0px;
    color: rgb(255, 255, 255);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.contac-us .quick-box .btnsection button i {
    font-size: 35px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.contac-us .quick-box .btnsection {
    position: absolute;
    bottom: 0px;
    right: 15px;
}

.textformsec {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.textformsec h4 {
    color: rgb(255, 255, 255);
    font-size: 17px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.textformsec h5 {
    display: block;
    color: rgb(255, 255, 255);
    line-height: 52px;
    font-size: 45px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 30px;
}

.textformsec p {
    color: rgb(255, 255, 255);
    line-height: 30px;
    text-align: justify;
    margin-bottom: 20px;
}

.copyright {
    position: relative;
    margin: 0px;
    padding: 5px 0px;
    display: inline-block;
    width: 100%;
    background: rgb(50, 50, 50);
}

.copyright p {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.testomonial {
    margin: 0px auto;
    padding: 50px 0px;
    width: 100%;
}

.testomonial .testomonial-heading {
    text-align: center;
    margin: 0px;
    padding: 0px 0px 30px;
}

.testomonial .testomonial-heading h3 {
    font-size: 30px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.testomonial .testomonial-heading h3 span {
    color: rgb(138, 67, 0);
}

.testomonial .testomonial-box {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 15px 0px;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    width: 100%;
    margin: 20px 0px 30px;
    height: 450px;
}

.testomonial .testomonial-box ul {
    margin: 0px 0px 15px;
    padding: 0px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
}

.testomonial .testomonial-box ul li {
    color: rgb(177, 102, 31);
    width: max-content;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.testomonial .testomonial-box p {
    margin: 0px 0px 30px;
    line-height: 25px;
    text-align: justify;
    color: rgb(51, 51, 51);
}

.testomonial .testomonial-box img {
    height: 60px;
    border: 5px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 20px 20px 40px 0px;
    border-radius: 50px;
    width: 60px !important;
    display: inline-block !important;
}

.testomonial .testomonial-box h3 {
    font-size: 15px;
    letter-spacing: 0.3px;
    position: relative;
    width: max-content;
    display: inline-block;
    font-weight: 600;
}

.imgtex {
    position: absolute;
    margin: 0px;
    padding: 0px 50px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    bottom: 20px;
    width: 100%;
    float: left;
}

.textformsec ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.textformsec ul li {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 14px;
}

.textformsec ul li a {
    color: rgb(255, 255, 255);
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    gap: 10px;
    cursor: pointer;
}

.textformsec ul li a span {
    background: rgb(0, 103, 255);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 13px;
}

.headingtitle {
    line-height: 55px;
    color: rgb(0, 0, 0) !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    margin: 0px 0px 30px !important;
    text-align: center !important;
}

.whychociesus h2 span {
    color: rgb(0, 0, 34);
}

.headingtitle span {
    color: rgb(138, 67, 0);
}

.textformsec ul li .socialmedia {
    display: flex;
    gap: 20px;
}

.textformsec ul li .socialmedia a:last-child span {
    font-size: 20px;
    background: rgb(25, 135, 84);
}

.custom-software h2 span {
    color: rgb(0, 0, 0);
}

.custom-software ul li:hover img {
    filter: unset;
    transition: all 0.5s linear 0s;
}

.custom-software ul li:hover h2 {
    transition: all 0.5s linear 0s;
    color: rgb(0, 0, 0) !important;
}

.custom-software ul li:hover i {
    color: rgb(0, 0, 0);
    transition: all 0.5s linear 0s;
}

.custom-software ul li a i {
    position: absolute;
    bottom: 10px;
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.textformsec h6 {
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin: 10px 0px 15px;
}

.textformsec .socialmedia {
    position: relative;
}

.textformsec .socialmedia li {
    display: inline-block;
    width: max-content;
    margin-right: 10px;
}

.textformsec .socialmedia li a span {
    font-size: 15px;
}

.aboutus .form-group span,
.contac-us .quick-box .form-group span {
    color: rgb(255, 0, 0);
    position: relative;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    font-size: 12px;
    display: none;
}

#contactFormTop h2 {
    font-size: 32px;
    margin: 0px 0px 30px;
    padding: 0px;
    font-weight: 900;
}

.secondaddres li:last-child span {
    width: 60px;
}

.addressection h6 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.5px;
}

.banner {
    background: url("../Images/inq-bg-01.webp") 0% 0% / contain repeat;
    width: 100%;
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

.prices_Sec .pckbtn {
    margin: 0px auto;
    display: block;
    width: max-content;
    background: rgb(26, 19, 72);
    padding: 15px 50px;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.our_partners {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    background: rgb(243, 249, 255);
    width: 100%;
}

.our_partners h3 {
    color: rgb(0, 74, 18);
    font-size: 20px;
    letter-spacing: 0.5px;
    border-left: 4px solid rgb(0, 74, 18);
    font-weight: 800;
    margin-bottom: 10px;
}

.our_partners .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.our_partners .owl-item .item {
    padding: 10px 0px;
    margin: 10px;
    width: 100%;
    display: inline-block;
    background: rgb(255, 255, 255);
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgb(235, 233, 233) 3px 0px 10px;
}

.our_partners_logo_industry {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.banner h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.banner ul {
    margin: 0px auto;
    display: block;
    position: relative;
    width: auto;
}

.banner ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

.banner ul li a {
    font-weight: 500;
}

.banner ul li span {
    margin-right: 10px;
    margin-left: 5px;
}

.aboutsec {
    position: relative;
    margin: 0px;
    padding: 30px 0px;
    width: 100%;
}

.aboutbanner {
    background: url("../Images/DM_blog_post_imag.webp") center center / cover no-repeat;
    position: relative;
    z-index: 2;
}

.aboutsec h2 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 20px;
    margin-top: 10px;
}

.aboutsec h2 span.blue {
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

.aboutuspagessec p,
.aboutuspagessec li {
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0px 0px;
    font-weight: 400;
    color: rgb(34, 34, 34);
    text-align: justify;
}

.aboutuspagessec h2,
.aboutuspagessec h3,
.aboutuspagessec h4,
.aboutuspagessec h5 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
}

.aboutuspagessec li {
    line-height: 25px;
    margin-top: 10px !important;
}

.aboutuspagessec ul {
    margin: 20px 0px;
}

.aboutbanner::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.7;
    z-index: -1;
}

.aboutbanner h2,
.aboutbanner li,
.aboutbanner li a {
    color: rgb(255, 255, 255);
}

.whawebde {
    background: url("../Images/inq-bg-01.webp");
}

.commepagedes,
.whawebde,
.listpointsec {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

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

.commepagedes p {
    margin: 15px 0px 0px;
    text-align: left;
}

.whawebde h2 {
    color: rgb(255, 255, 255) !important;
}

.whawebde p {
    margin: 15px 0px 0px;
    color: rgb(255, 255, 255);
    text-align: center;
}

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

.listpointsec ul li {
    font-size: 14px;
    line-height: 30px;
    margin: 15px 0px 0px;
    font-weight: 400;
    color: rgb(34, 34, 34);
    text-align: justify;
}

.whawebde {
    padding-bottom: 100px;
}

.listpointsec .container {
    position: relative;
    margin-top: -100px;
    background: rgb(255, 255, 255);
    padding: 30px 80px;
    border-radius: 4px;
}

.commepagedes h2 span,
.whawebde h2 span,
.listpointsec h5 {
    color: rgb(138, 67, 0);
}

.listpointsec h4 {
    margin: 20px 0px 10px;
    padding: 0px;
    text-align: left;
    font-size: 19px;
    font-weight: 800;
}

.listpointsec p {
    padding: 0px;
    margin: 15px 0px 0px;
}

.banner::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.5;
    z-index: -1;
}

.ouserbopr .sertopse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}

.ouserbopr .sertopse span.count-number {
    height: 65px;
    width: 140px;
    font-size: 50px;
    font-weight: 700;
    color: rgba(200, 199, 199, 0.34);
    line-height: 65px;
    z-index: 2;
    padding-left: 15px;
    transition: all 1s linear 0s;
    background: linear-gradient(to right, rgb(243, 243, 243), transparent);
    border-radius: 10px;
}

.ouserbopr .sertopse .icon-box {
    font-size: 50px;
    color: rgb(26, 19, 72);
    transition: all 0.5s linear 0s;
    text-align: left;
}

.ouserbopr h4 {
    font-weight: 800;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
    transition: all 0.5s linear 0s;
}

.ouserbopr ul {
    margin: 0px;
    padding-top: 10px;
}

.ouserbopr ul li {
    list-style: circle;
    font-size: 16px;
    color: rgb(106, 106, 106);
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
    transition: all 0.5s linear 0s;
}

.ouserbopr {
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 226, 226);
    padding: 25px 20px;
    border-radius: 10px;
    transition: all 0.5s linear 0s;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
}

.newaboutussec {
    margin: 0px;
    padding: 50px 0px;
    position: relative;
    background: rgb(249, 249, 249);
}

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

.newaboutussec p,
.digimarxp .row p,
.digimarxp ul li {
    margin: 15px 0px 0px;
}

.newaboutussec h4,
.neseabus h4 {
    font-size: 25px;
    font-weight: 700;
    text-align: left !important;
    margin-top: 30px !important;
}

.ouserbopr:hover {
    transition: all 0.5s linear 0s;
    position: relative;
}

.ouserbopr::after,
.ouserbopr::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    background: rgb(26, 19, 72);
    z-index: -1;
    transition: all 0.5s linear 0s;
}

.ouserbopr::after {
    bottom: -100%;
    right: 0px;
}

.ouserbopr::before {
    top: -100%;
    left: 0px;
}

.ouserbopr:hover::before {
    top: 0px;
}

.ouserbopr:hover::after {
    bottom: 0px;
}

.ouserbopr:hover .icon-box {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.ouserbopr:hover span.count-number {
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, rgb(44, 35, 104), transparent);
    transition: all 1s linear 0s;
}

.ouserbopr:hover h4 {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.ouserbopr:hover ul li {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.combansec {
    position: relative;
    padding: 170px 15px 100px;
    background: rgb(23, 28, 36);
    text-align: center;
    margin: 0px auto;
    overflow: hidden;
}

.combansec h2 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 800;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
    line-height: 55px;
}

.breadcrumbs {
    position: relative;
    margin: 0px 0px 10px;
    padding: 0px;
}

.breadcrumbs .breat {
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 4px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
    position: relative;
    margin-top: -40px;
}

.breadcrumbs .breat ul {
    list-style: none;
    padding: 0px 30px;
    width: auto;
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.breadcrumbs .breat ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.breadcrumbs .breat ul li span {
    margin: 0px 5px;
}

.neseabus {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
    display: inline-block;
}

.neseabus h2 {
    letter-spacing: 0.5px;
    text-align: left !important;
}

.neseabus h3 span {
    font-size: 25px;
    font-weight: 600;
    color: rgb(138, 67, 0);
}

.neseabus h3 {
    font-size: 128px;
}

.whatsetusaprt {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    background: rgb(249, 249, 249);
}

.whatsetusaprt p {
    text-align: center;
}

.whatsetusaprt ul {
    list-style: none;
    margin: 30px 0px 0px;
    padding: 0px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 15px;
}

.whatsetusaprt ul li {
    border: 1px solid rgb(217, 215, 215);
    padding: 20px 30px;
    height: 100%;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(106, 106, 106);
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px;
    counter-increment: auto-increment-numbers 1;
    transition: all 0.5s linear 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.whatsetusaprt ul li::after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 55px;
    font-weight: 700;
    opacity: 0.2;
    content: "";
}

.custom-software.newserexp ul {
    width: calc(100% - 150px);
}

.letgrowtogethe {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
}

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

.combansec .marqtext {
    font-size: 30px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: 800;
    top: 160px;
    opacity: 0.1;
    animation: 10s linear 0s infinite normal none running colorSlide;
}

@-webkit-keyframes colorSlide {
    0% {
        color: rgb(21, 42, 104);
        transform: translateX(0px);
    }

    25% {
        color: royalblue;
    }

    50% {
        color: seagreen;
        transform: translateX(150px);
    }

    75% {
        color: tomato;
    }

    100% {
        color: rgb(21, 42, 104);
        transform: translateX(0px);
    }
}

@keyframes colorSlide {
    0% {
        color: rgb(132, 148, 197);
        transform: translateX(0px);
    }

    25% {}

    50% {
        color: rgb(225, 240, 231);
        transform: translateX(150px);
    }

    75% {
        color: rgb(243, 192, 183);
    }

    100% {
        color: rgb(231, 235, 248);
        transform: translateX(0px);
    }
}

.contpagnesec {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

.adreboxnumber {
    background: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 20px;
    transition: all 0.5s linear 0s;
    cursor: pointer;
    border: 1px dashed rgba(21, 15, 67, 0.15);
    text-align: left;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.adreboxnumber span {
    width: 50px;
    height: 50px;
    display: flex;
    background: rgb(21, 15, 67);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 15px;
    float: left;
    transition: all 0.5s linear 0s;
}

.adreboxnumber h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 5px;
    transition: all 0.5s linear 0s;
}

.adreboxnumber h4 {
    font-size: 16px;
    line-height: 25px;
    color: rgb(34, 34, 34);
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    transition: all 0.5s linear 0s;
}

.adreboxnumber::after,
.adreboxnumber::before {
    content: "" "";
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgb(245, 245, 245);
    border-radius: 50%;
    z-index: -1;
    transition: all 0.5s linear 0s;
}

.adreboxnumber::before {
    top: -20px;
    left: -20px;
}

.adreboxnumber::after {
    bottom: -20px;
    right: -20px;
}

.adreboxnumber .textsec {
    position: relative;
    margin: 0px auto 0px 15px;
    padding: 0px;
    display: inline-block;
    width: 75%;
}

.adreboxnumber .textsec h5 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.1;
    font-size: 58px;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1px rgb(0, 0, 0);
    animation: 10s linear 0s infinite normal none running TextSlide;
}

@-webkit-keyframes TextSlide {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-50px);
    }

    50% {
        transform: translateX(150px);
    }

    75% {
        transform: translateX(100px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes TextSlide {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-50px);
    }

    50% {
        transform: translateX(150px);
    }

    75% {
        transform: translateX(100px);
    }

    100% {
        transform: translateX(0px);
    }
}

.contpagnesec h2 {
    position: relative;
    margin: 0px 0px 15px;
    padding: 0px 15px;
    font-size: 26px;
    font-weight: 700;
}

.adreboxnumber:hover {
    transition: all 0.5s linear 0s;
    transform: scale(1.1);
}

.adreboxnumber:hover::after,
.adreboxnumber:hover::before {
    width: 50%;
    height: 100%;
    border-radius: unset;
    transition: all 0.5s linear 0s;
}

.adreboxnumber:hover::before {
    background: rgb(21, 15, 67);
    top: 0px;
    left: 0px;
}

.adreboxnumber:hover::after {
    background: rgb(17, 12, 56);
    bottom: 0px;
    right: 0px;
}

.adreboxnumber:hover span {
    background: rgb(255, 255, 255);
    color: rgb(21, 15, 67);
    transition: all 0.5s linear 0s;
}

.adreboxnumber:hover .textsec h3,
.adreboxnumber:hover .textsec h4,
.adreboxnumber:hover .textsec a {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.adreboxnumber:hover .textsec h5 {
    -webkit-text-stroke: 1px rgb(255, 255, 255);
    opacity: 0.2;
    background: unset;
}

.formsection {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    background: url("../Images/inq-bg-01.webp") 0% 0% / cover no-repeat;
    overflow: hidden;
    z-index: 1;
}

.usatextses .textsec h5 {
    color: transparent;
}

.formsection .form-control {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgb(233, 233, 233);
    font-size: 12px;
    letter-spacing: 0.5px;
    height: 45px;
    width: 100%;
    color: rgb(255, 255, 255);
}

.formsection select.form-control option {
    color: #000;
}

.formsection label {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: rgb(255, 255, 255);
}

.formsection textarea {
    height: 150px !important;
}

.formsection .form-group {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.formsection .btnsection .submit-btn {
    padding: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgb(0, 103, 255);
    border: unset;
    margin: 0px;
    color: rgb(255, 255, 255);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 26px;
}

.formsection .btnsection {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.formsection .form-group span.error {
    color: rgb(255, 0, 0);
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.formsection h3 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 40px;
}

.formsection::before {
    content: "Lets connect";
    font-size: 100px;
    font-weight: 900;
    text-align: center;
    color: rgb(255, 255, 255);
    animation: 10s linear 0s infinite normal none running colorSlide;
    line-height: 4.5;
    opacity: 0.2;
}

.formsection::after {
    background: rgb(12, 15, 20);
    opacity: 0.8;
    content: "";
}

.formsection::before,
.formsection::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.whatsetusaprt ul li:hover {
    transform: scale(1.1);
    transition: all 0.5s linear 0s;
    color: rgb(255, 255, 255);
}

.whatsetusaprt ul li:hover::before {
    transition: all 0.5s linear 0s;
    width: 100%;
    height: 100%;
    border-radius: unset;
    top: 0px;
    left: 0px;
    background: rgb(23, 28, 36);
}

.whatsetusaprt ul li::before {
    position: absolute;
    top: -20px;
    left: -20px;
    content: "";
    width: 100px;
    height: 100px;
    background: rgb(237, 236, 236);
    border-radius: 50%;
    z-index: -1;
    transition: all 0.5s linear 0s;
}

.newpackseccre {
    position: relative;
    margin: 0px auto 50px;
    padding: 0px;
    width: 100%;
}

.newpackseccre h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin: 50px 0px;
}

.maintitle {
    padding: 15px 20px 10px 80px;
    background-color: rgb(0, 42, 52);
    transition: all 500ms ease 0s;
    text-align: center;
    height: 65px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.maintitle h4 {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 9;
    line-height: 25px;
}

.itempricebox {
    margin: 0px auto 30px;
    max-width: 100%;
    border-radius: 16px;
    padding-bottom: 0px;
    background-color: white;
    box-shadow: rgba(72, 72, 72, 0.15) 0.698px 9.976px 50px 0px;
    overflow: hidden;
    border: 2px solid rgb(229, 229, 229);
    height: 100%;
    transition: all 0.5s linear 0s;
    cursor: pointer;
}

.itempricebox .titleect {
    margin: 0px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 2;
}

.itempricebox .titleect .imgsoppe {
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 500ms ease 0s;
}

.itempricebox .titleect::before {
    top: -22px;
    left: -25px;
    width: 97px;
    content: "";
    height: 55px;
    position: absolute;
    background-color: rgb(251, 251, 251);
    transform: rotate(-35deg);
}

.pakes-area {
    margin: 0px;
    padding: 20px;
}

.pakes-area .hidenlist {
    display: none;
}

.newpackseccre .col-md-4 {
    margin-bottom: 30px;
}

.pakes-area h5 {
    color: rgb(255, 255, 255);
    font-weight: 700;
    padding: 10px 45px;
    border-radius: 20px;
    width: max-content;
    background-color: rgb(4, 52, 64);
    margin: 0px auto 20px;
    font-size: 14px;
    display: block;
    letter-spacing: 0.5px;
    transition: all 0.5s linear 0s;
}

.pakes-area ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.pakes-area ul li {
    display: block;
    list-style: unset;
    color: rgb(4, 52, 64);
    font-weight: 600;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid rgb(229, 229, 229);
    margin-bottom: 5px;
    padding-bottom: 10px;
    transition: all 0.5s linear 0s;
}

.pakes-area span {
    margin: 0px auto 30px;
    padding: 8px 15px;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 15px;
    color: rgb(0, 1, 4);
    border-bottom: 1px solid rgb(238, 238, 238);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(4, 137, 49, 0.31) 50%, rgba(255, 255, 255, 0) 80%);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.pakes-area ul li:last-child {
    margin-bottom: 0px;
}

.pakes-area span i {
    margin-left: 5px;
    font-size: 12px;
}

.itempricebox:hover {
    transform: scale(1.05);
    transition: all 0.5s linear 0s;
}

.itempricebox:hover .maintitle {
    background: rgb(26, 19, 72);
    transition: all 500ms ease 0s;
}

.itempricebox:hover .imgsoppe img {
    filter: brightness(0.9) invert(0.2) sepia(0.5) hue-rotate(100deg) saturate(350%);
    transition: all 0.5s linear 0s;
}

.itempricebox .imgsoppe img {
    transition: all 0.5s linear 0s;
}

.itempricebox:hover h5 {
    color: rgb(255, 255, 255);
    background: rgb(26, 19, 72);
    transition: all 0.5s linear 0s;
}

.itempricebox:hover li {
    color: rgb(0, 0, 0);
    transition: all 0.5s linear 0s;
    border-color: rgb(231, 231, 231);
}

.itempricebox:hover .titleect {
    background: rgb(255, 255, 255);
}

.newpackseccre h3.headingtitle {
    margin-bottom: 50px !important;
}

.titleect::after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: -40px;
    width: 150px;
    height: 150px;
    background: rgb(242, 242, 242);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.5;
}

.newpackseccre .col-md-3 {
    margin-bottom: 30px;
}

.pakes-area a {
    border: 1px solid rgb(0, 42, 52);
    padding: 10px 40px;
    border-radius: 50px;
    color: rgb(0, 42, 52);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 0px auto;
    display: block;
    width: max-content;
    position: absolute;
    bottom: -125px;
    right: 0px;
    left: 0px;
    transition: all 0.5s linear 0s;
}

.itempricebox:hover .pakes-area a {
    background: rgb(26, 19, 72);
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
    bottom: 10px;
}

.pricepackeges {
    z-index: 1;
    border: 1px solid rgb(0, 42, 52);
    padding: 10px 40px;
    border-radius: 50px;
    color: rgb(0, 42, 52);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin: 20px 20px 0px auto;
    width: max-content;
    position: relative;
    overflow: hidden;
    transition: all 0.5s linear 0s;
    display: inline-block;
}

.pricepackeges::after,
.pricepackeges::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgb(26, 19, 72);
    border-radius: 50%;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    opacity: 0.1;
    transition: all 0.5s linear 0s;
}

.pricepackeges::after {
    right: -15px;
    bottom: -15px;
}

.pricepackeges::before {
    top: -15px;
    left: -15px;
}

.pricepackeges:hover {
    transition: all 0.5s linear 0s;
    color: rgb(255, 255, 255);
}

.pricepackeges:hover::after,
.pricepackeges:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: unset;
}

.pricepackeges:hover::after {
    bottom: 0px;
    right: 0px;
}

.pricepackeges:hover::before {
    top: 0px;
    left: 0px;
}

.digimarxp {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
    display: inline-block;
}

.digimarxp .row {
    position: relative;
}

.digimarxp .row h3 {
    text-align: left !important;
}

.digimarxp h4 {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 100px;
    font-weight: 800;
}

.digimarxp h5 {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    color: rgb(26, 19, 72);
}

.digimarxp.secbacimg h4 {
    color: rgb(26, 19, 72);
}

.digimarxp h4 {
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-attachment: unset;
    background-origin: unset;
    background-color: unset;
    color: transparent;
    -webkit-text-stroke: 1px rgb(26, 19, 72);
}

.digimarxp .row h3 span {
    color: rgb(138, 67, 0);
}

.digimarxp ul {
    margin: 0px;
    display: inline-block;
    width: 100%;
}

.digimarxp.secbacimg {
    background: rgb(242, 242, 242);
}

.digimarxp ul li {
    list-style: circle;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

.whatido {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    background: rgb(242, 242, 242);
}

.whatido h3 {
    font-size: 25px;
    font-weight: 800;
    margin: 0px 0px 20px;
    padding: 0px;
}

.whatido ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 15px;
}

.whatido ul li {
    padding: 20px 30px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(133, 133, 133, 0.19) 2px 1px 10px;
    border: 1px solid rgb(226, 226, 226);
    border-radius: 8px;
}

.whatido ul li span {
    font-size: 2.3rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
    opacity: 0.2;
    margin: 0px;
    padding: 0px;
}

.whatido ul li h4 {
    font-size: 20px;
    font-weight: 800;
    margin: 0px 0px 10px;
    padding: 0px;
}

.contpagnesec h1.headingtitle {
    margin-bottom: 60px !important;
}

.services {
    background: rgb(242, 242, 242);
    margin: 0px auto;
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

.services .servieched {
    margin: 0px 0px 50px;
    padding: 0px;
    text-align: center;
    position: relative;
    z-index: 9;
}

.services .servieched span {
    font-size: 2.9rem;
    font-weight: 800;
    top: -20px;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;
    color: rgb(0, 0, 0);
    opacity: 0.3;
    animation: 10s linear 0s infinite normal none running colorSlide;
}

.services .servicebox {
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 40px;
    margin: 0px;
    border: 1px solid rgb(243, 243, 243);
    border-radius: 4px;
    transition: all 1.5s linear 0s;
    position: relative;
    z-index: 9;
    height: 100%;
    cursor: pointer;
}

.services .servicebox:hover {
    background: rgb(10, 27, 57);
    color: rgb(255, 255, 255);
    transition: all 1.5s linear 0s;
    transform: scale(1.1);
    z-index: 99;
}

.services .servicebox h4 {
    font-size: 20px;
    position: relative;
    font-weight: 800;
}

.services .servicebox span {
    position: absolute;
    z-index: -1;
    top: -4px;
    font-size: 4.5rem;
    font-weight: 800;
    color: rgb(0, 0, 0);
    opacity: 0.05;
}

.services .servicebox:hover span {
    color: rgb(255, 255, 255);
    opacity: 0.1;
}

.services .servicebox p {
    margin: 10px 0px 0px;
    letter-spacing: 0.2px;
}

.healthprogram {
    margin: 0px;
    padding: 50px 0px;
}

.healthprogram-left {
    margin: 0px;
    padding: 0px;
}

.healthprogram-left h4 {
    font-size: 16px;
    color: rgb(10, 27, 57);
}

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

.healthprogram-left p {
    margin: 0px 0px 30px;
    padding: 0px;
    letter-spacing: 0.2px;
}

.healthprogram-sect {
    margin: 0px;
    padding: 70px 0px 0px;
}

.healthprogram-right {
    margin: 0px;
    padding: 0px 0px 20px;
    position: relative;
    display: flex;
    gap: 30px;
}

.healthprogram-right span {
    margin: 0px;
    padding: 0px;
    background: rgb(18, 48, 102);
    width: 50px;
    height: 50px;
    border-radius: 35px;
}

.healthprogram-right span img {
    width: 65px;
    margin: 0px auto;
    position: relative;
    top: -6px;
    left: 5px;
}

.healthprogram-right .healthprogram-text {
    margin: 0px;
    padding: 0px;
}

.healthprogram-right .healthprogram-text h4 {
    font-size: 25px;
    font-weight: 700;
}

.services .servicebox:hover p {
    color: rgb(255, 255, 255);
}

.healthprogram-left a.pricepackeges {
    margin: 0px;
    text-align: left !important;
}

.aboutstudio {
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
    position: relative;
}

.aboutstudio .about-imgtext {
    display: flex;
    gap: 30px;
    padding-left: 40px;
}

.aboutstudio .about-imgtext .aboutstudio-box {
    margin: 0px;
    padding: 0px;
}

.aboutstudio .about-imgtext .aboutstudio-box h6 {
    font-size: 20px;
    margin: 20px 0px;
    position: relative;
    padding-right: 30px;
    font-weight: 800;
    line-height: 25px;
}

.aboutstudio .about-imgtext .aboutstudio-box h6 span {
    color: rgb(138, 67, 0);
}

.aboutstudio .about-imgtext .aboutstudio-box:first-child {
    margin-top: 50px;
}

.aboutstudio .about-imgtext .aboutstudio-box h6::after,
.aboutstudio .about-imgtext .aboutstudio-box h6::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 25%;
    right: 0px;
    background: rgb(34, 34, 34);
}

.aboutstudio .about-imgtext .aboutstudio-box h6::after {
    transform: scale(2);
    opacity: 0.2;
    animation: 2s ease-out 0s infinite normal none running zoom-in-zoom-out;
}

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

.aboutstudio .about-imgtext .aboutstudio-box:last-child h6 {
    padding-left: 30px;
    padding-right: 0px;
}

.aboutstudio .about-imgtext .aboutstudio-box:last-child h6::after,
.aboutstudio .about-imgtext .aboutstudio-box:last-child h6::before {
    left: 0px;
}

.aboutstudio .aboutstudio-text {
    margin: 0px;
    padding: 0px;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(2, 2);
    }

    50% {
        transform: scale(2.5, 2.5);
    }

    100% {
        transform: scale(2, 2);
    }
}

.service-document {
    margin: 0px;
    padding: 30px 0px;
    background: url("../images/background.webp") center center no-repeat rgb(25, 47, 87);
    background-blend-mode: color-burn;
}

.service-document .servdocu-box {
    margin: 0px auto;
    padding: 15px;
    text-align: center;
    position: relative;
    border: 1px dashed rgb(255, 255, 255);
    border-radius: 6px;
    background: rgba(26, 19, 72, 0.21);
    cursor: pointer;
}

.service-document .servdocu-box h5 {
    font-size: 20px !important;
    color: rgb(255, 255, 255) !important;
    margin: 0px 0px 10px !important;
}

.service-document .servdocu-box img {
    margin: 0px auto;
    width: 80px;
    height: 80px;
    object-fit: contain;
    filter: drop-shadow(black 2px 4px 6px);
}

.service-document .servdocu-box h6 {
    margin: 20px 0px 10px;
    font-size: 18px;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

.service-document .servdocu-box p {
    color: rgb(255, 255, 255);
}

.ousectionse {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

.ousectionse .seosecouser {
    padding: 10px 20px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.sevboseo {
    position: relative;
    margin: 0px 0px 10px;
    padding: 0px;
    background: rgb(244, 244, 249);
    border-radius: 6px;
    z-index: 1;
    cursor: pointer;
}

.sevboseo span {
    font-size: 40px;
    color: rgb(0, 0, 0);
    transition: all 0.5s linear 0s;
    text-align: center;
    background: rgb(229, 227, 226);
    padding: 5px 10px;
    display: inline-block !important;
}

.sevboseo span img {
    width: 40px;
}

.sevboseo:hover span img {
    filter: brightness(0.9) invert(0.9) sepia(0.1) hue-rotate(70deg) saturate(218%);
}

.sevboseo h4 {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 25px;
    transition: all 0.5s linear 0s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: rgb(138, 67, 0);
}

.ousectionse .seosecouser h3 {
    margin-bottom: 30px !important;
    text-align: left !important;
}

.sevboseo .text {
    position: relative;
    margin: 0px;
    padding: 9px 0px 10px;
}

.sevboseo .text p {
    margin: 0px;
    font-size: 15px;
}

.ousectionse .seosecouser h2 {
    font-size: 40px;
    font-weight: 800;
    opacity: 0.1;
    position: absolute;
    top: 10px;
    left: 0px;
    animation: 10s linear 0s infinite normal none running colorSlide;
    width: 100%;
    z-index: -1;
}

.sevboseo:hover {
    transition: all 0.5s linear 0s;
}

.sevboseo:hover a::after {
    transition: all 0.5s linear 0s;
    left: 0px;
}

.sevboseo a::after {
    background: rgb(26, 19, 72);
    left: -100%;
    top: 0px;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s linear 0s;
}

.sevboseo:hover .sevboseo {
    background: rgb(0, 0, 0);
}

.sevboseo:hover span {
    background: rgb(48, 39, 105);
    color: rgb(255, 255, 255);
}

.sevboseo:hover h4,
.sevboseo:hover p {
    color: rgb(255, 255, 255);
}

.sevboseo a {
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.traficesecbox,
.whxpstaout {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
}

.mulseboar {
    display: grid;
    grid-template-columns: repeat(5, minmax(0px, 1fr));
    gap: 15px;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.box-with-cont {
    border: 1px solid rgb(224, 227, 253);
    padding: 50px 20px 20px;
    transition: all 0.3s ease 0s;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(89, 86, 230, 0.1) 0px 5px 30px;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative;
}

.box-with-cont span {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;
    width: 50px;
    height: 50px;
    background: rgb(242, 242, 242);
    border: 1px solid rgb(224, 227, 253);
    border-radius: 50%;
    top: -20px;
    display: flex;
    place-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
}

.box-with-cont h3 {
    font-size: 20px;
    line-height: 1.29;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    margin-bottom: 15px;
    text-align: center;
}

.box-with-cont p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    text-align-last: center;
}

.box-with-cont .imgbosecare {
    width: 112px;
    height: 112px;
    margin: 0px auto 20px;
    border-radius: 4px;
}

.traficesecbox .headingtitle+p {
    text-align: center;
    margin-bottom: 80px;
    line-height: 25px;
}

.traficesecbox .headingtitle {
    margin-bottom: 10px !important;
}

.whyxpbosear {
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgb(224, 227, 253);
    background-color: rgb(255, 255, 255);
    border-radius: 14px;
    height: 100%;
    position: relative;
    transition: all 0.5s linear 0s;
    cursor: pointer;
    z-index: 2;
}

.whyxpbosear h3 {
    font-size: 18px;
    margin: 0px 0px 15px;
    padding: 0px;
    color: rgb(0, 0, 0);
    font-weight: 600;
    transition: all 0.5s linear 0s;
}

.whyxpbosear p {
    font-size: 15px;
    transition: all 0.5s linear 0s;
}

.whxpstaout .col-lg-3 {
    margin-bottom: 30px;
}

.whyxpbosear .imbosec {
    width: 76px;
    height: 76px;
    background: rgb(247, 247, 247);
    border-radius: 4px;
    margin-bottom: 20px;
}

.whyxpbosear::after {
    content: "";
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    background: rgb(143, 143, 143);
    clip-path: polygon(72% 70%, 100% 30%, 100% 100%, 35% 100%);
    border-radius: 6px;
    position: absolute;
    z-index: -1;
    transition: all 0.5s linear 0s;
    opacity: 0.1;
}

.whyxpbosear:hover {
    transition: all 0.5s linear 0s;
    transform: scale(1.1);
}

.whyxpbosear:hover::after {
    width: 100%;
    height: 100%;
    background: rgb(25, 135, 84);
    clip-path: none;
    transition: all 0.5s linear 0s;
    opacity: 1;
}

.whyxpbosear:hover h3,
.whyxpbosear:hover p {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.whxpstaout {
    background: rgb(242, 242, 242);
}

nav {
    position: relative;
    width: 100%;
    display: inline-block;
}

.services a {
    z-index: 1;
    border: 1px solid rgb(0, 42, 52);
    padding: 10px 30px;
    border-radius: 50px;
    color: rgb(0, 42, 52);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 20px 20px 0px auto;
    display: inline-block;
    width: max-content;
    position: relative;
    overflow: hidden;
    transition: all 0.5s linear 0s;
}

.services a::after,
.services a::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgb(26, 19, 72);
    border-radius: 50%;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    opacity: 0.1;
    transition: all 0.5s linear 0s;
}

.services a::after {
    right: -15px;
    bottom: -15px;
}

.services a::before {
    top: -15px;
    left: -15px;
}

.services a:hover {
    transition: all 0.5s linear 0s;
    color: rgb(255, 255, 255);
    background: rgb(0, 42, 52);
}

.services a:hover::after,
.services a:hover::before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: unset;
}

.services a:hover::after {
    bottom: 0px;
    right: 0px;
}

.services a:hover::before {
    top: 0px;
    left: 0px;
}

.btnbutton {
    display: inline-block;
    margin: 15px auto 0px;
    text-align: center;
}

.fixed {
    margin: 0px;
    padding: 0px;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.fixed ul {
    margin: 0px auto;
    padding: 10px;
    display: block;
}

.fixed ul li a {
    color: rgb(255, 255, 255);
}

.fixed ul li {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin: 0px 0px 20px;
    cursor: pointer;
}

.fixed ul li:first-child {
    background: rgb(61, 167, 55);
}

.fixed ul li:last-child {
    background: rgb(26, 19, 72);
}

.custom-model-main {
    text-align: center;
    position: fixed;
    right: -100%;
    bottom: 0px;
    outline: 0px;
    z-index: 999;
    display: none;
    transition: all 0.5s linear 0s;
    width: max-content;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: visible;
    display: inline-block;
    bottom: 40px;
    transition: all 0.5s linear 0s;
    right: 80px;
}

.custom-model-inner {
    transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0px auto;
    max-width: 100%;
    bottom: 10px;
    position: absolute;
    z-index: 999;
    right: 100px;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
    background-clip: padding-box;
    outline: 0px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    height: auto;
    max-width: 300px;
    overflow-y: auto;
    right: 0px;
    bottom: 0px;
}

.model-open .custom-model-inner {
    transform: translate(0px, 0px);
    position: relative;
    z-index: 999;
    float: right;
    right: 10px;
}

.close-btn {
    position: absolute;
    right: 3%;
    top: 10px;
    z-index: 99;
    color: rgb(255, 255, 255);
    width: 25px;
    height: 25px;
    background: rgb(0, 103, 255);
    display: flex;
    border-radius: 50%;
    line-height: 25px;
    font-size: 17px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.custom-model-wrap .contac-us {
    background: unset;
    margin: 0px;
    padding: 0px;
}

.custom-model-wrap .contac-us .quick-box {
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
    background: unset;
    box-shadow: unset;
}

.mainclickrop.lastwithdrop .dropdwon {
    width: max-content;
    /* right: 100px; */
}

ul.dropdwon {
    display: none;
    position: absolute;
    text-align: left;
    background: rgb(255, 255, 255);
    border-radius: 6px;
    box-shadow: rgba(8, 21, 66, 0.16) 0px 10px 30px;
    padding: 10px;
    width: auto;
}

ul.dropdwon li {
    display: block;
    line-height: 20px;
    margin-bottom: 15px;
}

ul.dropdwon li a {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

ul.dropdwon li a span {
    margin: 0px;
    padding: 0px;
}

ul.dropdwon li a span img {
    width: 25px;
    filter: invert(11%) sepia(58%) saturate(1842%) hue-rotate(228deg) brightness(86%);
}

nav ul li:hover ul.dropdwon {
    display: block !important;
}

ul.dropdwon li:first-child {
    display: block;
}

.bottom-quickbox {
    width: 100%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
    height: 100%;
    display: inline-block;
}

.bottom-quickbox .quick-box .fromzon {
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    gap: 10px 20px;
}

.bottom-quickbox .quick-box .fromzon .form-group {
    margin: 0px 0px 20px;
}

.bottom-quickbox .quick-box .fromzon textarea {
    width: 100%;
}

.popupsection .quick-box h6 {
    font-size: 15px;
    margin-bottom: 15px;
}

.popupsection .form-group .form-control {
    height: 40px;
    font-size: 14px;
    color: rgb(34, 34, 34);
}

.popupsection .quick-box .btnsection button {
    width: 50px;
    height: 50px;
}

.popupsection .quick-box .btnsection button i {
    font-size: 18px;
}

.popupsection .quick-box .btnsection {
    right: 0px;
}

.popupsection .quick-box .form-group span {
    display: none;
}

.popupsection .quick-box .form-group {
    margin-bottom: 20px;
}

.popupsection .quick-box .form-group label {
    font-size: 14px;
}

.adreboxnumber h4 a {
    color: rgb(0, 0, 0);
    line-height: 20px;
    font-size: 14px;
}

.formsection .form-control::placeholder {
    color: rgb(255, 255, 255);
}

.form-control.conmindser {
    color: rgb(255, 255, 255);
}

.form-control.conmindser option {
    color: rgb(0, 0, 0);
}

.newpackseccre.mainpacind h4 {
    font-size: 13px;
    line-height: 20px;
}

.newpackseccre.mainpacind .maintitle {
    height: 85px;
}

.itempricebox.green .maintitle,
.itempricebox.green .pakes-area h5 {
    background: rgb(0, 139, 46);
}

.itempricebox.green .imgsoppe img {
    filter: invert(100%) sepia(59%) saturate(5780%) hue-rotate(143deg) brightness(97%) contrast(101%);
}

.itempricebox.yellow .maintitle,
.itempricebox.yellow .pakes-area h5 {
    background: rgb(255, 200, 12);
}

.itempricebox.yellow .imgsoppe img {
    filter: invert(35%) sepia(72%) saturate(7497%) hue-rotate(343deg) brightness(99%) contrast(101%);
}

.itempricebox.blue .maintitle,
.itempricebox.blue .pakes-area h5 {
    background: rgb(43, 52, 151);
}

.itempricebox.blue .imgsoppe img {
    filter: invert(4%) sepia(97%) saturate(1725%) hue-rotate(219deg) brightness(98%) contrast(98%);
}

footer {
    background-color: rgb(6, 3, 21);
    position: relative;
    padding: 20px 0px 0px;
}

footer h4,
.sitemapganerated .footer_menu_Sec h4 {
    color: rgb(255, 193, 7);
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 2px solid rgb(255, 193, 7);
    width: max-content;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 16px;
}

footer h5,
.sitemapganerated .footer_menu_Sec h5 {
    color: rgb(255, 193, 7);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
}

footer ul,
.sitemapganerated .footer_menu_Sec ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
    position: relative;
}

footer ul li,
.sitemapganerated .footer_menu_Sec ul li {
    margin: 0px 0px 5px;
    display: inline-block;
    width: 100%;
    transition: all 0.5s linear 0s;
    padding-left: 5px;
}

footer ul li a,
.sitemapganerated .footer_menu_Sec ul li a {
    color: white;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
    border-radius: 4px;
    transition: all 0.5s linear 0s;
}

footer .footer_menu_Sec,
.sitemapganerated .footer_menu_Sec {
    width: 100%;
    height: unset;
    overflow: hidden auto;
}

footer .footer_menu_Sec:first-child h5,
footer .footer_menu_Sec:first-child h4 {
    margin-top: 0px;
}

ul.social-mediased li,
.secondfooter li {
    display: inline-block;
    width: auto;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 0px;
    border-right: 2px solid white;
    line-height: 10px;
    background: unset;
}

footer h2 {
    color: white;
    font-size: 14px;
    margin: 0px;
    position: relative;
    display: inline-block;
    line-height: unset;
}

footer .row:first-child {
    margin-bottom: 0px;
}

.second-footer {
    border-top: 1px solid white;
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
}

ul.social-mediased li:last-child,
.secondfooter li:last-child {
    border-right: unset;
}

.secondfooter .col-md-3 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
}

ul.social-mediased li span {
    font-size: 14px;
    margin-right: 5px;
}

footer .footer_menu_Sec:last-child {
    height: unset;
}

footer ul li:hover a {
    transition: all 0.5s linear 0s;
    color: green;
    font-weight: 600;
}

footer ul li a span {
    margin-right: 5px;
}

.secondfooter li a {
    padding: 0px;
}

span#siteseal {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 26px;
    display: block;
    text-align: left;
}

span#siteseal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0px;
    text-align: left;
    object-position: left center;
}

.support_sec_are a {
    background: rgb(255, 193, 7);
    border-radius: 4px;
    padding: 5px;
    color: rgb(32, 31, 31);
    font-weight: bold;
    font-size: 10px;
    width: 100%;
}

footer .catifications li,
.sitemapganerated .catifications li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    width: max-content;
}

footer .catifications li a,
.sitemapganerated .catifications li a {
    width: 55px;
    height: 55px;
    margin: 0px;
    padding: 0px;
    background: rgb(0, 60, 169);
    border-radius: 50%;
    position: relative;
    border: 1px solid rgb(255, 255, 255);
}

footer .catifications li a img,
.sitemapganerated .catifications li a umg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: drop-shadow(black 2px 2px 4px);
}

.secondfooter ul {
    margin: 0px;
    padding: 0px;
}

h4.heding {
    border: unset;
    padding: 0px;
    margin: 10px 0px;
}

.heding a {
    color: rgb(255, 193, 7);
    font-size: 16px;
    line-height: unset;
    margin: 0px;
}

ul.colorfulllink {
    margin: -8px 0px 0px;
    padding: 0px;
}

ul.colorfulllink li {
    margin: 0px;
    padding: 0px;
}

.certified-company {
    position: relative;
    margin: 0px;
    padding: 0px 0px 30px;
    display: inline-block;
    width: 100%;
}

.certified-company .pdf-views {
    width: 100%;
    margin: 0px;
    padding: 5px;
    display: inline-block;
    border: 2px solid rgb(145, 158, 171);
    border-radius: 4px;
    cursor: ns-resize;
}

.certified-company .pdf-views canvas {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.btnsection {
    position: relative;
    margin: 0px;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btnsection a {
    background: rgb(33, 135, 52);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: relative;
    margin: 0px;
    font-weight: 600;
}

.btnsection button {
    border: unset;
    margin: 0px;
    background: rgb(11, 22, 155);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.support_sec_are li {
    margin: 0px 0px 10px;
    padding: 0px;
    width: auto;
    display: block;
}

ul.foottextright {
    text-align: right;
}

.foottextright li:last-child {
    margin: 0px;
    padding: 0px;
}

.jobpostsec {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

.jobpostsec .post {
    border-radius: 6px;
    background: rgb(255, 255, 255);
    padding: 20px;
    margin-bottom: 20px;
}

.jobpostsec .head {
    display: flex;
    position: relative;
    margin: 0px 0px 20px;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    gap: 10px;
}

.jobpostsec .head .logo {
    margin: 0px;
    padding: 0px;
}

.jobpostsec .head .logo img {
    width: 122px;
}

.jobpostsec .head .texat {
    width: 100%;
    position: relative;
    margin: 0px;
}

.jobpostsec .head .texat h2 {
    margin: 0px 0px 8px;
    display: inline-block;
    width: 100%;
    position: relative;
    color: rgb(10, 94, 1);
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
}

.jobpostsec .head .texat h4 {
    font-size: 13px;
    color: rgb(26, 26, 26);
    margin: 0px 0px 5px;
    padding: 0px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.jobpostsec .head .texat h5 span i {
    color: rgb(239, 147, 3);
    margin: 0px 1px;
}

.jobpostsec .head .texat h5 span {
    color: rgb(5, 77, 23);
    margin-left: 5px;
}

.jobpostsec .head .texat ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.jobpostsec .head .texat ul li {
    display: inline-block;
    width: auto;
    padding: 0px 10px 0px 0px;
    font-size: 13px;
    position: relative;
    margin-right: 10px;
    border-right: 2px solid rgb(211, 211, 211);
    line-height: 0px;
}

.jobpostsec .head .texat ul li span,
.jobpostsec .post ul li span {
    font-size: 13px;
    margin-right: 5px;
    color: rgb(77, 77, 77);
}

.jobpostsec .post p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    color: rgb(51, 51, 51);
    font-family: Poppins, sans-serif;
    line-height: 30px;
}

.jobpostsec .post .view_destcrtion {
    border-radius: 3px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 13px;
    color: rgb(20, 102, 11);
    background: unset;
    font-weight: 500;
    border: 1px solid rgb(20, 102, 11);
    letter-spacing: 0.5px;
    transition: all 0.5s linear 0s;
    margin-top: 15px;
    display: inline-block;
}

.jobpostsec .post .view_destcrtion:hover {
    background: rgb(20, 102, 11);
    transition: all 0.5s linear 0s;
    color: rgb(255, 255, 255);
}

.jobpostsec .post .head ul li {
    display: inline-block;
    position: relative;
    line-height: 14px;
}

.destctions {
    position: relative;
    display: none;
}

.destctions h4 {
    font-size: 17px;
    line-height: 16px;
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.destctions h5 {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.destctions p,
.destctions li {
    font-family: Poppins;
    font-style: normal;
    line-height: 25px;
    color: rgb(51, 51, 51);
    margin-bottom: 10px;
    width: 100%;
    font-weight: 600;
    overflow: unset !important;
    -webkit-line-clamp: unset !important;
    unicode-bidi: unset !important;
    display: inline-block !important;
}

.destctions li {
    margin-bottom: 10px;
    position: relative;
    list-style: disc !important;
}

.destctions li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -15px;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.43);
    border-radius: 50%;
}

.fromsection {
    left: 0px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    width: 100%;
    padding: 20px;
    position: sticky;
    top: 80px;
    box-shadow: rgb(205, 205, 205) 0px 5px 10px;
}

.fromsection h4 {
    color: rgb(20, 102, 11);
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.5px;
    padding: 5px 0px 5px 10px;
    border-left: 4px solid rgb(20, 102, 11);
    border-right: 4px solid rgb(20, 102, 11);
    margin-bottom: 20px;
    text-align: center;
    background: rgba(20, 102, 11, 0.13);
}

.fromsection .form-group {
    margin-bottom: 15px;
    position: relative;
}

.fromsection .form-group label {
    font-size: 14px;
    color: rgb(62, 62, 62);
    margin: 0px 0px 5px;
    padding: 0px;
    width: 100%;
}

.fromsection .form-group .form-control {
    width: 100%;
    border-radius: 4px;
    display: inline-block;
    height: 40px;
    font-size: 13px;
    padding: 5px 10px;
    line-height: initial;
    border: 1px solid rgba(199, 199, 199, 0.62);
    color: rgb(0, 0, 0);
    background: rgba(151, 151, 151, 0.11);
}

.fromsection .form-group .form-control[type="file"] {
    line-height: 32px;
}

.fromsection .form-group button {
    background: rgb(20, 102, 11);
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border: unset;
    margin: 5px 0px 0px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 8px 30px !important;
}

.fromsection .form-group button:hover {
    background: rgb(1, 61, 152);
    transition: all 0.3s ease 0s;
    color: rgb(255, 255, 255);
}

.jobpostsec .post .aplly_job_sec {
    background: rgb(20, 102, 11);
    border-radius: 3px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border: unset;
    margin: 5px 0px 0px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 7px 20px !important;
}

.jobpostsec .post .aplly_job_sec:hover {
    background: rgb(1, 61, 152);
    transition: all 0.5s linear 0s;
    animation: 0.5s ease 0s 1 normal none running shake;
}

.fromsection::before {
    content: "";
    background: linear-gradient(30deg, rgba(224, 223, 221, 0.1), rgba(224, 223, 221, 0.11));
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    clip-path: polygon(0px 0px, 0% 100%, 100% 0px);
}

.fromsection svg,
.fromsection svg rect {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    fill: transparent;
}

.fromsection svg rect {
    stroke: rgb(217, 217, 217);
    stroke-width: 3px;
    stroke-dasharray: 400;
    animation: 6s linear 0s infinite normal none running boderline;
    width: 100%;
    height: 100%;
    display: inline-flex;
}

@-webkit-keyframes boderline {
    0% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes boderline {
    0% {
        stroke-dashoffset: 800;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.fromsection .form-group .form-control::-webkit-input-placeholder {
    color: rgb(173, 173, 173);
}

.fromsection .form-group .form-control::placeholder {
    color: rgb(173, 173, 173);
}

.post_Sectio {
    position: relative;
    background: rgb(255, 255, 255);
    box-shadow: rgba(195, 194, 194, 0.45) 0px 0px 10px;
    border-radius: 6px;
}

.normaltext {
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
}

.normaltext h1 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.normaltext h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0px;
}


/*--preparprogram--*/

.preparprogram {
    margin: 0px;
    padding: 20px 0px;
    width: 100%;
    position: relative;
}

.preparprogram h3 {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    margin: 0px 0px 25px;
}

.preparprogram h3 span {
    color: rgb(138, 67, 0);
}

.preparprogram h6 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 37px;
    margin: 0px 0px 40px;
}

.preparprogram img {
    width: 80px;
    margin: 20px auto 20px;
    height: 80px;
    object-fit: contain;
}

.preparprogram p {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.partnersection {
    margin: 0px;
    padding: 20px 0px 40px;
    position: relative;
    width: 100%;
}

.partnersection .partnerbox {
    border: 1px solid #fbfbfb;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #ede9e9;
    padding: 20px;
}

.partnersection .partnerbox p {
    text-align: center;
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0px 10px;
}

.partnersection .partnerbox h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.partnersection .partnerbox h3 span {
    color: rgb(138, 67, 0);
}


/*-- Loader --*/

.Loader {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #000000cc;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 15px;
    overflow: hidden;
}

.loderarsec,
.loderarsecsec,
.uloderarsecsec,
.cloderarsecsec,
.Carloderarsecsec {
    display: none;
}

#contactFormf {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
}

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 4px solid #fff;
    border-right-color: #838181;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: relative;
}

@-webkit-keyframes rotate {

    /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.Loader .text,
.Loader .text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

.Loader .text h6 {
    margin: 0px 0px 5px;
    padding: 0;
}

.Loader .text h5 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 23px;
}

.festivelsection+header {
    position: fixed;
    top: 35px;
}

.festivelsection+header+.slider,
.festivelsection+header+.slider {
    padding-top: 130px;
}

.festivelsection h6 {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.festivelsection {
    padding: 5px 0px 5px;
    margin: 0px;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
    background: linear-gradient(90deg, rgba(255, 153, 51, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(19, 136, 8, 1) 100%);
}


/*--  error --*/

.errormessages {
    position: fixed;
    top: 110px;
    right: 20px;
    background-color: rgb(255, 255, 255);
    color: rgb(46, 54, 67);
    border-radius: 8px;
    box-shadow: rgba(35, 68, 101, 0.15) 0px 6px 24px, rgba(35, 68, 101, 0.15) 0px 6px 8px;
    z-index: 999;
    min-height: 50px;
    margin-bottom: 1rem;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr;
    width: max-content;
    transition: transform 0.5s, opacity 0.5s;
    opacity: 0;
}

.errormessages.show {
    display: block;
    opacity: 1;
    animation: flipIn 0.5s forwards;
}

.errormessages .hide {
    display: none;
    opacity: 0;
    animation: flipOut 0.5s forwards;
}

.errormessages .succesmsg {
    margin: 0;
    padding: 0px;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
    align-content: flex-start;
}

.errormessages h6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin: 0;
    padding: 0px;
    width: max-content;
    gap: 15px;
    font-family: Manrope, -apple-system, "Helvetica Neue", Arial, "Segoe UI", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
    color: rgb(35, 40, 54);
    padding-right: 100px;
    text-transform: capitalize;
}

.errormessages h6 svg {
    width: 40px;
    fill: none;
    display: inline-block;
}

.errormessages span.close {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
    font-size: 16px;
    color: #596471;
    position: absolute;
    top: 0;
    right: 0px;
}

.reverse-progress-bar {
    width: 100%;
    height: 4px;
    background-color: rgb(101, 158, 16);
    position: relative;
    transition: width 10s linear;
    position: absolute;
    bottom: 0;
    left: 0;
}

.errormessages .errormsg+.reverse-progress-bar {
    background-color: #ff0000;
}

.errormessages .errormsg.succesmsg h6 {
    color: #ff0000;
}


/* Flip in from bottom to middle */

@keyframes flipIn {
    0% {
        transform: rotateX(-90deg) skewX(20deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg) skewX(0deg);
        opacity: 1;
    }
}


/* Flip out from middle to bottom */

@keyframes flipOut {
    0% {
        transform: rotateX(0deg) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(-90deg) skewX(20deg);
        opacity: 0;
    }
}

#validationform2 span.error-message {
    text-align: left;
    margin: 5px 0px 0px;
    padding: 0;
    color: #ff0000;
    position: relative;
    display: inline-block;
}

.formsection .form-group select.form-control option {
    color: #000;
}

.leashiforal {
    position: relative;
    margin: 0;
    padding: 50px 0px;
    background: #f1f1f1;
}

.comprolesy {
    position: sticky;
    top: 100px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background: #2a3594;
    justify-content: center;
    border-radius: 10px;
    height: 85vh;
}

.comprolesy span {
    width: 65px;
    margin: 0 auto 0 0px;
}

.comprolesy h4 {
    font-weight: 700;
    font-size: 25px;
    margin: 20px auto 15px 0px;
    color: #fff;
}

.comprolesy p {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    text-align: justify;
}

.profiboxsectio {
    padding: 30px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgb(9 33 19 / 40%);
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 20px;
}

.profiboxsectio .rightside h4 {
    color: rgb(42 53 148);
    font-size: 14px;
    border-left: 3px solid rgb(42 53 148);
    padding-left: 5px;
    margin: 0px 0px 10px;
    letter-spacing: 0.5px;
    line-height: 15px;
    font-weight: 700;
}

.profiboxsectio .rightside h5 {
    font-size: 18px;
    margin: 10px 0px 15px;
    padding: 0px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: unset;
}

.profiboxsectio .rightside p {
    font-size: 13px;
    line-height: 25px;
}

.profiboxsectio .rigtprosec .imgboxprosec {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 10px;
    padding-bottom: 0;
    height: 45vh;
    overflow: hidden;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgb(9 33 19 / 21%);
}

.rigtprosec .social {
    border: 1px solid rgb(9 33 19 / 21%);
    position: absolute;
    margin: 0 auto;
    padding: 5px 20px;
    width: fit-content;
    left: 0;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    bottom: 0px;
    border-radius: 4px;
    right: 0;
    z-index: 2;
    background: #fff;
}

.profiboxsectio .rigtprosec {
    position: relative;
    margin: 0;
}

.rigtprosec .social h6 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
}

.rigtprosec .social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
}

.rigtprosec .social ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid rgb(9 33 19 / 40%);
    width: 25px;
    height: 25px;
    border-radius: 50px;
}

.rigtprosec .social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    height: 100%;
    color: #706f6f;
}

.profiboxsectio .rigtprosec h5 {
    position: absolute;
    top: 0px;
    left: 10px;
    -webkit-text-stroke: 1px black;
    color: white;
    font-size: 75px;
    font-family: fantasy;
    opacity: 0.2;
    z-index: 1;
}

.profiboxsectio .rigtprosec .imgboxprosec img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: bottom;
    z-index: 2;
    position: relative;
}

.profiboxsectio .rightside article {
    overflow: hidden;
    overflow-y: auto;
    height: 40vh;
}

.rightside article::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.rightside article::-webkit-scrollbar {
    width: 5px;
    background-color: #f1f1f1;
}

.rightside article::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #8a8a8a;
}


/*-- Our compnay Team --*/

.treeourfar {
    position: relative;
    margin: 0 auto;
    padding: 50px 0px;
    display: block;
    background: #f1f1f1;
}

.treeourfar ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-left: 0;
}

.familytretre {
    width: 100%;
}

.familytretre li:only-child {
    padding-top: 0;
}

.familytretre li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    margin: 0 auto;
    width: 100%;
    z-index: 2;
}

.imgboxprosec {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 10px;
    padding-bottom: 0;
    height: 25vh;
    overflow: hidden;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgb(9 33 19 / 21%);
    position: relative;
}

.imgboxprosec img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: bottom;
    z-index: 2;
    position: relative;
}

.treeourfar .social {
    border: 1px solid rgb(9 33 19 / 21%);
    position: relative;
    margin: 0 auto;
    padding: 5px 20px;
    width: fit-content;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 2;
    margin-bottom: -30px;
    bottom: 35px;
    background: #fff;
}

.treeourfar .social h6 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
}

.treeourfar .social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
}

.treeourfar .social ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid rgb(9 33 19 / 40%);
    width: 25px;
    height: 25px;
    border-radius: 50px;
}

.treeourfar .social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    height: 100%;
    color: #706f6f;
}

.proimgbox {
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgb(9 33 19 / 40%);
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.treeourfar .profilecons {
    text-align: left;
    margin: 0;
    padding: 0;
}

.treeourfar .profilecons h4 {
    color: rgb(42 53 148);
    font-size: 13px;
    border-left: 3px solid rgb(42 53 148);
    padding-left: 5px;
    margin: 0px 0px 10px;
    letter-spacing: 0.5px;
    line-height: 15px;
    font-weight: 700;
}

.treeourfar .profilecons h5 {
    font-size: 16px;
    margin: 10px 0px 6px;
    padding: 0px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: unset;
}

.treeourfar .profilecons p {
    font-size: 12px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.familytretre li:only-child .proimgbox {
    width: 200px;
    margin: 0 auto;
}

.familytretre li ul li .proimgbox {
    width: 350px !important;
}

.treeourfar ul li ul:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    border-left: 2px solid #ccc;
    width: 40px;
    height: 40px;
    z-index: -1;
    border-top: 2px solid #ccc;
}

.treeourfar ul li ul li:before,
.treeourfar ul li ul li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 2px solid #ccc;
    width: 50%;
    height: 20px;
}

.treeourfar ul li ul li:first-child::before,
.treeourfar ul li ul li:last-child::after {
    border: 0;
}

.treeourfar ul li ul li:first-child::after {
    border-radius: 10px 0px 0 0px;
}

.treeourfar ul li ul li::after {
    right: auto;
    left: 50.2%;
    border-left: 2px solid #ccc;
}

.treeourfar ul li ul li:last-child::after {
    border-left: 2px solid #ccc;
    border-radius: 0px 10px 0px 0px;
}

.treeourfar .social ul::before,
.treeourfar .social ul li::before,
.treeourfar .social ul li::after {
    display: none;
}

ul.familytretre li ul {
    /* display: grid; */
    /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
    position: relative;
    width: max-content;
}

.familytretre li ul li ul {
    width: 100%;
    display: flex;
    gap: 5px;
}

.treeourfar .comprolesy {
    padding: 0;
    background: unset;
    height: unset;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    display: inline-block;
}

.treeourfar .comprolesy h4 {
    margin: 0px 0px 10px;
    color: #000;
}

.treeourfar .comprolesy p {
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 30px;
}


/*-- opting --*/

.singup {
    margin: 0px auto;
    padding: 50px 0px 50px;
    position: relative;
}

.singup .container {
    width: calc(70%);
}

.singup .container {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgba(9, 33, 19, 0.4);
}

.singupform,
.singupimg {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 10px 0px 30px;
}

.singupimg {
    padding: 10px 0px !important;
    background: rgb(235 238 255);
}

.singupimg img {
    height: 100%;
    object-position: bottom;
    object-fit: contain;
}

.singtexare {
    position: relative;
    width: 100%;
    display: inline-block;
    background: rgb(244, 244, 244);
    margin: 20px 0px;
    padding: 50px;
    border-radius: 10px;
    height: calc(100% - 40px);
}

.optinsectio.singup h4 {
    font-size: 20px;
    font-weight: 700;
}

.singtexare h4 {
    font-size: 25px;
    margin: 0px 0px 25px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    font-family: 'Poppins';
}

.singtexare p {
    font-size: 14px;
    margin: 0px 0px 60px;
    padding: 0;
    line-height: 25px;
}

.singtexare .form-group {
    margin: 0px 0px 25px;
    padding: 0px;
}

.singtexare .form-group label {
    padding: 0;
    margin: 0px 0px 5px;
    color: rgb(49, 66, 89);
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.singtexare .form-group .form-control {
    font-weight: 500;
    color: rgb(34, 34, 34);
    border: unset;
    padding: 6px 10px;
    height: 45px;
    border-radius: 4px;
    font-size: 13px;
    border: 1px solid rgb(183, 180, 180);
}

.singtexare .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin: 30px 0px 10px;
}

.singtexare .form-group label {
    font-size: 13px;
    margin-bottom: 15px;
}

.singtexare .form-check label {
    font-size: 12px;
    font-weight: 500;
}

.singtexare .btn {
    background: #1b1dc7;
    color: rgb(255, 255, 255);
    border: unset;
    border-radius: 8px;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin: 10px 0px 10px;
    padding: 12px;
}

.uloderarsecsec {
    display: none;
}

.Loader {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    background: #000000bf;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 15px;
    overflow: hidden;
}

.Loader .text h6 {
    margin: 0px 0px 5px;
    padding: 0;
    font-family: sans-serif;
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
}

.Loader .text h5 {
    font-size: 13px;
    margin: 0;
    padding: 0px 20px;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    margin-top: 5px !important;
}

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 4px solid #fff;
    border-right-color: #838181;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: relative;
}

@-webkit-keyframes rotate {

    /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.optousectio.singup .singupimg {
    background: rgb(32 114 233);
    padding: 0 !important;
}

.optousectio.singup .singupimg img {
    background: rgb(50 146 247);
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}


/*-- Textarea --*/

.normaltext {
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
}

.normaltext h1 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.normaltext h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 30px 0px;
}

.normaltext article {
    padding: 0px 30px 50px;
    position: relative;
    margin: 0;
}

.normaltext article ul {
    padding: 10px 40px;
    position: relative;
    display: inline-block;
}

.normaltext article ul li {
    line-height: 25px;
    margin-bottom: 5px;
}

.normaltext article h1,
.normaltext article h2,
.normaltext article h3,
.normaltext article h4,
.normaltext article h5,
.normaltext article h6 {
    margin-bottom: 10px;
    font-weight: 700;
}

.normaltext article p {
    font-size: 14px;
    line-height: 25px;
}

.normaltext article li {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
}

.normaltext article h6 {
    font-size: 16px;
}

.normaltext article h5 {
    font-size: 18px;
}

.normaltext article h4 {
    font-size: 20px;
}

.normaltext article h3 {
    font-size: 22px;
}

.normaltext article h2 {
    font-size: 24px;
}

/*--- Mahakumbh Startup --*/
.mahaslider {
    position: relative;
    background: rgb(255, 255, 255);
    padding: 0px 0px 15px;
    margin: 0px;
}

.mahaslider .slitexar {
    position: relative;
    margin: 0px;
    padding: 20px 50px 0px 0px;
    height: 100%;
    display: inline-block;
}

.mahaslider .slitexar h3 {
    font-size: 35px;
    font-weight: 800;
    color: rgb(42, 53, 148);
    line-height: 50px;
    text-align: left;
    letter-spacing: 0.5px;
}

.mahaslider .slitexar h3 b {
    color: rgb(9, 118, 51);
}

.mahaslider .slitexar h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mahaslider .btnseare {
    position: relative;
    margin: 10px 0px 0px;
    padding: 0px;
    width: auto;
    display: inline-block;
}

.mahaslider .btnseare a {
    background: rgb(9, 118, 51);
    padding: 10px 20px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin-right: 10px;
    display: inline-block;
}

.mahaslider .btnseare a:last-child {
    margin: 0px;
    background: unset;
    border: 1px solid rgb(9, 118, 51);
    color: rgb(9, 118, 51);
}

.mahaslider .sliimgbox.fullsecimg {
    width: 100%;
}

.mahaslider .sliimgbox {
    position: relative;
    margin: 0px auto;
}

.comonmarpad {
    padding: 40px 0px;
    margin: 0px;
    width: 100%;
    display: inline-block;
}

.serindiuals .col-sm {
    margin-bottom: 30px;
}

.services-box {
    position: relative;
    margin: 0px auto;
    padding: 15px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(225, 225, 225) 3px 3px 11px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.5s linear 0s;
    height: 100%;
    width: calc(100% - 20px);
}

.services-box span {
    width: 100%;
    display: block;
    margin: 0px auto 20px;
    height: 270px;
    background: #3f763a1a;
    border-radius: 8px;
}

.services-box h3 {
    text-align: center;
    margin: 0px auto;
    padding: 10px 20px 20px;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 600;
}

.services-box:hover {
    transform: scale(1.1);
    box-shadow: rgb(207, 207, 207) 3px 3px 11px;
    background: rgb(219, 223, 255);
    transition: all 0.5s ease 0s;
}

.frosecare {
    background: rgba(242, 242, 242, 0.45);
    padding: 100px 0px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.forseczon {
    background: #fff;
    border-radius: 12px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgb(84 84 84 / 78%);
    padding: 30px;
    width: calc(100% - 300px);
    margin: 0 auto;
    /* border: 1px solid rgb(217 216 216); */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13.6px 0px;
}

.frosecare h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #000;
    width: max-content;
    padding-bottom: 5px;
    margin-bottom: 50px;
}

.frosecare p {
    font-size: 13px;
    margin: 0px 0px 30px;
    padding: 0;
    color: #797977;
}

.forseczon h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 30px;
}

.forseczon .formsec {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0px 0px 30px;
}

.forseczon .form-group {
    width: calc(95% / 3);
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 15px;
}

.forseczon .form-group label {
    width: 100%;
    margin: 0px 0px 5px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000000;
}

.forseczon .form-group label sup {
    color: red;
    font-size: 12px;
}

.forseczon .form-group .form-control {
    height: 40px;
    border: 1px solid #e8e8e8;
    width: 100%;
    border-radius: 4px;
    font-size: 11px;
    color: #222;
    margin: 0;
    padding: 5px 10px;
    appearance: auto;
}

.forseczon .form-group:nth-child(3n+3) {
    margin-right: 0;
}

.forseczon .form-group.form-check {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

.forseczon .form-group.form-check p {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.forseczon .submit.secare {
    margin: 0;
    padding: 10px 40px;
    display: inline-block;
    background: #000;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.forseczon .form-group.fullsecare {
    width: 100%;
}

.forseczon .form-group.fullsecare textarea.form-control {
    height: 150px;
}

.forseczon .form-group.fullsecbox {
    width: 100%;
    display: inline-block;
    margin: 15px 0px 10px;
}

.checkboxservices {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    white-space: normal;
}

.checkboxservices .checkbox {
    display: flex;
    gap: 10px;
    font-size: 13px;
    width: 100%;
}

.forseczon .form-group.fullsecbox .tilesec {
    margin-bottom: 15px;
    color: #000;
    font-size: 12px;
}

.checkboxservices .checkbox label {
    width: calc(100% - 30px);
    margin: 0;
    padding: 0;
}

.checkboxservices .checkbox .form-check-input {
    margin: 0px 0px 0px 0px !important;
    padding: 0 !important;
    top: 2px !important;
    position: relative;
    border-color: #000 !important;
}

.services-box span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    padding: 20px;
}

.mahaslider .sliimgbox.fullsecimg img.mobile {
    display: none;
}

.g-recaptcha {
    margin-bottom: 30px;
}

.forseczon .form-group span.error-message {
    font-size: 12px;
}

.checkboxservices.gridsecare {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 20px;
    margin-top: 10px;
}