/* font link   */
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=DM+Sans:wght@100..1000&display=swap');

body {
    overflow-x: hidden !important;
}

p {
    margin: 0 !important;
}

.banner-section .ban-tp-cal {
    max-width: 1652px;
    margin: auto;
    width: 100%;
    padding: 0 20px !important;
}

.main-container {
    max-width: 1470px;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.welc-container {
    max-width: 1830px;
    width: 100%;
    margin: auto !important;
    padding: 0 15px 110px !important;
    border-bottom: 1px solid #0000000D;
}

.wel-content p {
    max-width: 949px;
    margin: auto !important;
}

.wel-content .uper-wel-pera {
    padding-bottom: 20px;
}

.welc-sec {
    position: relative;
    overflow: hidden;
}

.wel-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -120%;
    width: 100%;
    height: 200px;
    background: url("https://sagmeticinfotech.com/wp/2025/derby/wp-content/uploads/2026/07/NU-calcutta.png") no-repeat center / contain;
    animation: MoveText 20s linear infinite;
    pointer-events: none;
}

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

    100% {
        transform: translateX(-220%);
    }
}

.solutions-sec {
    overflow: hidden;
}

.deliver-box p {
    max-width: 260px;
}

.descover-sec {
    height: 850px;
}

.disc-content {
    max-width: 490px;
    width: 100%;
    margin-left: auto !important;
}

.corporate-sec .welc-container {
    padding-bottom: 0 !important;
    border: 0 !important;
}

.remove-underline a {
    text-decoration: none !important;
}

.your-iner-wrp::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 260px;
    height: 260px;
    background: url("https://sagmeticinfotech.com/wp/2025/derby/wp-content/uploads/2026/07/green-circle.png") no-repeat center center;
    background-size: contain;
    z-index: 1;
}

.your-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 200px;
    background: linear-gradient(214.01deg, rgb(102 204 102) 28.33%, #66cc66 57.91%);
    filter: blur(50px);
    z-index: 99;
}

.solution-tp-wrp {
    padding-bottom: 25px !important;
}

.ready-sec::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -120%;
    width: 100%;
    height: 200px;
    background: url("https://sagmeticinfotech.com/wp/2025/derby/wp-content/uploads/2026/07/NU-calcutta.png") no-repeat center / contain;
    animation: movEText 20s linear infinite;
    pointer-events: none;
    z-index: -1
}

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

    100% {
        transform: translateX(-220%);
    }
}

.header-main .current-menu-item .elementor-item-active {
    font-weight: 700 !important;
}

.Success-section {
    position: relative;
    overflow: hidden;
}

.blur-box {
    backdrop-filter: blur(44px);
    border: 1px solid #FFFFFF73;
    background: #FFFFFF0F;
}

.Success-section::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -120%;
    width: 100%;
    height: 200px;
    background: url("https://sagmeticinfotech.com/wp/2025/derby/wp-content/uploads/2026/07/NU-calcutta.svg") no-repeat center / contain;
    animation: moveText 20s linear infinite;
    pointer-events: none;
}

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

    100% {
        transform: translateX(220%);
    }
}

.mengs-grid p {
    max-width: 414px;
    margin: auto !important;
}

.animtion-line {
    position: absolute;
    width: 1px !important;
    height: 60px;
    background: #66CC66;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: 0;
    opacity: 0;
    transition: transform .3s ease;
}

.inner-cards:hover .animtion-line {
    opacity: 1;
}

.inner-cards::before,
.inner-cards::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px !important;
    border: unset !important;
    top: unset !important;
    background-image: linear-gradient(90deg,
            rgba(102, 204, 102, 0) 0%,
            #66CC66 50%,
            rgba(102, 204, 102, 0) 100%);
    transform: scaleX(0);
    transition: transform .3s ease;
    transform-origin: center;
}

.inner-cards::after {
    background-image: unset;
    background-color: #66CC66;
    display: block;
    bottom: 0;
    height: 1px !important;
    transform: translateY(60px) scaleX(0);
}

.inner-cards:hover::before {
    transform: scaleX(1);
}

.inner-cards:hover::after {
    transform: translateY(60px) scaleX(1);
}

/* 29 july 2026 */
.welc-sec,
.banner-section,
.solutions-sec,
.deliver-sec,
.descover-sec,
.footer-main-sec,
.mangement-sec,
.client-sec,
.corporate-sec,
.Success-section {
    overflow-x: hidden;
}


