@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap");



body {

    margin: 0;

    padding: 0;

    font-size: 16px;

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

    box-sizing: border-box;

    overflow-x: hidden;

}



::-webkit-scrollbar {

    background-color: #d8d8d8;

    width: 12px;

}



::-webkit-scrollbar-thumb {

    background-color: #a8a8a8;

}



scrollbar-color {

    background-color: #d8d8d8 !important;

}



scrollbar-width {

    width: 12px !important;

}



:root {

    --green: #5ea813;

    --red: #C01F29;

    --blue: #141E46;

    --black: #202020;

    --gray: #4F4F4F;

    --neutral-color: #E8E8E8;

    --light-gray: #ABABAB;

    --white: #fff;

    --beidge: #F6F6E5;

    scrollbar-color: background-color: #f2f2f2 !important;

    scrollbar-width: width: 4px !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--black);

}



h1 {

    font-size: 40px;

    font-weight: 800;

}



h2 {

    font-size: 30px;

    font-weight: 700;

}



h3 {

    font-size: 26px;

    font-weight: 700;

}



h4 {

    font-size: 24px;

    font-weight: 700;

}



h5 {

    font-size: 20px;

    font-weight: 700;

}



h6 {

    font-size: 18px;

    font-weight: 600;

}



p {

    font-size: 16px;

    color: var(--black);

}



.p-25 {

    padding: 0px 25px;

}



.m-20 {

    margin: 20px;

}



.m-10 {

    margin: 10px;

}



.h2-theme-color {

    color: #c7010c;

}



img {

    max-width: 100%;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



ul li {

    line-height: 1.5rem;

}





a {

    text-decoration: none;

    color: var(--black);

}


.brands__logs__container .sub__star__container4 svg {
    color: #26dee9;
    padding: 0px !important;
}

.section-bottom {

    padding-bottom: 50px;

}


a.portfolio-button.port-btn {
    background: #cb010d !important;
    padding: 4px 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}

@media(max-width:768px) {
    .round-circle-container {
        flex-direction: column;
        justify-content: center !important;
        align-items: start !important;
        margin-top: 10px;
    }

    .coloredRound {
        height: 80px !important;
        padding: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0px !important;
    }

    .coloredRound h5 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

}

.bg-blue {

    background-color: var(--blue);

}



.w-98 {

    width: 98px;

}



.width-90 {

    width: 90%;

}



.hiddenDesktop {

    display: none;

}



button {

    background-color: var(--red);

    color: var(--white);

    padding: 8px 27px;

    font-size: 16px;

    text-align: center;

    border-radius: 9px;

    outline: none;

    border: none;

}



.theme-btn {

    background-color: var(--red);

    border-radius: 50%;

    padding: 15px 20px;

}



.theme-btn i {

    color: var(--white);

}



.large-btn {

    background-color: var(--red);

    color: var(--white);

    padding: 10px 30px;

    font-size: 18px;

    text-align: center;

    outline: none;

    border: none;

    width: 100%;

    border-radius: 0;

}



.text-danger {

    color: #C8070B !important;

}



.button-red {

    appearance: none;

    background-color: var(--red);

    border-width: 0;

    box-sizing: border-box;

    color: var(--white);

    cursor: pointer;

    display: inline-block;

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

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0;

    line-height: 1em;

    margin: 5px;

    opacity: 1;

    outline: 0;

    padding: 1.5em 2.2em;

    position: relative;

    text-align: center;

    text-decoration: none;

    text-rendering: geometricprecision;

    text-transform: uppercase;

    transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1);

    user-select: none;

    -webkit-user-select: none;

    touch-action: manipulation;

    vertical-align: baseline;

    white-space: nowrap;

    padding: 1em 1em;

    border-radius: 0px;

}



section.banner-outer.banner .row {

    display: flex;

    align-items: center;

}



.button-red:before {

    animation: opacityFallbackOut .5s step-end forwards;

    backface-visibility: hidden;

    background-color: #ebebe130;

    clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: translateZ(0);

    transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1);

    width: 100%;

}



.button-red:hover:before {

    animation: opacityFallbackIn 0s step-start forwards;

    clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);

}



.button-red:after {

    background-color: #FFFFFF;

}



.button-red span {

    z-index: 1;

    position: relative;

}



/* Header section start here */

.header-topbar-main {

    margin-top: -24px;

}



.top-header {

    background-color: var(--black);

    padding: 6px 0;

}



.top-header a {

    color: var(--white);

    padding: 0px 5px;

    font-size: 14px;

}



.top-header .link a:not(:last-child) {

    border-right: 1px solid #eee;

}



.top-header .col-md-3 svg {

    font-size: 16px;

    position: relative;

    top: 1px;

}



.icon {

    width: 16px;

}



.link a {

    color: var(--white);

}



.bottom-header {

    padding: 2px 0;

}



.bottom-header a {

    font-size: 14px;

}



.bottom-header h6,

.bottom-header a {

    color: var(--blue);

}



.banner-2 {

    background-image: url(../images/upload/lifeatbanner.jpg);

}



.inner-banner {

    background-position: center bottom;

    background-attachment: fixed;

    background-size: cover;

    position: relative;

    padding: 75px 0;

}





.brand-logo {

    width: 80%;

}



.flag-icon {

    width: 35px;

    height: 26px;

    object-fit: cover;

    border-radius: 4px;

}



.flag-icon img {

    width: 35px;

    height: 26px;

    object-fit: cover;

}



.top-header i {

    font-size: 16px;

}



.flag-icon-1 {

    padding: 0;

    margin: 0;

    height: 26px;

}



.flag-icon-1 .flag-icons {

    height: 100%;

    padding: 0;

    margin: 0;

}



.flag-icon-1 .flag-icons img {

    object-fit: cover;

    height: 26px;

    width: 35px;

}



.dropdown-menu[data-bs-popper] {

    top: 100%;

    left: 0;

    margin-top: var(--bs-dropdown-spacer);

    z-index: 999999;

}



.global {

    font-size: 22px;

    font-weight: 600;

    color: var(--red);

    position: relative;

}



.global::before {

    content: '';

    position: absolute;

    width: 2px;

    height: 32px;

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

    right: 86px;

}



.global-list {

    width: 185px;

    height: 180px;

}



.global-list .dropdown-item {

    padding: 6px 12px;

}



.global-dropdown.dropdown-toggle::after {

    opacity: 1;

}



.global-icon img {

    margin-right: 10px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    object-fit: cover;

    width: 22px;

    height: 18px;

}



.bg-danger {

    background-color: #c6010b !important;

}



/* Header section end here */



/* Navbar section start here */

.nav-link {

    color: var(--white);

}



.nav-link:hover {

    color: var(--red);

    border: none;

    outline: none;

}



.navbar {

    height: 65px;

}



nav.navbar.bg-light.sticky-top.display-mob-block.mobile-nav {

    height: auto;

}



/* Navbar section end here */



/* Banner section start here */

.home-banner {

    background: url('../images/new-page-images/banner/site-bn-2.jpg');

    background-repeat: no-repeat;

    height: 482px;

    background-size: cover;

    background-blend-mode: multiply;

    background-color: rgba(22, 30, 69, 0.50);
    background-position: center;

}



.home-banner h1 {

    color: var(--white);

    line-height: 55px;

}



.banner-btn {

    position: relative;

    overflow: hidden;

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

    color: var(--white);

    display: inline-block;

    font-size: 16px;

    line-height: 15px;

    padding: 18px 32px;

    text-decoration: none;

    cursor: pointer;

    background: transparent;

    user-select: none;

    -webkit-user-select: none;

    touch-action: manipulation;

    z-index: 1;

}



.banner-btn span:first-child {

    position: relative;

    transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);

    z-index: 10;

}



.banner-btn span:last-child {

    color: white;

    display: block;

    position: absolute;

    bottom: 0;

    transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);

    z-index: 100;

    opacity: 0;

    top: 50%;

    left: 50%;

    transform: translateY(225%) translateX(-50%);

    height: 14px;

    line-height: 13px;

}



.banner-btn:after {

    content: "";

    position: absolute;

    bottom: -50%;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: var(--red);

    transform-origin: bottom center;

    transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);

    transform: skewY(9.3deg) scaleY(0);

    z-index: -1;

    color: var(--red);

}



.banner-btn:hover:after {

    transform-origin: bottom center;

    transform: skewY(9.3deg) scaleY(2);

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

    z-index: -1;

}



.banner-btn:hover {

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

}



.banner-btn:hover span:last-child {

    transform: translateX(-50%) translateY(-100%);

    opacity: 1;

    transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);

}



.banner-content {

    padding: 0px 0px 0px;

}



/* Banner section end here */



/* Info section start here */

.info-box {

    padding: 20px;

    display: flex;

}



.info-box img {

    width: 70px;

    height: 70px;

}



.info-box:hover {

    box-shadow: 2px 2px 20px 1px #d7d7d7;

    border-radius: 30px;

}



/* Info section end here */



/* About section start here */

.about-heading h2 {

    font-size: 25px;

}



.sub-heading {

    color: var(--red);

    text-transform: capitalize;

    position: relative;

    font-weight: 800;

    padding-left: 75px;

}



.sub-heading::after {

    content: '';

    position: absolute;

    left: 50px;

    top: 10px;

    width: 60px;

    height: 4px;

    border-radius: 10%;

    background-color: var(--red);

    margin-left: -50px;

}



.left-side p {

    padding-top: 15px;

    line-height: 2rem;

}



.read-more-btn {

    padding: 30px 0px;

}



.read-more-btn h6 {

    padding-left: 20px;

    padding-top: 15px;

}



.right-side {

    position: relative;

}



.right-side img {

    width: 90%;

}



.year {

    background-color: var(--red);

    text-align: center;

    position: absolute;

    padding: 35px 32px;

    top: 395px;

    left: 84px;

    border-radius: 10px;

}



.year h2,

.year h6 {

    color: var(--white);

}



.progress {

    height: 8px;

    width: 86%;

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

}



.progress-bar {

    background-color: var(--red);

    height: 8px;

}



.progress-bar-section h4 {

    color: var(--blue);

}



.about-img {

    position: relative;

    top: -150px;

    left: 320px;

    overflow: hidden;

    width: 300px;

    height: 330px;

}



.about-img img {

    border: 10px solid var(--white);

    border-radius: 20px;

    height: 100%;

    object-fit: cover;

}



/* About section end here */



/* Achievement section start here */

.achievement-banner {

    background-image: url(../images/new-page-images/banner/achievement.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 0px 0px 20px 0px;

}



.achievement-box {

    text-align: center;

}



.achievement-box h3 {

    text-transform: capitalize;

    font-weight: 500;

}



.achievement-box h3,

.achievement-box p {

    text-align: center;

    color: var(--white);

}



.achievement-box h3 {

    margin-top: 10px;

}



.achievement-box>img {

    width: 70%;

}



.img-bg-red {

    background-color: var(--red);

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    margin: 38px;

    width: 120px;

    height: 120px;

    text-align: center;

}



.img-bg-red {

    padding: 22px;

}



.phone-achievement-banner {

    background-color: var(--gray);

}



/* Achievement section end here */



/* Awards section start here */

.awards {

    position: relative;

}



.center-heading {

    text-align: center;

}



.center-heading>.sub-heading::after {

    left: 40%;

    margin-left: -15px;

}



.awards-logo-box {

    display: flex;

}



.awards-logo-box img {

    width: 140px;

    height: 80px;

    object-fit: scale-down;

    box-shadow: 0px 0px 30px 15px #e3e3e3ee;

    border-radius: 10px;

    padding: 0px 15px;

}



.awards-logo {

    margin-top: 30px;

}



.certificate {

    background: linear-gradient(95deg, rgba(20, 30, 70, 1) 0%, rgba(71, 84, 134, 1) 67%, rgba(27, 43, 134, 1) 100%);

    padding: 45px 72px;

    margin-top: 72px;

    margin-left: -80px;

    z-index: -1;

    position: absolute;

    /*width: 62%;*/

    height: 205px;

    border-radius: 0px 100px 100px 0px;

    display: flex;

    justify-content: start;

    align-items: center;

}



.certificate-box.text-secondary {

    width: 235px;

}



.small-heading {

    font-size: 22px;

    font-weight: 700;

    display: block;

}



.certificate-box {

    color: var(--white);

}



.certificate-box p {

    color: var(--white);

    padding-left: 20px;

    padding-top: 15px;

    font-size: 15px;

}



.certificate img {

    width: 35%;

}



/* Awards section end here */



/* Leading services section start here */

.services {

    background-color: var(--blue);

}



.services-logo h3,

.services-logo h4 {

    color: var(--red);

}



.services-logo h4 {

    font-size: 24px;

}



.services-logo p {

    color: var(--white);

}



.services-btn {

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

    padding: 12px 30px;

    font-size: 16px;

    color: var(--white);

}



.services-logo {

    background-color: var(--blue);

    padding: 56px 0px;

}



.service-link {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}



.service-link a {

    background-color: var(--white);

    padding: 6px 15px;

    color: var(--blue);

    font-size: 10px;

    font-weight: 700;

    border-radius: 50px;

    text-transform: capitalize;

}



.service-link a:hover {

    opacity: 0.85;

    transition: all linear .4s;

}



.services-box {

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

    position: relative;

    padding: 20px;

    min-height: 290px;

}



.services-box p {

    font-size: 16px;

}



.why-choose-us-vedio iframe {

    width: 100%;

    height: 400px;

    border: 5px solid #ffffff;

}



.why-choose-us-vedio .btn-close {

    background-color: #c7010c;

    width: 40px;

    height: 40px;

    opacity: 1;

    color: #ffffff;

    border-radius: 50px;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 11;

}



.services-box>img {

    position: absolute;

    top: -40px;

    left: 30px;

    width: 85px;

    background-color: var(--blue);

    padding: 10px;

}







/* Leading services section end here */



/* Client section start here */

.client-box {

    padding: 25px;

    width: 200px;

    display: flex;

    height: 100px;

    border: 1px solid #d8d8d8;

    justify-content: center;

    align-items: center;

}



.header-location .navbar-brand img {

    max-width: 67%;

}



/* Client section start here */



/* Case section start here */

.case-main-box {

    position: relative;

    text-align: center;

}



.case-section {

    position: relative;

}



.case-border {

    position: absolute;

    top: 45%;

    width: 100%;

    height: 2px;

    z-index: -1;

    background-color: var(--red);

    margin-top: -25px;

}



.case-btn {

    background-color: var(--blue);

    padding: 8px 12px;

    border: none;

    border-radius: 50px;

    color: var(--white);

    text-align: center;

}



.case-section h6 {

    font-size: 18px;

    text-align: center;

}



.case-section p {

    font-size: 16px;

    text-align: center;

    min-height: 85px;

}



.case-main-box {

    position: relative;

    text-align: center;

}



section.case-section ul.d-flex {

    justify-content: space-between;

}



.case-main-box img {

    width: 235px;

    height: 235px;

    object-fit: cover;

}



.case-main-box::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 2px;

    height: 150px;

    background-color: var(--red);

    margin-left: 0px;

    z-index: -1;

    margin-top: -120px;

}



.case-gap {

    gap: 20px;

    justify-content: space-between;

}



.case-box {

    margin: 80px auto 0px;

    width: 280px;

}



.case-lg-btn {

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

    padding: 12px 30px;

    font-size: 16px;

    color: var(--blue);

    background-color: transparent;

    border-radius: 2px;

    width: auto;

}



/* Case section start here */



/* Testimonials start here */

.testimonials .item {

    border: 1px solid #c7c7c7;

    position: relative;

    padding: 30px 10px 0px;

    margin-top: 50px;

    min-height: 280px;

}



.test-box>img {

    width: 28%;

    background: var(--white);

    padding: 5px 8px;

    text-align: center;

    position: absolute;

    top: -50px;

    left: 150px;

}



.itemi.fa-star {

    color: var(--red);

}



.itemh6 {

    font-size: 16px;

}



.itemh5 {

    font-size: 16px;

    color: var(--gray);

    font-weight: 500;

}



.test-box {

    padding: 40px 20px 0px 20px;

    min-height: 280px;

}



.test-box p {

    padding-top: 30px;

}



.test-box>.svg-inline--fa {

    color: var(--red);

}



.semi-circle>img {

    position: absolute;

    top: 0;

    right: 0;

    width: 100px;

}



#testimonial .owl-dots {

    display: block;

}



/* Testimonials end here */



/* Potfolio section start here */

.portfolio-box {

    background-color: var(--beidge);

    position: relative;

    padding: 20px;

    border-radius: 25px;

    top: 0px;

    display: flex;

    align-items: center;

    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, .1);

    text-align: center;

}



.portfolio-box a img {

    border-radius: 12px;

}



.portfolio-box>img {

    width: 50%;

    position: absolute;

    top: 0px;

    right: 0;

}



.portfolioSlider .item {

    border: none !important;

}



.portfolio .owl-carousel .owl-item img {

    width: 250px;

    height: 250px;

    object-fit: cover;

    image-rendering: -webkit-optimize-contrast;

    border-top-left-radius: 100%;

    border-bottom-left-radius: 100%;

}



.portfolio-btn {

    background-color: var(--red);

    color: var(--white);

    padding: 10px 20px;

    border-radius: 10px;

}



section.portfolio.section-bottom.section-top {

    padding-top: 0;

}



/* Potfolio section end here */



/* Form section start here */

.form-section {

    background-image: url(../images/new-page-images/banner/form-banner.jpg);

    background-repeat: no-repeat;

    background-attachment: fixed;

    display: inline-block;

    width: 100%;

    padding: 65px 0px 50px;

    background-size: cover;

    background-position: center center;

}



.form-section h2,

.form-section p {

    color: var(--white);

}



.form-section form {

    background-color: var(--white);

    padding: 24px;

    border-radius: 20px;

}



.form-text {

    display: flex;

    align-items: start;

    justify-content: center;

    flex-flow: column;

    height: 500px;

}



.num {

    background-color: var(--blue);

    padding: 2px 6px;

    color: var(--white);

    font-size: 16px;

}



.form-section input,

.form-section select {

    background-color: #ababab70;

    height: 50px;

    border-radius: 0;

    color: var(--gray);

    font-size: 14px;

    border: none;

}



.form-section h3 {

    color: var(--blue);

    text-align: center;

}



.form-control:focus,

.form-select:focus {

    color: var(--bs-body-color);

    background-color: #ababab70;

    border-color: none;

    outline: 0;

    box-shadow: none;

}



/* Form section end here */



/* Blog section start here */

.blog .item {

    border: none;

    position: relative;

    padding: 20px 20px;

    margin-top: 0px;

    min-height: 430px;

}



.btn-icon i {

    color: var(--blue);

}



.blog h5 {

    color: var(--blue);

    font-weight: 700;

}



.blog-box>img {

    border-radius: 30px;

    margin-bottom: 20px;

}



.blog-box {

    box-shadow: 2px 2px 20px 1px #d7d7d7;

    min-height: 400px;

}



.blog-box .d-flex {

    height: 75px;

}



.blog-box h5 {

    font-size: 18px;

}





.blog .owl-carousel .owl-item img {

    width: 100%;

}



/* Blog section end here */



/* Address section start here */

.address-section {

    background-color: var(--white);

    text-align: center;

    color: var(--black);

    border-top: 2px solid var(--blue);

    padding: 20px 20px 20px 20px;

    margin-top: 0px;

    /* box-shadow: 0px 4px 15px 0px #141e46; */

}



.address-section p {

    color: var(--black);

}



.address-box>img {

    width: 35px;

    height: 26px;

    object-fit: cover;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 4px;

    margin-bottom: 8px;

}



