*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    scrollbar-width: none;

    -webkit-scrollbar-width: none;

}

::-webkit-scrollbar{

    display: none;

}

@font-face {

    font-family: "poppins-regular";

    src: url("../fonts/Poppins/Poppins-Regular.ttf");

}

@font-face {

    font-family: "poppins-italic";

    src: url("../fonts/Poppins/Poppins-Italic.ttf");

}

@font-face {

    font-family: "poppins-medium";

    src: url("../fonts/Poppins/Poppins-Medium.ttf");

}

@font-face {

    font-family: "poppins-semibold";

    src: url("../fonts/Poppins/Poppins-SemiBold.ttf");

}

@font-face {

    font-family: "poppins-bold";

    src: url("../fonts/Poppins/Poppins-Bold.ttf");

}

@font-face {

    font-family: "poppins-light";

    src: url("../fonts/Poppins/Poppins-Light.ttf");

}

@font-face {

    font-family: "stylish-cursive";

    src: url("../fonts/cursive-stylish/ShadowsIntoLight-Regular.ttf");

}

@font-face {

    font-family: "monostat-bold";

    src: url(../fonts/Montserrat/static/Montserrat-ExtraBold.ttf);

}

@font-face {

    font-family: "roboto-slab-regular";

    src: url(../fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf);

}

@font-face {

    font-family: "roboto-slab-medium";

    src: url(../fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf);

}

@font-face {

    font-family: "roboto-slab-Semibold";

    src: url(../fonts/Roboto_Slab/static/RobotoSlab-SemiBold.ttf);

}

@font-face {

    font-family: "roboto-slab-bold";

    src: url(../fonts/Roboto_Slab/static/RobotoSlab-Bold.ttf);

}

@font-face {

    font-family: "roboto-light";

    src: url("../fonts/Roboto/static/Roboto-Light.ttf");

}

@font-face {

    font-family: "roboto-regular";

    src: url("../fonts/Roboto/static/Roboto-Regular.ttf");

}

@font-face {

    font-family: "roboto-medium";

    src: url("../fonts/Roboto/static/Roboto-Medium.ttf");

}

@font-face {

    font-family: "roboto-semibold";

    src: url("../fonts/Roboto/static/Roboto-SemiBold.ttf");

}

@font-face {

    font-family: "roboto-bold";

    src: url("../fonts/Roboto/static/Roboto-Bold.ttf");

}

@font-face {

    font-family: "roboto-italic";

    src: url("../fonts/Roboto/static/Roboto-Italic.ttf");

}

@font-face {

    font-family: "roboto-extra-bold";

    src: url("../fonts/Roboto/static/Roboto-ExtraBold.ttf");

}



:root{

    --msc-font-theme-b-light:"roboto-light";

    --msc-font-theme-b-regular:"roboto-regular";

    --msc-font-theme-b-extra-bold:"roboto-extra-bold";

    --msc-font-theme-b-medium:"roboto-medium";

    --msc-font-theme-b-semibold:"roboto-semibold";

    --msc-font-theme-b-bold:"roboto-bold";

    --msc-font-theme-b-italic:"roboto-italic";

    --msc-font-roboto-regular: "roboto-slab-regular"; 

    --msc-font-roboto-medium: "roboto-slab-medium"; 

    --msc-font-roboto-Semibold: "roboto-slab-Semibold"; 

    --msc-font-roboto-bold: "roboto-slab-bold"; 

    --msc-font-regular:"roboto-slab-regular";

    --msc-font-medium:"roboto-slab-medium";

    --msc-font-semibold:"roboto-slab-Semibold";

    --msc-font-bold:"roboto-slab-bold";

    --msc-font-italic:"poppins-italic";

    --msc-font-light:"poppins-light";

    --msc-font-theme-cursive:"stylish-cursive";

    --msc-font-theme-mono-bold:"monostat-bold";

    --msc-dark: #000000;

    --msc-white:#fff;

    --msc-light-text: #5b5b5b;

    --msc-primary: #fbae15;

    --msc-blue: #075298;

    --msc-theme-danger: #CB2128;

    --msc-light: #BBBDBF;

    --msc-light-grey: #6c6c6c;

    --msc-white: #fff;

    --msc-success: #06c516ec;

    --msc-danger: #c52f06ec;

    --msc-warning: #ffd900ec;

    --msc-light-purple:#c36;

    --msc-gold-color: #efd51d;

    --msc-dark-gold-color:#d5a215;

    --msc-med-black:#151515;

    --msc-light-black: #222D3B;

    --msc-light-color:rgb(244, 244, 244);

    --msc-orange:rgba(255, 68, 0, 0.786);

    --msc-theme-orange:#ff8a00;

    --msc-lightblue:#18B6E9;

    --msc-facebook-color:#3b5a9a;

    --msc-med-blue:#005580;

    --msc-theme-blue:#0088cc;

    --msc-light-opacity:#ffffff16;

    --msc-theme-light:rgb(251, 250, 250);

    --msc-theme-opacity: #040c1488;

    --msc-border-color:#dee2e6;

    --msc-dark-blue:#110f31 ;

    --msc-extra-light:rgb(252, 252, 252);

    --msc-theme-opacity-blue:#eff5ffd2;

    --msc-theme-med-grey:#7bccff;

    --msc-drop-color: rgb(250, 250, 250);

    --msc-theme-gradient:linear-gradient(to left bottom,var(--msc-theme-primary),var(--msc-theme-orange));

    --msc-appoint-gradient:linear-gradient(324deg, #08275a, #2d8c9f);

    --msc-light-gold:#f4b924;

    --msc-theme-primary:#f7af03;

    --msc-theme-orange:#f3731d;

    --msc-theme-med-grey:#343434;

    --msc-theme-global-red:#eb3138;

    --msc-theme-global-drop-red:rgb(255 244 245);

    --msc-theme-global-blue:#893564;

    --msc-theme-global-purple: #48118E;

    --msc-theme-global-light-pink:#fffae5d2;

    --msc-theme-global-light-purple: #f4edff;

    --msc-theme-global-light-blue: #95b7c9;

    --msc-theme-global-lavender:#f0dbff;

    --msc-theme-global-light:rgb(255 246 247);

    --msc-theme-global-blue-light: #a900a8;

    --msc-theme-global-pink-light:#fff7e9;

    --msc-theme-pt-global-light-grey: #3a3a3a;

    --msc-theme-pt-global-mid-orange: #fa4729;

    --msc-theme-pt-global-light-orange: #ffd9d3;

    --msc-theme-pt-global-dark-blue: #22316c;

}

.top-sl-info{

    position: relative;

    background-color: var(--msc-theme-pt-global-light-grey) !important;

}

.top-contact-info ul > li > a {

    color: var(--msc-white) !important;

}

.msc-left-shape-vector{

    position: absolute;

    left: 0;

    bottom: 0;

}

.msc-inner-wrapper-shape-main{

    width: 500px;

    height: 12px;

    background-color: var(--msc-white);

    position: relative;

}

.msc-inner-wrapper-shape-main::before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0;

    right: 0;

    border-left: 20px solid transparent;

    border-right: 0px solid transparent;

    border-top: 12px solid var(--msc-theme-pt-global-light-grey);

}

.msc-right-shape-vector{

    position: absolute;

    right: 0;

    bottom: 0;

}

.msc-inner-wrapper-shape-main-right{

    width: 500px;

    height: 12px;

    background-color: var(--msc-white);

    position: relative;

}

.msc-inner-wrapper-shape-main-right::before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0;

    left: 0;

    border-left: 0px solid transparent;

    border-right: 20px solid transparent;

    border-top: 12px solid var(--msc-theme-pt-global-light-grey);

}

.msc-header-navbar{

    overflow: hidden;

    padding: 10px 0px !important;

    height: 100% !important;

}

.msc-navbar-header{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}

.msc-navbar-brand{

    display: flex;

    flex-direction: row;

    align-items: center;

    position: relative;

}

.msc-custom-logo-main{

    height: 85px;

}

.msc-tagline-logo{

    position: absolute;

    right: -4rem !important;

    bottom: .6rem !important;

    color: #3a3a3a !important;

    position: absolute !important;

    right: -4rem !important;

    font-weight: bold;

    text-transform: uppercase !important;

    bottom: .6rem !important;

    font-size: 16px !important;

}

.msc-wrapper-main-icon-bar{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}

.msc-icon-inner-bar-main{

    width: 44px;

    height: 40px;

    background-color: var(--msc-theme-pt-global-mid-orange);

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    position: relative;

}

.msc-icon-inner-bar-main::after{

    content: "";

    position: absolute;

    width: 10px;

    height: 25px;

    background-color: var(--msc-white);

    bottom: -.7rem;

    right: -.2rem;

    transform: rotate(46deg);

}

.msc-icon-inner-bar-main::before{

    content: "";

    position: absolute;

    width: 10px;

    height: 25px;

    background-color: var(--msc-white);

    top: -.7rem;

    left: -.2rem;

    transform: rotate(46deg);

}

.msc-icon-inner-bar-main i{

    width: 100%;

    height: 100%;

    color: var(--msc-white) !important;

    font-size: 16px !important;

    display: flex;

    align-items: center;

    flex-direction: row;

    justify-content: center;

}

.msc-desc-text-main-header-nav{

    text-align: left !important;

    font-family: var(--msc-font-roboto-medium);

}

.msc-text {

    color: #666;

    font-size: 16px;

    margin-bottom: 25px;

    font-weight: 400;

}

.msc-read-more-btn {

    /* width: 100%; */

    position: relative;

    background: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

    font-size: 15px;

    white-space: nowrap;

    font-weight: 600;

    padding: 18px 25px;

    border: none;

    border-radius: 50px;

    cursor: pointer;

    outline: none;

    /* display: inline-flex; */

    align-items: center;

    gap: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 0 0 0 rgba(241, 125, 24, 0.7);

    animation: shadowPulse 2s infinite;

}