.ready-sec {
    overflow-x: hidden;
}

.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
    background-color: #66CC66 !important;
}

.overflow-sec {
    overflow-x: hidden;
}

@media(max-width:1599px) {
    .banner-section .ban-tp-cal {
        max-width: 90%;
    }

    .main-container {
        max-width: 95%;
    }

    .descover-sec {
        height: 740px;
    }
}

@media(max-width:1399px) {
    .header-main {
        padding: 0 20px;
    }

    .footer-iner-cards .elementor-size-default a,
    .footer-iner-cards h2 {
        font-size: 25px !important;
    }

    .banner-section .ban-con-wrp {
        gap: 100px;
    }

    .footer-iner-cards .fot-mid-crd h2 {
        font-size: 18px !important;
    }

    .fot-our-st h2 {
        font-size: 148px !important;
    }

    .fot-our-st img {
        max-width: 50% !important;
    }

    .footer-main-sec .fot-ryt-ccc h2 {
        font-size: 15px !important;
    }

    /*.head-mid-menu a {
        margin-inline: 14px !important;
    }*/
    /* 3aug 2026 */
    .nav-form {
        padding-inline: 20px;
    }

    .nav-form .newsletter-input input {
        padding: 20px 20px !important;
        font-size: 16px;
    }

    .nav-form .newsletter-form .newsletter-button input.wpcf7-form-control {
        padding: 18px 40px !important;
        font-size: 16px !important;
    }

    .nav-form .newsletter-form .newsletter-button {
        right: -50px !important;
    }
}

@media(max-width:1199px) {
    .head-mid-menu a {
        /*   margin-inline: 10px !important;*/
        font-size: 14px !important;
    }

    .banner-section .ban-con-wrp {
        gap: 60px;
    }

    .descover-sec {
        height: 580px;
    }

    .descover-sec p {
        font-size: 45px;
        line-height: 1.2;
    }

    .corp-iner-ryt {
        padding: 50px !important;
    }

    .your-iner-wrp::after {
        width: 200px;
        height: 200px;
    }

    .fot-our-st h2 {
        font-size: 100px !important;
        line-height: 1.1 !important;
    }

}

@media(max-width:991px) {
    .welc-container {
        max-width: 96%;
        padding: 0 15px 50px !important;
    }

    .descover-sec {
        height: 400px;
    }

    .descover-sec p {
        font-size: 35px;
    }

    .disc-content {
        max-width: 70%;
        margin-left: 0 !important;
    }

    .Success-section::after {
        height: 120px;
    }

    .corp-iner-ryt {
        padding: 25px !important;
    }

    .your-iner-wrp::after {
        width: 140px;
        height: 140px;
        top: 0;
    }

    .your-heading::before {
        top: -80px;
        height: 70px;
    }

    .footer-iner-cards .elementor-size-default a,
    .footer-iner-cards h2 {
        font-size: 18px !important;
    }

    .footer-iner-cards .fot-mid-crd h2 {
        font-size: 14px !important;
    }

    .fot-our-st h2 {
        font-size: 60px !important;
    }

    .right-cont .contact-form input,
    .right-cont .contact-form textarea {
        padding: 16px 20px !important;
    }

    .right-cont .contact-form .form-group label {
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }
}



@media(max-width:575px) {
    .banner-section .ban-con-wrp {
        gap: 30px;
    }

    .welc-container {
        padding: 0 15px 40px !important;
    }

    .wel-content::after {
        height: 60px;
    }

    .descover-sec p {
        font-size: 32px;
    }

    .descover-sec {
        height: 430px;
    }

    .your-heading::before {
        top: -30px;
        height: 70px;
        width: 210px;
    }

    .footer-iner-cards .elementor-size-default a,
    .footer-iner-cards h2 {
        font-size: 16px !important;
    }

    .fot-mid-crd {
        margin: 26px 0;
    }
}






/* sunakshi css   start */

.solution-sec {
    font-family: 'DM Sans', sans-serif;
}

.solution-sec .slider-wrapper {
    padding-left: max(15px, calc((100vw - 1440px) / 2));
}

.section-slide,
.slide-item {
    position: relative;
    overflow: hidden;
}

.solution-sec .slick-list {
    overflow: visible !important;
}

.solution-sec .slick-track {
    display: flex;
}

.solution-sec .slick-slide {
    margin-right: 20px;
    height: auto;
}

.slide-item img {
    width: 100%;
    height: 626px;
    object-fit: cover;
    display: block;
}

