/*Common Section*/
 
@font-face {
    font-family: 'HKGrotesk';
    src: url(../fonts/hk-grotesk/TTF/HKGrotesk-Regular.ttf);
}

@font-face {
    font-family: 'CabinetGrotesk';
    src: url(../fonts/cabinet-grotesk/CabinetGrotesk-Variable.ttf);
}
 
body {

    transition: background-color .5s;
    margin: 0px;
    padding: 0px;
    font-family: var(--fontFamilyCabinetGrotesk);

}

html {
    scroll-behavior: smooth;

}

:root {

    --themeColor: rgba(91, 49, 69, 1);
    /*--themeColor: #0C2233;*/
    --secondaryColor: #FFFAFA;
    --primaryTextColor: #232323;
    --secondaryTextColor: #393A3A;
    --font-weight-bold: 700;
    --font-weight-regular: 400;
    --line-height: 1.5;
    --colorWhite: white;
     --fontFamilyCabinetGrotesk: 'CabinetGrotesk';
    --fontFamilyMulish: 'Mulish';
    --grid-gap: 40px 60px;
    --borderColor: rgba(91, 49, 69, 0.2);
    --bgColorRGBA04: rgba(91, 49, 69, 0.4);
    --borderRadius10: 10px;
    --borderRadius5: 5px;
    --boxShadow10: 1px 5px 10px 0px #FFFAFA;
    --boxShadow20: 1px 5px 20px 0px #FFFAFA;
    --boxShadow30: 10px 15px 30px 0px rgb(91, 49, 69, 0.1);
    --boxShadow40L: 0 .5rem 2rem rgba(55, 62, 66, 0.2);
    --boxShadow40: 0 .5rem 2rem rgba(100, 16, 7, .2);
    --errorBg: rgba(91, 49, 69, 0.2);
    --errorText: #5E0000;
    --backgroundpPosition: center;
    --backgroundSize: cover;
    --backgroundRepeat: no-repeat;
    --backgroundImageColor: linear-gradient(to right top, #a6004f,
        #931b4f, #80274e, #6d2d4a, #5b3145);
      --themeColorRGBA01: rgba(91, 49, 69, 0.1);
      --themeColorRGBA02: rgba(91, 49, 69, 0.2);
      --themeColorRGBA03: rgba(91, 49, 69, 0.3);
      --themeColorRGBA04: rgba(91, 49, 69, 0.4);
      --themeColorRGBA05: rgba(91, 49, 69, 0.5);
      --themeColorRGBA06: rgba(91, 49, 69, 0.6);
      --themeColorRGBA07: rgba(91, 49, 69, 0.7);
      --themeColorRGBA08: rgba(91, 49, 69, 0.8);
      --themeColorRGBA09: rgba(91, 49, 69, 0.9);

}

* {
    letter-spacing: 0px;
}

h1,
h2,
h3 {
    color: var(--primaryTextColor);
    font-family: var(--font-family);
}

h4,
h5,
h6,
p {
    color: var(--secondaryTextColor);
    font-family: var(--font-family);
}

a {
    text-decoration: none;
}

#hidden_sec {
    padding-top: 4%;
}

.landingBodyPaggig h1 {
    font-size: 3em;
    padding: 2% 0% 0% 0%;
    letter-spacing: 1px;
    text-align: left;
    line-height: 35px;
    color: var(--secondaryColor);
    -webkit-animation: linear;
    -webkit-animation-name: landingBodyPaggigH1;
    -webkit-animation-duration: 1s;
}

.landingBodyPaggig h4 {
    font-size: 1em;
    line-height: 25px;
    padding: 0% 0% 0% 0%;
    color: var(--secondaryColor);
    -webkit-animation: linear;
    -webkit-animation-name: landingBodyPaggigH4;
    -webkit-animation-duration: 1s;
}

.landingBodyPaggig a:hover {
    color: var(--secondaryColor);
    text-decoration: none;
}

.landingBodyPaggig h1 span {
    color: var(--themeColor);
    font-weight: 1000;
    font-size: 2em;
}