.address-box {

    height: 140px;

    width: 100%;

}



.address-box p {

    font-size: 16px;

    line-height: 1.8;

}



.address-box p.address-bar-p {

    min-height: 52px;

    width: 90%;

    margin: auto;

}



/* Address section end here */



/* Footer section start here */

footer {

    background-color: var(--blue);

    color: var(--white);

    position: relative;

    margin-top: 50px;

}



#home-form textarea {

    background-color: #ababab70;

    border-radius: 0;

    color: var(--gray);

    font-size: 14px;

    border: none;

    width: 100%;

    height: 100px;

    overflow: hidden;

}



.main-footer {

    position: relative;

    padding: 0px 0 0 0;

}



.footer-heading h6 {

    color: var(--white);

    font-size: 15px;

}



.footer-heading {

    position: relative;

    text-transform: capitalize;

}



.footer-heading::before {

    content: '';

    position: absolute;

    width: 60px;

    height: 4px;

    top: 28px;

    border-radius: 10px;

    left: 0;

    background-color: var(--red);

}



.footer-list {

    list-style: none;

    margin-top: 30px;

}



.footer-list li {

    line-height: 2rem;

}



.footer-list li a {

    color: var(--white);

    transition: 0.5s;

    font-size: 14px;

    line-height: 1.75rem;

}



.footer-list li a:hover {

    color: var(--red);

    transform: translate(20px);

}



.footer-list li {

    transition: 0.5s;

}



.footer-list li:hover {

    color: var(--red);

    transform: translate(10px);

}



.main-footer form input {

    width: 100%;

    height: 42px;

    color: var(--gray);

    border-radius: 50px;

    border: none;

    padding-left: 15px;

    font-size: 14px;

}



.sub-btn {

    background-color: var(--red);

    padding: 8px 16px;

    border: none;

    color: var(--white);

    border-radius: 0px 25px 25px 0;

}



input,

button,

select {

    outline: none;

}



.main-footer form {

    margin-top: 30px;

}



.main-footer form button {

    margin-left: -45px;

}



.social-icon {

    display: flex;

    align-items: end;

}



.social-icon a:last-child {

    display: block;

    width: 30px;

    height: 30px;

    background-color: #ffffff;

    border-radius: 50px;

    position: relative;

    top: -5px;

}



.social-icon a:last-child svg {

    width: 24px;

    padding: 0px !important;

    height: 12px;

    margin-top: 0px;

}



.social-icon>a img {

    width: 20%;

    padding: 0px;

    margin-top: 18px;

    transition: 0.5s;

    margin-left: 4px;

}



.social-icon>a img:hover {

    transform: scale(1.2);

}



.copyright p {

    color: var(--white);

    text-align: center;

    font-size: 14px;

}



.copyright a {

    color: var(--white);

}



.copyright a:hover {

    color: var(--red);

}



.certificate-logo {

    width: 80%;

    gap: 0px;

}



.w-80 {

    width: 80%;

}



.footer-list svg:not(:host).svg-inline--fa,

.footer-list svg:not(:root).svg-inline--fa {

    font-size: 14px;

}



.form-section textarea {

    padding-left: 15px;

    padding-top: 15px;

}



.form-section .form-control:focus,

.form-section .form-select:focus,

.form-section textarea:focus {

    color: var(--bs-body-color);

    background-color: #ababab70;

    border-color: none;

    outline: 0;

    box-shadow: none;

}



.social-icon-custom svg {

    color: var(--white);

    font-size: 25px;

    padding: 10px;

}



.social-icon-custom a svg {

    width: 12px;

    height: 12px;

    border-radius: 30px;

    transition: 0.5s;

    margin: 0px 4px;

    margin-top: 20px;

}



.social-icon-custom a svg:hover {

    transform: scale(1.2);

}



.social-icon-custom .facebook-bg {

    background-color: #3a559f;

}



.social-icon-custom .linkedin-bg {

    background-color: #007ab9;

}



.social-icon-custom .twitter-bg {

    background-color: #000;

}



.social-icon-custom .youtube-bg {

    background-color: #f00;

}



.social-icon-custom .insta-bg {

    background: #f09433;

    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);

}



/* Footer section end here */



/* Owl section start here */

.owl-carousel .owl-item img {

    width: 28%;

}



.testimonials .owl-carousel .item {

    border: 1px solid #ddd !important;

}



.owl-nav button {

    position: absolute;

    top: 50%;

    background-color: #000;

    color: #fff;

    margin: 0;

    transition: all 0.3s ease-in-out;

}



.owl-nav button.owl-prev {

    left: 0;

}



.owl-nav button.owl-next {

    right: 0;

}



.owl-dots {

    text-align: center;

    padding-top: 15px;

}



.owl-dots button.owl-dot {

    width: 15px;

    height: 15px;

    border-radius: 50%;

    display: inline-block;

    background: #ccc;

    margin: 0 3px;

}



.owl-dots button.owl-dot.active {

    background-color: var(--red);

}



.owl-dots button.owl-dot:focus {

    outline: none;

}



.owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.38) !important;

}



.owl-stage-outer span {

    display: none;

}



.owl-nav button:focus {

    outline: none;

}



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev {

    display: none;

}



/* Owl section end here */



/* Mobile Navbar section start here */

.offcanvas-body a.nav-link.dropdown-toggle {

    color: var(--black);

}



button.navbar-toggler {

    border: none !important;

    outline: none !important;

}



.dropdown-menu {

    padding: 0px;

}



.navbar-toggler:hover {

    outline: none;

    border: none;

}



button#nav-home-tab,
button#nav-profile-tab,
button#nav-technologies-tab {
    /* width: 30%; */
    color: var(--red);
    padding: 10px 2px;
    border-radius: 0 !important;
    outline: none !important;
}

.mobiletabcontainer button {
    font-size: 14px;
}



button#nav-home-tab:active,

button#nav-profile-tab:active,
button#nav-technologies-tab:active {

    /* width: 30%; */

    color: var(--red);

}



.accordion-item {

    border: none;

}



.accordion-button:focus {

    z-index: 3;

    border-color: none;

    outline: none;

    box-shadow: none;

}



.accordion-button:not(.collapsed) {

    color: var(--red);

    background-color: var(--white);

    box-shadow: none;

}



/* Mobile Navbar section end here */











/*********************/

/*about page css start here*/

/*********************/

.feature-banner {

    max-height: 300px;

    overflow: hidden;

}



.feature-banner img {

    max-height: 300px;

    object-fit: cover;

}



.feature-banner h1 {

    animation: fadeInUpBig 2s;

}



.inner-page-content small.sub-heading {

    color: #C01F29;

    font-size: 20px;

    line-height: 1.5;

    padding-left: 70px;

}



.about-empowering-your-success {

    padding-bottom: 100px;

}



.about-empowering-your-success ul li:first-child figure img {

    width: 400px;

    height: 535px;

    object-fit: cover;

}



.about-empowering-your-success ul li:last-child {

    position: absolute;

    top: 232px;

    left: 350px;

}



.about-empowering-your-success ul li:last-child figcaption {

    background-color: #242E53;

    border-top-left-radius: 22px;

    border-top-right-radius: 22px;

    border-bottom-left-radius: 40px;

    border-bottom-right-radius: 40px;

}



.about-empowering-your-success ul li:last-child figcaption figure img {

    border: 12px solid #ffffff;

    border-radius: 20px;

}



.about-empowering-your-success ul li:last-child figcaption figure strong {

    text-align: center;

    font-size: 18px;

    padding-block: 12px;

    font-weight: 600;

}



.about-empowering-your-success ul li:last-child figcaption figure h5 {

    text-align: center;

    font-size: 40px;

    font-weight: 600;

}



.about-empowering-your-success-counter {

    display: flex;

    flex-flow: wrap;

    width: 440px;

    margin-block: 28px;

}



.about-empowering-your-success-counter dd {

    width: 50%;

    text-align: center;

}



.about-empowering-your-success-counter dd strong {

    color: #C01F29;

    font-weight: 400;

    font-size: 46px;

}



.about-convert-our-business h2 {

    padding-inline: 200px;

}



.about-convert-our-business ol {

    text-align: left;

    width: 100%;

    padding-left: 0px;

    display: flex;

    flex-flow: column;

    align-items: center;

}



.about-convert-our-business ol::before {

    position: absolute;

    content: '';

    width: 2px;

    height: 100%;

    background-color: #141E46;

    left: 50%;

    margin-left: -50px;

    border-radius: 10px;

}



.about-convert-our-business ol li {

    list-style-type: none;

    max-width: 500px;

}



.about-convert-our-business ol li h5 {

    color: #141E46;

    font-size: 16px;

    font-weight: 600;

    position: relative;

}



.about-convert-our-business ol li p {

    padding-right: 50px;

}



.about-convert-our-business ol li:nth-child(odd) {

    margin-left: 530px;

}



.about-convert-our-business ol li:nth-child(even) {

    margin-left: -530px;

}



.about-convert-our-business ol li:nth-child(odd) h5::before {

    position: absolute;

    content: '';

    width: 20px;

    height: 20px;

    background-color: #141E46;

    left: 0;

    margin-left: -74px;

    border-radius: 100px;

    animation: shadow-pulse 1s infinite;

}



.about-convert-our-business ol li:nth-child(even) h5::before {

    position: absolute;

    content: '';

    width: 20px;

    height: 20px;

    background-color: #141E46;

    right: 0;

    margin-right: 24px;

    border-radius: 100px;

    animation: shadow-pulse 1s infinite;

}



.about-navigating-business-advance {

    padding-left: 100px;

    padding-right: 100px;

}



.about-navigating-business-advance {

    background-image: url('images/new-page-images/about/navigation-complaxing-business.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-blend-mode: multiply;

    background-color: rgba(0, 0, 0, .50);

}



.about-navigating-business-advance h3 {

    font-size: 40px;

    font-weight: 600;

    padding-inline: 0em;

}



/* .about-navigating-business-advance p {padding-inline: 5em;} */

.about-navigating-business-advance ul {

    flex-flow: wrap;

    padding-inline: 75px;

}



.about-navigating-business-advance ul li {

    width: 24%;

    background-color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-block: 25px;

    position: relative;

    padding-left: 107px;

    transition: all linear .4s;

    -webkit-transition: all linear .4s;

    -moz-transition: all linear .4s;

}



.about-navigating-business-advance ul li:hover {

    transform: scale(1.03);

    image-rendering: -webkit-optimize-contrast;

    transition: all linear .4s;

    -webkit-transition: all linear .4s;

    -moz-transition: all linear .4s;

    cursor: pointer;

}



.about-navigating-business-advance ul li h6 {

    font-weight: 400;

    font-size: 14px !important;

    margin-bottom: 0px;

    padding-block: 30px;

}



.about-navigating-business-advance ul li figure {

    margin-bottom: 0px;

    width: 100px;

    height: 100px;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

}



.about-navigating-business-advance ul li figure img {

    width: 40%;

    object-fit: cover;

}



.about-navigating-business-advance ul li:first-child figure,

.about-navigating-business-advance ul li:last-child figure {

    background-color: #DDAF4B;

}



.about-navigating-business-advance ul li:nth-child(2) figure,

.about-navigating-business-advance ul li:nth-child(7) figure {

    background-color: #37C1B4;

}



.about-navigating-business-advance ul li:nth-child(3) figure,

.about-navigating-business-advance ul li:nth-child(6) figure {

    background-color: #FF6F69;

}



.about-navigating-business-advance ul li:nth-child(4) figure,

.about-navigating-business-advance ul li:nth-child(5) figure {

    background-color: #7CA2E1;

}



.about-strength-4-services dd figure img {

    max-width: 97px;

    image-rendering: -webkit-optimize-contrast;

}



.about-strength-4-services {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

}



.about-strength-4-services dd {

    max-width: 45%;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, .1);

    padding-block: 20px;

    padding-inline: 50px;

    border-radius: 20px;

    margin-bottom: 50px;

    cursor: pointer;

}



.global-list .dropdown-item.active,

.dropdown-item:active {

    background-color: var(--red);

    color: var(--white);

}



.about-strength-4-services dd:hover h4 {

    animation: fadeInDown .4s;

}



.about-get-your-footprints-section .col-xxl-5 figure img {

    border-radius: 20px;

}



span.play-icon {

    width: 70px;

    height: 70px;

    top: 50%;

    left: 50%;

    z-index: 11;

    background: linear-gradient(45deg, #BF1B1E, #DE2A26);

    border-radius: 100px;

    margin-top: -50px;

    margin-left: -25px;

    cursor: pointer;

    animation: shadow-pulse 1s infinite;

}



span.play-icon::before {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-left: 30px solid #ffffff;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    left: 50%;

    top: 50%;

    margin-top: -15px;

    margin-left: -10px;

}



a.arrow-right-btn {

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    color: #000000;

    position: relative;

    padding-left: 50px;

    display: inline-flex;

    height: 40px;

    align-items: center;

    justify-content: center;

}



a.arrow-right-btn:hover,

a.arrow-right-btn:focus {

    text-decoration: underline;

}



a.arrow-right-btn::before {

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 40px;

    height: 40px;

    background-color: #C01F29;

    border-radius: 100px;

}



a.arrow-right-btn::after {

    position: absolute;

    content: '';

    background-image: url('../images/new-page-images/about/arrow-right-white.svg');

    width: 30px;

    height: 30px;

    left: 5px;

    top: 5px;

    background-repeat: no-repeat;

    background-size: 50%;

    background-position: center center;

}



a.arrow-right-btn:hover::after {

    animation: slideInLeft infinite 1s;

}



.modal-content {

    width: 100%;

    background-color: transparent;

    border-radius: 0;

    border: none;

    margin: auto;

}



.btn-close {

    width: auto;

    padding: 0;

    margin-right: 0px;

}



.modal-dialog {

    max-width: 1000px;

    margin: auto;

    top: 15%;

}



.why-choose-us-vedio video {

    width: 100%;

}



/* .ruby-menu-demo-header ul.ruby-menu li.ruby-menu-mega-blog:nth-child(2) ul.ruby-menu-mega-blog-nav li:first-child > div {

    visibility: visible !important;

    opacity: 1 !important;

    transform: translate(0px) !important;

} */



/* This will make sure that 2nd and 3rd child ie. services and technologies have their submenu open by default */



.ruby-menu-demo-header ul.ruby-menu li.ruby-menu-mega-blog:hover ul.ruby-menu-mega-blog-nav li:first-child>div {

    visibility: visible !important;

    opacity: 1 !important;

    transform: translate(0px) !important;

}



/* first child background color */

.ruby-menu-demo-header ul.ruby-menu li.ruby-menu-mega-blog:hover ul.ruby-menu-mega-blog-nav li:first-child>a {

    background: #ddd
}



/* arrow after first element */

.ruby-menu-demo-header ul.ruby-menu li.ruby-menu-mega-blog:hover ul.ruby-menu-mega-blog-nav li:first-child>.triangle:after {

    content: "";

    position: absolute;

    right: 0;

    margin-top: 13px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 6px 8px 6px 0;

    border-color: transparent #fff transparent transparent
}







ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a {

    background: #ddd
}



.btn-close:focus {

    box-shadow: none;

}



@keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }



    100% {

        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

    }

}



@keyframes shadow-pulse-big {

    0% {

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

    }



    100% {

        box-shadow: 0 0 0 50px rgba(199, 1, 12, 0.40);

    }

}



/*********************/

/*about page css close here*/

/*********************/





/* New mega men design section start */

div.ruby-menu-demo-header {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    height: auto;

    padding: 0;

    margin: 0;

    z-index: 111;

}



div.ruby-menu-demo-header-bg {

    background: url(../img/bg.jpg)
}



div.ruby-menu-demo-header-bg div.ruby-menu-demo-download>span {

    color: #efefef
}



div.ruby-menu-demo-header-bg div.ruby-menu-demo-download>span>span {

    color: #efefef
}



div.ruby-menu-demo-description {

    position: relative;

    width: 980px;

    height: 160px;

    margin: 0 auto;

    padding: 0
}



div.ruby-menu-demo-description img {

    max-width: 200px;

    float: left;

    margin: 50px 20px 0 0
}



span.ruby-menu-demo-highlight {

    color: #333
}



div.ruby-menu-demo-bg-light,

div.ruby-menu-demo-bg-dark {

    width: 980px;

    height: auto;

    position: relative;

    background: #fff;

    margin: 0 auto;

    font-size: 16px
}



div.ruby-menu-demo-bg-dark {

    background: efefef
}



div.ruby-menu-demo-bg-light-c:after,

div.ruby-menu-demo-bg-dark-c:after {

    content: "";

    display: table;

    clear: both
}



div.ruby-menu-demo-cv-1 {

    float: left;

    width: 33%
}



div.ruby-menu-demo-cv-2 {

    float: left;

    width: 67%
}



div.ruby-menu-demo-cv-3 {

    float: left;

    width: 48%
}



div.ruby-menu-demo-cv-4 {

    float: left;

    width: 52%
}



div.ruby-menu-demo-cr-1 {

    float: left;

    width: 33%
}



div.ruby-menu-demo-cr-2 {

    float: left;

    width: 66%
}



div.ruby-menu-demo-cs-1 {

    float: left;

    width: 33%
}



div.ruby-menu-demo-cs-2 {

    float: left;

    width: 66%
}



div.ruby-menu-demo-cf-1,

div.ruby-menu-demo-cf-2,

div.ruby-menu-demo-cf-3,

div.ruby-menu-demo-cf-4 {

    float: left;

    width: 25%;

    text-align: center
}



div.ruby-menu-demo-f-icon {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin: 0 auto;

    padding: 22px;

    font-size: 30px;

    background: #efefef;

    color: #aaa
}



div.ruby-menu-demo-f-title {

    width: 100%;

    height: 30px;

    margin: 0 auto;

    margin-top: 20px;

    font-weight: 700;

    font-size: 18px
}



div.ruby-menu-demo-f-desc {

    font-size: 14px;

    line-height: 24px;

    color: #555;

    padding: 15px
}



div.ruby-menu-demo-cs-1 table {

    line-height: 20px
}



div.ruby-menu-demo-cs-1 table tr,

div.ruby-menu-demo-cs-1 table td {

    padding: 0;

    font-weight: 700
}



div.ruby-menu-demo-cs-1 table td:last-child {

    padding-top: 5px
}



h2.ruby-menu-demo-slogan-1,

h3.ruby-menu-demo-slogan-1 {

    font-size: 20px;

    font-weight: 300;

    text-transform: uppercase;

    color: #b1b1b1;

    margin: 0
}



h1.ruby-menu-demo-slogan-2,

h3.ruby-menu-demo-slogan-2 {

    font-size: 36px;

    font-weight: 700;

    text-transform: none;

    color: #222;

    margin: 0
}



p.ruby-menu-demo-slogan-description,

p.ruby-menu-demo-slogan-description-2 {

    font-size: 16px;

    line-height: 24px;

    color: #444;

    margin: 35px 0
}



p.ruby-menu-demo-slogan-description-2 {

    color: #666;

    font-weight: 600;

    margin: -10px 0
}



span.ruby-menu-demo-code {

    color: #888;

    text-decoration: underline
}



td.ruby-menu-demo-theme-td-1 {

    max-width: 30px;

    text-align: left;

    padding: 6px
}



td.ruby-menu-demo-theme-td-2 {

    min-width: 120px;

    text-align: left;

    padding: 6px
}



td.ruby-menu-demo-theme-td-1:hover {

    cursor: pointer
}



.ruby-menu-demo-circle {

    border-radius: 50%;

    width: 24px;

    height: 24px;

    border: 4px solid #222;

    display: inline-block;

    margin: 0
}