.msc-read-more-btn i {

    font-size: 16px;

    transition: transform 0.3s ease;

}

@keyframes shadowPulse {

    0% {

        box-shadow: 0 0 0 0 rgba(255, 172, 30, 0.7),

                    0 4px 10px rgba(141, 101, 44, 0.4);

    }

    50% {

        box-shadow: 0 0 0 10px rgba(141, 91, 44, 0),

                    0 8px 20px rgba(248, 155, 55, 0.6);

    }

    100% {

        box-shadow: 0 0 0 0 rgba(141, 138, 44, 0),

                    0 4px 10px rgba(255, 176, 86, 0.4);

    }

}

.msc-read-more-btn:hover {

    transform: translateY(-3px);

    background: var(--msc-theme-pt-global-mid-orange);

    box-shadow: 0 0 0 0 rgba(141, 91, 44, 0.3),

                0 4px 10px rgba(141, 81, 44, 0.3);

}

.msc-read-more-btn:hover i {

    transform: translateX(5px);

}

.msc-read-more-btn:active {

    transform: translateY(-1px);

    box-shadow: 0 0 0 0 rgba(141, 91, 44, 0.3),

                0 4px 10px rgba(141, 81, 44, 0.3);

}

.msc-button-container::before {

    content: '';

    position: absolute;

    width: 300px;

    height: 120px;

    background: radial-gradient(circle, rgba(244, 228, 209, 0.3) 0%, transparent 70%);

    border-radius: 50%;

    filter: blur(40px);

    z-index: -1;

    animation: glowPulse 2s infinite;

}

.msc-button-container{

    position: relative;

}



@keyframes glowPulse {

    0%, 100% {

        opacity: 0.5;

        transform: scale(1);

    }

    50% {

        opacity: 0.8;

        transform: scale(1.1);

    }

}

.msc-nav-menu-list-main-wrapper{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    transition: all .3s ease-in-out;

}

.msc-inner-main-menu{

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 40px;

}

.msc-navbar-imp{

    background: var(--msc-theme-pt-global-light-orange);

    margin-top: 5px;

}

#home {

    box-shadow: none !important;

}

.msc-inner-main-menu > li{

    list-style-type: none;

}

.msc-inner-main-menu > li > a {

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-dark-blue);

    padding: 14px 0px;

    display: inline-block;

}

.msc-socail-icon-nav{

    display: inline-block;

    position: relative;

    height: 32px !important;

    width: 33px !important;

    background-color: var(--msc-white);

    border-radius: 2px;

    transition: all .3s ease-in-out;

}

.msc-socail-icon-nav:hover{

    transform: scale(1.05) translateY(-2px);

    background-color: var(--msc-theme-pt-global-dark-blue);

}

.msc-socail-icon-nav:hover::after{

    width: 0px;

    height: 0px;

}

.msc-socail-icon-nav:hover::before{

    width: 0px;

    height: 0px;

}

.msc-socail-icon-nav:hover::after{

    width: 0px;

    height: 0px;

}

.msc-socail-icon-nav:hover i{

    color: var(--msc-white);

}

.msc-socail-icon-nav::after{

    content: "";

    position: absolute;

    width: 6px;

    height: 25px;

    background-color: var(--msc-theme-pt-global-light-orange);

    bottom: -.6rem;

    right: -.2rem;

    transform: rotate(46deg);

    transition: all .3s ease-in-out;

}

.msc-socail-icon-nav::before{

    content: "";

    position: absolute;

    width: 6px;

    height: 25px;

    background-color: var(--msc-theme-pt-global-light-orange);

    top: -.6rem;

    left: -.2rem;

    transform: rotate(46deg);

    transition: all .3s ease-in-out;

}

.msc-socail-icon-nav i{

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: row;

    color: var(--msc-theme-pt-global-dark-blue);

    font-size: 14px;

    transition: all .3s ease-in-out;

}

.msc-imp-social-links-header{

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 15px;

}

/* banners */

.msc-banner-image-main{

    position: relative;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    height: 530px;

    width: 100%;

}

.msc-banner-image-main img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    filter: brightness(65%);

}

.msc-bannerss-design-main{

    overflow-x: hidden;

}

.msc-image-overlay-text{

    position: absolute;

    top: calc(100% - 70%);

    text-align: center;

}

.msc-banner-heading-overlay{

    font-family: var(--msc-font-theme-b-extra-bold);

    font-size: 50px;

    color: var(--msc-white);

}

.msc-baner-description-overlay{

    font-family: var(--msc-font-theme-b-medium);

    font-size: 40px;

    margin-top: 7px;

    width: 800px;

    line-height: 1.1;

    color: var(--msc-white);

    padding-bottom: 20px;

    border-bottom: 2px solid var(--msc-light);

    margin-bottom: 20px;

}

.msc-btn-view-plan-banners{

    padding: 15px 30px;

    border: none;

    background-color: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-medium);

    transition: all .3s ease-in-out;

    border: 2px solid var(--msc-theme-pt-global-mid-orange);

}

.msc-btn-view-plan-banners:hover{

    border: 2px solid var(--msc-white);

    background: transparent;

    color: var(--msc-white);

}

.msc-banners .owl-nav button.owl-next span {

    background-color: var(--msc-white) !important;

    padding: 0px 21px !important;

    padding-bottom: 5px !important;

    border-radius: 0px;

    font-size: 25px !important;

    font-weight: 900;

    font-family: revert;

    color: var(--msc-theme-pt-global-dark-blue) !important;

    outline: 1px solid whitesmoke;

    outline-offset: -4px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.msc-banners .owl-nav button.owl-prev span {

    background-color: var(--msc-white) !important;

    font-family: revert;

    padding: 0px 21px !important;

    padding-bottom: 5px !important;

    border-radius: 0px;

    font-size: 25px !important;

    font-weight: 900;

    color: var(--msc-theme-pt-global-dark-blue) !important;

    outline: 1px solid whitesmoke;

    outline-offset: -4px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.msc-banners .owl-nav button.owl-next {

    position: absolute;

    top: calc(100% - 56%);

    right: -1rem;

    z-index: 999;

}

.msc-banners .owl-nav button.owl-prev {

    position: absolute;

    top: calc(100% - 56%);

    left: -1rem;

    z-index: 999;

}

.msc-banners .owl-nav [class*=owl-]:hover {

    background: transparent !important;

    color: #FFF;

    text-decoration: none;

}

.msc-banners .owl-nav button.owl-prev,

.msc-banners .owl-nav button.owl-next {

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease-in-out;

}

.msc-banners:hover .owl-nav button.owl-prev{

    opacity: 1;

    left: 0;

    visibility: visible;

}

.msc-banners:hover .owl-nav button.owl-next {

    opacity: 1;

    right: 0;

    visibility: visible;

}

/* banners-end */



/* about-patel-eng */

.msc-about-patel-eng-design{

    padding: 60px 0px;

    position: relative;

    z-index: 99;

}

.msc-about-patel-eng-design::after{

    content: "";

    position: absolute;

    background-image: url("../images/vectors/slate-vector-industry.png");

    background-repeat: no-repeat;

    background-size: contain;

    height: 500px;

    width: 700px;

    right: 0;

    bottom: 0;

    opacity: .2;

    z-index: -1;

}

.msc-tag-section{

    padding: 7px 30px;

    border-radius: 30px;

    background-color: var(--msc-theme-pt-global-mid-orange);

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-white);

    outline: 1px dashed var(--msc-white);

    outline-offset: -5px;

    display: inline-block;

    font-size: 14px;

    margin-bottom: 10px;

    position: relative;

}

.msc-tag-section::after{

    content: "";

    position: absolute;

    height: 2px;

    width:36px;

    /* background-color: var(--msc-theme-pt-global-mid-orange); */

    right:-2.5rem;

    border-bottom: 2px dashed var(--msc-theme-pt-global-mid-orange);

    top: calc(100% - 53%);

}

.msc-main-heading-patel-about{

    font-family: var(--msc-font-theme-b-extra-bold);

    font-size: 39px;

    color: var(--msc-theme-pt-global-dark-blue);

}

.msc-our-vision-patel-about h3{

    font-family: var(--msc-font-theme-b-semibold);

    font-size: 22px;

    margin-top: 15px;

    color: var(--msc-light-black);

}

.msc-our-vision-patel-about p{

    color: var(--msc-light-text);

    font-size: 15px;

    font-family: var(--msc-font-theme-b-regular);

}

.msc-our-mission-patel-about h3{

    font-family: var(--msc-font-theme-b-semibold);

    font-size: 22px;

    margin-top: 15px;

    color: var(--msc-light-black);

}

.msc-our-mission-patel-about p{

    color: var(--msc-light-text);

    font-size: 15px;

    font-family: var(--msc-font-theme-b-regular);

}

.msc-wapper-patel-aboutouter{

    height: 600px !important;

    width: 100% !important;

    padding: 0px 16px;

}

.msc-wapper-patel-aboutouter img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}

/* about-patel-eng-end */



/* services */

.msc-services-patel-eng-design{

    padding: 60px 0px;

    margin-top: 25px;

    background-color: #faf7f2;

    /* background-color: #fcfcfc; */

    position: relative;

    z-index: 99;

}

/* .msc-services-patel-eng-design::after{

    content: "";

    position: absolute;

    background-image: url(../images/vectors/infrastructure-vector.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 500px;

    width: 500px;

    left: 0;

    top: 0;

    z-index: -1;

} */