@keyframes landingBodyPaggigH1 {
    0% {
        margin-left: -220px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes landingBodyPaggigH4 {
    0% {
        margin-left: -220px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

#bodyWrapper {

    background-image: url(../../Assets/image/tech05.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


#bodyWrapper .sectionHeaderTop h3 {
    padding: 0px;
}

#bodyWrapper .sectionHeaderTop h5 {
    padding: 0px;
    line-height: 22px;
    font-size: 1em;
}

#inLandingPaggig {

    background-image: url(../../Assets/image/bgWeb16.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#inLandingPaggig .container-fluid {
    padding: 5% 11% 8% 12%;
}

#inLandingPaggig .containerBackPaggig h4 {
    color: var(--secondaryColor);
    font-size: 1em;
    padding-top: 1%;
}
#inLandingPaggig .containerBackPaggig h4 a:hover
{
    text-decoration: none;
    color: white;
}
/*Common Section*/


/*NAVBAR*/
.navbar .container-fluid {
    padding: 0% 9% 0% 9%;
}

.navbar {
    margin-bottom: 0;
    background-color: var(--secondaryColor);
    z-index: 9999;
    border: 0;
    margin: 0px;
    padding: 0px;
    box-shadow: var(--boxShadow30);
    font-family: var(--font-family);
    line-height: 1.42857143 !important;
    letter-spacing: 1.2px;
    border-radius: 0;
}

nav.navbar {
    position: fixed;
    width: 100%;
}

.navbar ul.nav {
    margin: 0px;
    padding: 10px 0px 5px 0px;
    float: right;
    color: var(--themeColor);
}

.navbar ul.nav a {
    color: var(--themeColor);
    padding: 25px 20px 0px 20px;
    font-size: 1em;
    letter-spacing: 0px;
    transition: 0.4s;
}

.navbarBrand {
    padding: 10px 85px 0px 45px;
    margin: 0px;
}

.navbarBrand img {
    height: 50px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar .ButtonDark {
    font-size: 0.9em;
    font-weight: bold;
    padding: 10px 20px;
    margin-left: 20px;
    margin-top: -10px;
    text-transform: uppercase;
    border-radius: 5px;
}

.mainLogoComp {
    display: flex;
    flex-direction: row;
}


.sidePopUp {
    padding: 22px 0px 0px 0px;

}

.sidePopUp i {
    font-size: 1.8em;
    font-weight: 100;
    color: var(--themeColor);
    cursor: pointer;
    padding-top: 5px;
    position: absolute;
}

.sidenav {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 5555555;
    left: 0;
    right: 10px;
    background-color: var(--secondaryColor);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 20px 0px 8px 25px;
    text-decoration: none;
    font-size: 35px;
    color: var(--primary-color);
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: var(--primary-color);
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 26px;
    margin-left: 50px;
}

.mainlogoComp {
    display: flex;
    justify-content: center;
}

.sidenav img {
    margin-top: 20%;
    height: 45px;
    margin-bottom: 10%;
}

.sidenav h2 {
    text-align: center;
    font-size: 1.3em;
    color: var(--themeColor);
    padding-top: 30px;
}

.sidenav h4 {
    text-align: center;
    padding: 5px 25px;
    line-height: 25px;
    font-size: 1em;
}

.socialIconsSideNav {
    padding-left: 0px;
    padding-top: 30%;
    display: flex;
}

.socialIconsSideNav a {
    font-size: 1.1em;
}

.socialIconsSideNav i {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    color: var(--secondaryColor);
    padding-top: 11px;
    margin: 0px 5px;
    font-size: 0.7em;
    padding-left: 13px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}


/*NAVBAR*/

/*Common Styles*/
.sectionHeaderTop span {
    color: var(--themeColor);
    font-weight: bold;
    font-size: 1.7em;
}

.sectionHeaderTop h2 {
    color: var(--primaryTextColor);
}

.sectionHeaderTop h3 {
    font-size: 1.1em;
    line-height: 25px;
    padding: 00px;
    color: var(--secondaryTextColor);
}

.sectionHeaderTop .sectionTopHead {
    background-color: var(--themeColor);
    position: absolute;
    padding: 2px 35px;
    border-radius: 25px 25px 25px 25px;
}

.sectionHeaderTop .sectionTopHead h1 {
    color: var(--secondaryColor);
    font-size: 1.1em;
    text-transform: uppercase;
}

/*Common Styles*/

/*index Page*/


#LandingSection {

    height: 100%;
    /*    background-image: url(../../Assets/image/bgWeb10.jpg);*/
    background-image: var(--backgroundImageColor);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.landingDescpBody h3 {
    font-size: 1.2em;
    padding-top: 1%;
    letter-spacing: 0px;
    text-align: center;
    line-height: 25px;
    color: var(--secondaryColor);
    -webkit-animation: linear;
    -webkit-animation-name: landingBodyH1;
    -webkit-animation-duration: 1s;
}

.landingDescpBody h4 {
    font-size: 1.1em;
    line-height: 40px;
    position: relative;
    margin: 0px;
    padding: 2%; 
    text-align: left;
}

.landingDescpBody .featureCompLand h1 {
    text-align: center;
    letter-spacing: 0px;
    font-weight: bold;
    color: var(--secondaryColor);
}

.landingDescpBody h4 span {
    color: var(--themeColor);
    background-color: white;
    font-size: 0.9em;
    padding: 10px 25px;
    border-radius: 10px;
    text-align: center;
}

.containerBack .ButtonDark {
    margin: 25px 0px 0px 0px;
    padding: 10px;
    border-radius: 45px;
    width: 100%;
    letter-spacing: 0px;
}

.containerBack .landingDescpBody .ButtonDark:hover {
    border: 2px solid white;
}

.enquireLanding .well {
    background-color: white;
    border-radius: var(--borderRadius10);
    box-shadow: none;
    border: 2px solid var(--borderColor);
    padding: 5px 15px 0px 15px;
    border-radius: 5px;
}

.enquireLanding .well .formSection h3 {
    margin: 0px;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 0px;
}

.enquireLanding .well .formSection label {
    margin-top: 10px;
    font-size: 0.9em;
    color: var(--themeColor);
    padding: 0px 15px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.enquireLanding .well p {
    text-align: center;
}

.enquireLanding .well .formSection input {
    border-radius: 5px;
    padding: 21px 15px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 5px;
}

.enquireLanding .well .formSection select {
    border-radius: 7px;
    height: 60px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 15px;
}

.enquireLanding .well .formSection span {
    color: red;
}

.enquireLanding .well .formSection ::placeholder {
    font-size: 1.1em;
}

.enquireLanding .well .formSection .ButtonDark {
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 10px;
    font-size: 0.9em;
}


.aboutFeatures .well {
    box-shadow: var(--boxShadow30);
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    padding: 20px;
    border-top: 0px solid var(--themeColor);
    border-bottom: 2px solid var(--themeColor);
    border-left: 2px solid var(--themeColor);
    border-top: 0px solid var(--themeColor);
    transition-timing-function: ease-in;
    transition: 0.3s;
    cursor: pointer;
    height: 280px;
}

.aboutContent h3 {
    margin: 0px;
    text-align: left;
    line-height: 30px;
    padding-bottom: 5px;
}

.aboutContent p {
    margin: 0px;
    text-align: left;
    font-size: 1.1em;
    padding-bottom: 20px;
}

.aboutContactComp h4 {
    line-height: 25px;
    font-size: 1em;
}

.aboutContactComp a {
    line-height: 25px;
    font-size: 2em;
    text-decoration: none;
    color: var(--themeColor);
    font-weight: bold;
}

.containerBackCheck .ButtonDark {
    margin-top: 12%;
    padding: 10px;
    font-size: 0.9em;
    letter-spacing: 0px;
}


#inOurServices {
    background-size: cover;
    background-image: url(../../Assets/image/bgWeb04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}


.inProCompWell .well {
    background-color:white;
    padding: 0px 25px;
    margin: 20px 0px 0px 0px;
    border-radius: 15px;
    border: 1px solid var(--borderColor);
    box-shadow: var(--boxShadow30);
    border-radius: var(--borderRadius10);
}

.inProCompWell .well .serveImage {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
}

.inProCompWell .well img {
    height: 180px;
}


#inOurServices .ButtonDark {
    margin-top: 40px;
    padding: 10px;
    font-size: 0.9em;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.inProCompWell .well .topComp {
    background-color: var(--borderColor);
    padding: 5px 20px;
    border-radius: 10px;
    text-align: center;
}

.inProCompWell .well .topComp h4 {
    color: var(--themeColor);
    transition: 0.5s;
    font-size: 1em;
    margin: 0px;
    letter-spacing: 0.5px;
    padding: 8px 0px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}

.inProCompWell .well h5 {
    color: var(--secondaryTextColor);
    transition: 0.5s;
    font-size: 1em;
    text-align: center;
    padding: 10px 0px 0px 0px;
    line-height: 22px;
}

.inProCompWell .well a {
    padding: 10px;
    color: var(--themeColor);
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    text-align: center;
}

.inProCompWell .well:hover .topComp {
    background-color: var(--themeColor);
    transition: 0.5s;
    transition-timing-function: ease;
}

.inProCompWell .well:hover .topComp h4 {

    color: var(--secondaryColor);
    transition: 0.5s;
    transition-timing-function: ease;
}

.whyUsTypesTop .well {

    transition: 0.5s;
    padding: 15% 15px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    border: 1px solid var(--borderColor);
    background-color: var(--secondaryColor);
    transition-timing-function: ease-in-out;
    box-shadow: var(--boxShadow30);
}

.whyUsTypesTop .well:hover {
    transition: 0.3s;
    transition-timing-function: ease-in;
    background-color: var(--themeColor);
    background-image: url(Assets/image/curve04.png);
    background-size: var(--backgroundSize);
    background-position: var(--backgroundpPosition);
    background-repeat: var(--backgroundRepeat);
}

.whyUsTypesTop .well h3 {
    transition: 0.5s;
    padding-bottom: 00px;
    line-height: 25px;
    padding-top: 0px;
}

.imgCompTop {
    display: flex;
    justify-content: center;
}

.imgCompTop img {
    height: 120px;
}

.whyUsTypesTop .well:hover h3 {
    color: var(--secondaryColor);
    transition: 0.5s;
}

.whyUsTypesTop .well h4 {
    transition: 0.5s;
    font-size: 0.9em;
    padding: 0px 0px;
    line-height: 20px;
}

.whyUsTypesTop .well:hover h4 {
    color: var(--secondaryColor);
    transition: 0.5s;
}

.counterPannel .well {
    background-image: url(../image/bgWeb06.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2%;

    border: none;
    text-align: center;
    box-shadow: var(--boxShadow40);
}

.counterPannel .well span {
    font-weight: bold;
    font-size: 2em;
    color: var(--themeColor);
}

.counterPannel .well h3 {
    text-align: center;
    font-size: 1em;
    color: var(--themeColor);
}

#inWeServe {
    background-size: cover;
    background-image: url(../../Assets/image/bgWeb03.png);
    background-repeat: no-repeat;
    background-position: center;
}


.featureWorkWell .well {

    transition: 0.5s;
    padding: 0px;
    border-radius: 15px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    border: 1px solid var(--borderColor);
    background-color: var(--secondaryColor);
    transition-timing-function: ease-in-out;
    box-shadow: var(--boxShadow30);
}

#myCarouselTestimonial .item {

    height: 450px;

}

.indicatorTestimonial {
    position: absolute;
    top: 63%;
    left: 0%;
}

.indicatorTestimonial .carousel-indicators .active {
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    border-radius: 5px;
    padding: 5px;
    height: 10px;
    width: 7px;
    margin: 10px;
    border-radius: 15px;
    z-index: 1;
}

.indicatorTestimonial .carousel-indicators li {
    background-color: white;
    height: 20px;
    width: 7px;
    margin: 10px;
    border-radius: 15px;
    border: 1px solid var(--themeColor);
    z-index: 1;
}

.boxComp {
    padding-top: 40px;
}

.boxComp h4 {
    text-align: center;
    padding: 10px 00px 10px 0px;
    line-height: 25px;
    font-size: 1em;
}

.testiUserComp h3 {
    margin: 0px;
    padding-top: 00px;
    padding-bottom: 5px;
    font-size: 1.1em;
    text-align: center;
    font-weight: 800;
}

.testiUserComp h5 {
    margin: 0px;
    font-size: 0.9em;
    text-align: center;
}

.testiUserComp .testiUserImg {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 15px;
}

.commentCenter .well {
    background-color: #F1F7FF;
    border-radius: 10px;
    position: absolute;
    margin-top: -49px;
    z-index: -1;
    width: 90%;
    box-shadow: var(--boxShadow30);
    margin-left: 15px;
}

.commentBottom .well {
    background-color: #F9FBFF;
    border-radius: 10px;
    position: absolute;
    margin-top: -37px;
    z-index: -111111;
    width: 86%;
    box-shadow: var(--boxShadow30);
    margin-left: 30px;
}

.leftArrow {
    background-color: white;
    height: 50px;
    width: 50px;
    position: absolute;
    margin-top: 160px;
    border-radius: 50%;
    box-shadow: var(--boxShadow30);
}

.leftArrow:hover {
    background-color: var(--themeColor);
    transition: 0.3s;
    cursor: pointer;
}

.leftArrow i {
    font-size: 2.5em;
    color: var(--themeColor);
    padding-left: 15px;
    transition: 0.5s;
    padding-top: 8px;
}

.leftArrow:hover i {
    color: white;
    transition: 0.5s;
}

.rightArrow {
    background-color: white;
    height: 50px;
    width: 50px;
    position: absolute;
    margin-top: 160px;
    border-radius: 50%;
    box-shadow: var(--boxShadow30);
}

.rightArrow:hover {
    background-color: var(--themeColor);
    transition: 0.3s;
    cursor: pointer;
}

.rightArrow i {
    font-size: 2.5em;
    color: var(--themeColor);
    padding-left: 22px;
    padding-top: 8px;
    transition: 0.5s;
}

.rightArrow:hover i {
    color: white;
    transition: 0.5s;
}

.commentTop .well {
    background-color: white;
    border-radius: 10px;
    box-shadow: var(--boxShadow30);
    border-top: 2px solid var(--themeColor);
    z-index: 55555;
}

.ratingComp {
    color: var(--themeColor);
    padding-left: 35px;
    font-size: 1.2em;
}

#inTechUsed {
    background-size: cover;
    background-image: url(../../Assets/image/bgWeb17.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}



/*index Page*/

/*footer section*/
.footerComponent{
    background-image: var(--backgroundImageColor);
}


.footerComponent .paymentIconComp img {

    margin-right: 10px;
    margin-top: -25px;
    background-color: white;
    margin-bottom: 0px;
    border-radius: 15px;
    height: 45px;
}


.footerNavLinks h5 {

    padding: 0px 0px 10px 0px;
    font-size: 1.2em;
    font-weight: bold;
    color: var(--secondaryColor);
    margin: 0px;
}
.footerComponent .footerNavLinks h4{
    font-size: 0.9em;
}
.footerComponent .footerNavLinks a {
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--secondaryColor);
}

.footerNavLinks a:hover {
    text-decoration: none;
    cursor: pointer;
    color: var(--secondaryColor);
}

.footerIcons {
    margin-top: 0px;
}

.footerIcons h3 {
    margin: 0px;
    padding-bottom: 10px;
    color: white;
    font-size: 1em;
}

.footerIcons i {
    float: left;
    color: white;
    margin: 8px 15px 0px 0px;
    padding: 15px 0px 0px 15px;
    border-radius: 10px;
    height: 45px;
    width: 45px;
    background-color: rgba(91, 49, 69, 1);
    cursor: pointer;
    font-size: 1.2em;
    transition: 0.7s;
}

.footerIcons i:hover {
    background-color: white;
    color: var(--themeColor);
    transition: 0.5s;
    transform: scale(1.1);
}

.footerArrow i {
    font-size: 0.7em;
    color: var(--themeColor);
}


.copyright .footerLinks h4 {
    text-align: left;
    font-size: 1em;
    margin: 0px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: white;
}

.copyright .footerReserved h4 {
    text-align: right;
    font-size: 0.9em;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: white;
}

.copyright .footerDesigned h4 {
    text-align: right;
    font-size: 0.9em;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--themeColor);
}

.tothetop {
    height: 40px;
    width: 40px;
    background-color: white;
    border: 1px solid var(--themeColor);
    float: right;
    border-radius: 30px;
    position: fixed;
}

.tothetop i {
    color: var(--themeColor);
    font-size: 1.2em;
    padding-top: 11px;
    padding-left: 14px;
}
 
.contactFooter .well {
    background-color: var(--secondaryColor);
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow40L);
    margin-top: 20px;
    padding: 10px 25px;
    margin-bottom: 50px;
}

