@font-face {
    font-family: "quickSandMedium";
    src: url("../fonts/quicksand/Quicksand-Medium.ttf");
}

@font-face {
    font-family: "quickSandRegular";
    src: url("../fonts/quicksand/Quicksand-Regular.ttf");
}

@font-face {
    font-family: "quickSandBold";
    src: url("../fonts/quicksand/Quicksand-Bold.ttf");
}

@font-face {
    font-family: "quickSandSemiBold";
    src: url("../fonts/quicksand/Quicksand-SemiBold.ttf");
}

@font-face {
    font-family: "sourceRegular";
    src: url("../fonts/Source/static/SourceCodePro-Regular.ttf");
}


@font-face {
    font-family: "sourceMedium";
    src: url("../fonts/Source/static/SourceCodePro-Medium.ttf");
}


@font-face {
    font-family: "sourceBold";
    src: url("../fonts/Source/static/SourceCodePro-Bold.ttf");
}


@font-face {
    font-family: "sourceSemiBold";
    src: url("../fonts/Source/static/SourceCodePro-SemiBold.ttf");
}


@font-face {
    font-family: "sourceExtraBold";
    src: url("../fonts/Source/static/SourceCodePro-ExtraBold.ttf");
}


@font-face {
    font-family: "sourceLight";
    src: url("../fonts/Source/static/SourceCodePro-Light.ttf");
}