.ruby-menu-demo-color-1 {

    background: #1aad86
}



.ruby-menu-demo-color-2 {

    background: #0c67c2
}



.ruby-menu-demo-color-3 {

    background: #ce0661
}



.ruby-menu-demo-color-4 {

    background: #ea7500
}



.ruby-menu-demo-color-5 {

    background: #74ba27
}



.ruby-menu-demo-color-6 {

    background: #ff3264
}



.ruby-menu-demo-color-7 {

    background: #fad814
}



.ruby-menu-demo-color-8 {

    background: #ccc
}



.ruby-menu-demo-color-9 {

    background: #111;

    border-color: #ccc
}



.ruby-menu-demo-color-10 {

    background: #036de2;

    border-color: #489efd
}



.ruby-menu-demo-color-11 {

    background: #f85252;

    border-color: #444
}



.ruby-menu-demo-color-12 {

    background: #ca79d0;

    border-color: #f2def3
}



.ruby-menu-demo-color-13 {

    background: #efefef;

    border-color: #222
}



.ruby-menu-demo-color-14 {

    background: #ccc
}



div.ruby-menu-demo-download {

    position: absolute;

    width: auto;

    top: 55px;

    right: 0
}



div.ruby-menu-demo-download .fa {

    font-size: 20px;

    margin-right: 10px
}



div.ruby-menu-demo-download>span {

    font-size: 16px;

    display: block;

    margin: 10px 26px
}



div.ruby-menu-demo-download>span>span {

    font-size: 20px;

    color: #555;

    font-weight: 700
}



button.ruby-btn {

    background: var(--red);

    border: 2px solid var(--red);

    color: #fff;

    border-radius: 0;

    padding: 10px 25px;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer
}



button.ruby-btn:hover {

    background: #fff;

    color: var(--red);

}



.switch {

    display: table-cell;

    vertical-align: middle;

    padding: 10px
}



.cmn-toggle {

    position: absolute;

    margin-left: -9999px;

    visibility: hidden
}