.contactFooter .well h4 {
    padding: 15px 0px 0px 10px;
    margin: 0px;
    font-size: 1em;
    text-transform: uppercase;
    color: var(----primaryTextColor);
}

.contactFooter .well h5 {
    padding: 5px 0px 0px 10px;
    margin: 0px;
    line-height: 20px;
    font-size: 1em;
    font-weight: 600;
    color: var(--themeColor);
}

.contentDescp {
    display: flex;
    text-align: center;
    flex-direction: row;
}

.contentDescp h5 a {
    text-decoration: none;
    color: var(--themeColor);
}

.contentDescp h5 a:hover {
    text-decoration: none;
    color: var(--themeColor);
}
.contactImg{
    height: 65px;
    width: 65px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 50%;
}
.contactImg img {
    height: 100%;
    object-fit: contain;
}

.chevronUp i {
    font-size: 5em;
    text-align: center;
    padding-left: 43%;
    padding-top: 10%;
    color: var(--themeColor);
}

#footerHome iframe {
    margin-bottom: 20px;
    border-radius: 10px;
}

.paymentIconComp {
    margin-top: 50px;
}

.paymentIconComp img {
    height: 80px;
}

.requestPannel .requestAlert .alert {
    /*    background-color: rgba(46, 134, 193, 1);*/
    background-color: var(--themeColor);
    position: fixed;
    left: 0;
    padding: 10px 0px 15px 0px;
    bottom: 0px;
    width: 100%;
    z-index: 555;
    margin: 0px;
    padding-bottom: 5px;
    border: none;
    border-radius: 0px;
    text-align: center;
}