@font-face {
    font-family: "poppins_black";
    src: url("../fonts/Poppins/Poppins-Black.ttf");
}
@font-face {
    font-family: "poppins_bold";
    src: url("../fonts/Poppins/Poppins-Bold.ttf");
}
@font-face {
    font-family: "poppins_extra_bold";
    src: url("../fonts/Poppins/Poppins-ExtraBold.ttf");
}
@font-face {
    font-family: "poppins_extra_light";
    src: url("../fonts/Poppins/Poppins-ExtraLight.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_regular";
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
    font-family: "poppins_semi_bold";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
    font-family: "poppins_thin";
    src: url("../fonts/Poppins/Poppins-Thin.ttf");
}
@font-face {
    font-family: "patua";
    src: url("../fonts/patua/PatuaOne-Regular.ttf");
}
:root {
    --msc-font-regular: "poppins_regular";
    --msc-font-bold: "poppins_bold";
    --msc-font-medium: "poppins_medium";
    --msc-font-thin: "poppins_thin";
    --msc-font-italic: "poppins_italic";
    --msc-font-extra-bold: "poppins_extra_bold";
    --msc-font-bold: "poppins_bold";
    --msc-font-black: "poppins_bold";
    --msc-font-extra-light: "poppins_extra_light";
    --msc-font-semi-bold: "poppins_semi_bold";
    --msc-font-patua:"patua";
    /* --msc-source-regular:"poppins_regular"; */
    --msc-source-medium:"sourceMedium";
    --msc-source-bold:"sourceBold";
    --msc-source-semi-bold:"sourceSemiBold";
    --msc-source-extra-bold:"sourceExtraBold";
    --msc-source-light:"sourceLight";
    --msc-theme-dark: #000000;
    --msc-theme-light-text: #555555;
    --msc-theme-primary: #fe982f;
    --msc-theme-secondary: #081528;
    --msc-theme-primary-hover: #4b8cdc;
    --msc-theme-blue: #213D85;
    --msc-theme-blue-hover: #0a50a6;
    --msc-theme-purple:rgba(70, 77, 238, 0.1);
    --msc-theme-purple-hover:#464dee;
    --msc-theme-warning: #fad903;
    --msc-theme-warning-hover: #fcbe07;
    --msc-theme-info: #1574ab;
    --msc-theme-info-hover: #2981B4;
    --msc-theme-danger: #CB2128;
    --msc-theme-danger-logout: #ff2a1a;
    --msc-theme-danger-hover: #b4191e;
    --msc-theme-light-danger:#edb8ba6a;
    --msc-theme-success: #00a444;
    --msc-theme-success-hover: #059340;
    --msc-theme-light: #BBBDBF;
    --msc-theme-transparent: #ffffff00;
    --msc-bg-scheme-top-bar: #0c7ca5;
    --msc-theme-white: #fff;
    --msc-theme-orange:#F67A2F;
    --msc-toast-success: #008416d6;
    --msc-toast-danger: #c52f06ec;
    --msc-toast-warning: #ffd900ec;
    --msc-toast-primary: #078df4d4;
    --msc-theme-cyan:#0fb0f5;
    --msc-theme-light-grey:#FBFBFB;
    --msc-btn-warning-gradient: linear-gradient(45deg, var(--msc-theme-warning), var(--msc-theme-warning-hover));
    --msc-transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body,
html {
    font-family: var(--msc-font-regular);
    overflow-x: hidden;
    /* height: 400vh; */
}
::-webkit-scrollbar{
    display: none;
}
.msc-client-img-wrapper {
    /* transform: translateY(-12px); */
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 2px; */
    border-radius: 12px;
    margin: 15px 10px;
    border: 1px solid #a49d9d;
    transition: .3s all;
}
.msc-client-img-wrapper:hover{
transform: translateY(-12px);
transition: .3s all;
}
.msc-text-primary{
  color: var(--msc-theme-primary) !important;
}
.msc-bg-primary{
  background-color: var(--msc-theme-primary) !important;
}
.msc-black-bg{
  background-color: var(--msc-theme-dark) !important;
}
::selection {
    background: rgb(94, 202, 228);
    color: #151515;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
a{
    transition: all .3s var(--msc-transition);
    text-decoration: none;
    color: var(--msc-theme-dark);
    
}

p {
    margin: 0;
}

  

.btn:focus, .btn:active{
    border-color: transparent !important;
}
.msc-font-bold {
    font-family: var(--msc-font-bold) !important;
}

.msc-font-medium {
    font-family: var(--msc-font-medium) !important;
}

.msc-font-regular {
    font-family: var(--msc-font-regular) !important;
}

.msc-font-thin{
    font-family: var(--msc-font-thin) !important;

}
.msc-font-italic{
    font-family: var(--msc-font-italic) !important;
}
.msc-font-extra-bold{
    font-family: var(--msc-font-extra-bold) !important;

}
.msc-font-bold{
    font-family: var(--msc-font-bold) !important;
}
.msc-font-black{
    font-family: var(--msc-font-black) !important;

}
.msc-font-semi-bold{
    font-family: var(--msc-font-semi-bold) !important;

}

.msc-font-patua{
    font-family: var(--msc-font-patua);
}
.msc-text-orange{
    color: var(--msc-theme-orange) !important;
}

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

a.msc-text-theme-primary {
    color: var(--msc-theme-info);
}

.msc-text-theme-danger{
    color: var(--msc-theme-danger);
}

a.msc-text-theme-danger {
    color: var(--msc-theme-danger);
}

a.msc-text-theme-danger:hover {
    color: var(--msc-theme-danger-hover);
}

.msc-text-theme-danger {
    color: var(--msc-theme-danger);
}

.msc-text-theme-blue {
    color: var(--msc-theme-blue);
}

.msc-text-theme-warning {
    color: var(--msc-theme-warning);
}

.msc-text-theme-danger:hover {
    color: var(--msc-theme-danger-hover);
}

a.msc-text-theme-primary:hover {
    color: var(--msc-theme-primary);
}

.text-cyan{
    color: var(--msc-theme-cyan) !important;
}

/* MY BUTTONS */


@keyframes userDown {
    from{
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

/* Toast */
.msc-toast-container{
  position: fixed;
  top: 0;
  width: 25%;
  right: 0;
  z-index: 9999;
  height: auto;
  /* background-color: var(--msc-theme-white); */
}
.msc-toast-container .msc-toast{
  background-color: #fff;
  margin: 10px;
  padding: 10px;
  z-index: 99999;
  position: relative;
  transition: all .3s var(--msc-transition);
  border-radius: 10px;
  box-shadow: 0px 0px .4rem #12121267;
}
.msc-toast-container .msc-toast .msc-toast-title{
  font-family: var(--msc-font-medium);
  color: #fff !important;
}
.msc-toast-title > h5{
color: #fff;
}
.msc-toast-container .msc-toast.msc-toast-success{
  background-color: var(--msc-toast-success) !important;
  color: var(--msc-theme-white);
}
.msc-toast-container .msc-toast.msc-toast-danger{
  background-color: var(--msc-toast-danger);
  color: var(--msc-theme-white) !important;
}
.msc-toast-container .msc-toast.msc-toast-warning{
  background-color: var(--msc-toast-warning) !important;
  color: var(--msc-theme-dark);
}
.msc-toast-container .msc-toast.msc-toast-primary{
  background-color: var(--msc-toast-primary);
  color: var(--msc-theme-white);
}
.msc-toast-container .msc-toast.msc-toast-primary .msc-toast-close{
  color: var(--msc-theme-white);
}
.msc-toast-container .msc-toast.msc-toast-danger .msc-toast-close{
  color: var(--msc-theme-white);
}
.msc-toast-container .msc-toast.msc-toast-success .msc-toast-close{
  color: var(--msc-theme-white);
}
.msc-toast-container .msc-toast .msc-toast-close{
  position: absolute;
  right: 10px;
  top: 5px;
}

/* Toast */


/* HEADER SECTION */

/* Heder Topbar */
.msc-header-topbar {
    background-color: var(--msc-theme-secondary);
    margin: -5px;
}
.msc-topbar-contact-details{
    display: flex;
    flex-direction: row;
}
.msc-topbar-contact-item{
    border-right: .5px solid rgba(255, 255, 255, 0.41);
    padding-right: 12px;
}
.msc-topbar-phone-email {
    font-size: 15px;
}
.msc-topbar-pe-icon{
    font-size: 12px;
}
.msc-topbar-socials a{
margin: 0 8px;
font-size: 15px;
transition: .5s all;
}

.msc-topbar-socials-quotes{
    display: flex;
    flex-direction: row;
}
.msc-topbar-socials a i:hover{
    color: var(--msc-theme-primary) !important;
    transition: .5s all;
}
.msc-topbar-quotes{
    padding: 17px 30px 16px 30px;
    background-color: var(--msc-theme-primary);
}
/* .msc-topbar-contact-details */
/* Heder Topbar */


/* Main Header */
.msc-header-logo{
    /* width: 100%; */
    /* aspect-ratio: 4/4; */
    width:250px;
}
.msc-navbar-items{
    display: inline-block;
    margin: 15px;
    font-size: 18px;
    transition: .2s all;
    position: relative;
    transition: .2s all !important;
}
.msc-navbar-items::after{
content: "";
position: absolute;
width: 0;
height: 2px;
left: 0;
bottom: 0;
background-color: var(--msc-theme-primary);
transition: .2s all !important;
}
.msc-navbar-items:hover{
    color: var(--msc-theme-primary);
}
.msc-navbar-items:hover::after{
    width: 18px;
    visibility: visible;
    transition: .2s all !important;
}
.msc-header-navbar-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 110%;
}
/* Main Header */

/* HEADER SECTION */


/* Banner Section */
#msc-banner-section-wrapper .container-fluid{
    padding:0;
    
}
#msc-banner-section-wrapper .container-fluid .row .col-md-6{
    padding: 0 !important;
}
.msc-banner-overlay-wrapper{
    height: 80vh;
    display: flex;
    align-items: center;
    /* width: 100%; */
    background-color: #00000071;
}
.msc-banner-overlay-text-box{
    padding: 12px 50px;
}
.msc-banner-overlay-text-box::before{
    content: '';
    position: absolute;
    top: 23.7rem;
    left: 3.5rem;
    width: 3px;
    height: 20px;
    background-color: var(--msc-theme-primary);
}
.msc-overlay-small-text{
    font-family: var(--msc-font-semi-bold);
    padding: 8px 20px;
    position: relative;
    font-size: 20px;
    color: var(--msc-theme-white);
}
.msc-overlay-large-text{
    font-family: var(--msc-font-regular);
    padding: 0px 0px;
    font-size:55px;
    color: var(--msc-theme-white);
}

/* Banner Section */


/* SERVICES SECTION */
.msc-our-services-header{
    word-spacing: 8px;
    letter-spacing: 1px;
    position: relative;
}
/* #msc-services-section-wrapper .container .row .col-md-3:nth-child(even){
    background-color: #f8f8f8;
} */
.msc-our-services-header::before{
    content: "";
    position: absolute;
    top: 3.3rem;
    background-color: rgb(253 230 138);
    width: 10%;
    height: 2px;
    transition: .3s all;
}
.msc-our-services-header:hover:before{
    width: 50%;
}
.msc-services-section-subtitle{
    display: flex;
    align-items: center;
    height: 100%;
}
.msc-services-section-box-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
}

.msc-services-section-box-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: rgb(254, 219, 154);
    width: 100%;
    height: 0;
    transform: translateY(-50%);
    transition: height 0.3s ease, transform 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    color: var(--msc-theme-white) !important;
    
}