.cmn-toggle+label {

    display: block;

    position: relative;

    cursor: pointer;

    outline: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



input.cmn-toggle-round+label {

    padding: 2px;

    margin-top: -10px;

    width: 40px;

    height: 20px;

    background-color: #ddd;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px
}



input.cmn-toggle-round+label:before,

input.cmn-toggle-round+label:after {

    display: block;

    position: absolute;

    top: 1px;

    left: 1px;

    bottom: 1px;

    content: ""

}



input.cmn-toggle-round+label:before {

    right: 1px;

    background-color: #f1f1f1;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    -webkit-transition: background .4s;

    -moz-transition: background .4s;

    -o-transition: background .4s;

    transition: background .4s
}



input.cmn-toggle-round+label:after {

    width: 18px;

    background-color: #fff;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border-radius: 100%;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    -webkit-transition: margin .4s;

    -moz-transition: margin .4s;

    -o-transition: margin .4s;

    transition: margin .4s
}



input.cmn-toggle-round:checked+label:before,

input.cmn-toggle-on+label:before {

    background-color: #8ce196
}



input.cmn-toggle-round:checked+label:after,

input.cmn-toggle-on+label:after {

    margin-left: 20px
}



input.cmn-toggle-on:checked+label:before {

    background-color: #f1f1f1
}



input.cmn-toggle-on:checked+label:after {

    margin-left: 0
}



img.iphone7 {

    max-width: 350px;

    float: right;

    margin-right: 0
}



/*1876*/

.video-client iframe {

    height: 350px;

}



.testimonail-cont {

    background-color: #f6f6f6;

    padding: 20px;

    border-radius: 15px;

    border-bottom: 4px double rgba(0, 0, 0, .10);

    position: relative;

    overflow: hidden;

    border-left: 1px solid rgba(0, 0, 0, .10);

    border-top: 1px solid rgba(0, 0, 0, .10);

    border-right: 1px solid rgba(0, 0, 0, .10);

    margin-block: 20px;

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

    min-height: 425px;

}



/* .testimonail-cont::before {

    position: absolute;

    content: '';

    border-bottom: 4px double rgba(0, 0, 0, .10);

    bottom: 2px;

    width: 100%;

    height: 4px;

    left: 0;

    border-top: 0;

    border-left: 0;

    border-right: 0px;

} */



.ratings svg path {

    fill: #F3B664;

}

@media screen and (min-width: 768px) and (max-width: 1281px) {
    .cf-turnstile {
        transform: scale(0.5);
        margin-left: -48px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1281px) {
    .cf-turnstile {
        margin-left: -66px !important;

    }
}

@media(max-width:768px) {
    .cf-turnstile {
        transform: scale(0.5);
        margin-left: -50px;
    }
}

@media(max-width:767px) {
    .cf-turnstile {
        transform: scale(1);
        margin-left: 0;
    }
}

.testimonail-cont .client-view {

    font-weight: 600;

}



/*1876*/



@media(min-width: 768px) and (max-width:991px) {

    body {

        overflow-x: hidden
    }



    div.ruby-menu-demo-description {

        position: relative;

        width: 760px;

        height: 160px;

        margin: 0 auto;

        padding: 0
    }



    div.ruby-menu-demo-description img {

        max-width: 200px;

        float: left;

        margin: 50px 20px 0 0
    }



    div.ruby-menu-demo-bg-light,

    div.ruby-menu-demo-bg-dark {

        width: 760px;

        font-size: 14px
    }



    div.ruby-menu-demo-cs-1 {

        width: 27%
    }



    div.ruby-menu-demo-cs-2 {

        width: 73%
    }



    td.ruby-menu-demo-theme-td-1 {

        max-width: 27px;

        padding: 7px
    }



    td.ruby-menu-demo-theme-td-2 {

        min-width: 100px;

        padding: 7px
    }



    .ruby-menu-demo-circle {

        width: 22px;

        height: 22px;

        border: 3px solid #222
    }



    img.iphone7 {

        max-width: 320px;

        float: right;

        margin-right: 20px
    }

}



@media(max-width: 767px) {

    div.ruby-menu-demo-header {

        width: 100%;

        height: auto
    }



    div.ruby-menu-demo-description {

        width: 100%;

        margin: 0 auto;

        margin-bottom: 220px;

        padding: 10px;

        text-align: center
    }



    div.ruby-menu-demo-description img {

        float: none;

        margin: 90px 0 0
    }



    div.ruby-menu-demo-download {

        position: relative;

        width: auto;

        top: 25px;

        right: auto;

        left: auto
    }



    div.ruby-menu-demo-download>span {

        font-size: 20px;

        margin: 25px auto
    }



    div.ruby-menu-demo-download>span>span {

        font-size: 26px
    }



    button.ruby-btn {

        padding: 14px 25px;

        font-size: 16px;

        text-transform: uppercase
    }



    div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {

        display: none
    }



    div.ruby-menu-demo-bg-light,

    div.ruby-menu-demo-bg-dark {

        width: 100%;

        font-size: 16px;

        padding: 25px;

        margin-bottom: -100px
    }



    div.ruby-menu-demo-cv-1 {

        width: 100%
    }



    div.ruby-menu-demo-cv-2 {

        width: 100%
    }



    div.ruby-menu-demo-cv-3 {

        width: 100%
    }



    div.ruby-menu-demo-cv-4 {

        width: 100%
    }



    div.ruby-menu-demo-cr-1 {

        width: 100%
    }



    div.ruby-menu-demo-cr-2 {

        width: 100%;

        margin-top: 40px
    }



    div.ruby-menu-demo-cf-1,

    div.ruby-menu-demo-cf-2,

    div.ruby-menu-demo-cf-3,

    div.ruby-menu-demo-cf-4 {

        float: left;

        width: 50%;

        text-align: center
    }



    div.ruby-menu-demo-f-desc {

        margin-bottom: 30px
    }



    img.iphone7 {

        max-width: 300px;

        float: none;

        margin-right: 0 auto
    }



    #contact-form {

        right: 0px !important;

        margin: auto 9px !important;

    }



}



/*767*/





/* theme */



div.ruby-wrapper,

div.ruby-wrapper.ruby-vertical {

    background: #f9f9f9;

    color: #222
}



ul.ruby-menu>li>a {

    color: #222
}



ul.ruby-menu>li>a:hover,

ul.ruby-menu>li:hover>a,

ul.ruby-menu>li.ruby-active-menu-item>a:hover,

ul.ruby-menu>li.ruby-active-menu-item:hover>a {

    background: #222;

    color: #fff
}



ul.ruby-menu>li.ruby-active-menu-item>a {

    background: #efefef;

    color: #222
}



ul.ruby-menu.ruby-menu-dividers>li>a,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a {

    border-left: 1px solid #ddd;

    border-right: 1px solid #fff
}



ul.ruby-menu.ruby-menu-dividers>li:first-child>a,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social:last-child>a {

    border-left: none
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {

    border: none;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #fff
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:first-child>a {

    border-top: none
}



ul.ruby-menu.ruby-menu-dividers>li>a:hover,

ul.ruby-menu.ruby-menu-dividers>li:hover>a {

    border-left: 1px solid #222;

    border-right: 1px solid #222
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a:hover,

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:hover>a {

    border-bottom: 1px solid #222
}



ul.ruby-menu.ruby-menu-dividers>li.ruby-active-menu-item>a {

    border-left: 1px solid #efefef;

    border-right: 1px solid #fff
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a {

    border-bottom: 1px solid #fff;

    border-left: none;

    border-right: none
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {

    border-left: none;

    border-right: none
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a:hover,

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item:hover>a {

    border-bottom: 1px solid #222;

    border-left: none
}



ul.ruby-menu>li>ul,

ul.ruby-menu>li>ul>li>ul,

ul.ruby-menu>li>ul>li>ul>li>ul {

    border-top: 4px solid #222
}



ul.ruby-menu>li>ul>li>a,

ul.ruby-menu>li>ul>li>ul>li>a,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a {

    background: #fff;

    color: #666
}



ul.ruby-menu>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>a:hover,

ul.ruby-menu>li>ul>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>ul>li>a:hover,

ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

    background: #efefef
}



ul.ruby-menu>li.ruby-menu-mega>div,

ul.ruby-menu>li.ruby-menu-mega-blog>div,

ul.ruby-menu>li.ruby-menu-mega-shop>div {

    background: #fff;

    border-top: 4px solid #222
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav {

    background: #efefef
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a {

    background: #efefef;

    color: #666
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a {

    background: #e6e6e6
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

    background: #fff
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a {

    background: #ddd
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {

    background: #efefef;

    border-bottom: 1px solid #ddd
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

    color: #666
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {

    background: #fff
}



ul.ruby-menu>li.ruby-menu-mega>div ul li>a,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a {

    color: #555
}



ul.ruby-menu>li.ruby-menu-mega>div ul li>a:hover,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a:hover {

    color: #222
}



ul.ruby-menu>li.ruby-menu-mega>div ul.ruby-list-with-images li span.ruby-list-desc {

    color: #999
}



span.ruby-c-title,

span.ruby-c-title a {

    color: #222
}



span.ruby-c-title a:hover,

span.ruby-c-category,

span.ruby-c-category a,

span.ruby-c-date,

span.ruby-c-date a {

    color: #444
}



span.ruby-c-category a:hover,

span.ruby-c-date a:hover {

    color: #222
}



@media(min-width: 768px) {



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {

        background-color: #222
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover {

        color: #333
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a:after,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a:after {

        border-color: transparent #fff transparent transparent
    }

    .rating-container4 .img__container {
        width: 115px !important;
    }

}



@media(max-width: 767px) {

    ul.ruby-menu>li>a {

        background: #efefef
    }



    ul.ruby-menu>li>a:hover,

    ul.ruby-menu>li:hover>a,

    ul.ruby-menu>li.ruby-active-menu-item>a:hover {

        background: #ccc;

        color: #111
    }



    ul.ruby-menu>li.ruby-active-menu-item>a {

        background: #ccc
    }



    ul.ruby-menu>li>ul>li>a,

    ul.ruby-menu>li>ul>li>ul>li>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

        background: #d1d1d1
    }



    ul.ruby-menu>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>a:hover,

    ul.ruby-menu>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>a:hover,

    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

        background: #d9d9d9;

        color: #111
    }



    ul.ruby-menu>li>ul>li>ul>li>a {

        background: #e5e5e5
    }



    ul.ruby-menu>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>a:hover {

        background: #e1e1e1
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li>a {

        background: #efefef
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

        background: #fff
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a {

        background: #bcbcbc
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a {

        background: #d9d9d9
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {

        background: #bcbcbc
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {

        background: #d9d9d9
    }



    span.ruby-dropdown-toggle:after {

        color: #fff
    }



    ul.ruby-menu>li>a:before,

    ul.ruby-menu>li>ul>li>a:before,

    ul.ruby-menu>li>ul>li>ul>li>a:before,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {

        background: #333
    }



    ul.ruby-menu>li>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {

        background: #555
    }



    ul.ruby-menu>li>ul>li>ul>li>a:before {

        background: #777
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {

        background: #999
    }



    .c-hamburger span {

        background: #222
    }



    .c-hamburger span::before,

    .c-hamburger span::after {

        background-color: #222
    }



    .c-hamburger--htx {

        background-color: #efefef;

        color: #222
    }



    .c-hamburger--htx.is-active {

        background-color: #ddd
    }



    ul.ruby-menu>li.ruby-menu-mega>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div {

        border-top: none
    }



    ul.ruby-menu>li>ul,

    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul {

        border-top: none
    }



    ul.ruby-menu.ruby-menu-dividers>li,

    ul.ruby-menu.ruby-menu-dividers>li>a,

    ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,

    ul.ruby-menu.ruby-menu-dividers>li>a:hover,

    ul.ruby-menu.ruby-menu-dividers>li:hover>a {

        border: none
    }

}



/* transision */



span.ruby-dropdown-toggle {

    transition: transform .3s ease
}



span.ruby-dropdown-toggle:after {

    transition: transform .3s ease
}



@media(min-width: 767px) {

    ul.ruby-menu>li>a:after {

        transition: all .3s ease
    }



    ul.ruby-menu>li>ul>li>a:after,

    ul.ruby-menu>li>ul>li>ul>li>a:after,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {

        transition: all .3s ease
    }



    ul.ruby-menu>li>ul,

    ul.ruby-menu>li>div {

        transform: translateY(25px);

        transition: all .3s ease
    }



    ul.ruby-menu>li:hover>ul,

    ul.ruby-menu>li:hover>div {

        transform: translateY(0)
    }



    ul.ruby-menu.ruby-vertical>li>ul,

    ul.ruby-menu.ruby-vertical>li>div {

        transform: translateX(25px);

        transition: all .3s ease
    }



    ul.ruby-menu.ruby-vertical>li:hover>ul,

    ul.ruby-menu.ruby-vertical>li:hover>div {

        transform: translateX(0)
    }



    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>ul {

        transform: translateX(25px);

        transition: all .3s ease
    }



    ul.ruby-menu>li>ul>li:hover>ul,

    ul.ruby-menu>li>ul>li>ul>li:hover>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>ul {

        transform: translateX(0)
    }



    ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,

    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>ul {

        transform: translateX(-25px);

        transition: all .3s ease
    }



    ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>ul,

    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>ul {

        transform: translateX(0)
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        transform: translateY(-50px);

        transition: all .5s ease
    }



    ul.ruby-menu>li.ruby-menu-mega-blog:hover>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>div {

        transform: translateY(0)
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        transform: translateX(50px);

        transition: all .5s ease
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog:hover>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>div,

    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>div {

        transform: translateX(0)
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {

        transform: translateY(-50px);

        transition: all .5s ease
    }



    ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {

        transform: translateY(0)
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li>div {

        transform: translateX(50px);

        transition: all .5s ease
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,

    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li:hover>div {

        transform: translateX(0)
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {

        -webkit-transition: all .4s ease;

        transition: all .4s ease
    }

}



/* main */



*,

:before,

:after {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box
}



div.ruby-wrapper {

    position: relative;

    /* width: 1780px; */

    height: 50px;

    margin: 0 auto;

    background: var(--blue);

}



div.ruby-wrapper ul {

    margin: 0;

    padding: 0;

    list-style: none
}



div.ruby-wrapper>ul {

    position: relative
}



ul.ruby-menu>li {

    float: left;

    font-size: 14px
}



ul.ruby-menu>li.ruby-menu-right {

    float: right
}



ul.ruby-menu>li>a {

    display: block;

    line-height: 50px;

    padding-inline: 20px;

    color: #efefef;

    text-decoration: none;

    font-weight: 500;

    text-transform: uppercase;

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

}



ul.ruby-menu>li>a:only-child {

    padding: 0 15px
}



ul.ruby-menu>li>a:hover,

ul.ruby-menu>li:hover>a,

ul.ruby-menu>li.ruby-active-menu-item>a:hover,

ul.ruby-menu>li.ruby-active-menu-item:hover>a {

    background: var(--red);

}



ul.ruby-menu>li>a:only-child:after,

ul.ruby-menu>li:hover>a:only-child:after {

    content: ''

}



ul.ruby-menu>li.ruby-active-menu-item>a {

    background: var(--red);

}



ul.ruby-menu>li>a .fa {

    position: relative;

    width: 24px
}



ul.ruby-menu>li>a>img {

    max-width: 16px;

    display: block
}



ul.ruby-menu>li.ruby-menu-social>a {

    padding: 0;

    width: 30px;

    padding: 0 8px;

    font-size: 16px
}



ul.ruby-menu>li.ruby-menu-social>a>span {

    display: none
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a {

    transition: all .5s ease;

    max-height: 50px;

    width: 30px;

    transition: all .5s ease;

    transition-delay: .3s
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a:hover {

    width: 120px
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover>span input,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a:hover>span input {

    transform: scaleY(1);

    max-width: 80px
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a span,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a span {

    display: inline
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social.ruby-menu-search>a>span input {

    position: absolute;

    width: 80px;

    height: 50px;

    line-height: 50px;

    margin: 0;

    background: none;

    color: #efefef;

    border: none;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    max-width: 0;

    transform: scaleY(0);

    transition: all .5s ease;

    transition-delay: .3s
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input:focus {

    outline: none;

    color: #efefef
}



ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a>span input::-webkit-input-placeholder {

    color: #efefef
}



ul.ruby-menu.ruby-menu-dividers>li>a,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a {

    border-left: 1px solid #111;

    border-right: 1px solid #666
}



ul.ruby-menu.ruby-menu-dividers>li:first-child>a,

ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social:last-child>a {

    border-left: none
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a {

    border: none;

    border-top: 1px solid #111;

    border-bottom: 1px solid #666
}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:first-child>a {

    border-top: none
}



ul.ruby-menu.ruby-menu-dividers>li>a:hover,

ul.ruby-menu.ruby-menu-dividers>li:hover>a {

    border-right: 1px solid var(--red);

}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li>a:hover,

ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li:hover>a {

    border-bottom: 1px solid var(--red);

}



ul.ruby-menu.ruby-menu-dividers>li.ruby-active-menu-item>a {

    border-right: 1px solid var(--red);

}



ul.ruby-menu.ruby-vertical.ruby-menu-dividers>li.ruby-active-menu-item>a {

    border-bottom: 1px solid var(--red);

}



ul.ruby-menu>li>ul,

ul.ruby-menu>li>ul>li>ul,

ul.ruby-menu>li>ul>li>ul>li>ul {

    position: absolute;

    -webkit-box-shadow: 0 8px 24px -5px #ccc;

    -moz-box-shadow: 0 8px 24px -5px #ccc;

    box-shadow: 0 25px 30px rgba(255, 255, 255, 0.15);

    border-top: 4px solid var(--red);

}



ul.ruby-menu>li>ul>li,

ul.ruby-menu>li>ul>li>ul>li {

    position: relative
}



ul.ruby-menu>li>ul>li>a,

ul.ruby-menu>li>ul>li>ul>li>a,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a {

    display: block;

    /* width: 170px; */

    line-height: 40px;

    padding: 0 35px 0 25px;

    background: #fff;

    color: var(--black);

    text-decoration: none;

    font-size: 14px
}



ul.ruby-menu>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>a:hover,

ul.ruby-menu>li>ul>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>ul>li>a:hover,

ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

    background: #efefef;

    color: var(--red);

}



ul.ruby-menu>li>ul>li>a:only-child:after,

ul.ruby-menu>li>ul>li>ul>li>a:only-child:after,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a:only-child:after {

    content: ""

}



ul.ruby-menu>li>ul>li>a .fa,

ul.ruby-menu>li>ul>li>ul>li>a .fa,

ul.ruby-menu>li>ul>li>ul>li>ul>li>a .fa {

    position: relative;

    width: 24px
}



ul.ruby-menu>li.ruby-menu-right>ul {

    right: 0
}



ul.ruby-menu>li>ul>li>ul,

ul.ruby-menu>li>ul>li>ul>li>ul {

    left: 170px;

    top: -4px;

    z-index: 100
}



ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,

ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul {

    left: auto;

    right: 170px
}



ul.ruby-menu>li.ruby-menu-mega>div,

ul.ruby-menu>li.ruby-menu-mega-blog>div,

ul.ruby-menu>li.ruby-menu-mega-shop>div {

    position: absolute;

    width: 100%;

    height: 75vh;

    top: 50px;

    left: 0;

    background: #fff;

    border-top: 4px solid var(--red);

    overflow: hidden;

    /* -webkit-box-shadow: 0 8px 24px -5px #ccc;

    -moz-box-shadow: 0 8px 24px -5px #ccc;

    box-shadow: 0 8px 24px -5px #ccc */

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav {

    position: relative;

    width: 240px;

    height: 100%;

    left: 0;

    top: 0;

    background: #efefef;

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li {

    font-size: 14px
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a {

    display: block;

    line-height: 40px;

    padding: 0 15px;

    background: #efefef;

    color: #666;

    text-decoration: none;

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

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a {

    background: #e6e6e6
}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

    position: absolute;

    width: 1100px;

    height: auto;

    min-height: 100%;

    left: 240px;

    top: 0;

    background: #fff;

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a {

    background: #ddd
}



ul.ruby-menu>li.ruby-menu-mega-shop>div {

    text-align: center;

    z-index: 999999
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {

    width: 100%;

    background: #efefef;

    margin: 0 auto;

    padding: 0;

    border-bottom: 1px solid #ddd;

    font-size: 0;

    z-index: 100
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li {

    display: inline-block;

    margin: 0
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

    display: block;

    padding: 20px 15px;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 14px;

    font-stretch: expanded;

    color: #666
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {

    text-decoration: none
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

    position: relative;

    text-decoration: none;

    display: inline-block
}



ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {

    position: absolute;

    width: 100%;

    left: 0;

    top: auto;

    margin-top: 1px;

    text-align: left;

    background: #fff;

    z-index: -1
}



div.ruby-grid,

div.ruby-grid-lined {

    position: relative;

    width: 100%;

    padding: 0;

    margin: 0
}



div.ruby-grid>div.ruby-row {

    position: relative;

    width: 100%;

    height: auto
}



div.ruby-grid>div.ruby-row div.ruby-row [class^="ruby-col"] {

    margin-top: 0px
}



div.ruby-grid>div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {

    margin-top: 0
}



div.ruby-grid.ruby-grid-lined>div.ruby-row:after {

    content: "";

    width: 100%;

    height: 1px;

    left: 0;

    bottom: 0;

    background: -webkit-linear-gradient(left, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0.48) 24%, rgba(204, 204, 204, 1) 50%, rgba(204, 204, 204, 0.42) 79%, rgba(204, 204, 204, 0) 100%)
}



div.ruby-grid.ruby-grid-lined>div.ruby-row:last-child:after {

    height: 0
}



div.ruby-grid>div.ruby-row::after {

    content: "";

    display: table;

    clear: both
}



div.ruby-grid>div.ruby-row [class^="ruby-col"] {

    position: relative;

    float: left;

    height: auto
}



div.ruby-grid>div.ruby-row>[class^="ruby-col"] {

    padding: 16px
}



div.ruby-grid>div.ruby-row>[class^="ruby-col"] [class^="ruby-col"] {

    padding-left: 16px
}



div.ruby-grid>div.ruby-row>[class^="ruby-col"] [class^="ruby-col"]:first-of-type {

    padding-left: 0
}



div.ruby-grid>div.ruby-row div.ruby-col-1 {

    width: 8.33%
}



div.ruby-grid>div.ruby-row div.ruby-col-2 {

    width: 16.66%
}



div.ruby-grid>div.ruby-row div.ruby-col-3 {

    width: 23% !important;

}



div.ruby-grid>div.ruby-row div.ruby-col-4 {

    width: 33.33%
}



div.ruby-grid>div.ruby-row div.ruby-col-5 {

    width: 41.66%
}



div.ruby-grid>div.ruby-row div.ruby-col-6 {

    width: 50%
}



div.ruby-grid>div.ruby-row div.ruby-col-7 {

    width: 58.33%
}



div.ruby-grid>div.ruby-row div.ruby-col-8 {

    width: 66.66%
}



div.ruby-grid>div.ruby-row div.ruby-col-9 {

    width: 75%
}



div.ruby-grid>div.ruby-row div.ruby-col-10 {

    width: 83.33%
}



div.ruby-grid>div.ruby-row div.ruby-col-11 {

    width: 91.66%
}



div.ruby-grid>div.ruby-row div.ruby-col-12 {

    width: 100%
}



div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^="ruby-col"]:after {

    content: "";

    position: absolute;

    top: 0;

    width: 1px;

    height: 100%;

    right: 0;

    /* background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%) */

}



div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^="ruby-col"]:last-child:after {

    width: 0
}



div.ruby-grid img {

    position: relative;

    max-width: 100%;

    height: auto;

    display: block
}



h3.ruby-list-heading {

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    margin: 0
}



ul.ruby-menu>li.ruby-menu-mega>div ul,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul {

    margin: 0;

    margin-top: 10px
}



ul.ruby-menu>li.ruby-menu-mega>div ul li,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li {

    position: relative;

    font-size: 14px;

    line-height: 28px;

    display: block;

    width: 100%
}



ul.ruby-menu>li.ruby-menu-mega>div ul li>a,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a {

    text-decoration: none;

    color: #555;

    display: inline-block
}



ul.ruby-menu>li.ruby-menu-mega>div ul li>a:hover,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li>a:hover {

    color: var(--red);

    text-decoration: underline;

}



ul.ruby-menu>li.ruby-menu-mega>div ul li .fa,

ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div ul>li .fa {

    position: relative;

    width: 24px
}



ul.ruby-menu>li.ruby-menu-mega>div ul.ruby-list-with-images li {

    height: 50px
}



ul.ruby-menu>li.ruby-menu-mega>div ul.ruby-list-with-images li span.ruby-list-desc {

    font-size: 11px;

    display: block;

    position: absolute;

    top: 16px;

    left: 72px;

    color: #999
}



ul.ruby-menu>li.ruby-menu-mega>div ul li>a>img {

    float: left;

    width: 60px;

    margin-right: 12px
}



span.ruby-c-title,

span.ruby-c-category,

span.ruby-c-date {

    position: relative;

    display: block
}



span.ruby-c-title a,

span.ruby-c-category a,

span.ruby-c-date a {

    text-decoration: none;

    text-transform: capitalize;

    transition: 0.5s;

}



span.ruby-c-title,

span.ruby-c-title a {

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 2px;

    margin-top: 0px;

    color: var(--black);

    margin-bottom: 0px;

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

}



span.ruby-c-title a {

    transition: 0.5s;

}



span.ruby-c-title a:hover {

    color: var(--red);

    text-decoration: underline;

    transform: translate(20px);

}



span.ruby-c-category,

span.ruby-c-category a {

    font-size: 11px;

    margin: 9px 0;

    color: #444
}



span.ruby-c-date,

span.ruby-c-date a {

    font-size: 11px;

    color: #444
}



span.ruby-c-category a:hover,

span.ruby-c-date a:hover {

    color: var(--red);

}



div.ruby-c-inline {

    display: block;

    position: relative;

    height: 14px;

    margin: 7px 0
}



div.ruby-c-inline span.ruby-c-category,

div.ruby-c-inline span.ruby-c-date {

    position: absolute;

    display: inline-block
}



div.ruby-c-inline span.ruby-c-date {

    right: 0
}



div.ruby-c-inline span.ruby-c-category,

div.ruby-c-inline span.ruby-c-category a {

    margin: 0
}



span.ruby-c-content {

    display: block;

    position: relative;

    top: 7px;

    font-size: 12px;

    line-height: 18px;

    text-align: justify
}



.ruby-wrapper .visible-xs {

    visibility: hidden;

    position: absolute
}



@media(min-width: 768px) {

    div.ruby-wrapper.ruby-menu-transparent {

        background: none
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {

        background: none
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social>a {

        border: none
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a {

        border: none
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li:hover>a,

    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li>a:hover,

    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li:hover>a,

    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu.ruby-menu-dividers>li>a:hover {

        background: none;

        color: #e2e2e2
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a:hover,

    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-menu-social.ruby-menu-search:hover>a {

        background: none
    }



    div.ruby-wrapper.ruby-menu-full-width {

        width: 100%
    }



    div.ruby-wrapper.ruby-menu-full-width>ul.ruby-menu {

        width: 980px;

        margin: 0 auto
    }



    ul.ruby-menu>li>ul,

    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul {

        visibility: hidden;

        opacity: 0
    }



    ul.ruby-menu>li:hover>ul,

    ul.ruby-menu>li>ul>li:hover>ul,

    ul.ruby-menu>li>ul>li>ul>li:hover>ul {

        visibility: visible;

        opacity: 1
    }



    ul.ruby-menu>li.ruby-menu-mega>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div {

        visibility: hidden;

        opacity: 0
    }



    ul.ruby-menu>li.ruby-menu-mega:hover>div,

    ul.ruby-menu>li.ruby-menu-mega-blog:hover>div,

    ul.ruby-menu>li.ruby-menu-mega-shop:hover>div {

        visibility: visible;

        opacity: 1
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        visibility: hidden;

        opacity: 0
    }



    ul.ruby-menu>li.ruby-menu-mega-blog:hover>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>div {

        visibility: visible;

        opacity: 1
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>div {

        visibility: visible;

        opacity: 1;

        z-index: 101
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {

        visibility: hidden;

        opacity: 0
    }



    ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {

        visibility: visible;

        opacity: 1
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {

        height: 1px;

        position: absolute;

        content: '';

        background-color: var(--red);

        width: 0
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {

        top: 10px;

        left: 5%
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {

        bottom: 10px;

        right: 5%
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover,

    .snip1217 .current a {

        color: #333
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover:after,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a:after,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a:after {

        width: 90%
    }



    ul.ruby-menu>li>a:after {

        /* font-family: "FontAwesome"; */

        text-decoration: none;

        /* content: '\f107'; */

        position: absolute;

        margin-left: 5px
    }



    ul.ruby-menu>li:hover>a:after {

        -webkit-transform: rotate(-180deg);

        -moz-transform: rotate(-180deg);

        -o-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

        transform: rotate(-180deg)
    }



    ul.ruby-menu>li>ul>li>a:after,

    ul.ruby-menu>li>ul>li>ul>li>a:after,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {

        font-family: "FontAwesome";

        text-decoration: none;

        font-size: 16px;

        padding: 0;

        content: '\f105';

        position: absolute;

        right: 15px
    }



    ul.ruby-menu>li>ul>li:hover>a:after,

    ul.ruby-menu>li>ul>li>ul>li:hover>a:after,

    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a:after {

        -webkit-transform: rotate(-180deg);

        -moz-transform: rotate(-180deg);

        -o-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

        transform: rotate(-180deg)
    }



    ul.ruby-menu>li>ul>li.ruby-open-to-left>a:after,

    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>a:after,

    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>a:after {

        content: '\f104';

        right: auto;

        left: 10px
    }



    ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>a:after,

    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>a:after,

    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>a:after {

        -webkit-transform: rotate(-180deg);

        -moz-transform: rotate(-180deg);

        -o-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

        transform: rotate(-180deg)
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a:after,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a:after {

        content: "";

        position: absolute;

        right: 0;

        margin-top: 13px;

        width: 0;

        height: 0;

        border-style: solid;

        border-width: 6px 8px 6px 0;

        border-color: transparent #fff transparent transparent
    }

}



/* responsive */



@media(max-width: 767px) {

    div.ruby-wrapper .hidden-xs {

        visibility: hidden;

        display: none
    }



    div.ruby-wrapper {

        position: absolute;

        width: 100%;

        top: 0;

        background: #111
    }



    .ruby-wrapper .visible-xs {

        visibility: visible;

        position: absolute;

        left: 0;

        top: 0
    }



    div.ruby-wrapper>ul {

        position: absolute;

        top: 50px;

        width: 100%
    }



    ul.ruby-menu>li,

    ul.ruby-menu>li.ruby-menu-right {

        float: none
    }



    ul.ruby-menu>li>a {

        padding: 0 65px;

        background: var(--red);

    }



    ul.ruby-menu>li>a:only-child {

        padding: 0 65px
    }



    ul.ruby-menu>li>a:hover,

    ul.ruby-menu>li:hover>a,

    ul.ruby-menu>li.ruby-active-menu-item>a:hover {

        background: var(--red);

    }



    ul.ruby-menu>li.ruby-active-menu-item>a {

        background: var(--red);

    }



    ul.ruby-menu>li.ruby-menu-social>a>span {

        display: block
    }



    ul.ruby-menu>li>ul,

    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul {

        position: relative;

        width: 100%;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

        border-top: none
    }



    ul.ruby-menu>li,

    ul.ruby-menu>li>ul>li,

    ul.ruby-menu>li>ul>li>ul>li,

    ul.ruby-menu>li>ul>li>ul>li>ul>li {

        position: relative
    }



    ul.ruby-menu>li>ul>li>a,

    ul.ruby-menu>li>ul>li>ul>li>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a {

        width: 100%;

        line-height: 50px;

        padding: 0 80px;

        background: #d1d1d1
    }



    ul.ruby-menu>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>a:hover,

    ul.ruby-menu>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>a:hover,

    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

        background: #d9d9d9;

        color: #111
    }



    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul>li>ul {

        left: auto;

        top: auto;

        z-index: auto
    }



    ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,

    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul {

        left: auto;

        right: auto
    }



    ul.ruby-menu>li>ul>li>ul>li>a {

        background: #e5e5e5;

        padding: 0 95px
    }



    ul.ruby-menu>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>a:hover {

        background: #e1e1e1
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li>a {

        background: #efefef;

        padding: 0 110px
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>a,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:hover {

        background: #fff
    }



    ul.ruby-menu>li.ruby-menu-social>a {

        border: none
    }



    ul.ruby-menu>li.ruby-menu-mega,

    ul.ruby-menu>li.ruby-menu-mega-blog,

    ul.ruby-menu>li.ruby-menu-mega-shop {

        position: relative
    }



    ul.ruby-menu>li.ruby-menu-mega>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div {

        position: relative;

        top: auto;

        left: auto;

        border-top: none;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav {

        width: 100%;

        height: auto;

        left: auto;

        top: auto
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li {

        position: relative
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a {

        line-height: 50px;

        padding: 0 75px;

        background: #d1d1d1;

        color: #222
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>a {

        background: #bcbcbc
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        position: relative;

        width: 100%;

        min-height: auto;

        left: auto;

        top: auto;

        z-index: auto
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>a {

        background: #d9d9d9
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div {

        position: relative;

        text-align: left
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul {

        position: relative;

        border: none;

        font-size: 14px;

        margin-bottom: -1px
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li {

        position: relative;

        display: block;

        margin-top: -1px
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

        padding: 0 80px;

        line-height: 50px;

        max-height: 50px;

        text-transform: none;

        font-weight: 400;

        background: #d1d1d1;

        color: #222;

        border: none
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {

        background: #bcbcbc
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>a,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:hover,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li.ruby-active-menu-item>a {

        background: #d9d9d9
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

        display: block
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {

        position: relative;

        top: 0;

        z-index: 9999;

        margin: 0
    }



    ul.ruby-menu>li.ruby-menu-social img {

        display: inline-table;

        position: absolute;

        top: 15px
    }



    ul.ruby-menu>li.ruby-menu-social>a {

        width: 100%
    }



    ul.ruby-menu>li.ruby-menu-social .fa {

        position: absolute;

        top: 17px
    }



    ul.ruby-menu>li.ruby-menu-social span {

        line-height: 50px;

        padding: 0 25px
    }



    span.ruby-dropdown-toggle {

        position: absolute;

        width: 50px;

        height: 50px;

        max-width: 50px;

        max-height: 50px;

        left: 0;

        top: 0;

        padding: 10px 17px;

        z-index: 1000000;

        cursor: pointer
    }



    span.ruby-dropdown-toggle:after {

        font-family: "FontAwesome";

        text-decoration: none;

        content: '\f107';

        color: #fff;

        font-size: 25px;

        right: 0
    }



    span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)
    }



    ul.ruby-menu>li>a:before,

    ul.ruby-menu>li>ul>li>a:before,

    ul.ruby-menu>li>ul>li>ul>li>a:before,

    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {

        content: "";

        width: 50px;

        height: 50px;

        background: #333;

        position: absolute;

        left: 0;

        top: 0
    }



    ul.ruby-menu>li>ul>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>a:before,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before {

        background: #555
    }



    ul.ruby-menu>li>ul>li>ul>li>a:before {

        background: #777
    }



    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:before {

        background: #999
    }



    ul.ruby-menu>li>ul>li>ul>li>ul,

    ul.ruby-menu>li>ul>li>ul,

    ul.ruby-menu>li>ul,

    ul.ruby-menu,

    ul.ruby-menu>li.ruby-menu-mega>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div,

    ul.ruby-menu>li.ruby-menu-mega-blog>div,

    ul.ruby-menu>li.ruby-menu-mega-shop>div {

        max-height: 0;

        transform: scaleY(0);

        overflow: hidden
    }



    ul.ruby-menu>li>ul.ruby-mobile-sublevel-show,

    ul.ruby-menu>li>ul>li>ul.ruby-mobile-sublevel-show,

    ul.ruby-menu>li>ul>li>ul>li>ul.ruby-mobile-sublevel-show,

    ul.ruby-menu.ruby-mobile-sublevel-show,

    ul.ruby-menu>li.ruby-menu-mega>div.ruby-mobile-sublevel-show,

    ul.ruby-menu>li.ruby-menu-mega-blog>div.ruby-mobile-sublevel-show,

    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div.ruby-mobile-sublevel-show,

    ul.ruby-menu>li.ruby-menu-mega-shop>div.ruby-mobile-sublevel-show,

    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div.ruby-mobile-sublevel-show {

        max-height: 20000px;

        transform: scaleY(1)
    }



    div.ruby-grid>div.ruby-row div.ruby-row [class^="ruby-col"] {

        margin-top: 0
    }



    div.ruby-grid>div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {

        margin-top: 0
    }



    div.ruby-grid.ruby-grid-lined>div.ruby-row:after {

        height: 0
    }



    div.ruby-grid>div.ruby-row>[class^="ruby-col"] {

        padding: 0
    }



    div.ruby-grid>div.ruby-row>[class^="ruby-col"] [class^="ruby-col"] {

        padding-left: 0
    }



    div.ruby-grid>div.ruby-row>[class^="ruby-col"] [class^="ruby-col"]:first-of-type {

        padding-left: 0
    }



    div.ruby-grid>div.ruby-row div.ruby-col-1,

    div.ruby-grid>div.ruby-row div.ruby-col-2,

    div.ruby-grid>div.ruby-row div.ruby-col-3,

    div.ruby-grid>div.ruby-row div.ruby-col-4,

    div.ruby-grid>div.ruby-row div.ruby-col-5,

    div.ruby-grid>div.ruby-row div.ruby-col-6,

    div.ruby-grid>div.ruby-row div.ruby-col-7,

    div.ruby-grid>div.ruby-row div.ruby-col-8,

    div.ruby-grid>div.ruby-row div.ruby-col-9,

    div.ruby-grid>div.ruby-row div.ruby-col-10,

    div.ruby-grid>div.ruby-row div.ruby-col-11,

    div.ruby-grid>div.ruby-row div.ruby-col-12 {

        width: 100%;

        padding: 20px 30px
    }



    div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^="ruby-col"]:after {

        width: 0
    }



    div.ruby-grid img {

        position: relative;

        max-width: 100%;

        height: auto;

        display: block
    }



    div.ruby-grid>div.ruby-row::after {

        content: "";

        display: table;

        clear: both
    }



    .c-hamburger {

        display: block;

        position: relative;

        overflow: hidden;

        margin: 0;

        padding: 0;

        width: 50px;

        height: 50px;

        font-size: 0;

        text-indent: -9999px;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        box-shadow: none;

        border-radius: none;

        border: none;

        cursor: pointer;

        -webkit-transition: background .3s;

        transition: background .3s
    }



    .c-hamburger:focus {

        outline: none
    }



    .c-hamburger span {

        display: block;

        position: absolute;

        top: 24px;

        left: 8px;

        right: 8px;

        height: 3px;

        background: #fff
    }



    .c-hamburger span::before,

    .c-hamburger span::after {

        position: absolute;

        display: block;

        left: 0;

        width: 100%;

        height: 3px;

        background-color: #fff;

        content: ""

    }



    .c-hamburger span::before {

        top: -10px
    }



    .c-hamburger span::after {

        bottom: -10px
    }



    .c-hamburger--htx {

        background-color: var(--red);

    }



    .c-hamburger--htx span {

        -webkit-transition: background 0 .3s;

        transition: background 0 .3s
    }



    .c-hamburger--htx span::before,

    .c-hamburger--htx span::after {

        -webkit-transition-duration: 0.3s, .3s;

        transition-duration: 0.3s, .3s;

        -webkit-transition-delay: 0.3s, 0;

        transition-delay: 0.3s, 0
    }



    .c-hamburger--htx span::before {

        -webkit-transition-property: top, -webkit-transform;

        transition-property: top, transform
    }



    .c-hamburger--htx span::after {

        -webkit-transition-property: bottom, -webkit-transform;

        transition-property: bottom, transform
    }



    .c-hamburger--htx.is-active {

        background-color: #333
    }



    .c-hamburger--htx.is-active span {

        background: none
    }



    .c-hamburger--htx.is-active span::before {

        top: 0;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg)
    }



    .c-hamburger--htx.is-active span::after {

        bottom: 0;

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        transform: rotate(-45deg)
    }



    .c-hamburger--htx.is-active span::before,

    .c-hamburger--htx.is-active span::after {

        -webkit-transition-delay: 0s, .3s;

        transition-delay: 0s, .3s
    }



    ul.ruby-menu.ruby-menu-dividers>li,

    ul.ruby-menu.ruby-menu-dividers>li>a,

    ul.ruby-menu.ruby-menu-dividers>li.ruby-menu-social>a,

    ul.ruby-menu.ruby-menu-dividers>li>a:hover,

    ul.ruby-menu.ruby-menu-dividers>li:hover>a {

        border: none
    }



    div.ruby-wrapper.ruby-menu-transparent>ul.ruby-menu>li.ruby-active-menu-item>a {

        padding-left: 45px
    }



    ul.ruby-menu>li.ruby-menu-social.ruby-menu-search>a {

        display: none
    }

}



@media(min-width: 768px) and (max-width:991px) {

    .ruby-wrapper .hidden-md {

        visibility: hidden;

        display: none
    }



    div.ruby-wrapper {

        width: 760px
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav {

        width: 170px
    }



    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        width: 590px;

        left: 170px
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega>div,

    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div,

    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div {

        width: 560px
    }



    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

        width: 360px
    }



    span.ruby-c-date {

        display: none;

        visibility: hidden;

        opacity: 0
    }



    div.ruby-grid>div.ruby-row div.ruby-col-3-md {

        width: 25%
    }



    div.ruby-grid>div.ruby-row div.ruby-col-4-md {

        width: 33.33%
    }



    div.ruby-grid>div.ruby-row div.ruby-col-6-md {

        width: 50%
    }



    div.ruby-grid>div.ruby-row div.ruby-col-12-md {

        width: 100%
    }



    div.ruby-grid.ruby-grid-lined>div.ruby-row:after,

    div.ruby-grid.ruby-grid-lined>div.ruby-row>div[class^="ruby-col"]:after {

        background: none
    }



    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a {

        padding: 20px 5px;

        font-size: 12px;

        font-stretch: condensed;

        color: #666
    }

}



.dropdown-toggle::after {

    opacity: 0;

}



.blog-box h5 a {

    color: var(--blue);

}



span.ruby-c-title,

span.ruby-c-title a {

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 22px;

    margin-top: 0px;

    color: var(--grey);

    overflow: hidden;

    letter-spacing: 0px;

    margin-bottom: 0px;

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

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

    position: absolute;

    width: 100vw;

    height: auto;

    min-height: 100%;

    left: 240px;

    top: 0;

    background: #fff;

}



div.ruby-grid>div.ruby-row div.ruby-col-3 {

    width: auto;

}



.bpo-menu.ruby-grid.ruby-grid-lined .ruby-row {

    display: flex;

    flex-flow: wrap;

}



.bpo-menu.ruby-grid.ruby-grid-lined .ruby-row .ruby-col-3 {

    width: 18%;

}



.bpo-menu div.ruby-grid>div.ruby-row>[class^="ruby-col"] {

    padding: 16px 8px;

}



ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {

    position: absolute;

    width: 85vw;

    height: auto;

    min-height: 100%;

    left: 240px;

    top: 0;

    background: #fff;

}



.bpo-menu span.ruby-c-title,

span.ruby-c-title a {

    font-size: 14px;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 20px;

    margin-top: 0px;

    color: var(--grey);

    overflow: hidden;

    letter-spacing: 0px;

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

}



.ruby-c-title.menu-heading,

.ruby-c-title.menu-heading a {

    font-size: 15px;

    position: relative;

    line-height: 20px;

}



.navbar-toggler:focus {

    outline: none;

    box-shadow: none;

}



.bpo-menu span.ruby-c-title a>strong {

    font-weight: 700;

    background-color: #cb4040;

    padding: 3px 5px;

    color: #fff;

    border-radius: 8px;

    display: inline-block;

    margin-bottom: 10px;

}



span.ruby-c-title a>strong {

    font-weight: 700;

    background-color: #cb4040;

    padding: 3px 5px;

    color: #fff;

    border-radius: 8px;

    display: inline-block;

    margin-bottom: 10px;

}



/* New mega men design section end */



/* 14-11-2023 start */





.cartFeature h3 img {

    margin-right: 8px;

    max-width: max-content;

}



.sidebar h2 {

    background-color: #d8d8d8;

    color: #fff;

    line-height: inherit;

    font-size: 18px;

    padding: 12px 15px;

    text-transform: capitalize;

    border-bottom: 4px solid #c9c9c9;

}



.middlePortion input,

.middlePortion select,

.middlePortion textarea {

    border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    border: 1px solid #c2c2c2;

    width: 100%;

    padding: 3px 8px 3px;

    margin-bottom: 6px;

    font-size: 14px;

    color: gray;

    resize: none;

    transition: all ease-in-out 0.4s;

    -moz-transition: all ease-in-out 0.4s;

    -ms-transition: all ease-in-out 0.4s;

    -o-transition: all ease-in-out 0.4s;

    -webkit-transition: all ease-in-out 0.4s;

    outline: none;

}



select[name="countrycode"] {

    background-image: url('../css/images/contact-ddl-menu.png');

    background-size: 20px;

    background-position: right center;

    background-repeat: no-repeat;

}



#backtop {

    position: fixed;

    bottom: 25px;

    right: 25px;

    width: 50px;

    height: 50px;

    border-radius: 50px;

    z-index: 2;

    padding: 0;

    animation: shadow-pulse 1s infinite;

}



.middlePortion {

    display: inline-block;

    padding-left: 15px;

    padding-right: 15px;

    width: 260px;

}



.sideBox {

    background: #f6f6f6;

    padding-bottom: 1px;

}



.nop-the a.nopThemelink {

    background-color: #747474;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    display: inline-block;

    text-align: center;

    padding: 10px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

}



.middlePortion button {

    width: 100%;

    background-color: #c6a300;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    border: none;

    margin-bottom: 10px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    padding: 8px 0px;

    transition: all ease-in-out 0.4s;

    -moz-transition: all ease-in-out 0.4s;

    -ms-transition: all ease-in-out 0.4s;

    -o-transition: all ease-in-out 0.4s;

    -webkit-transition: all ease-in-out 0.4s;

}



.cartFeature .row .col-md-9 p img {

    max-width: max-content;

    margin-right: 10px;

}



.gif-img img {

    width: 50%;

}



.gif-img p {

    text-align: center;

    background: #fff;

    margin-top: 4px;

}



ul.sidebarClient li {

    width: 225px !important;

    text-align: center;

    margin-left: 10px;

    padding: 0px;

}



ul.sidebarClient li img {

    max-width: max-content;

}



ul.sidelink li a {

    position: relative;

    color: #424242;

    font-size: 14px;

    padding: 2px 0px 2px 20px;

    display: block;

    transition: 0.5s ease-in-out;

    text-decoration: underline;

}



ul.sidelink li a:hover,

ul.sidelink li a:focus {

    text-decoration: none;

}



ul.sidelink li a:before {

    content: '\f105';

    font-family: "FontAwesome";

    position: absolute;

    left: 8px;

    top: 2px;

    width: 20px;

    height: 20px;

    color: #424242;

    font-size: 14px;

    transition: 0.5s ease-in-out;

}



.cartFeature h1 {

    color: #c7010c;

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

}



.sideBox.gotQuestion.mt-2 .g-recaptcha {

    transform: scale(0.76, 0.85);

    transform-origin: left;

}



.banner {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding-block: 50px;

}



.mycolum .mybox .list-icon img {

    max-width: max-content;

}



.mybox {

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

    height: 100%;

    border: 1px solid rgba(0, 0, 0, 0.050);

    border-radius: 15px !important;

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

    padding: 20px 10px 10px !important;

    overflow: hidden;

}



.breadcrumbBg ul.breadcrumb,

.breadcrumbBg ul.breadcrumb li a {

    color: #000000;

}



.breadcrumbBg ul.breadcrumb li a {

    text-decoration: underline;

}



.breadcrumbBg ul.breadcrumb li a:hover,

.breadcrumbBg ul.breadcrumb li a:focus {

    text-decoration: none;

}



.breadcrumbBg ul.breadcrumb {

    margin-bottom: 0;

}



.breadcrumbBg ul.breadcrumb li {

    position: relative;

    margin-inline-end: 20px;

    text-transform: capitalize;

    color: #000000;

    font-size: 14px;

}



.breadcrumbBg ul.breadcrumb li::before {

    position: absolute;

    content: '\f105';

    right: -15px;

    top: 0;

    font-size: 12px;

    font-family: "FontAwesome";

}



.breadcrumbBg ul.breadcrumb li:last-child::before {

    display: none;

}



.banner-outer h1 {

    text-transform: capitalize;

    color: #fff;

    display: block;

    text-align: center;

}



.banner-1 {

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

    padding: 60px 0;

    background-blend-mode: multiply;

    background-color: rgb(116 116 116);

    background-position: bottom center;

    background-attachment: scroll;

    background-size: contain;

}



.inner-icons {

    text-align: left;

    background-color: #c9010c;

    padding: 5px !important;

    border-radius: 50px;

    margin-right: 10px;

    height: 30px;

    max-width: max-content;

}



.card-icon {

    max-width: 50px;

    max-height: 50px;

    margin: 4% auto 0%;

    background-color: #c9010c;

    box-shadow: 0 2px 3px #606060;

    border: 2px solid #fff;

    border-radius: 50px;

    padding: 2%;

    color: #fff;

}



h2.heading-text,

.card-body .card-title {

    font-size: 20px;

    font-weight: 600;

}



.copy-card {

    text-align: center;

    padding: 0;

    margin: 2%;

    width: 46%;

    display: flex;

    justify-content: space-around;

}



.copy-card .card {

    border-color: rgb(184 184 184 / 60%);

    border-radius: 12px;

    background: #edededc2;

}







.card-img,

.card-img-top {

    border-top-left-radius: calc(0.25rem - 1px);

    border-top-right-radius: calc(0.25rem - 1px);

}



.amazon-dropshipping-wp h2.heading-text {

    display: flex;

    align-items: center;

}



.advertising-accordion-button {

    border: none;

    width: 100%;

    background-color: #efefef;

    border: 1px solid rgba(0, 0, 0, .1);

    color: #313131;

    padding: 1.5%;

    text-align: left;

    font-size: 16px;

    font-weight: 400;

}



.advertising-accordion .accordion-button::after {

    display: none;

}



.accordion-icon {

    position: absolute;

    right: 12px;

    width: 25px;

}



.advertising-body-section {

    padding: 10px;

    border-bottom: 1px solid #e5e5e5;

    background-color: #f2f2f2;

}





.portfolioContainer .tabbable ul.nav.nav-tabs {

    text-align: center;

    display: flex;

    justify-content: center;

    background: none;

    border-bottom: medium none;

    border-radius: 2px;

    padding: 0;

    border: none;

}



.portfolioContainer ul.nav.nav-tabs li {

    margin: 4px 6px;

    background: #c6010b;

    margin-bottom: 0px;

    border-right: 1px solid #e7e5e6;

    line-height: normal;

    display: flex !important;

    padding: 4px 10px !important;

    border-radius: 5px;

}



#mygallery .portfolioContainer a.nav-link:hover {

    border-color: #c6010b !important;

}



.portfolioContainer .nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    background-color: #f2f2f2;

    border-radius: inherit;

}



#portfolio .portfolioContainer .nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    background-color: #cc272f !important;

    border: none;

    outline: none;

}



#portfolio .portfolioContainer ul.nav.nav-tabs li {

    padding: 0;

}



.portfolioContainer ul.nav.nav-tabs li a {

    color: #fff;

}



div#mygallery {

    text-align: center;

}



.portfolio_imagBg {

    flex-direction: column;

    background: #f7f7f7;

    width: 100%;

    padding: 20px 20px 20px 20px !important;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

}



.tab-content .row .col-md-3 {

    margin-bottom: 25px;

}



.portfolio_imagBg>a {

    display: inline-block;

    position: relative;

    width: 100%;

}



.portfolio_imagBg .port-title {

    font-size: 25px;

    font-weight: 600;

    color: #c7010c;

    word-wrap: break-word;

    margin-bottom: 0px;

    line-height: 25px;

    padding: 15px 0px 15px 0px;

}



.portfolioContainer .tab-content {

    margin-top: 50px;

}



.portfolio_imagBg .text-right {

    background: #ffffff;

    padding: 0px;

    border-radius: 5px;

}



.case-study-column {

    border: 1px solid rgba(0, 0, 0, .1);

    text-align: center;

    padding: 8px 8px;

    height: 100%;

    width: 100%;

    display: inline-block;

    border-radius: 12px;

}



.amazon-caseStudyContainer1 .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-12.col-12 {

    margin-bottom: 24px;

}



#casestudies .case-study-outer img {

    border-radius: 16px;

}



#casestudies .case-study-outer p {

    min-height: 75px;

    padding-bottom: 0px;

    margin-bottom: 0px;

    text-align: left;

}







.case-study-outer a {

    display: inline-block;

    background: #c8000b;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

    padding: 6px 11px;

    margin: 7px 0 0 0;

    width: max-content;

}



.case-study-outer a:hover {

    background: #c8000b;

    color: #fff;

}



.sidebar .sideBox h2 {

    color: #000000;

    padding-bottom: 12px;

}



#casestudies {

    padding-top: 0;

}



.portfolio-column {

    text-align: center;

}



.copy-card {

    text-align: center;

}



.aplus-img {

    margin-right: 0px;

    border: 1px solid rgba(0, 0, 0, .1);

    padding: 5px !important;

    border-radius: 12px;

    max-height: 242px;

    object-fit: cover;

}



.banner-outer h2 {

    color: #fff;

    text-align: center;

}



.inner-page-content ul li svg {

    padding-inline-end: 10px;

}



.vSdround .col-md-12 {

    display: flex;

    align-items: center;

    gap: 30px;

}



.vSdround .col-md-12 h2 {

    font-weight: 600;

    font-size: 22px;

    color: #c5020c;

}



.amazonTransparencyRight1 .col-md-6 {

    flex: auto !important;

}



.itemContainer1 .item {



    background: #fff;

    text-align: center;

    padding: 30px 25px;

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

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

    border-radius: 20px;

    border: 5px solid rgba(0, 0, 0, 0.07);

    margin-bottom: 30px;

    -webkit-transition: all .5s ease 0;

    transition: all .5s ease 0;

    transition: all 0.5s ease 0s;

}



#Ourclients {

    text-align: center;

}



#team .single-item .item .thumb {

    padding: 7px;

}



#Ourclients .Clientlg-outer {

    width: 19%;

    border: 1px dashed #dfdfdf;

    margin: 2px;

}



#Ourclients .Clientlg-outer .Clientlg {

    text-align: center;

    padding-block: 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



ul.awards-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    gap: 40px;

}



ul.awards-list li {

    width: 30%;

    margin-block: 15px;

}



ul.awards-list li h2.awardHeading {

    background-color: #c7010c;

    font-size: 16px;

    margin-bottom: 0px;

    text-align: center;

    line-height: 1.6;

    padding-block: 12px;

    min-height: 80px;

    color: #ffffff;

    font-weight: 400;

    padding-inline: 15px;

}



ul.awards-list li img {

    border-top: 1px solid rgba(0, 0, 0, .1);

    border-left: 1px solid rgba(0, 0, 0, .1);

    border-right: 1px solid rgba(0, 0, 0, .1);

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

    min-height: 230px;

    object-fit: cover;

}



#process .section-heading {

    margin-bottom: 120px !important;

}



#process .steps-timeline h3 {

    font-size: 20px;

    font-weight: 600;

}



ul.clientel {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}



ul.clientel li {

    width: 24.5%;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-block: 1.5rem;

    border-left: 1px solid rgba(0, 0, 0, .1);

    position: relative;

}



ul.clientel li figure img.lazyloaded {

    max-width: 85%;

}



span.pic-caption.top-to-bottom {

    display: none;

}



ul.clientel li:hover .pic-caption.top-to-bottom {

    display: flex;

    position: absolute;

    background-color: rgba(0, 0, 0, .75);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    align-items: center;

    flex-direction: column;

}



ul.clientel li:hover h1.pic-title {

    color: #ffffff;

    font-size: 22px;

    margin-bottom: 0;

    height: 100%;

}



ul.clientel li figure {

    margin-bottom: 0px;

}



ul.clientel li:hover h1.pic-title small {

    font-size: 12px;

    display: block;

    font-weight: 400;

}



ul.clientel li:hover h1.pic-title {

    color: #ffffff;

    font-size: 22px;

    margin-bottom: 0;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



@media (max-width: 1199px) {

    .inner-page-content .g-recaptcha {

        transform: scale(0.40, 0.40);

    }

}



/* 20-11-2023 */



#myModal .modal-content {

    margin-inline: 50px !important;

    width: 50%;

    border-radius: 12px;

    position: relative;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    outline: 0;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

}



#myModal .modal-dialog {

    display: flex;

    justify-content: center;

    align-items: center;

}



/* 20-11-2023 */







#common-ecomm-portfolio-container .portfolioContainer .portfolio_imagBg .text-right {

    background: #c8000b;

    padding: 5px;

}



#common-ecomm-portfolio-container .portfolioContainer .portfolio_imagBg .text-right a.portfolio-button {

    display: flex;

    justify-content: center;

    color: #fff;

    align-items: center;

}



#ecommerce .col-md-4.col-sm-6.col-xs-12.case-study-outer {

    margin-bottom: 25px;

}



.table>thead>tr>th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd;

    background: #c6010b;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

}



.table.packages-table>thead>tr>th {

    vertical-align: middle;

    text-align: center;

    padding: 15px;

}



.packages-table th h3 span {

    font-size: 18px;

    font-weight: 700;

    display: block;

}



.table.packages-table>thead>tr>th:nth-of-type(4) {

    background: #2c2c33;

}



.table.packages-table>thead>tr>th:nth-of-type(2) {

    background: #2c2c33;

}




.table.packages-table>thead>tr>th:nth-of-type(6) {

    background: #2c2c33;

}



.packages-table th h2 {

    font-size: 30px;

    font-weight: 700;

    color: #fff;

}



.packages-table th h3 {

    font-size: 22px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 0;

    color: #fff !important;

    text-align: center;

}



.table.packages-table>tbody>tr>td:nth-of-type(2) {

    background: rgba(44, 44, 51, 0.07);

}



.table.packages-table>tbody>tr>td {

    vertical-align: middle;

    text-align: center;

    font-size: 15px;

    padding: 7px;

}



.packages-table th h3 span.per-month {

    font-size: 15px;

    font-weight: 400;

    text-transform: none;

}



.table.packages-table>tbody>tr>td.td-left h3 {

    font-size: 15px;

    font-weight: 400;

    text-transform: capitalize;

    text-align: left;

}



.table.packages-table>thead>tr>th:nth-of-type(3) {

    background: #BC0101;

}



.table.packages-table>thead>tr>th:nth-of-type(1) {

    background: rgba(170, 0, 77, 1);

    background: -moz-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(170, 0, 77, 1)), color-stop(100%, rgba(76, 0, 104, 1)));

    background: -webkit-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -o-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -ms-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: linear-gradient(135deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa004d', endColorstr='#4c0068', GradientType=1);

}



.table.packages-table>tbody>tr>td.full-row {

    background: rgba(170, 0, 77, 1);

    background: -moz-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(170, 0, 77, 1)), color-stop(100%, rgba(76, 0, 104, 1)));

    background: -webkit-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -o-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: -ms-linear-gradient(-45deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    background: linear-gradient(135deg, rgba(170, 0, 77, 1) 0%, rgba(76, 0, 104, 1) 100%);

    color: #fff;

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

}



.box {

    height: 100%;

    border-bottom: 4px solid #00a3e2;

    border-radius: 15px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    text-align: center;

    padding: 15px 15px !important;

}



.mybottomborder {

    padding: 10px 10px;

}



.mybottombdr-1 {

    border-bottom: 4px solid #e53b2c;

}



.mybottombdr-2 {

    border-bottom: 4px solid #ffc107;

}



.mybottombdr-3 {

    border-bottom: 4px solid #28a745;

}



.mybottombdr-4 {

    border-bottom: 4px solid #6f42c1;

}



.mybottombdr-5 {

    border-bottom: 4px solid #17a2b8;

}



.mybottombdr-6 {

    border-bottom: 4px solid #fd7e14;

}



.mybottombdr-7 {

    border-bottom: 4px solid #e14b3e;

}



.mybottombdr-8 {

    border-bottom: 4px solid #e8e013;

}



.box li {

    text-align: left;

    text-indent: -23px;

    margin-left: 35px;

}



.mytable {

    background-color: #bc0101 !important;

    text-align: center;

}



.mytable td h2 {

    color: #fff !important;

    font-size: 27px;

}



.mytr th h5,

.mytr .thh h5,

.mytr .tthh h5 {

    font-size: 15px !important;

    text-align: center !important;

    font-weight: 500 !important;

}



ul.amazon-marketplace-tabs {

    border: 0;

    padding: .7rem;

    background-color: #c8000b;

    z-index: 2;

    position: relative;

    border-radius: 2px;

    display: flex;

    align-items: center;

    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);

}



ul.amazon-marketplace-tabs li {

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    text-align: center;

    margin-left: 0;

    display: table-cell;

    width: 1%;

}



ul.amazon-marketplace-tabs>li.active>a,

ul.amazon-marketplace-tabs>li.active>a:hover,

ul.amazon-marketplace-tabs>li.active>a:focus {

    background: #ffffff;

    color: #c8070b !important;

}



ul.amazon-marketplace-tabs li a {

    border: 0;

    color: #fff;

    display: block;

    margin: 0;

    padding: 10px;

    border-radius: 5px;

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

}



.expert-understand-bg {

    background: url(../images/experts-understand.jpg);

    background-position: center;

}



.lr-border {

    border-right: 1px solid red;

    padding-right: 6.5%;

}



.data-dupli-box {

    box-shadow: 5px 5px 15px #ddd;

    padding: 15px;

    border-radius: 10px;

    margin-block: 28px;

}



.media-left,

.media>.pull-left {

    padding-right: 10px;

}



.pull-left {

    float: left !important;

}



.media-body,

.media-left,

.media-right {

    display: table-cell;

    vertical-align: top;

}



.inner-pages-faqs-a .panel-heading .panel-title a {

    font-size: 17px;

    font-weight: 400;

    color: rgba(30, 48, 86, 0.8);

    position: relative;



}



.inner-pages-faqs-a .panel-default>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    padding: 18px 18px;

    border: 1px solid rgba(97, 125, 255, 0.2);

    border-radius: 5px;

    padding-left: 42px;

}



.inner-pages-faqs-a h5.panel-title {

    margin-bottom: 0;

    text-align: left;

}



.inner-pages-faqs-a .panel-body {

    padding: 5px 10px;

    background: rgb(190 190 190 / 10%);

    border: 1px solid rgba(0, 0, 0, .1);

    border-top: 0;

}

.inner-pages-faqs-a .panel-body p {

    color: rgba(30, 48, 86, 0.8);

}

.inner-pages-faqs-a .panel.panel-default {

    margin-bottom: 20px;

}



/*1876*/

#contact-form {

    background-color: #ffffff;

    padding-block: 10px;

    border-radius: 8px;

    position: relative;

    right: 70px;

}



#contact-form input[type="submit"] {

    border-radius: 4px;

}





.cartFeature.inner-page-content figure img {

    min-height: 400px;

    object-fit: cover;

    border-radius: 25px;

    box-shadow: 0px 35px 70px rgba(0, 0, 0, 0.10);

    margin-bottom: 50px;

    width: 100%;

}



.cartFeature.inner-page-content strong a {

    color: #515151;

    font-weight: 500;

}



.cartFeature.inner-page-content ul {

    padding-left: 0px;

    margin-bottom: 0px;

}



.sidebar .sideBox.gotQuestion ul.sidelink {

    padding-left: 0px;

    padding-block: 12px;

}



.sidebar .sideBox.gotQuestion ul.sidelink li {

    list-style-type: none;

}



ol.cctv-why-choose {

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

    margin-block: 25px;

}



.cartFeature.inner-page-content ol.cctv-why-choose li figure img {

    min-width: 50px;

    border-radius: 0px;

    box-shadow: none;

    height: 50px;

    margin-bottom: 0px;

    min-height: unset;

    object-fit: scale-down;

}



.cctv_why_choose_details {

    margin-inline: 20px;

}



.cartFeature.inner-page-content ol.cctv-why-choose li {

    display: flex;

    width: 48%;

    margin-block: 15px;

}



.cctv_why_choose_details p {

    margin-block: 0px;

}



.cctv_why_choose_details p b {

    font-weight: 700;

}



#faq {

    margin-bottom: 30px;

}



#faq h3.panel-title a {

    color: rgba(30, 48, 86, 0.8);

    font-weight: 500;

    font-size: 16px;

}



.inner-page-content h2,

.new-content h2 {

    text-transform: unset;

    padding-bottom: 0px;

    padding-top: 12px;

}



.cartFeature h3 {

    color: #202020 !important;

    font-size: 22px;

    margin-bottom: 0px;

}



.cartFeature.inner-page-content h4 {

    font-size: 20px;

}



.cartFeature.inner-page-content p a {

    color: #515151;

    font-weight: 700;

    font-size: 16px;

    text-decoration: underline;

}



ul.divide-2-coloums {

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

}



ul.divide-2-coloums li {

    line-height: 2rem;

}



ul.divide-2-coloums li a {

    color: #3a5795;

    text-decoration: underline;

}



ul.divide-2-coloums li a:hover {

    text-decoration: none;

}



.data_entry_whyChooseUs {

    width: 100%;

    padding: 50px 15px;

    background-color: #f2f3f9;

    margin-block: 50px;

    border-radius: 25px;

}



.data_entry_whyChooseUs ol {

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

    list-style: none;

    padding-left: 0;

}



.data_entry_whyChooseUs ol li {

    width: 48.33%;

    border: 2px solid rgba(0, 0, 0, .1);

    padding: 20px;

    margin-block: 12px;

    background-color: #ffffff;

    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.12);

    border-radius: 15px;

}



.data_entry_whyChooseUs ol li h3 {

    color: #515151;

    text-align: center;

    position: relative;

    margin-bottom: 8px;

    padding-bottom: 12px;

}



.data_entry_whyChooseUs ol li h3::before {

    position: absolute;

    content: '';

    width: 50px;

    height: 2px;

    background-color: #c6010b;

    bottom: 0;

    left: 50%;

    margin-left: -30px;

}



.data_entry_whyChooseUs h2,

.data_entry_whyChooseUs p {

    text-align: center;

}



.data_entry_whyChooseUs ol li p {

    text-align: center;

}



.using-global-data-management-services {

    width: 100%;

    margin-bottom: 50px;

    border-radius: 0px;

}



.using-global-our-services {

    padding-bottom: 50px;

}



.using-global-our-services h2 {

    padding-bottom: 30px;

}



.using-global-our-services ol {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.using-global-our-services ol li {

    width: 30.33%;

    padding: 15px;

    border: 1px solid rgba(0, 0, 0, .1);

    position: relative;

    margin-block: 20px;

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

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    overflow: hidden;

}



.using-global-our-services ol li::before {

    position: absolute;

    content: '';

    width: 100%;

    left: 0;

    top: 0;

    height: 8px;

    background: linear-gradient(45deg, #FCBAAD, #c6010b)
}



.using-global-our-services ol li h3 {

    padding: 0 0 15px 0;

    color: #515151;

    font-weight: 700;

    text-align: left;

    position: relative;

}



.using-global-our-services ol li h3::before {

    position: absolute;

    content: '';

    width: 50px;

    height: 2px;

    background-color: #c6010b;

    bottom: 0;

    left: 0;

}



.inner-page-content #faq h3.panel-title {

    padding: 0;

    margin-top: 0px;

    margin-bottom: 6px;

    text-align: left;

}



.using-global-why-choose-us-4-component {

    width: 100%;

    background-color: #272829;

    height: auto;

    display: inline-block;

    margin-block: 50px;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol {

    display: flex;

    justify-content: space-evenly;

    flex-wrap: wrap;

    padding-block: 50px;

    padding-inline: 0;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li {

    width: 40%;

    margin-block: 25px;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li figure img {

    max-width: 50px;

    min-height: 50px;

    border-radius: 0;

    image-rendering: -webkit-optimize-contrast;

    margin-bottom: 0px;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li h3 {

    color: #ffffff;

    font-weight: 500;

    padding-block: 15px;

    margin: 0;

    padding-inline: 0px;

    position: relative;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li h3::before {

    position: absolute;

    content: '';

    width: 50px;

    height: 2px;

    background-color: #c6010b;

    bottom: 0;

    left: 0;

}



.cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li p {

    color: #ffffff;

    margin-block: 10px;

}



.walmart-s {

    font-size: 48px;

}



.call-center-solution-proper {

    width: 100%;

    height: auto;

    display: inline-block;

    position: relative;

}



.inner-page-content .call-center-solution-proper ol {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-left: 0px;

}



.inner-page-content .call-center-solution-proper ol li {

    width: 23%;

    background-color: #f4f4f4;

    padding: 20px;

    margin-block: 20px;

    position: relative;

    border-bottom: 4px double rgba(0, 0, 0, .1);

    box-shadow: 0px 10px 30px rgba(0, 0, 0, .03);

    border-top: 2px solid #515151;

    list-style-type: none;

}



.inner-page-content .call-center-solution-proper ol li p {

    text-align: left;

}



.inner-page-content .call-center-solution-proper ol li::before {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-left: 30px solid transparent;

    border-right: 30px solid #515151;

    border-bottom: 30px solid transparent;

    right: 0;

    top: 0;

}



.inner-page-content .call-center-solution-proper ol li::after {

    position: absolute;

    content: '';

    width: 100%;

    height: 4px;

    left: 0;

    bottom: 2px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



.cartFeature.inner-page-content .call-center-solution-proper figure img {

    min-height: 50px;

    max-width: 50px;

    border-radius: 0;

    background-color: transparent;

    margin-bottom: 10px;

    box-shadow: none;

}



.call-center-benifits-your-business {

    width: 100%;

    height: auto;

    display: inline-block;

    position: relative;

    background-color: rgba(0, 0, 0, .50);

    padding: 50px;

    background-blend-mode: multiply;

    background-image: url('../images/new/call_center/document_processing.jpg');

    margin-block: 50px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

}



.call-center-benifits-your-business h2 {

    color: #ffffff;

}



.call-center-benifits-your-business p strong {

    color: #ffffff;

}



.call-center-benifits-your-business p {

    color: #ffffff;

}



.call-center-benifits-your-business ol li span {

    color: green;

    font-family: 'FontAwesome';

    font-size: 2em;

}



.call-center-benifits-your-business ol {

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

    margin-top: 30px;

}



.call-center-benifits-your-business ol li {

    width: 22%;

    background-color: #ffffff;

    padding: 25px;

    list-style-type: none;

}



.call-center-benifits-your-business ol li h3 {

    color: #000000;

}



.call-center-benifits-your-business ol li p {

    color: #000000;

    text-align: left;

}



.call-center-benifits-your-business p strong {

    color: #515151;

}



.call-center-benifits-your-business p strong.white {

    color: #ffffff;

}



.whom-we-care-to-call-center ul {

    display: flex;

    flex-flow: wrap;

    padding-bottom: 50px;

}



.whom-we-care-to-call-center ul li {

    width: 22%;

    padding-block: 10px;

    margin: 0;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li figure img {

    min-height: 150px;

    max-width: 450px;

    border-radius: 0px;

    background-color: transparent;

    box-shadow: none;

    margin-bottom: 15px;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li {

    display: flex;

    margin: 0;

    border-bottom: 4px double rgba(0, 0, 0, .1);

    margin-block: 25px;

    padding-block: 25px;

    align-items: center;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li:nth-child(even) {

    flex-flow: row-reverse;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li:nth-child(even) figure {

    margin-left: 50px;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li:nth-child(odd) figure {

    margin-right: 50px;

}



.cartFeature.inner-page-content .why-choose-us-call-center ol li:last-child {

    border-bottom: none;

}



.img-circle-default {

    border-radius: 30px;

}



ol.medical-data-why-choose-us {

    padding-left: 40px;

}



ol.medical-data-why-choose-us li {

    list-style-type: auto;

    padding-block: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



ol.medical-data-why-choose-us li:last-child {

    border-bottom: none;

}



.container-fluid.alert-info.py-5 .imple1 h4 {

    color: #c6010b;

    font-size: 20px;

    margin-block: 15px;

}



.container-fluid.alert-info.py-5 .imple1 p {

    padding-top: 0px;

}



.container-fluid.alert-info.py-5 .text-center h3 {

    color: #c6010b;

    font-size: 24px;

}



.pro-logistic-services {

    padding-block: 50px;

    display: inline-block;

    width: 100%;

    height: auto;

}



.pro-logistic-services h3 {

    text-align: center;

    font-size: 24px;

    padding-bottom: 20px;

}



.pro-logistic-services .col-xs-12 strong {

    font-size: 16px;

    padding-bottom: 15px;

    display: block;

}



.pro-logistic-services .col-xs-12 ul {

    padding-left: 20px;

}



.six-circle-data-extraction {

    padding-block: 50px;

}



.six-circle-data-extraction .col-lg-1 i {

    font-size: 1.5rem;

    text-align: center;

    display: block;

    line-height: 75px;

    border-radius: 100px;

    border: 2px dotted rgba(0, 0, 0, .1);

    height: 75px;

    width: 75px;

}



.six-circle-data-extraction .row {

    padding-block: 15px;

}



.restaurant-overview-of-service {

    padding: 25px;

    margin-bottom: 50px;

    background-repeat: no-repeat;

    background-size: 40%;

    background-position-x: -250px;

    background-color: #f2f2f2;

}



.restaurant-overview-of-service-6-component {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.restaurant-overview-of-service-6-component blockquote {

    background-color: #000000;

    width: 48%;

    display: inline-block;

    padding: 20px;

    margin-block: 25px;

}



.restaurant-overview-of-service-6-component blockquote p {

    color: #ffffff;

}



.restaurant-overview-of-service-6-component blockquote h4 {

    color: #ffffff !important;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    display: block;

    padding-bottom: 10px;

    position: relative;

    padding-left: 40px;

}



.restaurant-overview-of-service-6-component blockquote h4::before {

    position: absolute;

    content: '+';

    width: 30px;

    height: 30px;

    background-color: #c6010b;

    top: -5px;

    left: 0;

    border-radius: 100px;

    font-family: 'FontAwesome';

    color: #ffffff;

    text-align: center;

    line-height: 30px;

}



.process-we-follow-6-component ol li {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 15px;

    padding: 15px;

    margin-block: 25px;

    box-shadow: 0px 10px 25px rgba(0, 0, 0, .05);

}



.process-we-follow-6-component ol li h4 {

    border-bottom: 4px double rgba(0, 0, 0, .05);

    padding-block: 10px;

    background: linear-gradient(0deg, transparent, #f2f2f2);

    padding-inline: 10px;

    border-radius: 10px 10px 0 0;

}





.why-choose-us-restaurant-6-component {

    padding: 25px 0;

    margin-block: 25px;

}



.why-choose-us-restaurant-6-component ol li {

    margin-block: 20px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    list-style-type: none;

}



.why-choose-us-restaurant-6-component ol li:last-child {

    border-bottom: none;

}



.why-choose-us-restaurant-6-component ol li h4::before {

    position: absolute;

    content: "\f061";

    font-family: "FontAwesome";

    color: #14212a;

    left: 0;

    top: 4px;

    font-size: 14px;

    font-weight: lighter;

}



.why-choose-us-restaurant-6-component ol li h4 {

    position: relative;

    padding-left: 20px;

}





.virtual-assistant-why-choose-us {

    background-color: #f2f2f2;

    padding: 50px;

    margin-top: 50px;

    margin-inline: 15px;

}



.virtual-assistant-why-choose-us ol {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.virtual-assistant-why-choose-us ol li {

    background-color: #ffffff;

    padding: 20px;

    width: 48%;

    border-radius: 15px;

    margin-block: 15px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    position: relative;

    overflow: hidden;

}



.virtual-assistant-why-choose-us ol li::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 4px;

    border-bottom: 4px double rgba(0, 0, 0, .1);

    left: 0;

    bottom: 2px;

}



.data-processing-our-services {

    padding: 50px;

    background-color: #f2f2f2;

    margin-block: 20px;

    display: inline-block;

    width: 100%;

    height: auto;

}



.data-processing-our-services ol {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.data-processing-our-services ol li {

    width: 30.33%;

    padding-block: 15px;

    border: 1px solid rgba(0, 0, 0, .1);

    padding-inline: 15px;

    text-align: left;

    margin-block: 15px;

    border-radius: 15px;

    background-color: #ffffff;

    box-shadow: 0px 10px 25px rgba(0, 0, 0, .025);

}



.data-processing-our-services ol li h4 {

    font-size: 18px !important;

}



.data-processing-our-services ol li h4 a {

    color: #c6010b;

}



.data-processing-our-services ol li p {

    text-align: left;

}



.data-processing-why-choose-us ol li h4,

.data-processing-why-choose-us ol li p {

    padding-left: 0px;

    position: static;

}



.data-processing-why-choose-us ol li {

    background-color: #ffffff;

    margin-block: 20px;

    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.05);

    padding: 20px;

    border-bottom: 4px solid rgba(0, 0, 0, .05);

}







/*media query*/

@media (max-width: 1023px) {

    .social-icon a:last-child {

        width: 34px;

        height: 34px;

    }



    .social-icon a:last-child svg {

        width: 20px;

        height: 14px;

        margin-top: 10px;

    }



    ul.awards-list {

        gap: 18px;

    }



    .heads p.white {

        padding-right: 20px;

    }



    .data_entry_whyChooseUs ol li {

        width: 48.33%;

        margin-block: 5px;

    }



    .sidebar {

        margin-bottom: 50px;

    }



    .sidebar br {

        display: none;

    }



    .using-global-our-services ol li {

        width: 48%;

    }



    .using-global-data-management-services {

        padding: 15px;

    }



    .inner-page-content .call-center-solution-proper ol li {

        width: 48%;

    }



    .call-center-benifits-your-business ol li {

        width: 49%;

    }



    .whom-we-care-to-call-center ul li {

        width: 50%;

    }



    .cartFeature.inner-page-content .why-choose-us-call-center ol li figure img {

        min-width: 275px;

    }



    .restaurant-overview-of-service {

        padding: 50px 15px;

        background-image: none;

    }



    .restaurant-overview-of-service h2,

    .restaurant-overview-of-service p {

        padding-left: 0px;

    }



    .sidebar .my-5 {

        margin: 0;

    }



    .banner .walmart-s {

        font-size: 30px !important;

        padding-bottom: 15px;

    }



    section.cartFeature.inner-page-content .col-md-10.col-sm-10.col-xs-12.text-left.pt-3 {

        padding-block: 0px;

    }



    .data-processing-our-services ol li {

        width: 46.33%;

    }



    .navbar-brand img {

        max-width: 25%;

    }

}



/*1023*/



@media (min-width: 1024px) and (max-width: 1199px) {

    .social-icon-custom a svg {

        width: 8px;

        height: 8px;

        padding: 6px;

    }



    .social-icon a:last-child {

        width: 20px;

        height: 20px;

    }



    .social-icon a:last-child svg {

        width: 12px;

        height: 8px;

    }



    ul.awards-list li img {

        min-height: 270px;

    }



    ul.awards-list {

        gap: 18px;

    }



    .heads p.white {

        padding-right: 20px;

    }



    .tt-services-our-pro h3 {

        font-size: 12px;

    }



    .data_entry_whyChooseUs ol li {

        width: 48.33%;

        margin-block: 5px;

    }



    .sidebar {

        margin-bottom: 50px;

    }



    .restaurant-overview-of-service {

        padding: 50px 15px;

        background-image: none;

    }



    .restaurant-overview-of-service h2,

    .restaurant-overview-of-service p {

        padding-left: 0px;

    }



    .sidebar .my-5 {

        margin: 0;

    }



    .banner .walmart-s {

        font-size: 32px !important;

        padding-bottom: 15px;

    }



    section.cartFeature.inner-page-content .col-md-10.col-sm-10.col-xs-12.text-left.pt-3 {

        padding-block: 0px;

    }



    section.cartFeature.inner-page-content .col-md-10.col-sm-10.col-xs-12.text-left.pt-3 {

        padding-block: 0px;

    }



    .data-processing-our-services ol li {

        width: 46.33%;

    }



    .navbar-brand img {

        max-width: 25%;

    }

}



/*1199*/







@media (max-width: 767px) {

    .social-icon a:last-child {

        width: 35px;

        height: 35px;

        position: relative;

        top: 15px !important;

        margin-inline-start: 8px;

    }



    ul.awards-list li img {

        min-height: 160px;

    }



    ul.awards-list {

        gap: 12px;

    }



    .banner .row {

        flex-flow: column;

    }



    .walmart-s {

        text-align: center !important;

        margin-bottom: 15px;

    }



    .banner .walmart-s {

        padding-bottom: 0px;

    }



    .heads {

        padding-bottom: 15px;

        text-align: center;

    }



    #contact-form {

        position: unset;

        right: 2px;

    }



    .cartFeature.inner-page-content ol.cctv-why-choose li {

        width: 100%;

        flex-flow: column;

        align-items: baseline;

    }



    .cartFeature.inner-page-content figure img {

        min-height: 250px;

        margin-bottom: 20px;

    }



    .cartFeature.inner-page-content ul {

        padding-left: 0px;

    }



    ul.divide-2-coloums li {

        width: 100%;

    }



    .data_entry_whyChooseUs ol li {

        width: 100%;

    }



    .data_entry_whyChooseUs {

        padding: 15px;

    }



    .sidebar .sideBox.gotQuestion {

        margin-block: 30px;

    }



    .using-global-our-services ol li {

        width: 100%;

    }



    .cartFeature.inner-page-content .using-global-why-choose-us-4-component ol li {

        width: 90%;

    }



    .cartFeature.inner-page-content .using-global-why-choose-us-4-component ol {

        padding-block: 0px;

    }



    .banner-bpo h3 {

        display: inline-block;

        width: 100%;

        padding-inline: 0px;

        line-height: 24px;

        height: auto;

    }



    .banner-bpo h3::after {

        top: auto;

        left: 0;

        bottom: 0;

    }



    .banner-bpo .submit-button-wrapper input[type="submit"] {

        padding: 8px 15px;

        display: inline-block;

        border-radius: 4px;

        color: #ffffff;

        border: none;

    }



    .inner-page-content .call-center-solution-proper ol li {

        width: 100%;

    }



    .call-center-benifits-your-business {

        padding: 15px;

    }



    .call-center-benifits-your-business ol li {

        width: 100%;

        padding: 15px;

    }



    .whom-we-care-to-call-center ul li {

        width: 100%;

        padding-block: 5px;

    }



    .cartFeature.inner-page-content .why-choose-us-call-center ol li {

        flex-flow: column;

    }



    .cartFeature.inner-page-content .why-choose-us-call-center ol li:nth-child(even) {

        flex-direction: column;

    }



    .restaurant-overview-of-service-6-component blockquote {

        width: 100%;

        margin-block: 10px;

    }



    .data-processing-our-services {

        padding: 50px 15px;

    }



    .data-processing-our-services ol li {

        width: 100%;

    }







    .inner-pages-faqs-a .panel-heading .panel-title a {

        font-size: 15px;

    }

}



/*767*/

/*1876*/

@media(max-width:575px) {
    .social-icon a:last-child {

        top: -3px !important;


    }
}



.pdf-offer-ul {

    padding-left: 0px !important;

    list-style-type: disc;

}



p.testimonial_para {

    padding-top: 20px;

}



.amazon-consulting-services-2 .mycolum {

    margin-block: 15px;

}



.service-outsourcing .item {

    border-radius: 15px;

    overflow-y: auto;

}



#contact-us1 .g-recaptcha.mt-1.ps-0 {

    transform: scale(0.9);

    transform-origin: left;

}



.technologies-outer {

    width: 20%;

    float: left;

    padding: 0 15px;

}



.technologies-img {

    padding: 10px 10px;

    margin: 30px 0 0 0;

    transition: all 0.3s ease 0s;

    text-align: center;

    display: flex;

    align-items: center;

    min-height: 105px;

    background: #fff;

    border: 1px solid #a7a3a3;

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

}



.technologies-img img {

    margin: 0 auto;

}



.six-circle-data-extraction .col-lg-1 i {

    font-size: 1.5rem;

    text-align: center;

    display: block;

    line-height: 75px;

    border-radius: 100px;

    border: 2px dotted rgba(0, 0, 0, .1);

    height: 75px;

    width: 75px;

}



.banner-list-outer {

    max-width: 1300px;

    margin: 0 auto;

    margin-top: 30px;

}



.banner-list {

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

    color: #fff;

    text-align: center;

    width: 25%;

    float: left;

    margin-top: 30px;

    padding: 0 0 10px 0;

}



.banner-list span {

    background: #c9040f;

    border-radius: 100px;

    height: 50px;

    width: 50px;

    display: inline-flex;

    align-items: center;

    margin-top: -25px;

}



.banner-list h6 {

    padding: 10px;

    font-weight: 400;

    text-transform: uppercase;

    font-size: 15px;

    color: #fff;

}



.banner-list span img {

    margin: 0 auto;

}



/* .banner-outer a {

    font-size: 16px;

    display: block;

    width: max-content;

    margin: 13px auto 0px !important;

    color: #fff;

    text-transform: uppercase;

    border-radius: 4px;

    z-index: 10;

    position: relative;

    padding: 12px 30px;

    background: #c7010c;

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

    font-weight: 400;

}



.banner-outer a:hover {

    background: #01aae2;

    color: #fff;

} */







/* faq-y-css start */

.faq-container-outer-a .faq-outer {

    margin-bottom: 20px;

}



.faq-container-outer-a .faq-heading a {

    color: #101010 !important;

    background: #e5e5e5 !important;

    border-left: 4px solid #bc0101 !important;

}



.faq-container-outer-a .faq-heading a {

    color: #505050;

    font-size: 16px;

    padding: 10px;

    line-height: 21px;

    border-bottom: 1px solid #e2e2e2;

    align-items: center;

    display: flex;

    background: #ececec;

}



.faq-container-outer-a a:link {

    text-decoration: none;

}



.faq-container-outer-a .plus-faq {

    float: left;

    color: #fff;

    font-weight: 300;

    padding: 5px;

    font-size: 18px;

    width: 20px;

    height: 20px;

    text-align: center;

    border-radius: 100%;

    margin-right: 10px;

    background-color: #000;

    line-height: 10px;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa004d', endColorstr='#4c0068', GradientType=1);

}



.faq-answer {

    color: #505050;

    font-size: 16px;

    padding: 15px;

    border: 1px solid #e2e2e2;

    border-top: 0;

    background: rgba(0, 0, 0, 0.04);

}



.faq-container-outer-a .features-bpo-text {

    background-color: #1e1e1e;

    padding: 10px;

    text-align: left;

    color: white;

    width: 80%;

}





.faq-container-outer-a .bpo-text {

    padding: 3px 15px 3px 32px;

    position: relative;

}



.banner-sub-name h3 {

    text-align: center;

    color: #fff;

    max-width: max-content;

    padding: 10px;

    border-radius: 4px;

    margin: auto;

    font-weight: 200;

    font-size: 25px;

}



/* faq-y-css end */



.portfolio-testimonial-bg #myCarousel a.carousel-control-prev-icon,

.portfolio-testimonial-bg #myCarousel a.carousel-control-next-icon {

    background-size: 60% !important;

}



.portfolio-testimonial-bg .carousel-item p {

    min-height: 60px;

    overflow-y: auto;

    overflow-x: hidden;

}



.breadcrumbBg {

    background-color: #e8e8e8;

    margin-bottom: 50px;

    padding-block: 8px;

}



.faq {

    padding: 46px 0 25px;

    background: #f7fbff;

}



.faq .section-title h2 {

    margin-bottom: 22px;

}



.faq .accordion .card {

    border: none;

    margin-bottom: 30px;

}



.faq .accordion .card:not(:first-of-type) .card-header:first-child {

    border-radius: 10px;

}



.faq .accordion .card .card-header {

    border: none;

    border-radius: 10px;

    padding: 0;

}



.faq .accordion .card .card-header h5 {

    padding: 0;

}



.faq .accordion .card .card-header h5 button {

    color: #1e3056;

    font-size: 16px;

    font-weight: 500;

    text-decoration: none;

    padding: 10px 30px 10px 70px;

    display: block;

    width: 100%;

    color: rgba(30, 48, 86, 0.8);

    text-align: left;

    background: #fff;

    -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);

    box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);

    border-radius: 10px 10px 0 0;

    position: relative;

}



.faq .accordion .card .card-header h5 button:after {

    position: absolute;

    left: 30px;

    top: 50%;

    margin-top: -10px;

    width: 20px;

    height: 20px;

    background-color: transparent;

    color: #ff5f74;

    text-align: center;

    border: 1px solid #ff5f74;

    border-radius: 50%;

    content: '\f0a9';

    font-size: 17px;

    line-height: 18px;

    font-family: "FontAwesome";

    font-weight: 900;

}



.faq .accordion .card .card-header h5 button.collapsed {

    background: #fff;

    border-radius: 10px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid rgba(97, 125, 255, 0.2);

}



.faq .accordion .card .card-header h5 button[aria-expanded="true"]:after {

    content: '\f068';

    color: #fff;

    background-image: -webkit-linear-gradient(-180deg, #5e7eff 0%, #ff5f74 30%, #a85fff 100%);

}



.faq .accordion .card .card-body {

    -webkit-box-shadow: 0px 15px 140px 0px rgb(69 81 100 / 10%);

    box-shadow: 0px 15px 140px 0px rgb(69 81 100 / 10%);

    border-radius: 0 0 10px 10px;

    padding-top: 0;

    /* margin-top: 0px; */

    padding-left: 72px;

    padding-right: 70px;

    padding-bottom: 23px;

    color: rgba(30, 48, 86, 0.8);

    line-height: 30px;

    padding-top: 10px;

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

    font-size: 16px;

}



.faq-title {

    text-align: center;

    border-bottom: 2px dashed #ffffff;

    margin-bottom: 30px;

    padding-bottom: 10px;

    color: #ffffff;

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

}



.faq .faq-list {

    padding: 0;

    list-style: none;

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

}



.faq .faq-list li {

    background-color: #fff;

    margin-bottom: 10px;

    border-radius: 10px;

    padding: 10px 40px;

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

}



.faq .faq-list a {

    display: block;

    position: relative;

    font-weight: 600;

    color: #333333;

    text-decoration: none;

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

}



.collapsed i.fas.fa-arrow-up {

    transform: rotate(180deg);

}



.faq .faq-list i {

    font-size: 16px;

    position: absolute;

    left: -25px;

    top: 6px;

    transition: 1s;

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

}



#contact-form .form-control {

    padding: 0.375rem 5px !important;

}



#contact-form .form-control-text {

    padding-left: 5px !important;

}



ul.breadcrumb li:nth-child(2) a {

    text-decoration: none;

    pointer-events: none;

}



.features-bpo-text {

    background-color: #1e1e1e;

    padding: 9px;

    text-align: left;

    color: #fff;

}



.bpo-text {

    padding: 3px 15px 3px 16px;

    font-size: 15px;

    position: relative;

}



.btn-bpo {

    padding: 10px;

    background-color: white;

    color: black;

    border-radius: 30px !important;

    font-size: 18px;

    width: 350px;

    height: 50px;

    line-height: 30px;

    box-sizing: border-box;

}



a.btn.btn-bpo:hover {

    color: #fff;

    border-color: #fff;

}



ul.pdf-offer-ul,

ol.pdf-offer-ul {

    padding-left: 20px !important;

}



section.inner-getin-touch {

    display: none;

}



.faq .accordion .card .card-header button {

    height: 80px;

}



div#myModal .modal-headerss a {

    display: none !important;

}



.case-study-outer img {

    max-height: 225px;

    width: 100%;

    object-fit: cover;

    object-position: bottom;

    margin-bottom: 15px;

}



.case-study-outer h4 {

    font-size: 20px;

    color: #c7010c;

    text-transform: capitalize;

    min-height: 50px;

    margin-bottom: 0px;

}



.case-study-outer a.btn {

    margin-bottom: 0px;

    display: inline-block;

    margin-top: 0;

}



.case-study-outer p {

    min-height: 90px;

    overflow-x: hidden;

    overflow-y: auto;

}



.new-content #pills-tab li button {

    color: #000;

    text-decoration: underline;

}



.new-content #pills-tab li button.active {

    color: #ffffff;

    text-decoration: none;

}



#common-ecomm-portfolio-container .portfolioContainer .portfolio_imagBg,

.nopcommercePortfolioContainer .portfolio_imagBg {

    background: #eaeaea;

    border-radius: 5px;

    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}



.sun-circle {

    border: 2px dotted #e5e2e2;

    border-radius: 50%;

    width: 80px;

    height: 80px;

    padding: 0;

    text-align: center;

}



.sun-circle h3 {

    line-height: 3.2em;

    margin-top: 0;

    height: 100%;

}



@media (max-width:1024px) {

    .faq .accordion .card .card-header button {

        height: 100px;

    }

}



@media (max-width:1300px) {

    .sidebar .sideBox.gotQuestion ul.sidelink {

        padding-right: 10px;

    }

}



.Clientlg-outera {

    width: 33%;

    float: left;

    box-shadow: inset -1px -1px #dceaf4, -1px -1px #dceaf4;

}



.text-default {

    color: #C8070B;

}



a.global-dropdown {

    display: none;

}



ul.amazon-marketplace-tabs.nav-tabs .nav-link:hover,

ul.amazon-marketplace-tabs.nav-tabs .nav-link:active,

ul.amazon-marketplace-tabs.nav-tabs .nav-link:focus {

    color: #ffffff !important;

}



.translate-tab li.nav-item.active {

    background-color: #c7010c;

    border-radius: 4px 4px 0px 0px;

}



.translate-tab li.nav-item.active a {

    color: #ffffff;

}



.translate-tab li.nav-item {

    background-color: #f2f2f2;

    border-radius: 4px 4px 0px 0px;

    margin-inline: 3px;

}



.translate-tab li.nav-item a {

    color: #000000;

}



.translate-tab li.nav-item a.active {

    color: #ffffff;

}



.logs-container {

    height: 105px;

    width: 102px;

    border-radius: 5px;

    box-shadow: 0 0 5px 2px rgb(69 78 113);

    padding: 4px;

    display: grid;

    place-content: center;

    text-align: center;

}

#myModal .cf-turnstile {
    padding-left: 38px;
}

.logs-container img {

    height: 100%;

    width: 90%;

    object-fit: contain;

}



.esc-logo-container {

    display: grid;

    place-content: center;

}



.esc-logo-container a {

    text-align: center;

    width: 92%;

    margin: auto;

    height: 100%;

}



.clientel .pic-title {

    font-size: 26px;

    font-weight: 800;

    color: #fff;

}



span.pic-caption {

    display: grid;

    place-content: center;

}

@media(max-width:768px) {
    #myModal .cf-turnstile {
        padding-left: 0px;
        text-align: center;
    }
}

#common-ecomm-portfolio-container .portfolioContainer .portfolio_imagBg h3 {

    padding-top: 15px;

    padding-bottom: 7px;

    font-weight: 600;

    font-size: 20px;

}



.banner-outer h1.text-unset {

    text-transform: unset;

}



.banner-container-z {

    position: relative;

}



.banner-container-z .text-banner {

    position: absolute;

    top: 50%;

    left: 5%;

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

    width: 50%;

}



@media screen and (min-width: 768px) and (max-width: 991px) {

    .banner-container-z .text-banner h2 {

        font-size: 24px !important;

    }



}



@media(max-width:767px) {

    .banner-container-z .text-banner {

        width: 50%;

    }



    .banner-container-z .text-banner h2 {

        font-size: 18px !important;

    }



    .using-global-data-management-services {

        background-color: transparent;

    }



    .using-global-our-services ol li h3 {

        margin-bottom: 15px;

    }



    .navbar-brand img {

        max-width: 64%;

        image-rendering: -webkit-optimize-contrast;

        image-rendering: optimizespeed;

    }

}



/*767*/

.inner-pages-faqs-a h2 {

    font-size: 22px;

    color: #c7010c;

}



.banner-container-z .text-banner h2 {

    font-size: 34px;

    text-transform: capitalize;

    color: #c01f29;

    font-weight: 800;

}



.modal-backdrop.fade.show {

    opacity: 0;

    z-index: -1;

}



.portfolioContainer5 .portfolio_imagBg h3 {

    padding-top: 18px;

}



/* img.banner-top-z {

    border: 1px double #e2e2e2;

    border-radius: 6px;

} */

img.banner-top-z {

    border-left: 1px double #e2e2e2;

    border-right: 1px solid #e2e2e2;

    border-top: 4px double #e2e2e2;

    border-bottom: 4px double rgba(0, 0, 0, .10);

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

    border-radius: 6px;

}



.portfolioContainer5 .portfolio_imagBg .text-right {

    background: #c01f29;

    width: max-content;

}



.portfolioContainer5 .portfolio_imagBg .text-right a {

    color: #fff;

    padding: 7px;

}



.fss-6 {

    font-size: 6px !important;

}



img.w-10 {

    width: 10%;

    margin-right: 5px;

}



/* .banner> .container> .row> div:nth-child(1) {

    display: flex;

    align-items: start;

    flex-direction: column;

    justify-content: center;

} */



.data-support-kpo-ai-services-1 .icon-container {

    display: flex;

    align-items: center;

    gap: 20px;

}



.container-p40 {

    padding: 20px;

}



/* section-details */

section .section-details {

    text-align: center;

    margin-bottom: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;



}



section .section-details>.section-title {

    position: relative;

    display: inline-block;

    font-weight: bold;

    color: var(--red);

    font-size: 22px;

}





section .section-details>.section-title::after {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 50%;

    transform: translateX(-50%);

    width: 55px;

    height: 3px;

    background-color: var(--blue);

    border-radius: 5px;

}





section .section-details>.section-description {

    font-size: 16px;

    margin-top: 10px;

}



/* case-study-section-start */

#service-case-studies .card {

    background-color: #F8F9FA;

    border: none;

    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

}



#service-case-studies .card>img {

    border-radius: 15px;

}



#service-case-studies .card .card-title {

    font-size: 14px !important;

    font-weight: 500;

    color: #000;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;





    @supports (-webkit-line-clamp: 2) {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: initial;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }

}



#service-case-studies .card a {

    font-size: 14px;

    color: var(--red);

    text-decoration: none;

}



#service-case-studies .card a:hover {

    font-weight: 600;

    text-decoration: underline;

}



#service-case-studies .pagination .page-item:first-child .page-link,

#service-case-studies .pagination .page-item:last-child .page-link {

    border-radius: 0;

}



#service-case-studies .owl-carousel .owl-nav button {

    display: block;

    background: var(--blue) !important;

    color: #fff;

    width: 25px;

    height: 25px;

    text-align: center;

    border-radius: 50%;

    opacity: 0.9;

}



#service-case-studies .owl-carousel .owl-nav button.disabled {

    display: none;

}



#service-case-studies .pagination .page-item .page-link {

    border-radius: 2px;

    border-color: var(--blue);

    color: var(--blue);

    font-size: 14px !important;



}



#service-case-studies .pagination .page-item .page-link:hover {

    color: #fff;

    border-color: var(--blue);

    background-color: var(--blue);

}



.active>.page-link,

.page-link.active {

    background-color: var(--blue);

    border-color: var(--blue);

    color: #fff !important;

}



#service-case-studies .pagination .page-item .page-link:focus {

    box-shadow: none;

}



#service-case-studies .pagination {

    gap: 6px;

}



/* blog-section-start */

#service-blogs .card {

    border: none;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);

    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);

    border-radius: 0;

}



#service-blogs .card .card-title {

    font-size: 16px !important;

    font-weight: 500;

    color: var(--blue);

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;



    @supports (-webkit-line-clamp: 2) {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: initial;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }

}



#service-blogs .card .blog-excerpt {

    font-size: 14px !important;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;



    @supports (-webkit-line-clamp: 3) {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: initial;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

    }

}



#service-blogs .card a {

    font-size: 14px;

    color: var(--red);

    text-decoration: underline;

}



#service-blogs .card a:hover {

    font-weight: 600;

    text-decoration: underline;

}



#service-blogs .btn-danger {

    background-color: var(--red);

    border-radius: 4px;

}



/* faq-section-start */

#service-faqs .accordion {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



#service-faqs .accordion {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



#service-faqs .accordion .accordion-button {

    background-color: var(--neutral-color);

}



#service-faqs .accordion .accordion-button::before {

    content: "Q.";

    margin-right: 10px;

}



#service-faqs .accordion .accordion-button:focus {

    box-shadow: none;

}



#service-faqs .accordion .accordion-body {

    background-color: #f3f3f3;

}



#service-faqs .accordion .accordion-body::before {

    content: "A.";

    margin-right: 10px;

}



/* portfolio-section-start */

#service-portfolio .container {

    background-color: var(--neutral-color);

    border-radius: 20px;

}



#service-portfolio .portfolio-title {

    font-size: 18px;

    font-weight: 600;

}



#service-portfolio .portfolio-description {

    font-size: 14px;

    color: #000 !important;

    line-height: 22px;

}