.requestPannel .requestAlert h5 {
    color: white;
    font-size: 1em;
    padding-top: 2px;
    letter-spacing: 1px;
}

#requestTab .requestPannel .requestAlert .offerComp h6 {
    color: white;
    font-size: 1em;
    text-align: center;
    width: 100%;
    margin-top: 3px;
    padding-top: 0px;
    letter-spacing: 1px;
}

#requestTab .requestPannel .requestAlert .requestComp h6 {
    color: white;
    font-size: 1em;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.requestAlert a {
    padding: 10px 45px;
    background-color: white;
    border: 1px solid white;
    transition: 0.5s;
    text-transform: uppercase;
    color: black;
    font-size: 0.8em;
    cursor: pointer;
    margin-left: 00px;
    border-radius: 25px;
    margin-top: 0px;
}

.requestAlert i {
    padding-left: 10px;
    padding-right: 10px;
}

#brandingSmall .brandingAlert .alert {
    /*    background-color: rgba(46, 134, 193, 1);*/
    background-color: var(--themeColor);
    position: fixed;
    left: 0;
    padding: 0px;
    bottom: 0;
    width: 100%;
    z-index: 555;
    margin: 0px;
    border: none;
    padding-bottom: 0px;
    border-radius: 25px 25px 0px 0px;
    text-align: center;
}

#brandingSmall .brandingAlert h5 {
    color: white;
    font-size: 0.6em;
}

#brandingSmall .brandingAlert a {
    transition: 0.5s;
    text-transform: uppercase;
    color: white;
    font-size: 1em;
    cursor: pointer;
    margin-left: 00px;
    border-radius: 25px;
    margin-top: 0px;
}

/*footer section*/



/* Portfolio Page */
#projectComp .container-fluid {
    padding: 2% 8% 4% 8%;
}

.portfolioWell .well {
    background-color: var(--secondaryColor);
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow30);
    padding: 0px;
    height: 430px;
    scroll-behavior: smooth;
    overflow-y: scroll;
    margin-bottom: 20px;
    cursor: pointer;
}