.msc-services-patel-eng-design::before{

    content: "";

    position: absolute;

    background-image: url(../images/vectors/shape-grey.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 50px;

    width: 100%;

    left: 0;

    top: -1rem;

    z-index: -1;

}

.msc-services-patel-eng-design::after{

    content: "";

    position: absolute;

    background-image: url(../images/vectors/shape-grey.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 50px;

    width: 100%;

    left: 0;

    transform: rotate(180deg);

    bottom: -1rem;

    z-index: -1;

}

.msc-main-heading-patel-services{

    padding-right: 30px;

}

.msc-main-heading-patel-services p{

    font-family: var(--msc-font-theme-b-regular);

    font-size: 17px;

    width: 800px;

    line-height: 1.7;

    color: var(--msc-light-text);

}

.msc-main-heading-patel-services h2{

    font-family: var(--msc-font-theme-b-extra-bold);

    color: var(--msc-theme-pt-global-dark-blue);

    font-size: 40px;

}

.msc-icon-service-name-patel-des{

    background-color: var(--msc-theme-pt-global-mid-orange);

    height: 72px;

    width: 72px;

    outline: 2px solid var(--msc-theme-pt-global-mid-orange);

    outline-offset: 3px;

    border-radius: 50%;

    display: flex;
    flex-shrink: 0;
    padding: 10px;

}

.msc-img-wrapper-icon-services{

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-shrink: 0;
    gap: 20px;

    margin-bottom: 20px;

}

.msc-services-cards-wrapper-outer-patel{

    background-color: var(--msc-white);

    border: 2px solid rgba(208, 208, 208, 0.684);

    border-radius: 20px;

    padding: 30px;

    min-height: 295px;

    position: relative;

    overflow: hidden;

    z-index: 999;

    margin-top: 25px;

    transition: all .3s ease-in-out;

}

.msc-services-cards-wrapper-outer-patel:hover{

    transform: translateY(-5px) scale(1.03);

    cursor: pointer;

}

.msc-services-cards-wrapper-outer-patel:hover::after{

    opacity: 1;

    visibility: visible;

}

.msc-services-cards-wrapper-outer-patel::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-image: var(--msc-bg-image-wrapper);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: -1;

    filter: brightness(40%);

    visibility: hidden;

    opacity: 0;

    transition: all .3s ease-in-out;

}

.msc-services-cards-wrapper-outer-patel:hover .msc-img-wrapper-icon-services h2{

    color: var(--msc-white);

}

.msc-services-cards-wrapper-outer-patel:hover .msc-description-service-patel-eng p{

    color: var(--msc-white);

}

.msc-services-cards-wrapper-outer-patel:hover .msc-btn-service-read-more-patel a{

    color: var(--msc-white);

}

.msc-img-wrapper-icon-services h2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    font-family: var(--msc-font-theme-b-extra-bold);

    font-size: 25px;

    color: var(--msc-theme-pt-global-dark-blue);

    transition: all .3s ease-in-out;

}

.msc-icon-service-name-patel-des img{

    height: 100%;

    filter: brightness(0) invert(1);

    width: 100%;

    padding: 7px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}

.msc-description-service-patel-eng p{

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.5em;

    font-family: var(--msc-font-theme-b-regular);

    color: var(--msc-light-text);

    transition: all .3s ease-in-out;

}

.msc-btn-service-read-more-patel{

    margin-top: 25px !important;

    border-top: 2px solid rgba(245, 245, 245, 0.684);

    padding-top: 16px;   

}

.msc-btn-service-read-more-patel a{

    font-family: var(--msc-font-theme-b-bold);

    font-size: 18px;

    color: var(--msc-theme-pt-global-mid-orange);

    transition: all .3s ease-in-out;

}

.msc-services .owl-nav.disabled {

    display: flex

}

.msc-services .owl-nav button.owl-next span {

    background-color: var(--msc-white) !important;

    padding: 6px 21px !important;

    height: 50px;

    width: 50px;

    padding-bottom: 5px !important;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 10px !important;

    font-size: 25px !important;

    font-weight: 900;

    font-family: revert;

    color: var(--msc-theme-pt-global-dark-blue) !important;

    outline: 1px solid whitesmoke;

    outline-offset: -4px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.msc-services .owl-nav button.owl-prev span {

    background-color: var(--msc-white) !important;

    font-family: revert;

    padding: 6px 21px !important;

    height: 50px;

    width: 50px;

    padding-bottom: 5px !important;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 10px !important;

    font-size: 25px !important;

    font-weight: 900;

    color: var(--msc-theme-pt-global-dark-blue) !important;

    outline: 1px solid whitesmoke;

    outline-offset: -4px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.msc-services .owl-nav{

    position: absolute;

    top: -7rem;

    right: 0rem;

    z-index: 999;

}

.msc-services .owl-nav [class*=owl-]:hover {

    background: transparent !important;

    color: #FFF;

    text-decoration: none;

}

.msc-btn-view-plan-services{

    padding: 15px 40px;

    border: none;

    background-color: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-medium);

    transition: all .3s ease-in-out;

    border: 2px solid var(--msc-theme-pt-global-mid-orange);

}

/* services-end */



/* our-clients */

.msc-our-clients-design{

    padding: 70px 0px 70px 40px;

    padding-top: 90px;

    position: relative;

    z-index: 99;

}

.msc-our-clients-design::after{

    content: "";

    position: absolute;

    background-image: url(../images/vectors/decoration-back-main.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 400px;

    width: 400px;

    top: 0;

    left: 0;

    z-index: -1;

}

.msc-mail-icon-clients{

    background-color: var(--msc-theme-pt-global-mid-orange);

    height: 55px;

    width: 55px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.msc-mail-icon-clients i{

    font-size: 18px;

    color: var(--msc-white);

}

.msc-mail-phone-icon-clients-sidebar p{

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-light-text);

    font-size: 17px;

}

.msc-highlighted-mail-icon{

    color: var(--msc-light-black);

    font-size: 16px;

    font-family: var(--msc-font-roboto-bold);

}

.msc-clients-slider-swiper {

    padding: 60px 20px 100px;

    position: relative;

    overflow: hidden;

}



.msc-clients-slider-swiper .swiper-wrapper {

    height: 435px;

    width: 100%;

    padding: 30px;

    align-items: center;

}

.msc-clients-slider-card {

    background: #ffffff;

    border-radius: 25px;

    padding: 35px 25px 30px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    height: auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    opacity: 0.7;

    transform: scale(0.85);

}

.msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-card {

    opacity: 1;

    transform: scale(1.01);

    z-index: 10;

    margin-right: 10px;

}

.msc-clients-slider-circle {

    width: 180px;

    height: 180px;

    border-radius: 50%;

    background: linear-gradient(135deg, #f9f9f9 0%, #ececec 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    padding: 18px;

    margin-bottom: 25px;

    transition: all 0.5s ease;

}

.msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-circle {

    width: 200px;

    height: 200px;

    padding: 22px;

}

.msc-clients-slider-circle img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    border-radius: 12px;

}

.msc-clients-slider-title {

    font-size: 18px;

    font-weight: 700;

    color: #1a1a2e;

    margin-bottom: 12px;

    line-height: 1.4;

    transition: all 0.3s ease;

}



.msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-title {

    font-size: 22px;

}



.msc-clients-slider-subtitle {

    font-size: 14px;

    color: #6c7a89;

    margin-bottom: 20px;

    line-height: 1.6;

    transition: all 0.3s ease;

}



.msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-subtitle {

    font-size: 15px;

}



.msc-clients-slider-link {

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

    color: #00b8d4;

    text-decoration: none;

    transition: all 0.3s ease;

    opacity: 0.6;

}



.msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-link {

    opacity: 1;

    font-size: 16px;

}



.msc-clients-slider-link:hover {

    color: #0097a7;

    transform: translateX(5px);

}

.msc-clients-slider-swiper .swiper-button-next,

.msc-clients-slider-swiper .swiper-button-prev {

    width: 55px;

    height: 55px;

    background: #ffffff;

    border-radius: 50%;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);

    transition: all 0.3s ease;

}



.msc-clients-slider-swiper .swiper-button-next::after,

.msc-clients-slider-swiper .swiper-button-prev::after {

    font-size: 22px;

    font-weight: 700;

    color: #1a1a2e;

}



.msc-clients-slider-swiper .swiper-button-next:hover,

.msc-clients-slider-swiper .swiper-button-prev:hover {

    background: #00b8d4;

    transform: scale(1.1);

}



.msc-clients-slider-swiper .swiper-button-next:hover::after,

.msc-clients-slider-swiper .swiper-button-prev:hover::after {

    color: #ffffff;

}

.msc-clients-slider-swiper .swiper-pagination {

    bottom: 30px !important;

}



.msc-clients-slider-swiper .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    background: #b0b8c1;

    opacity: 1;

    transition: all 0.3s ease;

}



.msc-clients-slider-swiper .swiper-pagination-bullet-active {

    background: #00b8d4;

    width: 35px;

    border-radius: 6px;

}



/* Responsive */

@media (max-width: 1399px) {

    .msc-clients-slider-circle {

        width: 160px;

        height: 160px;

    }

    

    .msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-circle {

        width: 200px;

        height: 200px;

    }

}



@media (max-width: 1199px) {

    .msc-clients-slider-card {

        padding: 30px 20px 25px;

    }

    

    .msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-card {

        padding: 40px 30px 35px;

    }

}



@media (max-width: 991px) {

    .msc-clients-slider-circle {

        width: 140px;

        height: 140px;

    }

    

    .msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-circle {

        width: 180px;

        height: 180px;

    }

}



@media (max-width: 767px) {

    .msc-clients-slider-card {

        padding: 25px 20px;

    }

    

    .msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-card {

        transform: scale(1.02);

    }

    

    .msc-clients-slider-circle {

        width: 130px;

        height: 130px;

    }

    

    .msc-clients-slider-swiper .swiper-slide-active .msc-clients-slider-circle {

        width: 140px;

        height: 140px;

    }

}

.swiper-slide{

    width: 272px !important;

}

/* our-clients-end */



/* our-testimonials */