.msc-services-section-box-wrapper:hover::after {
    height: 100%;
    transform: translateY(-50%);
    visibility: visible;
    opacity: 1;
    color: var(--msc-theme-white) !important;
}

.msc-services-section-box-wrapper:hover .msc-service-card-desc-text{
    color: var(--msc-theme-dark);
}


#msc-services-section-wrapper .container .row .col-md-3{
    margin: 0;
    padding: 0;
}

.msc-services-section-box-wrapper {
    border: 1px solid #eee;
    margin: 0;
    min-height: 289px;
    /* height: 258px; */
}
.msc-service-title {
    font-family: var(--msc-font-semi-bold);
    font-size: 16px;
    text-align: center;
    padding: 15px 0px 0px 0px;
}
.msc-service-card-desc-text {
    padding: 18px 0px 0px 0px;
    color: #696969;
}
.msc-service-icon {
    width: 48px;
    margin-top: 19px;
}
.msc-read-more {
    position: relative;
    overflow: hidden; }

.msc-read-more::before {
    content: "";
    position: absolute;
    top: 86%;
    left: 0;
    width: 0;
    height: .5px;
    background-color: #000;
    transition: width 0.3s ease-out, background-color 0.3s ease;
}

.msc-read-more:hover::before {
    width: 100%; 
    background-color: #000;
}