.portfolioWell .well::-webkit-scrollbar {
    display: none;
}

.portfolioWell .well img {
    width: 100%;
    overflow: hidden;
}

.buttonCompProject {
    width: 80%;
    height: 50px;
    margin-bottom: 35px;
    position: absolute;
    margin-top: -85px;
    font-size: 0.9em;
    padding: 10px;
}

.buttonCompProject .ButtonLight {
    padding: 10px;
}

.buttonCompProject .ButtonDark {
    background-color: var(--themeColor);
    color: var(--secondaryColor);
    transition: 0.3s;
    font-size: 1em;
    padding: 10px;
    transition-timing-function: ease-in;
}

.buttonCompProject:hover .ButtonDark {
    background-color: var(--themeColor);
    color: var(--secondaryColor);
    transition: 0.3s;
    transition-timing-function: ease-in;
}

.portfolioWell .well .overlay {}

.portfolioWell .well .overlay h2 {
    font-weight: 800;
    font-size: 2.5em;
    padding-top: 2%;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: var(--themeColor);
}

.portfolioWell .well .overlay h3 {
    font-weight: 700;
    font-size: 1.3em;
    color: var(--themeColor);
}

.portfolioWell .well .overlay h4 {
    font-size: 1.1em;
    line-height: 30px;
}



.portfolioWell .well .portfolioDate {
    margin-top: 5%;
}

.portfolioWell .well .portfolioDate h1 {
    font-weight: 800;
    margin: 0px;
    padding-bottom: 35px;
    font-size: 1.8em;
    text-align: left;
    padding-right: 30px;
}

.portfolioWell .well .portfolioDate h3 {
    font-weight: 700;
    font-size: 1.3em;
    color: var(--themeColor);
}

.portfolioWell .well .portfolioDate h4 {
    font-size: 1.1em;
    line-height: 25px;
}


/* Portfolio Page */

/*inConnectComp COMP*/



.connectComp {
    padding-top: 3%;
}

.connectComp h4 {
    color: var(--themeColor);
    font-weight: 600;
}

.connectComp h3 {
    font-size: 1.2em;
    color: var(--themeColor);
    line-height: 25px;
}

.connectComp h2 {
    padding: 35px 0px;
    text-align: center;
    color: var(--themeColor);
}

.connectComp h4 {

    font-size: 1.2em;
}

.connectComp h4 span {

    font-size: 1.2em;
    line-height: 55px;
    font-weight: 600;
    color: var(--themeColor);
}

.connectComp h5 {

    font-size: 1.2em;
    text-align: right;
}

.connectComp h5 a:hover {
    text-decoration: none;
    color: var(--themeColor);
}

.connectComp h5 span {

    font-size: 1.5em;
    line-height: 55px;
    font-weight: 600;
    color: var(--themeColor);
}

#inConnectComp .connectComp input {

    padding: 22px 15px;
    border: 1px solid var(--themeColor);
    font-size: 0.9em;
    margin: 20px 0px;
    color: var(--themeColor);
    border-radius: 5px;
}

#inConnectComp .connectComp .ButtonDark {
    background-color: rgba(91, 49, 69, 0.5);
    border: 2px solid transparent;
    font-size: 0.9em;
    padding: 10px;
    color: white;
}
 
/*inConnectComp COMP*/

/*CONTACT US*/