.solution-sec .slider,
.solution-sec .slider-new {
    width: calc(100% + 250px);
}

.solution-sec .content-slide {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 50px 45px 50px;
    color: #fff;
    background: linear-gradient(transparent, #000);
    transform: translateY(100%);
    transition: transform .4s ease;
}

.slide-item:hover .content-slide {
    transform: translateY(0);
}

.slide-item:hover .content-slide {
    bottom: 0;
}

.content-slide h3 {
    font-size: 30px;
    letter-spacing: 2%;
    font-family: 'Cal Sans', sans-serif;
}

.content-slide p {
    font-size: 20px;
    margin: 3px 0 16px;
    max-width: 472px;
}

.content-slide a {
    color: #66CC66;
    font-size: 18px;
}

.dragimg,
.dragimg1 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    pointer-events: none;
}

.section-slide {
    cursor: none;
}

.dragimg img,
.dragimg1 img {
    width: 120px;
}


@media(max-width:1599px) {
    .slide-item img {
        height: 100%;
    }
}

@media(max-width:1400px) {

    .solution-sec .slider-wrapper {
        padding-left: 15px;
    }
}

@media(max-width:991px) {

    .slide-item img {
        height: 450px;
    }

    .dragimg img,
    .dragimg1 img {
        width: 90px;
    }

    .solution-sec .slider,
    .solution-sec .slider-new {
        width: 100%;
    }

    .solution-sec .slick-slide {
        margin-right: 12px;
    }

    .solution-sec .content-slide {
        padding: 20px 20px;
    }
    .areas-sec p {
    font-size: 25px;
}
}

@media(max-width:767px) {
    .content-slide p {
        font-size: 14px;
    }

    .content-slide h3 {
        font-size: 20px;
    }

    .content-slide a {
        font-size: 14px;
    }

    /* Custom Page Css */
    #wpcf7-f3202-p967-o1 .cf7-field.half {
        width: 100%;
    }

    .slider-cont-sec .e-con-inner {
        padding: 0 0 60px !important;
    }

    .slider-cont-sec .e-con-inner {
        padding: 0 0 60px !important;
    }

    .areas-sec .disc-content {
        max-width: 100% !important;
    }
}