/* SERVICES SECTION */


/* HOME ABOUT US */
#msc-about-why-us-section-wrapper {
    background-color: var(--msc-theme-secondary);
    margin-top: 8rem;
}
.msc-home-about-us-wrapper{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    transform: translateY(-100px);
    border-radius: 12px;
}
.msc-about-us-text-wrapper{
    padding: 40px 0px 10px 0px;
    font-family: var(--msc-font-semi-bold);
}
.msc-about-us-main-text-header{
    padding: 12px 0px 0px 0px;
}
.msc-about-us-main-text-desc{
    font-size: 18px;
    color: #696969;
    font-family: var(--msc-font-regular);
}
.msc-home-about-us-points{
    display: flex;
    flex-direction: row;
    /* border-bottom: 1px solid #eee; */
    padding: 0px 0px;
}
.msc-about-us-points-list-one,.msc-about-us-points-list-two {
    padding-left:0 !important;
    margin: 18px 12px;
}
.msc-about-us-points-list-one,.msc-about-us-points-list-two li{
    list-style: none;
    font-family: var(--msc-font-regular);
}
.msc-about-us-list-tick{
    margin-right: 8px;
    color: var(--msc-theme-primary);
}
.msc-experience-founder-wrapper{
    display: flex;
    flex-direction: row;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.msc-experience-wrapper{
    display: flex;
    flex-direction: row;
}
.msc-expericene-icon-wrapper {
    border: 1px solid #eee;
    /* padding: 20px; */
    margin-top: 21px;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-align: center;
    background-color: var(--msc-theme-primary);
}

.msc-experience-icon{
    width: 40px;
}
.msc-founder-wrapper{
    display: flex;
    flex-direction: row;
}

.msc-why-choose-us-box-wrapper{
    display: flex;
    flex-direction: row;
    filter: blur(.5px);
    padding:40px 20px;
    background-color: #ffffff14;
}
.msc-why-choose-us-main-text{
    position: relative;
}
.msc-why-choose-us-main-text::before{
    content: "";
    position: absolute; 
    background-color: #fff;
    width: 35px;
    height: 5px;
    top: 3.5rem;
    left: 50%;
}
.msc-why-choose-us-main-text::after{
    content: "";
    position: absolute; 
    background-color: var(--msc-theme-primary);
    width: 35px;
    height: 5px;
    top: 3.5rem;
    right: 50%;
}
/* HOME ABOUT US */


/* HOME HERO */
#msc-home-hero-section{
    background: url('../img/home-hero/hero.jpg');
    background-size: cover;
    height: 40vh;
    background-position: 0 0;

}
.msc-hero-text{
    font-size: 40px;
}
.msc-hero-contents-wrapper{
    height: 100%;
    display:flex;
    align-items: center;
    flex-direction: column;
}
.msc-hero-read-more-btn{
    border: 1px solid var(--msc-theme-white);
    padding: 5px 12px;
    color: var(--msc-theme-white);
    margin: 12px;
    
}
.msc-hero-contact-btn{
    color: var(--msc-theme-white);
    border:1px solid var(--msc-theme-primary);
    padding: 5px 12px;
    background-color: var(--msc-theme-primary);
}
/* HOME HERO */