.msc-testimonials-design-main{

    padding: 70px;

    position: relative;

    z-index: 99;

}

.msc-testimonials-design-main::after{

    content: "";

    position: absolute;

    background-image: url('../images/vectors/hero-image.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    background-attachment: fixed;

    top: 0;

    left: 0;

    z-index: -1;

    filter: brightness(30%);

}

.msc-left-border::before{

    content: "";

    position: absolute;

    height: 2px;

    width:36px;

    left:-2.5rem;

    border-bottom: 2px dashed var(--msc-theme-pt-global-mid-orange);

    top: calc(100% - 53%);

}

.msc-heading-testimonials-wrapper{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.msc-heading-testimonials-wrapper h2{

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-extra-bold);

    margin-top: 12px;

    position: relative;

    font-size: 35px;

}

.msc-heading-testimonials-wrapper h2::after{

    content: "";

    position: absolute;

    width: 400px;

    height: 1px;

    background-color: rgba(245, 245, 245, 0.801);

    top: calc(100% - 47%);

    margin:0px 10px;

}

.msc-heading-testimonials-wrapper h2::before{

    content: "";

    position: absolute;

    width: 400px;

    height: 1px;

    background-color: rgba(245, 245, 245, 0.801);

    top: calc(100% - 47%);

    margin:0px 10px;

    left: -26rem;

}

.msc-wrapper-outer-testimonials{

    background-color: var(--msc-white);

    margin-top: 20px;

    padding: 20px;

    height: 150px;

    display: flex;

    align-items: center;

    position: relative;

}

.msc-wrapper-outer-testimonials::after{

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    bottom: -1.4rem;

    left:4rem;

    transform: rotate(270deg);

    border-left: 25px solid transparent;

    border-right: 0px solid transparent;

    border-top: 20px solid var(--msc-white);

}

.msc-wrapper-outer-testimonials p{

    font-family: var(--msc-font-theme-b-regular);

    color: var(--msc-light-text);

}

.msc-clients-image-main{

    background-color: var(--msc-white);

    width: 60px;

    height: 60px;

    display: flex;

    border-radius: 50%;

    align-items: center;

    overflow: hidden;

    margin-left: 15px;

}

.msc-clients-image-main img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.msc-wrapper-image-name{

    margin-top: 30px;

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 10px;

    /* border: 2px solid var(--msc-light); */

    background-color: rgba(253, 253, 253, 0.226);

    padding: 10px;

}

.msc-wrapper-image-name h2{

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-semibold);

    font-size: 20px;

}

/* our-testimonials-end */



/* news-updates */

.msc-new-update-main{

    padding: 75px 0px;

}

.msc-heading-patel-news{

    width: 500px;

    margin-top: 10px;

    line-height: 1.3;

    font-size: 45px !important;

}

.msc-btn-blogs-main-all{

    padding: 9px 35px;

    padding-right: 14px;

    border: none;

    border-radius: 50px;

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 15px;

    background-color: var(--msc-theme-pt-global-mid-orange);

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-white);

}

.msc-btn-icon-arrow{

    height: 45px;

    width: 45px;

    background-color: var(--msc-med-black);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.msc-btn-icon-arrow i{

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    transform: rotate(-27deg);

    justify-content: center;

}

.msc-wrapper-heading-patel-news{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}

.msc-outer-wrapper-patel-news{

    margin-top: 25px;

}

.msc-news-updates-patel-image{

    height: 290px !important;

    width: 100% !important;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

}

.msc-overlay-tag-image-news{

    position: absolute;

    bottom: 0;

    right: -1rem;

    background-color: var(--msc-white);

    padding: 10px 30px;

    padding-left: 12px;

    border-radius: 35px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 35px;

}

.msc-overlay-tag-image-news p{

    padding: 10px;

    border-radius: 50px;

    background: var(--msc-theme-pt-global-light-grey);

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-medium);

    font-size: 16px;

}

.msc-outer-wrapper-patel-news:hover .msc-news-updates-patel-image img{

    transform: scale(1.07);

}

.msc-news-updates-patel-image img{

    width: 100%;

    height: 100%;

    transition: all .3s ease-in-out;

    object-fit: cover;

}

.msc-description-content-news-update{

    padding: 0px 12px;

}

.msc-description-content-news-update h2{

    margin-top: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.3;

    color: var(--msc-light-black);

    font-family: var(--msc-font-theme-b-bold);

    font-size: 24px;

}

.msc-description-content-news-update p{

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.7;

    color: var(--msc-light-text);

    font-size: 15px;

}

.msc-button-read-more-content{

    border: none;

    background: #f5f5f5;

    padding: 16px 35px;

    margin-top: 5px;

    border-radius: 40px;

    border-bottom-right-radius: 0px;

    position: relative;

    transition: all .3s ease-in-out;

}

.msc-main-wrapper-button-more-content{

    position: relative;

}

.msc-main-wrapper-button-more-content::after{

    content: "";

    position: absolute;

    width: 90%;

    height: 2px;

    bottom: 0px;

    left: 2.1rem;

    background-color: #f5f5f5;

    transition: all .3s ease-in-out;

}

.msc-main-wrapper-button-more-content::before{

    position: absolute;

    content: '\f0da';

    right: 0px;

    bottom: -14px;

    color: #f5f5f5;

    font-size: 20px;

    font-weight: 800;

    font-family: 'Font Awesome 6 Free';

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}

.msc-outer-wrapper-patel-news:hover .msc-main-wrapper-button-more-content::before{

    color: var(--msc-theme-pt-global-mid-orange);

}

.msc-outer-wrapper-patel-news:hover .msc-main-wrapper-button-more-content::after{

    background-color: var(--msc-theme-pt-global-mid-orange);

}

.msc-outer-wrapper-patel-news:hover .msc-button-read-more-content{

    background-color: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

}

/* news-updates-end */



/* footer */

.msc-footer-design-main{

    background-color: var(--msc-theme-pt-global-light-grey);

    padding: 60px 0px !important;

    padding-bottom: 0px !important;

    position: relative;

}

.msc-footer-logo img{

    width: 285px !important;

    filter: brightness(0) invert(1);

}

.msc-main-about-description-footer{

    margin-top: 15px;

    color: var(--msc-light);

    font-family: var(--msc-font-theme-b-regular);

}

.msc-read-more-footer{

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-white);

    font-size: 17px;    

}

.msc-about-heading-text-footer{

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-white);

    margin-top: 35px;

    font-size: 25px;

}

.msc-contact-details{

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-light);

}

.msc-icon-contact-footer{

    color: var(--msc-white);

    margin-right: 5px;

}

.msc-main-nav-footer::after{

    background-color: var(--msc-theme-pt-global-light-grey) !important;

}

.msc-main-nav-footer::before{

    background-color: var(--msc-theme-pt-global-light-grey) !important;

}

.msc-main-nav-footer:hover{

    background-color: var(--msc-theme-pt-global-mid-orange);

}

.msc-rights-reserved{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin-top: 60px;

    background-color: var(--msc-dark);

    padding: 30px;

    position: relative;

}

.msc-left-shape-vector-reserved {

    position: absolute;

    top: -1px;

    left: 0;

}

.msc-inner-wrapper-shape-main-reserved {

    width: 500px;

    height: 25px;

    background-color: var(--msc-theme-pt-global-light-grey);

    position: relative;

    transform: rotateX(180deg);

}

.msc-inner-wrapper-shape-main-reserved::before{

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    top: 0;

    right: 0;

    border-left: 29px solid transparent;

    border-right: 0px solid transparent;

    border-top: 25px solid var(--msc-dark);

}

.msc-left-shape-vector-footer {

    position: absolute;

    top: -1.5rem;

    left: 0;

}

.msc-inner-wrapper-shape-main-footer {

    width: 500px;

    height: 25px;

    background-color: var(--msc-theme-pt-global-light-grey);

    position: relative;

}

.msc-inner-wrapper-shape-main-footer::before{

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    top: 0;

    right: 0;

    border-left: 29px solid transparent;

    border-right: 0px solid transparent;

    border-top: 25px solid var(--msc-white);

}

.msc-rights-reserved > p{

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-medium);

}

.msc-rights-reserved > p > i{

    color: var(--msc-theme-global-red);

    margin: 0px 3px;

}

.msc-rights-reserved > p > a{

    color: var(--msc-theme-global-red);

    margin: 0px 3px;

}

.msc-bgc-wrapper-design{

    position: relative;

    background-image: url(../images/vectors/hero.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%;

    padding: 70px;

    text-align: center;

    z-index: 99;

}

.msc-bgc-wrapper-design::after {

    content: "";

    position: absolute;

    inset: 0;

    background-color: rgba(0, 0, 0, 0.55);

    z-index: -1;

}



.msc-main-about-us-text-page h2{

    font-family: var(--msc-font-theme-b-bold);

    font-size: 45px;

    margin-top: 26px;

    color: var(--msc-white);

}

.msc-main-about-us-text-page p a{

    font-family: var(--msc-font-theme-b-medium);

    font-size: 18px;

    color: var(--msc-white);

}

.msc-main-about-us-text-page p{

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-white);

}

/* footer-end */



/* services_details */

.msc-agrotech-blog-details-page-section{

    margin: 60px 0px;

    background-color: var(--msc-white);

    border-radius: 20px;

    padding: 30px;

}

.msc-agrotech-blog-title{

    font-family: var(--msc-font-theme-b-extra-bold);

    color: var(--msc-med-black);

    font-size: 45px;

}

.msc-agrotech-blog-meta{

    font-size: 17px;

    color: var(--msc-theme-pt-global-light-grey);

    font-family: var(--msc-font-theme-b-medium);

}

.msc-inner-heading-publish-date{

    background-color: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-medium);

    padding: 10px 25px;

    white-space: nowrap;

    border-radius: 50px;

}