@media(max-width:575px) {
    .slide-item img {
        height: 100%;
    }

    #projects-sec {
        padding-inline: 15px;
    }

    .right-cont .contact-form input,
    .right-cont .contact-form textarea {
        padding: 10px 20px !important;
    }

    .nav-form .newsletter-input input {
        padding: 15px 20px !important;
        font-size: 14px;
    }

    .past-slide-bxx img {
        width: 100%;
    }

    .areas-sec p {
        font-size: 16px;
    }

    .solution-sec .content-slide {
        transform: unset;
    }

    .heading-cont::before {
        top: -20px !important;
        background: linear-gradient(180deg, #fff 40%, rgb(255 255 255) 100%) !important;
        filter: blur(20px) !important;
    }

    .main-container {
        max-width: 100%;
    }
}
    /* sunakshi css   end */

    .solution-sec .slider-wrapper {
        padding: 0;
    }

    .solution-sec .slider-wrapper::before {
        content: " ";
        position: absolute;
        background: #fff;
        width: 200%;
        height: 100%;
        z-index: 1;
        left: -200%;
    }

    /* 30 july 2026 */
    .right-cont .contact-form input,
    .right-cont .contact-form textarea {
        background: #FFFFFF0F;
        border: 1px solid #FFFFFF0F;
        padding: 22px 25px;
        color: #fff;
        border-radius: 0 !important;
        outline: none;
        box-shadow: none;
    }

    .right-cont .contact-form input:focus,
    .right-cont .contact-form textarea:focus,
    .right-cont .contact-form input:focus-visible,
    .right-cont .contact-form textarea:focus-visible {
        outline: none;
        box-shadow: none;
        border-color: #FFFFFF0F;
    }

    .right-cont .contact-form .form-group {
        margin-bottom: 25px;
    }

    .right-cont .contact-form .form-group label {
        font-family: DM Sans;
        font-weight: 400;
        font-size: 22px;
        line-height: 100%;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .right-cont .contact-form {
        margin-top: 27px;
    }

    .right-cont .contact-form .wpcf7-submit.has-spinner {
        padding: 18px 58px;
        background: #66CC66;
        border-radius: 230px !important;
        font-family: "DM Sans", sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 100%;
        text-align: center;
        transition: all 0.3s ease;
    }

    .right-cont .contact-form .wpcf7-submit.has-spinner:hover {
        background: #fff;
        color: #66CC66;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(102, 204, 102, 0.3);
    }

    .right-cont .invalid .wpcf7-not-valid-tip {
        display: none;
    }

    .right-cont .wpcf7-response-output {
        border: 0 !important;
        color: red;
        padding: 0 !important;
        margin: 25px 0 0 !important;
    }

    .right-cont .wpcf7-form.invalid input.wpcf7-not-valid,
    .right-cont .wpcf7-form.invalid textarea.wpcf7-not-valid {
        border: 1px solid #ff0000 !important;
    }

    .right-cont .contact-form textarea {
        height: 140px;
    }

    .nav-form .newsletter-form {
        display: flex;
        max-width: 1200px;
        margin: auto;
    }

    .nav-form .newsletter-form .newsletter-button {
        display: flex;
        position: absolute;
        right: 60px;
        top: 50%;
        transform: translateY(-50%);
    }

    .nav-form .newsletter-form .newsletter-button input.wpcf7-form-control {
        padding: 24px 58px;
        background: #063506;
        font-family: "DM Sans", sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 100%;
        text-align: center;
        border: 0 !important;
        color: #fff;
        transition: all 0.3s ease;
        border-radius: 0 !important;
    }

    .nav-form .newsletter-form .newsletter-button input.wpcf7-form-control:hover {
        color: #fff;
        background: #66CC66;
        box-shadow: 0 8px 20px rgba(102, 204, 102, 0.3);
        transform: translateY(-2px);
    }

    .newsletter-input input {
        background: #FFFFFF0F;
        padding: 34px 30px !important;
        color: #fff;
        border-radius: 0 !important;
        outline: none;
        box-shadow: none;
        font-size: 20px;
        border: 1px solid #0000001A !important;
        width: 100% !important;
        font-family: DM Sans;
        color: #464646 !important;
    }

    .nav-form .newsletter-form .newsletter-input {
        width: 100%;
    }

    .heading-cont {
        position: relative;
        z-index: 1;
    }

    .heading-cont::before {
        content: "";
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #fff 40%, rgba(255, 255, 255, 0) 100%);
        filter: blur(40px);
        z-index: 2;
    }

    .heading-cont h1,
    .heading-cont h2 {
        position: relative;
        z-index: 3;
    }

    .slider-progress {
        width: 581px;
        height: 6px;
        background: #00000017;
        position: relative;
        border-radius: 10px;
    }

    .progress-side {
        max-width: 700px;
        display: flex;
        margin: auto;
        align-items: center;
        gap: 12px;
    }

    .slider-progress span {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background: #66CC66;
        transition: width .5s ease;
    }

    /* Contact Page Css */
    .custom_img1 {
        width: 100%;
    }

    .contact_details:hover {
        box-shadow: 20px 14px 94px 0px #0000001A;
    }

    #wpcf7-f3202-p967-o1 .cf7-row,
    div#wpcf7-f3766-p3708-o1 .cf7-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    #wpcf7-f3202-p967-o1 .cf7-field,
    #wpcf7-f3766-p3708-o1 .cf7-field {
        padding: 0 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    #wpcf7-f3202-p967-o1 .cf7-field.half,
    #wpcf7-f3766-p3708-o1 .cf7-field.half {
        width: 50%;
    }

    #wpcf7-f3202-p967-o1 .cf7-field.full,
    #wpcf7-f3766-p3708-o1 .cf7-field.full {
        width: 100%;
    }

    #wpcf7-f3202-p967-o1 .cf7-field p {
        margin: 0;
    }

    #wpcf7-f3202-p967-o1.cf7-input,
    #wpcf7-f3202-p967-o1 .cf7-textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .ekit-wid-con a:focus-visible,
    .ekit-wid-con button:focus-visible,
    .ekit-wid-con input:focus-visible,
    .ekit-wid-con textarea:focus-visible {
        outline: 0px !important;
    }

    .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
        border-color: #fff !important;
    }

    .ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):hover {
        border-color: #fff !important;
    }

    .ekit-wid-con .ekit-form form textarea:hover {
        border-color: #fff !important;
    }

    .ekit-wid-con .ekit-form #wpcf7-f3766-p3708-o1 form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
        border-color: #0000001A !important;
    }

    .ekit-wid-con .ekit-form #wpcf7-f3766-p3708-o1 form input:not([type=submit]):not([type=checkbox]):not([type=radio]):hover {
        border-color: #0000001A !important;
    }

    .ekit-wid-con .ekit-form #wpcf7-f3766-p3708-o1 form textarea:hover {
        border-color: #0000001A !important;
    }

    span.wpcf7-not-valid-tip {
        display: none;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.payment-required .wpcf7-response-output {
        border-color: #dc3232;
    }

    .contact_details li a {
        text-decoration: none;
    }

    .contact_details li a:hover {
        text-decoration: underline;
        text-decoration-color: #66CC66;
    }

    .naculcatta_contact::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -120%;
        width: 100%;
        height: 200px;
        background: url("https://sagmeticinfotech.com/wp/2025/derby/wp-content/uploads/2026/07/NU-calcutta.png") no-repeat center / contain;
        animation: movEText 20s linear infinite;
        pointer-events: none;
        z-index: -1;
    }

    #wpcf7-f3202-p967-o1 form .cf7-field input:not([type=submit]):not([type=checkbox]):not([type=radio]).wpcf7-not-valid,
    #wpcf7-f3202-p967-o1 form .cf7-field textarea.wpcf7-not-valid {
        border: 1px solid #dc3232 !important;
    }

    #wpcf7-f3202-p967-o1 form .cf7-field input:not([type=submit]):not([type=checkbox]):not([type=radio]),
    #wpcf7-f3202-p967-o1 form .cf7-field textarea {
        border: 1px solid #fff !important;
    }

    .cf7-field.full label,
    .cf7-field.full p {
        width: 98%;
    }

    #wpcf7-f3766-p3708-o1 span.wpcf7-form-control-wrap {
        padding-top: 10px;
    }

    /*.elementor-element-b05bcaf:has(.Anwarul:hover) .elementor-widget-text-editor,
.elementor-element-b05bcaf:has(.Anwarul:hover) .elementor-widget-social-icons {
    opacity: 1 !important;
    visibility: visible !important;
}*/
    /*.elementor-element-b05bcaf:has(.Anwarul) .elementor-widget-text-editor, .elementor-element-b05bcaf:has(.Anwarul) .elementor-widget-social-icons {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}*/
    /*.elementor-element-6d4f4bb:has(.Areful:hover) .elementor-widget-text-editor, .elementor-element-6d4f4bb:has(.Areful:hover) .elementor-widget-social-icons{
    opacity: 1 !important;
    visibility: visible !important;
}*/
    /* .elementor-element-6d4f4bb:has(.Areful) .elementor-widget-text-editor, .elementor-element-6d4f4bb:has(.Areful) .elementor-widget-social-icons{
    opacity: 1 !important;
    visibility: visible !important;
} */


    /*.elementor-element-6d4f4bb:has(.Areful) .elementor-widget-text-editor, .elementor-element-6d4f4bb:has(.Areful) .elementor-widget-social-icons {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}
.elementor-element-c045b28:has(.Arizul:hover) .elementor-widget-text-editor , .elementor-element-c045b28:has(.Arizul:hover) .elementor-widget-social-icons{
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-element-c045b28:has(.Arizul) .elementor-widget-text-editor, .elementor-element-c045b28:has(.Arizul) .elementor-widget-social-icons {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}*/
    .elementor-sub-item.elementor-item-active {
        background-color: #66CC66 !important;
    }

    .wpcf7-not-valid {
        border: 1px solid red !important;
    }

    .wpcf7-not-valid-tip {
        display: none !important;
    }

    .elementor-3708 .elementor-element.elementor-element-0f9591d .ekit-form form input[type="submit"] {
        margin: 0px 0px 5px 0px !important;
    }
    /* 4 */

.header-cont-sec .hfe-nav-menu-icon {
    position: relative;
    width: 24px;
    height: 18px;
    display: inline-block;
}

.header-cont-sec .hfe-nav-menu-icon::before,
.header-cont-sec .hfe-nav-menu-icon::after,
.header-cont-sec .hfe-nav-menu-icon span {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

.header-cont-sec .hfe-nav-menu-icon::before {
    top: 0;
}

.header-cont-sec .hfe-nav-menu-icon::after {
    bottom: 0;
}

.header-cont-sec .hfe-nav-menu-icon {
    background: transparent;
}

.header-cont-sec .hfe-nav-menu-icon::before {
    box-shadow: 0 8px 0 0 #fff;
}