#service-portfolio .card {

    position: relative;

    width: 200px;

    height: 250px;

    border-radius: 0;

    border: 0;

}



#service-portfolio .card-img-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

    opacity: 0;

    transition: opacity 0.3s ease;

    display: none;

    border-radius: 0;

    border: 0;

    gap: 20px;

}





#service-portfolio .card-img-overlay .btn {

    background-color: var(--red);

    width: fit-content;

    margin-inline: auto;

}



.gslide-desc .btn {

    background-color: var(--red);

    width: fit-content;

}



#service-portfolio .portfolio-custom-nav .owl-prev,

#service-portfolio .portfolio-custom-nav .owl-next {

    background-color: var(--blue);

    border-radius: 50%;

    color: #fff;

    outline: none;

    border: 0;

    width: 30px;

    height: 30px;

}



#service-portfolio .owl-dots {

    display: none !important;

}



#service-portfolio .card:hover .card-img-overlay {

    opacity: 1;

}



/* testimonial-section-start */

#service-testimonials .card {

    position: relative;

    background-color: #fff;

    border: 6px solid var(--blue);

    border-top-right-radius: 20px;

    border-bottom-left-radius: 20px;

}



#service-testimonials .card i {

    background-color: #fff;

    font-size: 36px;

    color: var(--blue);

}