/* DYNAMIC SERVICES */
.msc-dyn-services-box {
    border: 1px solid #c9c9c9;
    padding: 20px;
    border-radius: 12px;
    margin: 20px 6px;
}
.msc-dyn-services-icon{
    font-size: 60px;
    padding-top:15px;
    color: var(--msc-theme-primary);
}
.msc-view-more-icon {
    border: 1px solid #595959;
    padding: 6px;
    background-color: #595959;
    width: 40px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
}
/* DYNAMIC SERVICES */



/* FOOTER */
#msc-footer-section{
    background-color: var(--msc-theme-secondary);
    /* padding: 15px; */

}
.msc-footer-mail-icon{
    filter: invert(1);
}
#msc-footer-section .container-fluid .row .col-md-8{
    background-color: var(--msc-theme-secondary) !important;
    padding: 0 !important;
    margin: 0 !important;

}
.msc-footer-logo{
    width: 250px;
}
.msc-foooter-subscribe-wrapper{
    background-color: #6c6c6c;
    padding: 25px 20px 15px 20px;
    padding-right: 0 !important;
}
.msc-footer-mail-icon{
    width: 50px;
}
.msc-subscribe-main-text{
    color: var(--msc-theme-white);
    font-family: var(--msc-font-semi-bold);
}
.msc-subscribe-sub-text{
    font-size: 15px;
    color: var(--msc-theme-white);
}
.msc-form-control{
    padding: 12px 20px;
    border: none;
    outline: none;
}
.msc-form-submit-btn{
    border: none;
    position: relative;
    background-color: var(--msc-theme-secondary);
}
.msc-form-submit-btn button{
    border: none;
    background-color: var(--msc-theme-secondary);
    position: absolute;
    right: -2.4rem;
    bottom: 0;
    padding: 12px;
}
.msc-form-submit-btn button i{
    color: var(--msc-theme-white);
}