.msc-agrotech-blog-image{

    height: 500px;

    width: 100%;

    border-radius: 20px;

    margin: 5px 0px;

    margin-bottom: 25px;

    overflow: hidden;

}

.msc-agrotech-blog-image img{

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}

/* services_details_end */

/* dropdown */

.msc-dropdown-main{

    position: relative;

}

.msc-overlay-dropdown{

    z-index: 99999;

    position: absolute;

    background-color: var(--msc-white);

    box-shadow: 0px 0px 3px var(--msc-border-color);

    margin-top: 3px;

    width: 270px;

    visibility: hidden;

    opacity: 0;

    transition: all .2s linear;

}

.msc-overlay-dropdown p:hover{

    background-color: var(--msc-drop-color) !important;

}
.msc-overlay-dropdown p{
    margin-bottom: 0px !important;
    padding: 12px 20px !important;
    cursor: pointer;
    border-bottom: 1px solid var(--msc-border-color);
}
.msc-overlay-dropdown a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 1.5em;

    width: 100%;

    font-family: var(--msc-font-theme-b-medium);

    color: var(--msc-theme-pt-global-light-grey);

    font-size: 15px;

    margin: 0px;

    letter-spacing: 1px;

}

.msc-dropdown-main:hover .msc-overlay-dropdown{

    height: auto;

    visibility: visible;

    opacity: 1;

    transform: translateY(-4px);

}



/* dropdown-end */



/* about-main-page */

.msc-about-page-main-patel-eng-design {

            padding: 60px 0px;

            position: relative;

            z-index: 99;

        }

        

        .msc-about-page-main-patel-eng-design::after {

            content: "";

            position: absolute;

            background-image: url("../images/vectors/slate-vector-industry.png");

            background-repeat: no-repeat;

            background-size: contain;

            height: 500px;

            width: 700px;

            right: 0;

            bottom: 0;

            opacity: .2;

            z-index: -1;

        }

        

        .msc-about-page-main-tag-section {

            padding: 7px 30px;

            border-radius: 30px;

            background-color: var(--msc-theme-pt-global-mid-orange);

            font-family: var(--msc-font-theme-b-medium);

            color: var(--msc-white);

            outline: 1px dashed var(--msc-white);

            outline-offset: -5px;

            display: inline-block;

            font-size: 14px;

            margin-bottom: 10px;

            position: relative;

        }

        

        .msc-about-page-main-tag-section::after {

            content: "";

            position: absolute;

            height: 2px;

            width: 36px;

            right: -2.5rem;

            border-bottom: 2px dashed var(--msc-theme-pt-global-mid-orange);

            top: calc(100% - 53%);

        }

        

        .msc-about-page-main-heading-patel-about {

            font-family: var(--msc-font-theme-b-extra-bold);

            font-size: 39px;

            color: var(--msc-theme-pt-global-dark-blue);

        }

        

        .msc-about-page-main-our-vision-patel-about h3 {

            font-family: var(--msc-font-theme-b-semibold);

            font-size: 22px;

            margin-top: 15px;

            color: var(--msc-light-black);

        }

        

        .msc-about-page-main-our-vision-patel-about p {

            color: var(--msc-light-text);

            font-size: 15px;

            font-family: var(--msc-font-theme-b-regular);

        }

        

        .msc-about-page-main-our-mission-patel-about h3 {

            font-family: var(--msc-font-theme-b-semibold);

            font-size: 22px;

            margin-top: 15px;

            color: var(--msc-light-black);

        }

        

        .msc-about-page-main-our-mission-patel-about p {

            color: var(--msc-light-text);

            font-size: 15px;

            font-family: var(--msc-font-theme-b-regular);

        }

        

        .msc-about-page-main-wapper-patel-aboutouter {

            height: 600px !important;

            width: 100% !important;

            padding: 0px 16px;

        }

        

        .msc-about-page-main-wapper-patel-aboutouter img {

            height: 100%;

            width: 100%;

            object-fit: contain;

        }



        :root {

            --primary: #004b8d;

            --secondary: #0066b3;

            --accent: #ff6b35;

            --dark: #1a1a1a;

            --light: #f8f9fa;

            --text: #2c3e50;

        }



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        body {

            font-family: 'Poppins', sans-serif;

            background: #ffffff;

            color: var(--text);

            overflow-x: hidden;

        }



        /* Stats Section */

        .msc-about-page-main-stats {

            background: #fff;

            padding: 80px 20px;

            margin-top: 60px;

            position: relative;

            z-index: 20;

        }



        .msc-about-page-main-stats-container {

            max-width: 1200px;

            margin: 0 auto;

            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);

            border-radius: 25px;

            padding: 60px 40px;

            box-shadow: 0 30px 80px rgba(0, 75, 141, 0.15);

        }



        .msc-about-page-main-stat-item {

            text-align: center;

            padding: 20px;

        }



        .msc-about-page-main-stat-number {

            font-family: 'Playfair Display', serif;

            font-size: 64px;

            font-weight: 800;

            color: var(--primary);

            margin-bottom: 10px;

            line-height: 1;

        }



        .msc-about-page-main-stat-label {

            font-size: 15px;

            font-weight: 600;

            color: var(--text);

            text-transform: uppercase;

            letter-spacing: 1px;

        }

        .msc-about-page-main-story {

            padding: 44px 20px;

            background: #fff;

            position: relative;

        }

        .msc-about-page-main-story::after{

            content: "";

            position: absolute;

            background-image: url(../images/vectors/infrastructure-vector.png);

            background-repeat: no-repeat;

            background-size: contain;

            height: 700px;

            width: 700px;

            left: 0;

            top: 0;

            opacity: .5;

        }



        .msc-about-page-main-story-content {

            max-width: 1200px;

            margin: 0 auto;

        }



        .msc-about-page-main-section-title {

            font-family:var(--msc-font-theme-b-extra-bold);

            font-size: 45px;

            font-weight: 800;

            color: var(--dark);

            margin-bottom: 30px;

            line-height: 1.2;

        }



        .msc-about-page-main-section-title span {

            color: var(--primary);

            position: relative;

            display: inline-block;

        }



        .msc-about-page-main-section-title span::after {

            content: '';

            position: absolute;

            bottom: -5px;

            left: 0;

            width: 100%;

            height: 4px;

            background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);

        }



        .msc-about-page-main-story-text {

            font-size: 17px;

            font-family: var(--msc-font-theme-b-regular);

            line-height: 1.5;

            color: var(--text);

            margin-bottom: 15px;

        }



        .msc-about-page-main-story-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 30px;

            margin-top: 60px;

        }



        .msc-about-page-main-value-card {

            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);

            padding: 40px 35px;

            margin-bottom: 20px;

            border-radius: 20px;

            border: 2px solid #e9ecef;

            transition: all 0.4s ease;

            position: relative;

            overflow: hidden;

        }



        .msc-about-page-main-value-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 5px;

            background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);

            transform: scaleX(0);

            transform-origin: left;

            transition: transform 0.4s ease;

        }



        .msc-about-page-main-value-card:hover {

            transform: translateY(-10px);

            box-shadow: 0 20px 50px rgba(0, 75, 141, 0.15);

            border-color: var(--primary);

        }



        .msc-about-page-main-value-card:hover::before {

            transform: scaleX(1);

        }



        .msc-about-page-main-value-icon {

            width: 70px;

            height: 70px;

            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);

            border-radius: 15px;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #fff;

            font-size: 32px;

            margin-bottom: 25px;

        }



        .msc-about-page-main-value-card h4 {

            font-size: 22px;

            font-weight: 700;

            color: var(--dark);

            margin-bottom: 15px;

        }



        .msc-about-page-main-value-card p {

            font-size: 16px;

            line-height: 1.7;

            color: var(--text);

            margin: 0;

        }



        /* Mission Vision Section */

        .msc-about-page-main-mission {

            padding: 100px 20px;

            background: linear-gradient(135deg, var(--light) 0%, #ffffff 100%);

            position: relative;

        }

        .msc-about-page-main-mission::after{

            position: absolute;

            content: "";

            background-image: url(../images/vectors/pattern-scale.png);

            background-repeat: no-repeat;

            background-size: cover;

            height: 80px;

            bottom: 0;

            left: 0;

            width: 100%;

        }

        .msc-about-page-main-mission::before{

            position: absolute;

            content: "";

            background-image: url(../images/vectors/pattern-scale.png);

            background-repeat: no-repeat;

            background-size: cover;

            height: 80px;

            top: 0;

            transform: rotate(180deg);

            left: 0;

            width: 100%;

        }



        .msc-about-page-main-mission-grid {

            max-width: 1200px;

            margin: 0 auto;

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));

            gap: 50px;

        }



        .msc-about-page-main-mission-card {

            background: #fff;

            padding: 40px 50px;

            border-radius: 25px;

            box-shadow: 0 0px 25px rgba(0, 0, 0, 0.08);

            position: relative;

            overflow: hidden;

        }



        .msc-about-page-main-mission-card::before {

            content: '';

            position: absolute;

            top: 0;

            right: 0;

            width: 200px;

            height: 200px;

            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);

            opacity: 0.05;

            border-radius: 50%;

            transform: translate(50%, -50%);

        }



        .msc-about-page-main-mission-icon {

            font-size: 48px;

            color: var(--primary);

            margin-bottom: 25px;

        }

        .msc-about-page-main-mission-icon img{

            height: 100px;

            width: 100px;

            object-fit: contain;

        }



        .msc-about-page-main-mission-card h3 {

            font-family: var(--msc-font-theme-b-semibold);

            font-size: 35px;

            font-weight: 700;

            color: var(--dark);

            margin-bottom: 10px;

        }



        .msc-about-page-main-mission-card p {

            font-size: 17px;

            font-family: var(--msc-font-theme-b-regular);

            line-height: 1.8;

            color: var(--text);

            margin: 0;

        }



        /* Team Section */

        .msc-about-page-main-team {

            padding: 120px 20px;

            background: #fff;

        }



        .msc-about-page-main-team-content {

            max-width: 1200px;

            margin: 0 auto;

            text-align: center;

        }



        .msc-about-page-main-team-text {

            font-size: 20px;

            line-height: 1.8;

            color: var(--text);

            max-width: 800px;

            margin: 0 auto 70px;

        }



        .msc-about-page-main-team-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            gap: 40px;

            margin-top: 60px;

        }



        .msc-about-page-main-team-member {

            text-align: center;

            position: relative;

        }



        .msc-about-page-main-team-img-wrapper {

            width: 200px;

            height: 200px;

            margin: 0 auto 25px;

            border-radius: 50%;

            overflow: hidden;

            position: relative;

            border: 5px solid var(--light);

            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);

            transition: all 0.4s ease;

        }



        .msc-about-page-main-team-member:hover .msc-about-page-main-team-img-wrapper {

            transform: translateY(-10px);

            box-shadow: 0 25px 60px rgba(0, 75, 141, 0.2);

        }



        .msc-about-page-main-team-img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: transform 0.4s ease;

        }



        .msc-about-page-main-team-member:hover .msc-about-page-main-team-img {

            transform: scale(1.1);

        }



        .msc-about-page-main-team-member h5 {

            font-size: 20px;

            font-weight: 700;

            color: var(--dark);

            margin-bottom: 8px;

        }



        .msc-about-page-main-team-member p {

            font-size: 15px;

            color: var(--primary);

            font-weight: 600;

            margin: 0;

        }



        /* CTA Section */

        .msc-about-page-main-cta {

            padding: 60px 20px;

            margin: 60px 0px;

            margin-bottom: 0px;

            background-color: rgba(0, 0, 0, 0.838);

            position: relative;

            z-index: 9999;

            overflow: hidden;

        }



        .msc-about-page-main-cta::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: url('../images/vectors/vector_img_meet.jpg') center/cover no-repeat;

            opacity: 0.3;

        }

        .msc-main-text-pets{

            font-family: var(--msc-font-theme-b-bold);

            font-size: 35px;

            color: var(--msc-theme-pt-global-light-grey);

        }

        .msc-main-text-pets span{

            font-size: 40px;

        }



        .msc-about-page-main-cta-content {

            max-width: 900px;

            margin: 0 auto;

            text-align: center;

            position: relative;

            z-index: 10;

            color: #fff;

        }



        .msc-about-page-main-cta h2 {

            font-family: var(--msc-font-theme-b-bold);

            font-size: 47px;

            font-weight: 800;

            margin-bottom: 20px;

            line-height: 1.2;

        }



        .msc-about-page-main-cta p {

            font-size: 20px;

            font-family: var(--msc-font-theme-b-medium);

            line-height: 1.7;

            margin-bottom: 30px;

            opacity: 0.95;

        }



        .msc-about-page-main-cta-btn {

            display: inline-block;

            background: var(--accent);

            color: #fff;

            padding: 20px 50px;

            border-radius: 50px;

            font-size: 18px;

            font-weight: 700;

            text-decoration: none;

            transition: all 0.4s ease;

            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);

        }



        .msc-about-page-main-cta-btn:hover {

            background: #ff5522;

            transform: translateY(-5px);

            box-shadow: 0 20px 50px rgba(255, 107, 53, 0.5);

            color: #fff;

        }



        /* Responsive */

        @media (max-width: 991px) {

            .msc-about-page-main-stats-container {

                padding: 40px 25px;

            }



            .msc-about-page-main-stat-number {

                font-size: 48px;

            }



            .msc-about-page-main-story {

                padding: 80px 20px;

            }



            .msc-about-page-main-mission-grid {

                grid-template-columns: 1fr;

            }



            .msc-about-page-main-mission-card {

                padding: 40px 30px;

            }

        }



        @media (max-width: 767px) {

            .msc-about-page-main-section-title {

                font-size: 32px;

            }



            .msc-about-page-main-story-text {

                font-size: 17px;

            }



            .msc-about-page-main-value-card {

                padding: 30px 25px;

            }

        }

        .msc-main-wrapper-outer{

            margin: 60px 0px;

        }

        .msc-patel-eng-services-page{

            margin-top: 0;

        }

        .msc-patel-eng-services-page::after{

            width: 0;

            height: 0;

        }

        .msc-patel-eng-services-page::before{

            width: 0;

            height: 0;

        }

        