#service-testimonials .card .fa-quote-left {

    position: absolute;

    top: -6px;

    left: -6px;

    background-color: #fff;

    color: var(--blue);

    width: 24px;

    height: 24px;

}



#service-testimonials .card .fa-quote-right {

    position: absolute;

    bottom: -6px;

    right: -6px;

    background-color: #fff;

    color: var(--blue);

    width: 24px;

    height: 24px;

}



#service-testimonials .card .avatar {

    width: 50px;

    height: 50px;

}



#service-testimonials .card .rating svg {

    color: #E5B80B;

    height: 16px;

    width: 16px;

}



#service-testimonials .card .rating i {

    color: #E5B80B;

    font-size: 16px;

}



#service-testimonials .card .content-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

}



#service-testimonials .card .info h6 {

    font-style: italic;

    font-weight: 400;

    font-size: 16px;

}



#service-testimonials .testimonial-custom-nav .owl-prev,

#service-testimonials .testimonial-custom-nav .owl-next {

    background-color: var(--blue);

    border-radius: 50%;

    color: #fff;

    outline: none;

    border: 0;

    width: 30px;

    height: 30px;

}



#service-testimonials .card .comment {

    font-size: 14px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;



    @supports (-webkit-line-clamp: 6) {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: initial;

        display: -webkit-box;

        -webkit-line-clamp: 6;

        -webkit-box-orient: vertical;

    }

}