.msc-footer-git-header-text{
    color: var(--msc-theme-white);
    font-size: 20px;
}
.msc-footer-useful-link-header-text{
    font-size: 20px;
}
.msc-footer-about-header-text{
    font-size: 20px;
}
.msc-footer-git-text{
    font-size: 15px;
    position: relative;
}
.msc-footer-git-text-items{
    position: relative;
}
.msc-footer-git-text-items::after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 80%;
    height: 1px;
    background-color: var(--msc-theme-white);
    opacity: .1;
}
.msc-footer-useful-link-wrapper{
    display: flex;
    flex-direction: column;
}
.msc-footer-links{
    padding: 10px 5px;
}
.msc-footer-about-socials-link i{
    font-size: 24px;
    margin: 12px;
}
.msc-footer-social-text{
    font-size: 18px;
}
.msc-footer-msoftcode{
    text-decoration: none;
    color: var(--msc-theme-white);
}
/* FOOTER */



/* HERO_COMPONENT */
#hero-section{
    background: url('../img/hero/hero.jpeg');
    height: 25vh;
    background-size: cover;
    background-position: center;
    background-blend-mode: darken;
    background-color: #000000d1;
}
.msc-hero-bread-crumb-inner a:hover{
color: var(--msc-theme-primary) !important;
}
/* HERO_COMPONENT */




/* Contact Page */
.msc-main-title-text{
    font-size: 18px;
    font-family: var(--msc-font-bold);
}
.msc-contact-form-title-wrapper{
    padding:0 12px;
}
.msc-main-sub-text{
    font-size: 16px;
}

.msc-contact-details-card-wrapper{
    padding: 20px;
    margin: 12px;
    border: 1px solid #ddd;
}
.msc-contact-details-main-content-wrapper{
    background-color: #eeeeee63;
    padding: 20px 40px;
    margin: 12px;
}
.msc-contact-icon{
    font-size: 30px;
}

.msc-form-section-wrapper{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 20px;
    border-radius: 12px;
}
.msc-contact-form-control{
    border: .5px solid var(--msc-theme-primary);
    padding: 8px 12px;
    /* margin: 12px 0px; */
    width: 100%;
}
.msc-text-area{
    width: 100%;
}
.msc-btn-primary {
    color: var(--msc-theme-white);
    border: 1px solid var(--msc-theme-primary);
    padding: 5px 12px;
    background-color: var(--msc-theme-primary);
}
.msc-contact-vector-wrapper{
    border-radius: 50px;
}
/* Contact Page */





/* MEDIA QUERIES CSS */

/* Header-MQ */
@media only screen and (max-width: 768px) {
    .msc-client-img-wrapper {
    text-align:center;
}
    .msc-topbar-contact-details {
        padding: 17px 0 !important;
    }
    .msc-topbar-contact-item {
        margin: 0 !important;
    }
    .msc-topbar-contact-item {
        border-right: none !important;
        padding-right: 12px;
    }
    .msc-topbar-contact-item-alt{
        padding-left: 20px;
    }
    .msc-topbar-socials-quotes{
        justify-content: space-between;
    }
    .msc-header-topbar .container .row .col-md-6{
        /* padding: 0 !important; */
    }
    .msc-topbar-socials-quotes .msc-topbar-socials{
        margin: 0 0 !important;
    }
    .msc-header-logo-wrapper {
        text-align: center;
        border-bottom: .5px solid #eee;
    }

    .msc-header-logo {
        /* width: 100%; */
        /* aspect-ratio: 4/4; */
        width: 170px;
    }

/* Header-MQ */


/* Hero */
.msc-hero-section-content-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

#hero-section{
    height: 19vh;
}
.msc-hero-header{
    font-size: 24px;
}
.msc-our-services-header {
    word-spacing: 0px;
    letter-spacing: 1px;
    position: relative;
}
/* Hero */

/* Banner */
.msc-banner-main-img{
    height: auto !important;
}
/* Banner */