/* about-main-page-end */



/* contact */

.msc-main-heading-form{

    padding: 5px;

    margin-bottom: 10px;

}

.msc-main-heading-form h2{

    font-family: var(--msc-font-medium);

    font-size: 33px;

    color: var(--msc-theme-global-red);

}

.msc-vector-design{

    text-align: center;

}

.msc-vector-design img{

    height: auto;

}

.msc-map-design-contact{

    margin-top: 40px;

    margin-bottom: 20px;

    border-radius: 30px;

    overflow: hidden;

}

.msc-main-wrapper-contact-main-links{

    margin-top: 20px;

    margin-bottom: 20px;

}

.msc-contact-box-design{

    background-color: var(--msc-light-color);

    margin-top: 20px;

    border-radius: 20px;

    min-height: 200px;

    text-align: center;

    padding: 10px 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.msc-location-icon{

    color: var(--msc-white);

    font-size: 20px;

    background-color: var(--msc-med-black);

    padding: 20px;

    border-radius: 10px;

}

.msc-loaction-text{

    font-family: var(--msc-font-medium);

    font-size: 25px;

    margin-top: 20px;

}

.msc-location-description{

    color: var(--msc-light-text);

    font-family: var(--msc-font-regular);

    font-size: 15px;

}

.msc-contact-box-new{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    min-height: 200px;

    vertical-align: middle;

}

.msc-location-description:hover{

    color: var(--msc-light-text);

}

.msc-input-main-control{

    display: block;

    width: 100%;

    padding: 13px 22px !important;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    margin-bottom: 18px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 2.25rem !important;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.msc-input-main-control:focus{

    color: #212529;

    background-color: #fff;

    border-color: #fa6814;

    outline: 0;

    box-shadow: 0 0 0 .25rem rgba(253, 101, 13, 0.25);

}

.msc-hamburger-main-responsive{

    display: none;

    flex-direction: column;

    align-items: center;

    position: relative;

    gap: 6px;

    z-index: 999;

}

.line1{

    display: inline-block;

    width: 30px;

    height: 1.8px;

    background-color: var(--msc-theme-pt-global-light-grey);

    border-radius: 40px;

    transition: all .3s ease-in-out;

}

.line2 {

    display: inline-block;

    width: 30px;

    height: 1.8px;

    background-color: var(--msc-theme-pt-global-light-grey);

    border-radius: 40px;

    transition: all .3s ease-in-out;

}

.rotateX{

    transform: rotate(45deg) translateY(2px) translateX(3px);

}

.remove{

    transform: translateX(180px);

}

.line3{

    display: inline-block;

    width: 30px;

    height: 1.8px;

    background-color: var(--msc-theme-pt-global-light-grey);

    border-radius: 40px;

    transition: all .3s ease-in-out;

}

.rotateY{

    transform: rotate(-45deg) translateX(4px);

}

.msc-wrapper-button-blogs-responsive{

    display: none;

}

.msc-news-wrapper-main-blogs{

    margin-bottom: 25px;

}

/* contact-end */



@media (max-width: 768px)  {

    .msc-left-shape-vector{

        display: none;

    }

    .msc-right-shape-vector{

        display: none;

    }

    .msc-inner-wrapper-navbar-header{

        display: none;

    }

    .msc-hamburger-main-responsive{

        display: flex;

    }

    .msc-custom-logo-main {

        height: 50px;

    }

    .msc-tagline-logo {

        position: absolute;

        right: -4rem !important;

        bottom: .6rem !important;

        color: #3a3a3a !important;

        position: absolute !important;

        right: -3rem !important;

        font-weight: bold;

        text-transform: uppercase !important;

        bottom: 0.3rem !important;

        font-size: 11px !important;

    }

.msc-nav-menu-list-main-wrapper {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    max-height: 0px;

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease-in-out;

}

.msc-active-navbar{

    visibility: visible;

    max-height: 600px;

    opacity: 1;

}

    .msc-inner-main-menu {

    display: flex;

    flex-direction: column;

    gap: 6px;

    width: 100%;

}

.msc-inner-main-menu > li {

    list-style-type: none;

    border-bottom: 1px solid #44444442;

    width: 100%;

    text-align: center;

}

.msc-imp-social-links-header {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 15px;

    margin-top: 26px;

    margin-bottom: 24px;

}

.msc-custom-logo-main{

    position: relative;

    z-index: 999;

}

.msc-banner-image-main {

    height: 260px;

}

.msc-banner-heading-overlay {

    font-size: 22px;

}

.msc-baner-description-overlay {

    font-size: 15px;

    width: 100%;

}

.msc-btn-view-plan-banners {

    padding: 8px 17px;

    border: none;

    background-color: var(--msc-theme-pt-global-mid-orange);

    color: var(--msc-white);

    font-family: var(--msc-font-theme-b-regular);

    transition: all .3s ease-in-out;

    border: 2px solid var(--msc-theme-pt-global-mid-orange);

    font-size: 13px !important;

}

.msc-wapper-patel-aboutouter {

    height: auto !important;

    width: 100% !important;

    padding: 0px 16px;

}

.msc-wrapper-outer-patel-about {

    margin-top: 32px;

    padding: 0px 10px;

}

.msc-main-heading-patel-about {

    font-size: 28px;

}

.msc-our-vision-patel-about h3 {

    font-size: 18px;

}

.msc-our-vision-patel-about p {

    font-size: 14px;

}

.msc-our-mission-patel-about h3 {

    font-size: 18px;

}

.msc-our-mission-patel-about p {

    font-size: 14px;

}

.msc-wrapper-main-about-new-home{

    min-width: 100% !important;

}

.msc-description-about-card-box{

    display: flex;

    flex-direction: column;

}

.msc-wrapper-main-about-new-home h4{

    font-family: var(--msc-font-theme-b-semibold);

    font-size: 20px;

}

.msc-inner-wrapper-main-design-box{

    font-size: 12px !important;

    color: #fff;

    font-weight: 400;

}

.msc-main-heading-patel-services p {

    font-size: 14px;

    width: 100%;

}

.msc-main-heading-patel-services h2 {

    font-size: 28px;

}

.msc-tag-section {

    padding: 6px 22px;

    font-size: 12px;

}

.msc-services .owl-nav {

    position: absolute;

    top: -11rem;

    right: 0rem;

    z-index: 999;

}

.msc-services .owl-nav button.owl-next span {

    height: 40px;

    width: 40px;

    font-size: 21px !important;

}

.msc-services .owl-nav button.owl-prev span {

    height: 40px;

    width: 40px;

    font-size: 21px !important;

}

.msc-img-wrapper-icon-services {

    display: flex;

    flex-direction: column;

    align-items: center;

    flex-shrink: 0;

    gap: 18px;

    margin-bottom: 4px;

}

.msc-img-wrapper-icon-services h2 {

    font-size: 18px;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.5em;

    text-align: center;

}

.msc-description-service-patel-eng p {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    text-align: center;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.5em;

    font-family: var(--msc-font-theme-b-regular);

    color: var(--msc-light-text);

    transition: all .3s ease-in-out;

    font-size: 14px;

    margin-bottom: 0px !important;

}

.msc-services-cards-wrapper-outer-patel {

    padding: 22px 11px;

    min-height: 100%;

}

.msc-btn-service-read-more-patel {

    margin-top: 10px !important;

    border-top: 2px solid rgba(245, 245, 245, 0.684);

    padding-top: 13px !important;

    text-align: center;

}

.msc-btn-service-read-more-patel a {

    font-family: var(--msc-font-theme-b-bold);

    font-size: 16px;

    color: var(--msc-theme-pt-global-mid-orange);

    transition: all .3s ease-in-out;

}

.msc-services-patel-eng-design::before {

    top: -6px;

}

.msc-services-patel-eng-design::after {

    bottom: -6px;

}

.msc-our-clients-design {

    padding: 15px;

    padding-top: 50px;

    overflow: hidden;

}

.msc-testimonials-design-main {

    padding: 45px;

    position: relative;

    z-index: 99;

    overflow: hidden;

}

.msc-heading-testimonials-wrapper h2 {

    font-size: 27px;

    margin-bottom: 10px;

}

.msc-wrapper-outer-testimonials p{

    font-family:Arial, sans-serif;

    font-size: 14px !important;

    line-height:1.6;

    color:#333;

}

.msc-heading-patel-news {

    width: 100%;

    margin-top: 8px;

    font-size: 28px !important;

}

.msc-responsive-btn-blogs{

    display: none !important;

}

.msc-main-heading-patel-services {

    padding: 0px 8px;

}

.msc-outer-wrapper-patel-news {

    margin-top: 0px;

}

.msc-new-update-main {

    padding: 75px 10px;

}

.msc-wrapper-button-blogs-responsive{

    display: block;

    width: 100%;

    margin-top: 35px;

}

.msc-btn-view-all-blogs{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}

.msc-inner-wrapper-shape-main-footer {

    display: none;

}

.msc-inner-wrapper-shape-main-reserved{

    display: none;

}

.msc-footer-design-main {

    background-color: var(--msc-theme-pt-global-light-grey);

    padding: 60px 0px !important;

    padding-bottom: 0px !important;

    position: relative;

}

.msc-rights-reserved {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    margin-top: 25px;

    background-color: var(--msc-dark);

    padding: 30px;

    position: relative;

}

.msc-about-design-footer{

    padding: 0px 15px;

}

.msc-about-page-main-story {

    padding: 47px 10px;

}

.msc-main-text-pets {

    font-family: var(--msc-font-theme-b-bold);

    font-size: 27px;

    color: var(--msc-theme-pt-global-light-grey);

}

.msc-main-text-pets span {

    font-size: 28px;

}

.msc-about-page-main-mission-card p {

    font-size: 16px;

}

.msc-about-page-main-mission-card h3 {

    font-family: var(--msc-font-theme-b-semibold);

    font-size: 30px;

    font-weight: 700;

    color: var(--dark);

    margin-bottom: 10px;

}

.msc-about-page-main-mission-card {

    padding: 30px 26px;

}

.msc-service-card-main-service-page {

    background-color: var(--msc-white);

    border: 2px solid rgba(208, 208, 208, 0.684);

    border-radius: 20px;

    padding: 30px;

    min-height: 295px !important;  

    margin: 31px 10px 0px 10px !important;

}

.msc-patel-eng-services-page {

    padding: 60px 0px;

    padding-top: 17px;

    margin-top: 25px;

    background-color: #faf7f2;

    position: relative;

    z-index: 99;

}

.msc-service-name-main-service-page{

    font-size: 28px !important;

}

.msc-service-btn-main-service-page {

    margin-top: 24px !important;

    border-top: 2px solid rgba(245, 245, 245, 0.684);

    padding-top: 24px !important;

    text-align: center;

}

.msc-service-btn-main-service-page a{

    font-size: 20px !important;

}

.msc-bgc-wrapper-design {

    padding: 30px 35px;

}

.msc-main-about-us-text-page h2 {

    font-family: var(--msc-font-theme-b-bold);

    font-size: 25px;

    margin-top: 26px;

    color: var(--msc-white);

}

.msc-news-wrapper-main-blogs{

    margin: 25px 5px 0px 5px;

}

.msc-map-design-contact iframe{

    height: 300px;

}

.msc-main-wrapper-contact-main-links {

    margin: 12px;

    margin-top: 0px;

}

.msc-vector-design{

    display: none;

}

.msc-about-page-main-story::after {

    height: 500px;

    width: 100%;

}

}



/* not-found */

 :root {

    --color-white: rgba(255, 255, 255, 1);

    --color-cream-50: rgba(252, 252, 249, 1);

    --color-cream-100: rgba(255, 255, 253, 1);

    --color-gray-200: rgba(245, 245, 245, 1);

    --color-gray-300: rgba(167, 169, 169, 1);

    --color-slate-500: rgba(98, 108, 113, 1);

    --color-brown-600: rgba(94, 82, 64, 1);

    --color-charcoal-700: rgba(31, 33, 33, 1);

    --color-charcoal-800: rgba(38, 40, 40, 1);

    --color-slate-900: rgba(19, 52, 59, 1);

    --color-teal-300: rgba(50, 184, 198, 1);

    --color-teal-500: rgba(33, 128, 141, 1);

    --color-teal-600: rgba(29, 116, 128, 1);

    --color-brown-600-rgb: 94, 82, 64;

    --color-teal-500-rgb: 33, 128, 141;

    --color-slate-900-rgb: 19, 52, 59;

    --color-gray-300-rgb: 167, 169, 169;

    --color-gray-200-rgb: 245, 245, 245;

    --color-teal-300-rgb: 50, 184, 198;

    

    --color-background: var(--color-cream-50);

    --color-surface: var(--color-cream-100);

    --color-text: var(--color-slate-900);

    --color-text-secondary: var(--color-slate-500);

    --color-primary: var(--color-teal-500);

    --color-primary-hover: var(--color-teal-600);

    --color-border: rgba(var(--color-brown-600-rgb), 0.2);

    --color-card-border: rgba(var(--color-brown-600-rgb), 0.12);

    

    --font-family-base: 'FKGroteskNeue', 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --font-size-base: 14px;

    --font-size-lg: 16px;

    --font-size-xl: 18px;

    --font-size-2xl: 20px;

    --font-size-3xl: 24px;

    --font-weight-medium: 500;

    --font-weight-semibold: 550;

    --font-weight-bold: 600;

    --space-16: 16px;

    --space-20: 20px;

    --space-24: 24px;

    --space-32: 32px;

    --radius-lg: 12px;

    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);

    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02);

    --duration-normal: 250ms;

    --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);

}