.secContactComp .contactForm label {
    margin-top: 10px;
    font-size: 0.9em;
    color: var(--themeColor);
    padding: 0px 15px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.secContactComp .contactForm input {
    border-radius: 7px;
    padding: 25px 20px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 15px;
}

.secContactComp .contactForm select {
    border-radius: 7px;
    height: 50px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 15px;
}

.secContactComp .contactForm span {
    color: red;
}

.secContactComp .ButtonDark {
    margin-top: 15px;
    padding: 10px;
    font-size: 0.9em;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.secContactComp .ButtonLight {
    margin-top: 15px;
    margin-bottom: 0px;
}

/*CONTACT US*/


/*ABOUT US */
.aboutContent .aboutUs p {
    font-size: 1.1em;
    line-height: 30px;
}

.aboutContent .aboutUs span {
    color: var(--themeColor);
    font-weight: 600;
}

.aboutFeatures .well {
    height: 100%;
}

.aboutFeatures .well h3 {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 25px;
    text-transform: uppercase;
}

.aboutUsHead h6 {
    font-size: 1.1em;
    line-height: 30px;
}

.aboutHeadImg img {
    border-radius: 15px;
    margin-top: 4%;
}

/*ABOUT US*/

/*-------- Website Design ----------------*/
.SecBodyWrapper h3 {
    padding-bottom: 5px;
    font-size: 1.8em;
    font-weight: 700;
}

.SecBodyWrapper h5 {
    padding-bottom: 20px;
    line-height: 25px;
    font-size: 1em;
}

.serviceOffered .well {
    box-shadow: var(--boxShadow30);
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    padding: 5px;
    border: 1px solid var(--borderColor);
    transition-timing-function: ease-in;
    transition: 0.3s;
    cursor: pointer;
}

.serviceOffered .well:hover {
    background-color: var(--themeColor);
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.serviceOffered .well:hover h4 {
    color: var(--secondaryColor);
}

    {
    background-color: var(--themeColor);
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.serviceOffered .well h4 {
    font-size: 1em;
    text-align: center;
}

.vitalIngredients,
.serviceOffered {
    padding-top: 25px;
}

.vitalIngredients .well {
    box-shadow: var(--boxShadow30);
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    padding: 5px;
    border: 1px solid var(--borderColor);
    transition-timing-function: ease-in;
    transition: 0.3s;
    cursor: pointer;
}

.vitalIngredients .well img {
    height: 80px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(0);
}

.vitalIngredients .well:hover img {
    filter: none;
    -webkit-filter: grayscale(100%);
}

.vitalIngredients .well h4 {
    text-align: center;
    font-weight: 700;
    font-size: 1.4em;
    color: var(--themeColor);
}

.vitalIngredients .well h5 {
    text-align: center;
    font-weight: 100;
    font-size: 1em;
    line-height: 25px;
    padding: 5px 10px;

}

.techWeWork .well {
    box-shadow: var(--boxShadow30);
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    border: 1px solid var(--borderColor);
    transition-timing-function: ease-in;
    transition: 0.3s;
    padding: 5px;
    cursor: pointer;
}

.techWeWork .well img {
    height: 130px;
    margin-left: 15px;
}

.techWeWork .well h4 {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
}

.tab-pane {
    padding-top: 80px;
}

.industriesWeWork .well {
    padding: 10px;
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    box-shadow: var(--boxShadow30);
    border: 1px solid var(--borderColor);
}

.industriesWeWork .well img {
    height: 100px;
    margin-left: 60px;
}

.industriesWeWork .well h4 {
    text-align: center;
    font-size: 1.1em;
}

.howMuchCost h3,
.techWeWork h3,
.industriesWeWork h3 {
    padding: 15px 0px 0px 0px;
    font-size: 2.5em;
    margin: 0px;
    color: var(--themeColor);
    font-weight: 800;
}

.vitalIngredients h3,
.creativeFeatures h3,
.serviceOffered h3 {
    padding-bottom: 30px;
    font-size: 2.5em;
    margin: 0px;
    color: var(--themeColor);
    font-weight: 800;
}

.howMuchCost h5,
.techWeWork h5,
.industriesWeWork h5 {
    padding: 5px 0px 15px 0px;
    font-size: 1.1em;
    line-height: 27px;
}

.howMuchCost .table th {
    font-weight: 600;
    font-size: 1.1em;
}

.howMuchCost .table td {

    font-size: 1em;
    padding-top: 15px;
}

.howMuchCost .table a {

    font-weight: 700;
    color: var(--themeColor);
}

.creativeFeatures {
    padding-top: 30px;
}

.creativeFeatures .well {
    padding: 10px;
    border-radius: var(--borderRadius10);
    background-color: var(--secondaryColor);
    box-shadow: var(--boxShadow30);
    border: 1px solid var(--borderColor);
    transition: 0.5s;
    transition-timing-function: ease-in;
}

.creativeFeatures .well:hover {
    transition: 0.2s;
    transition-timing-function: ease-in;
    background-color: rgba(91, 49, 69, 0.1);

}

.creativeFeatures .well img {
    height: 100px;
    margin-left: 30px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(0);
}

.creativeFeatures .well:hover img {
    filter: none;
    -webkit-filter: grayscale(100%);
}

.creativeFeatures .well h4 {
    text-align: center;
    font-size: 1em;
}

.packageShort .well {
    background-color: rgba(91, 49, 69, 0.8);
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow40);
    padding: 0px;
    border: none;
}

.packageShort .well h3 {
    color: var(--themeColor);
    text-align: center;
    padding: 15px;
    font-weight: 700;
    font-size: 1.3em;
    border-radius: 10px;
    background-color: var(--secondaryColor);
}

.packageShort .well h5 {
    color: var(--secondaryColor);
    font-weight: normal;
    line-height: 25px;
}

.packageShort .well .packageDescp {
    padding: 5px 15px 15px 25px;
}

.packageShort .well .ButtonDark {
    border: 1px solid var(--secondaryColor);
}

/*-------- Website Design ----------------*/
/*CUSTOM PAGES*/

/*=============== PrivacyPolicy.php START================= */
#PrivacySection {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*    background-image: url(../image/Festive/Holi04.png);*/
}

.sectionPrivacy {
    padding: 0px;
}

.PrivacySection h2 {
    line-height: 25px;
    font-size: 2.2em;
    font-weight: 800;
    padding-top: 30px;
    color: var(--themeColor);
}

.sectionPrivacy h4 {
    line-height: 35px;
    font-weight: bold;
    color: var(--themeColor);
    font-size: 1.4em;
}

.sectionPrivacy h5 {
    line-height: 30px;
    font-size: 1.1em;
}

.sectionPrivacy p {
    line-height: 30px;
    font-size: 1.1em;
}

/*======= PrivacyPolicy.php END ============ */

/*GET QUOTES*/
.sectionContact .contactWell .well {
    padding: 20px 35px;
    border: 1px solid var(--borderColor);
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow30);
    background-color: white;
}

.addressComp h5 {
    line-height: 25px;
    text-align: center;
    font-size: 1.2em;
    color: var(--themeColor);
    padding-bottom: 30px;
}

.formSection h4 {
    margin: 0px;
    color: var(--themeColor);
    padding-top: 25px;
    padding-bottom: 15px;
}

.formSection ::placeholder {
    font-size: 0.7em;
    color: var(--themeColor);
}

.contactWell .well .formSection label {
    margin-top: 10px;
    font-size: 0.9em;
    color: var(--secondaryTextColor);
    padding: 0px 15px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.contactWell .well .formSection input {
    border-radius: 7px;
    padding: 25px 25px;
    margin-top: -10px;
    font-size: 1.1em;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 5px;
}

.contactBottom h4 {
    font-size: 1em;
    line-height: 27px;
}

.contactWell .well .formSection .ButtonDark {
    margin-top: 25px;
    padding: 10px;
    font-size: 0.9em;
    margin-bottom: 0px;
}

.contactBottom {
    margin-top: 35px;
}

.contactWell .well a {
    color: var(--themeColor);
}

.contactWell .well span.requiredAster {
    color: red;
    font-weight: 800;
}

/*GET QUOTES*/

/*CUSTOMER AUTHENTICATE*/
.loginSection .container-fluid {

    padding: 0% 3% 0% 0%;
}

.formPannelAuth {

    padding: 20% 5% 4% 5%;
    margin: 0px;
}

.logSideText h3 {
    margin-top: 15%;
    text-align: center;
    line-height: 35px;
    width: 80%;
    padding: 15px;
    margin-left: 20%;
    background-color: white;
}

.logSideText h1 {
    margin-top: 4%;
    font-size: 2.5em;
    font-weight: 800;
    width: 60%;
    padding: 15px;
    margin-left: 20%;
    background-color: white;
    color: var(--themeColor);
    text-align: center;
    line-height: 35px;
}

.logSideText h1 i {
    font-size: 0.5em;
    position: absolute;
}

.logSideText h3 span {
    font-size: 2em;
}

.securityInfo {
    text-align: left;
    padding-left: 19%;
}

.securityInfo h4 {
    line-height: 25px;
    font-size: 1em;

}

.securityInfo a {

    color: var(--themeColor);
    font-weight: 800;
}

.formHead h2 {
    color: var(--themeColor);
}

.formHead h4 {
    color: var(--themeColor);
    font-size: 1em;
    padding: 5px 0px 05px 0px;
}

.formPannelAuth .ButtonLight {
    margin: 30px 0px;
}

.formPannelAuth .showPassword {
    color: var(--themeColor);
}

.formPannelAuth .createComp p {
    color: var(--themeColor);
    text-align: left;
    font-size: 1em;
}

.formPannelAuth .forgotComp p {
    color: var(--themeColor);
    text-align: right;
    font-size: 1em;
}

.formPannelAuth a {
    color: var(--themeColor);
    padding: 12px 0px;
    border-radius: 25px;
    text-align: left;
    font-size: 1em;
    font-weight: 800;
}

.formPannelAuth h5 {
    color: var(--themeColor);
    text-align: center;
    font-size: 0.9em;
    line-height: 25px;
}

.formPannel {
    padding: 7% 12% 4% 12%;
}

.formPannelAuth .ButtonDark {
    margin: 35px 0px 30px 0px;
}

.roundBoxLogin {
    height: 320px;
    width: 320px;
    border-radius: 15px 155px 15px 15px;
    background-color: white;
    position: absolute;
    border: 4px solid var(--bgColorRGBA04);
    top: 45%;
    z-index: -1;
    left: 20%;
}

.roundBoxRegister {
    height: 320px;
    width: 320px;
    border-radius: 15px 15px 155px 15px;
    background-color: white;
    position: absolute;
    border: 4px solid var(--bgColorRGBA04);
    top: 45%;
    z-index: -1;
    left: 20%;
}

.errorComp {
    color: var(--secondaryColor);
    position: absolute;
    padding-bottom: 5px;
}

.errorComp p {
    color: var(--errorText);
    margin: 0px;
    padding: 6px 80px;
    border-radius: var(--borderRadius5);
    border: 1px solid var(--errorBg);
    background-color: var(--errorBg);
}

.inputComp {
    padding-top: 12%;
}

.formPannelAuth .inputComp ::placeholder {
    font-size: 0.7em;
    color: var(--themeColor);
}

.formPannelAuth .inputComp label {
    margin-top: 10px;
    font-size: 0.9em;
    color: var(--themeColor);
    padding: 0px 15px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.formPannelAuth .inputComp input {
    border-radius: 7px;
    padding: 30px 25px;
    margin-top: -10px;
    font-size: 1.3em;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 5px;
}

.loginComp .socialIconsSideNav {
    padding-left: 110px;
    padding-top: 19.5%;
}

.registerComp .socialIconsSideNav {
    padding-left: 110px;
    padding-top: 1%;
}

.socialIconsSideNav i {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    color: var(--secondaryColor);
    padding-top: 12px;
    padding-left: 12px;
    margin: 11px 5px 10px 5px;
    font-size: 1.1em;
    cursor: pointer;
    transition: 0.5s ease-in;

}



.formPannelAuth span.requiredAster {
    color: red;
    font-weight: 800;
}

/*CUSTOMER AUTHENTICATE*/

/*THANK YOU FEEDBACK*/
.quoteCompWell .well {
    border: 1px solid var(--borderColor);
    background-color: var(--secondaryColor);
    padding: 15px;
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow30);
    margin-top: 25%;
    text-align: center;
}

.quoteCompWell .well h1 {
    font-size: 1.5em;
    font-weight: 800;
    text-align: left;
}

.quoteCompWell .well h3 {
    font-size: 1.1em;
    text-align: left;
    line-height: 25px;
}

.quoteCompWell .well h4 {
    font-size: 1em;
    text-align: left;
    line-height: 25px;
}

.quoteCompWell .well .connectWithMe h2 {
    font-size: 1.5em;
}

.quoteCompWell .well .ButtonDark {
    margin-top: 10%;
}

/*THANK YOU FEEDBACK*/



/* service Page */
#servicesComp .container-fluid {
    padding: 0% 12% 4% 13%;
}

.ourServiceWell {
    transition: 0.5s;
}

.ourServiceWell img {
    border-radius: 15px;
    transition: 0.5s;
}

.ourServiceWell .well {
    background-color: var(--secondaryColor);
    padding: 30px 30px;
    transition-timing-function: ease;
    margin-right: 20px;
    transition: 0.5s;
    border: 1px solid var(--borderColor);
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow10);
    overflow: hidden;
    cursor: pointer;
}