/* Home-About */
.msc-about-us-text-wrapper {
    padding: 26px 20px 10px 20px !important;
    font-family: var(--msc-font-semi-bold);
}
.msc-about-us-main-text-desc {
    font-size: 15px;
    color: #696969;
    font-family: var(--msc-font-regular);
}
.msc-about-us-main-text-header{
    font-size: 20px;
}
.msc-about-us-points-items{
    font-size: 11px;
}
.msc-about-us-points-list-one, .msc-about-us-points-list-two {
    padding-left: 0 !important;
    margin: 0 !important;
}

.msc-experience-founder-wrapper {
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    /* flex-direction: row; */
    border-top: none;
    border-right: none;
}

.msc-expericene-icon-wrapper {
    border: 1px solid #eee;
    /* padding: 20px; */
    margin-top: 21px;
    border-radius: 50%;
    /* height: 65px; */
    width: 65px;
    line-height: 65px;
    text-align: center;
    background-color: var(--msc-theme-primary);
}
.msc-why-choose-us-main-text::before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 35px;
    height: 5px;
    top: 5.2rem;
    left: 50%;
}

.msc-why-choose-us-main-text::after {
    content: "";
    position: absolute;
    background-color: var(--msc-theme-primary);
    width: 35px;
    height: 5px;
    top: 5.2rem;
    right: 49%;
}

.msc-home-about-us-wrapper {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    transform: translateY(-26px);
    border-radius: 12px;
}

.msc-why-choose-us-box-wrapper {
    display: flex;
    text-align: center;
    /* flex-direction: row; */
    flex-direction: column;
    filter: blur(.5px);
    padding: 27px 15px;
    min-height: 212px !important;
    background-color: #ffffff14;
}
.msc-why-choose-us-text-wrapper {
    margin: 0 !important;
}
.msc-why-choose-us-num{
    margin-top: 14px;
}

#msc-home-hero-section {
    background: url('../img/home-hero/hero.jpg');
    background-size: cover;
    height: 40vh;
    background-position: 0 0;
    background-blend-mode: darken;
    background-color: #000000ab;
}
.msc-hero-contents-wrapper {
    padding: 0 !important;
}
.msc-hero-text{
    font-size: 13px;
}
#msc-home-hero-section {
    background: url('../img/home-hero/hero.jpg');
    background-size: cover;
    height: 19vh;
    background-position: 0 0;
    background-blend-mode: darken;
    background-color: #000000ab;
}
.msc-hero-buttons{
    padding:12px 0 !important;
}
/* Home-About */

/* service-btm */
.msc-services-section-subtitle-text {
    display: none !important;
}
.msc-services-section-box-wrapper{
    margin: 12px;
}

.msc-services-section-box-wrapper {
    border: 1px solid #eee;
    margin: 12px !important;
    min-height: 260px;
    /* height: 258px; */
}
/* service-btm */


/* FOOTER */
.msc-footer-logo-wrapper {
    padding: 7px 0px !important;
    margin: 0 !important;
}
.msc-footer-subscribe-mail-icon {
    display: none;
}

.msc-foooter-subscribe-wrapper {
    background-color: var(--msc-theme-primary) !important;
    padding: 22px 10px 15px 0px !important;
    padding-right: 0 !important;
}
.msc-footer-get-in-touch{
    margin:0px 0px 59px 0px !important;
}
.msc-footer-about-socials{
    margin-top:21px !important;
}
.msc-copyright-text {
    text-align: left;
}
/* FOOTER */
/* 
.msc-contact-form-wrapper .container .row .col-md-6:first-of-type{
    order:2;
} */

.msc-form-section-wrapper {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 20px 8px 18px 8px;
    border-radius: 12px;
}
.msc-contact-form-main-content-wrapper {
    margin: 0 !important;
}


.msc-header-navbar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110%;
}

.msc-navbar-items {
    display: inline-block;
    margin: 15px;
    font-size: 15px;
    transition: .2s all;
    position: relative;
    transition: .2s all !important;
}

#msc-about-why-us-section-wrapper {
    background-color: var(--msc-theme-secondary);
    margin-top: 0 !important;
}

}
/* MEDIA QUERIES CSS */