@media (prefers-color-scheme: dark) {

    :root {

        --color-background: var(--color-charcoal-700);

        --color-surface: var(--color-charcoal-800);

        --color-text: var(--color-gray-200);

        --color-text-secondary: rgba(var(--color-gray-300-rgb), 0.7);

        --color-primary: var(--color-teal-300);

        --color-border: rgba(var(--color-gray-300-rgb), 0.3);

        --color-card-border: rgba(var(--color-gray-300-rgb), 0.15);

    }

}

.msc-not-found-section-empty-state-container {

    width: 100%;

    text-align: center;

    animation: msc-not-found-section-fadeInUp 0.8s var(--ease-standard);

}



@keyframes msc-not-found-section-fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.msc-not-found-section-icon-wrapper {

    position: relative;

    display: inline-block;

    margin-bottom: var(--space-32);

}



.msc-not-found-section-icon-bg {

    width: 180px;

    height: 180px;

    background: linear-gradient(135deg, rgba(var(--color-teal-500-rgb), 0.1) 0%, rgba(var(--color-teal-500-rgb), 0.05) 100%);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    box-shadow: 0 20px 40px -10px rgba(var(--color-teal-500-rgb), 0.15);

    animation: msc-not-found-section-pulse 3s ease-in-out infinite;

}



@keyframes msc-not-found-section-pulse {

    0%, 100% {

        transform: scale(1);

        box-shadow: 0 20px 40px -10px rgba(var(--color-teal-500-rgb), 0.15);

    }

    50% {

        transform: scale(1.05);

        box-shadow: 0 25px 50px -10px rgba(var(--color-teal-500-rgb), 0.25);

    }

}