.ourServiceSmImg img {
    height: 80px;
}

.ourServiceWell .well:hover {
    background-color: var(--secondaryColor);
    transition-timing-function: ease-in;
    transition: 0.3s;
    border-radius: 20px;
    box-shadow: var(--boxShadow30);
    background-image: url(Assets/image/curve04.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.ourServiceWell .well .inServiceHeading h3 {
    margin: 0px;
    font-size: 1.5em;
    font-weight: 600;
    color: var(--themeColor);
    padding: 15px 0px;
    line-height: 28px;
}

.ourServiceWell .well .serviceImgComp {
    border-radius: 10px;
    overflow: hidden;
}

.ourServiceWell .well h4 {
    line-height: 30px;
    font-size: 1em;

}

.ourServiceWell .well .ButtonDark {
    background-color: var(--secondaryColor);
    border: 1px solid var(--themeColor);
    border-radius: 7px;
    margin-top: 20px;
    color: var(--themeColor);
    transition: 0.5s;
}

.ourServiceWell .well:hover .ButtonDark {


    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
    color: var(--secondaryColor);
    transition: 0.5s;
}

#serviceTypeWrapper .container-fluid {
    padding: 2% 12% 4% 13%;
}

/* service Page */
#inFaq .container-fluid {
    padding: 2% 8%;
}

.faqComp .panel {
    background-color: transparent;
    border: none;
    border-radius: var(--borderRadius10);
}