#service-testimonials .card .designation,

#service-testimonials .card .organisation {

    font-size: 14px;

    text-align: center;

}



#service-testimonials .owl-theme .owl-dots .owl-dot.active span,

#service-testimonials .owl-theme .owl-dots .owl-dot:hover span {

    background-color: var(--red) !important;

}



#service-testimonials .owl-stage>* {

    height: 300px;

}



#service-testimonials .owl-stage .item {

    height: 100%;

}



#service-testimonials .owl-stage .card {

    height: 100%;

}



@media screen and (min-width: 768px) and (max-width: 1024px) {

    .sidebar #contact-us1 .g-recaptcha {

        transform: scale(0.7);

        position: relative;

        left: -30px;

        top: -10px;

    }

}

@media(max-width:768px) {

    .case-study-outer img {

        max-height: 270px !important;

    }

}





/* CASE STUDY DETAIL PAGE */



.case-study-banner-container {

    height: 220px;

    position: relative;

}



.case-study-banner-container>img {

    width: 100%;

    height: 100%;

    object-fit: cover;



}



.case-study-banner-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

}



.case-study-banner-container>h1 {

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 1;

    text-align: center;

    font-weight: 600;

}



/* quote-start */

.quote-wrapper {

    display: flex;

    padding: 0 20px;

}