.msc-not-found-section-icon-bg::before {

    content: '';

    position: absolute;

    width: 220px;

    height: 220px;

    border: 2px solid rgba(var(--color-teal-500-rgb), 0.15);

    border-radius: 50%;

    animation: msc-not-found-section-ripple 3s ease-out infinite;

}



@keyframes msc-not-found-section-ripple {

    0% {

        transform: scale(0.8);

        opacity: 1;

    }

    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}



.msc-not-found-section-icon-svg {

    width: 90px;

    height: 90px;

    color: var(--color-primary);

    animation: msc-not-found-section-float 3s ease-in-out infinite;

}



@keyframes msc-not-found-section-float {

    0%, 100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

}



.msc-not-found-section-sparkle {

    position: absolute;

    width: 8px;

    height: 8px;

    background: var(--color-primary);

    border-radius: 50%;

    animation: msc-not-found-section-sparkle 2s ease-in-out infinite;

}



.msc-not-found-section-sparkle:nth-child(1) {

    top: 20%;

    right: 15%;

    animation-delay: 0s;

}



.msc-not-found-section-sparkle:nth-child(2) {

    top: 70%;

    right: 10%;

    animation-delay: 0.5s;

}



.msc-not-found-section-sparkle:nth-child(3) {

    top: 30%;

    left: 10%;

    animation-delay: 1s;

}



@keyframes msc-not-found-section-sparkle {

    0%, 100% {

        opacity: 0;

        transform: scale(0);

    }

    50% {

        opacity: 1;

        transform: scale(1);

    }

}



.msc-not-found-section-content {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-bottom: var(--space-32);

}



.msc-not-found-section-title {

    font-size: var(--font-size-3xl);

    font-weight: var(--font-weight-bold);

    color: var(--color-text);

    margin-bottom: var(--space-16);

    letter-spacing: -0.02em;

}



.msc-not-found-section-subtitle {

    max-width: 600px;

    font-size: var(--font-size-xl);

    color: var(--color-text-secondary);

    margin-bottom: var(--space-24);

    line-height: 1.6;

}



.msc-not-found-section-message {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 12px 24px;

    background: rgba(var(--color-teal-500-rgb), 0.08);

    border: 1px solid rgba(var(--color-teal-500-rgb), 0.2);

    border-radius: 50px;

    color: var(--color-primary);

    font-weight: var(--font-weight-medium);

    font-size: var(--font-size-lg);

    animation: msc-not-found-section-slideIn 0.8s var(--ease-standard) 0.3s both;

}



@keyframes msc-not-found-section-slideIn {

    from {

        opacity: 0;

        transform: translateX(-20px);

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}



.msc-not-found-section-bell-icon {

    width: 20px;

    height: 20px;

    animation: msc-not-found-section-ring 2s ease-in-out infinite;

}



@keyframes msc-not-found-section-ring {

    0%, 90%, 100% {

        transform: rotate(0deg);

    }

    92% {

        transform: rotate(-15deg);

    }

    94% {

        transform: rotate(15deg);

    }

    96% {

        transform: rotate(-15deg);

    }

    98% {

        transform: rotate(15deg);

    }

}



.msc-not-found-section-action-buttons {

    display: flex;

    gap: var(--space-16);

    justify-content: center;

    flex-wrap: wrap;

    margin-top: var(--space-32);

}



.msc-not-found-section-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 12px 28px;

    border-radius: 10px;

    font-size: var(--font-size-base);

    font-weight: var(--font-weight-medium);

    cursor: pointer;

    transition: all var(--duration-normal) var(--ease-standard);

    text-decoration: none;

    border: none;

    font-family: var(--font-family-base);

}



.msc-not-found-section-btn-primary {

    background: var(--color-primary);

    color: var(--color-white);

    box-shadow: 0 4px 12px -2px rgba(var(--color-teal-500-rgb), 0.4);

}



.msc-not-found-section-btn-primary:hover {

    background: var(--color-primary-hover);

    transform: translateY(-2px);

    box-shadow: 0 8px 20px -4px rgba(var(--color-teal-500-rgb), 0.5);

}



.msc-not-found-section-btn-secondary {

    background: transparent;

    color: var(--color-text);

    border: 1px solid var(--color-border);

}



.msc-not-found-section-btn-secondary:hover {

    background: rgba(var(--color-teal-500-rgb), 0.05);

    border-color: var(--color-primary);

    transform: translateY(-2px);

}



.msc-not-found-section-btn-icon {

    width: 18px;

    height: 18px;

}



.msc-not-found-section-decorative-dots {

    display: flex;

    gap: 8px;

    justify-content: center;

    margin-top: var(--space-32);

    opacity: 0.3;

}



.msc-not-found-section-dot {

    width: 6px;

    height: 6px;

    background: var(--color-primary);

    border-radius: 50%;

    animation: msc-not-found-section-bounce 1.4s ease-in-out infinite;

}



.msc-not-found-section-dot:nth-child(2) {

    animation-delay: 0.2s;

}



.msc-not-found-section-dot:nth-child(3) {

    animation-delay: 0.4s;

}



@keyframes msc-not-found-section-bounce {

    0%, 80%, 100% {

        transform: translateY(0);

    }

    40% {

        transform: translateY(-8px);

    }

}



@media (max-width: 640px) {

    .msc-not-found-section-icon-bg {

        width: 150px;

        height: 150px;

    }



    .msc-not-found-section-icon-svg {

        width: 70px;

        height: 70px;

    }



    .msc-not-found-section-title {

        font-size: var(--font-size-2xl);

    }



    .msc-not-found-section-subtitle {

        font-size: var(--font-size-base);

    }



    .msc-not-found-section-message {

        font-size: var(--font-size-base);

        padding: 10px 20px;

    }



    .msc-not-found-section-action-buttons {

        flex-direction: column;

        width: 100%;

    }



    .msc-not-found-section-btn {

        width: 100%;

        justify-content: center;

    }

}

/* not-found-end */


/* sub-services */
.msc-sub-services-design{
    padding: 60px 0px;
}
.msc-sub-services-main-title {
    text-align: center;
    margin-bottom: 50px;
}

.msc-sub-services-main-title h1 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #1a237e;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.msc-sub-services-main-title h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #ff5722, #ff9800);
    border-radius: 2px;
}

.msc-sub-services-main-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 20px rgba(116, 116, 116, 0.1);
    padding: 40px;
    margin-bottom: 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 2px solid transparent;
}

.msc-sub-services-main-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border-color: #ff5722;
}

.msc-sub-services-header {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 2px solid #f0f0f0;
    position: relative;
}

.msc-sub-services-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, #ff5722, #ff9800);
}

.msc-sub-services-icon-wrapper {
    width: 85px;
    height: 80px;
    background: linear-gradient(135deg, #ff5722 0%, #ff9800 100%);
    border-radius: 20px;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    box-shadow: 0 8px 20px rgba(255, 87, 34, 0.3);
    transition: all 0.3s ease;
}
.msc-sub-services-icon-wrapper img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.msc-sub-services-main-card:hover .msc-sub-services-icon-wrapper {
    transform: rotate(5deg) scale(1.05);
}

.msc-sub-services-icon-wrapper i {
    font-size: 36px;
    color: #fff;
}

.msc-sub-services-header-content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a237e;
    margin-bottom: 5px;
}

.msc-sub-services-header-content p {
    font-size: 1rem;
    color: #666;
    margin: 0;
}

.msc-sub-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
}

.msc-sub-service-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 16px;
    padding: 25px;
    border: 2px solid #e8eaf6;
    margin-bottom: 20px;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.msc-sub-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 87, 34, 0.05) 0%, rgba(255, 152, 0, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.msc-sub-service-card:hover::before {
    opacity: 1;
}

.msc-sub-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(255, 87, 34, 0.2);
    border-color: #ff5722;
}

.msc-sub-service-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.msc-sub-service-card:hover .msc-sub-service-icon {
    background: linear-gradient(135deg, #ff5722 0%, #ff9800 100%);
    transform: rotate(-5deg) scale(1.1);
}

.msc-sub-service-icon i {
    font-size: 28px;
    color: #1a237e;
    transition: all 0.3s ease;
}

.msc-sub-service-card:hover .msc-sub-service-icon i {
    color: #fff;
}

.msc-sub-service-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: 600;
    color: #1a237e;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.msc-sub-service-card:hover .msc-sub-service-title {
    color: #ff5722;
}

.msc-sub-service-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    font-size: 0.9rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

.msc-sub-service-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: #ff5722;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.msc-sub-service-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.msc-sub-service-card:hover .msc-sub-service-link i {
    transform: translateX(5px);
}

.msc-sub-service-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(135deg, #4caf50 0%, #8bc34a 100%);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);
}

.msc-sub-service-badge.popular {
    background: linear-gradient(135deg, #ff5722 0%, #ff9800 100%);
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.3);
}

.msc-sub-service-badge.premium {
    background: linear-gradient(135deg, #9c27b0 0%, #e91e63 100%);
    box-shadow: 0 4px 10px rgba(156, 39, 176, 0.3);
}

.msc-view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff5722 0%, #ff9800 100%);
    color: #fff;
    padding: 15px 35px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    margin-top: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(255, 87, 34, 0.3);
    border: none;
    cursor: pointer;
}

.msc-view-all-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(255, 87, 34, 0.4);
    color: #fff;
}

.msc-view-all-btn i {
    margin-left: 10px;
}

@media (max-width: 768px) {
    .msc-sub-services-main-title h1 {
        font-size: 2rem;
    }

    .msc-sub-services-main-card {
        padding: 25px;
    }

    .msc-sub-services-header {
        flex-direction: column;
        text-align: center;
    }

    .msc-sub-services-icon-wrapper {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .msc-sub-services-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .msc-sub-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    .msc-sub-services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* sub-services-end */