.faqComp .panel-body {
    font-size: 1em;
    background-color: transparent;
    border: 1px solid transparent;
}

.faqComp .modeLightFaq .panel .panel-heading {
    border-radius: var(--borderRadius10);
    padding: 0px;
    margin-top: 20px;
}

.faqComp .modeLightFaq .panel .panel-title {
    padding: 15px 45px 20px 10px;
    background-color: white;
    line-height: 20px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--borderColor);
    font-size: 1em;
    color: var(--themeColor);
}

.faqComp .modeLightFaq .panel .panel-body {
    background-color: white;
    margin-top: -5px;
    font-size: 0.9em;
    line-height: 25px;
    padding-left: 20px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid var(--borderColor);
}

.faqComp .modeLightFaq .fa-angle-down {
    font-weight: 400;
    font-size: 1.5em;
    float: right;
    margin-top: 05px;
    margin-right: -20px;
}

.raiseComplaint .well {
    background-color: white;
    border-radius: var(--borderRadius10);
    box-shadow: var(--boxShadow30);
    border: 2px solid var(--borderColor);
    padding: 5px 20px 5px 20px;

}

.raiseComplaint .well .formSection h3 {
    margin: 0px;
    font-size: 1.4em;
    text-align: center;
    padding: 10px 0px;
}

.raiseComplaint .well .formSection h6 {
    margin: 0px;
    font-size: 1em;
    text-align: center;
    padding: 0px 0px 10px 0px;
}

.raiseComplaint .well .formSection label {
    margin-top: 10px;
    font-size: 0.9em;
    color: var(--themeColor);
    padding: 0px 15px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.raiseComplaint .well .formSection input {
    border-radius: 7px;
    padding: 22px 15px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 5px;
}

.raiseComplaint .well .formSection select {
    border-radius: 7px;
    height: 45px;
    margin-top: -10px;
    border: 1px solid rgba(91, 49, 69, 0.8);
    margin-bottom: 15px;
}

.raiseComplaint .well .formSection .ButtonDark {
    margin-top: 20px;
    font-size: 0.9em;
    padding: 10px;
    letter-spacing: 0px;
}

/*inOurPackage*/
.packFeaturesDesp .well {
    background-color: white;
    border-radius: 15px;
    box-shadow: none;
    border: 2px solid var(--themeColor);
}

.packFeaturesDesp .well h3 {
    margin: 0px;
    text-align: center;
    padding: 0px 0px 5px 0px;
    font-weight: bold;
}

.packFeaturesDesp .well h6 {
    background-color: rgba(91, 49, 69, 0.1);
    border-radius: 10px;
}

.packFeaturesDesp .well i {
    background-color: var(--themeColor);
    border-radius: 50%;
    color: white;
    font-size: 0.6em;
    padding: 5px;
}

/*inOurPackage*/

/* Package Page*/
.packageInnerComp .well {
    background-color: white;
    border-radius: 25px 25px 10px 10px;
    padding: 15px 25px;
    transition: 0.3s;
    margin-top: 50px;
    border: 2px solid var(--borderColor);
    cursor: pointer;
}

.packageInnerComp .well:hover {
    box-shadow: var(--boxShadow30);
    transition: 0.5;
}

.packageInnerComp .well .active {
    border-radius: 0px 0px 10px 10px;
    background-color: red;
}

.packageInnerComp .well .packType h4 {
    font-weight: 800;
    font-size: 1.7em;
    padding-top: 15px;
    color: var(--themeColor);
}

.packageInnerComp .well .packFeatures h5 {
    font-size: 1.1em;
    padding-bottom: 20px;
}

.packageInnerComp .well .packPrice h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: var(--themeColor);
    padding-bottom: 20px;
}

.packageInnerComp .well .packPrice h1 i {
    font-size: 0.6em;
}

.packageInnerComp .well .packPriceSavings h4 {
    font-size: 1.1em;
}

.packageInnerComp .well .packPriceSavings h4 span {
    background-color: rgba(91, 49, 69, 0.2);
    padding: 10px 25px;
    font-size: 0.9em;
    position: absolute;
    margin-top: -10px;
    border-radius: 35px;
    margin-left: 20px;
    color: black;
}

.packageInnerComp .well:hover .ButtonLight {
    background-color: var(--themeColor);
    color: var(--secondaryColor);
}

.packageInnerComp .well .ButtonLight {
    margin-top: 30px;
    border-radius: var(--borderRadius5);
}

.packageInnerComp .well .packVertiLine {
    height: 1px;
    margin: 30px 0px;
    background-color: rgba(91, 49, 69, 0.3);
}

.packageInnerComp .packPopular h4 {
    background-color: var(--themeColor);
    color: var(--secondaryColor);
    text-align: center;
    padding: 18px 0px 30px 0px;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0px 0px -20px 0px;
    border-radius: 30px 30px 0px 0px;
}

.packageInnerComp .activeComp .well {
    border: 2px solid var(--themeColor);
    margin-top: -18px;
    border-radius: 25px 25px 10px 10px;
}

.packageInnerComp .activeComp .well .ButtonDark {
    margin-top: 30px;
}

.packageInnerComp .activeComp .well .ButtonDark:hover {
    background-color: var(--themeColor);
    transition: 0.5s;
    color: var(--secondaryColor);
    border: 2px solid var(--themeColor);
}

.packageInnerComp .well .packFeaturesDesp h6 {
    font-size: 1em;
}

.packageInnerComp .well .packFeaturesDesp h6 i {
    color: rgba(202, 80, 43, 0.7);
    height: 20px;
    margin-right: 10px;
    font-size: 0.8em;
    padding: 4px 0px 0px 4px;
    width: 20px;
    border-radius: 5px;
    background-color: var(--borderColor);
}

.packAllFeatures h5 {
    border: none;
    background-color: transparent;
    padding: 15px 0px;
    margin: 0px;
    color: var(--themeColor);
    font-size: 1em;
    text-align: center;
}

.packAllFeatures a:hover {
    color: var(--themeColor);
}

.packFeaturesDesp h3 {
    font-weight: 600;
    font-size: 1.1em;
    padding-top: 10px;
    color: var(--themeColor);
    padding-bottom: 10px;
}

/* Package Page*/