.blockquote {

    position: relative;

    margin-top: 10px;

    margin-inline: auto;

}



#blockqoute .container h3 {

    font-size: 22px;

    color: var(--blue);

}



.blockquote h2 {

    position: relative;

    color: #000;

    font-size: 18px;

    font-weight: normal;

    line-height: 1.2;

    margin: 0;

    border: solid 2px var(--red);

    border-radius: 20px;

    padding: 25px;

}



.blockquote h2 span {

    color: var(--blue);

}



.blockquote h2:after {

    content: "";

    position: absolute;

    border: 2px solid var(--red);

    border-radius: 0 50px 0 0;

    width: 60px;

    height: 60px;

    bottom: -60px;

    left: 50px;

    border-bottom: none;

    border-left: none;

    z-index: 3;

}



.blockquote h2:before {

    content: "";

    position: absolute;

    width: 80px;

    border: 6px solid #fff;

    bottom: -3px;

    left: 50px;

    z-index: 2;

}



@media all and (min-width: 600px) {

    .blockquote h2 {

        font-size: 16px;

        line-height: 1.2;

    }



}

@media all and (max-width: 600px) {

    .case-study-banner-container>h1 {

        transform: translate(0, -50%);

        left: 0%;

        padding-inline: 10px;

    }



}



.blockquote h4 {

    position: relative;

    color: #000;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

    padding-top: 15px;

    z-index: 1;

    margin-left: 150px;

    padding-left: 12px;

}



.blockquote h4:first-letter {

    margin-left: -12px;

}



section {

    padding-block: 35px;

}



.section-with-bg {

    background-color: #E8E8E8;

}



/* quote-end */

#caseStudyContainer>section>h3 {

    text-align: center;

    color: var(--blue);

    font-size: 22px;

    position: relative;

    margin-bottom: 20px;

}



#caseStudyContainer>section>h3::after {

    content: '';

    position: absolute;

    left: calc(50% - 22px);

    width: 45px;

    top: 100%;

    height: 3.5px;

    margin-top: 3px;

    background-color: var(--red);

    border-radius: 2px;

}



#caseStudyContainer>#projectOverview .card {

    border: none;

    border-radius: 4px;

    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);

    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);

}



#caseStudyContainer>#projectOverview .card h5.card-title {

    color: var(--blue);

    font-size: 16px;

    font-weight: 600;

}



#caseStudyContainer>#projectOverview .card i {

    color: var(--blue);

}



#caseStudyContainer>#outlineCardsTopDescription p {

    text-align: center;

}



#outlineCardsTopDescription .outline-cards-carousel .item .card {

    border: 3px solid var(--blue);

    background-color: #ffffff;

    text-align: center;

    margin-bottom: 20px;

}



#outlineCardsTopDescription .outline-cards-carousel .item .card h6 {

    background-color: var(--blue);

    color: #ffffff;

    padding: 10px;

    min-height: 70px;

    margin-top: 0;

}



#outlineCardsTopDescription .outline-cards-carousel .item .card p {

    padding-inline: 10px;

}



#outlineCardsTopDescription .owl-carousel .owl-stage {

    display: flex;

}



#outlineCardsTopDescription .item {

    height: 100%;

}



#nineGridLayout i {

    width: 57px;

    height: 60px;

    color: #fff;

    background-color: var(--blue);

    font-size: 35px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



#nineGridLayout .headings>h4 {

    font-size: 18px;

    font-weight: 600;

}



#nineGridLayout {

    transition: all ease 0.3;

}



#nineGridLayout #showMoreBtn {

    cursor: pointer;

    text-decoration: none;

    color: #000;

}



#nineGridLayout #showMoreBtn:hover {

    text-decoration: underline;

}



#iconCardsTopDescription .row i {

    color: var(--blue);

    font-size: 60px;

}



#iconCardsTopDescription .row .card {

    background-color: #fff;

    border: none;

    border-radius: 2px;

    display: flex;

    align-items: center;

}



#contactUs .card {

    padding: 10px;

}



#contactUs form input,

#contactUs form select,

#contactUs .btn[type="submit"] {

    height: 50px;

}



#contactUs form input,

#contactUs form select,

#contactUs form textarea {

    background-color: #E8E8E8;

    border-radius: 4px;

    border: 0;

}



#contactUs .btn[type="submit"] {

    background-color: var(--blue);

    border: 0;

    outline: none;

}



#contactUs .mail-link>a,

#contactUs .tel-link>a {

    color: var(--red);

    text-decoration: none;

}



#contactUs .mail-link>i,

#contactUs .tel-link>i {

    color: var(--blue);

}

.image-slider .owl-stage>* {

    height: 225px;

}



#lefImageRightText .title {

    color: var(--blue);

    font-size: 18px;

}



#rightImageLeftTextBottomParagraph .title {

    color: var(--blue);

    font-size: 18px;

}



.image-slider .owl-item img {

    width: 100%;

}

#nineGridLayout svg {

    width: 53px;

    height: 55px;

    padding-inline: 4px;

    padding-block: 5px;

    color: #fff;

    background-color: var(--blue);

}

#iconCardsTopDescription svg {

    width: 60px;

    height: 60px;

    color: var(--blue);

}



.inner-pages-faqs-a h5 a:after,
.inner-pages-faqs-a h3 a:after {

    position: absolute;

    left: -29px;

    top: 50%;

    margin-top: -10px;

    width: 20px;

    height: 20px;

    background-color: transparent;

    color: #ff5f74;

    text-align: center;

    border: 1px solid #ff5f74;

    border-radius: 50%;

    content: '\f0a9';

    font-size: 17px;

    line-height: 18px;

    font-family: "FontAwesome";

    font-weight: 900;

}

.inner-pages-faqs-a h3,
.inner-pages-faqs-a h5,
.inner-pages-faqs-a h2 {

    font-size: 30px;

    font-weight: 700;

    text-align: center;

    color: #C8070B !important;

    margin-bottom: 22px;

}

.inner-pages-faqs-a .panel-heading .panel-title {

    text-align: left !important;

    margin-bottom: 6px !important;

}

@media(min-width: 992px) and (max-width:1399px) {

    .inner-pages-faqs-a .panel-heading .panel-title a {

        margin-left: 0;

        padding-left: 0;

    }

    .inner-pages-faqs-a .panel-default>.panel-heading {

        padding-left: 42px;

    }

}



@media(max-width:768px) {

    .inner-pages-faqs-a .panel-default>.panel-heading {

        padding-left: 18px;

    }

    .inner-pages-faqs-a .panel-heading .panel-title a {

        margin-left: 0px;

        padding-left: 0px;

    }

    .inner-pages-faqs-a h5.panel-title,
    .inner-pages-faqs-a h3.panel-title {

        padding-left: 23px !important;

    }

    .inner-pages-faqs-a h3,
    .inner-pages-faqs-a h5 {
        font-size: 24px;
    }

}



/* ===== DARK OVERLAY ===== */
#indiasoftModal {
    background-color: rgba(0, 0, 0, 0.75);
}

/* ===== MODAL SIZE CONTROL ===== */
#indiasoftModal .modal-dialog {
    max-width: 580px;
    /* control modal width */
    width: 90%;
    top: 0%;
}


/* ===== MODAL CONTENT STYLING ===== */
#indiasoftModal .modal-content {
    border-radius: 15px;
    padding: 0px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}


/* ===== HEADER STYLE ===== */
#indiasoftModal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

#indiasoftModal .modal-title {
    font-weight: 700;
    font-size: 30px;
}


/* ===== IMAGE FIX ===== */
#indiasoftModal img {
    max-height: 210px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}


/* ===== TEXT SPACING ===== */
#indiasoftModal h4 {
    font-size: 20px;
    margin-top: 10px;
}

#indiasoftModal p {
    font-size: 15px;
    color: #555;
}


#indiasoftModal .modal-body {
    padding-bottom: 30px;
}

/* ===== BUTTON STYLE ===== */
#indiasoftModal .btn-danger {
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 600;
}


#indiasoftModal .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

#indiasoftModal .close-icon .btn-close {
    background-color: #fff;
    border-radius: 50%;
    padding: 8px;
    width: 24px;
    height: 24px;
}

/* ===== RESPONSIVE FIX ===== */
@media (max-width: 576px) {
    #indiasoftModal .modal-dialog {
        max-width: 95%;
    }

    #indiasoftModal img {
        max-height: 200px;
    }

    #indiasoftModal .modal-title {
        font-weight: 700;
        font-size: 24px;
    }
}

@media (min-width:1200px) {
        .certification-logos {
        height: 320px;
        overflow-y: auto;

        /* Firefox */
        scrollbar-width: thin;
        scrollbar-color: #999 transparent;
    }

    /* Chrome, Edge, Safari */
    .certification-logos::-webkit-scrollbar {
        width: 5px;
        /* thin scrollbar */
    }

    .certification-logos::-webkit-scrollbar-track {
        background: transparent;
    }

    .certification-logos::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 10px;
    }

    .certification-logos::-webkit-scrollbar-thumb:hover {
        background: #666;
    }
}

@media (min-width:1600px) {
    .certification-logos {
        height: 320px;
        overflow-y: auto;

        /* Firefox */
        scrollbar-width: thin;
        scrollbar-color: #999 transparent;
    }

    /* Chrome, Edge, Safari */
    .certification-logos::-webkit-scrollbar {
        width: 5px;
        /* thin scrollbar */
    }

    .certification-logos::-webkit-scrollbar-track {
        background: transparent;
    }

    .certification-logos::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 10px;
    }

    .certification-logos::-webkit-scrollbar-thumb:hover {
        background: #666;
    }
}