/* ===================================
   Shiv-Informatics Design System 2.0
   =================================== */

:root {
    /* Color Palette - Vibrant Tech / SaaS App Inspired */
    --primary-indigo: #0B0E14;
    /* Midnight Charcoal */
    --primary-indigo-rgb: 11, 14, 20;
    --accent-orange: #00F2FE;
    /* Bright Cyan */
    --accent-orange-rgb: 0, 242, 254;
    --accent-purple: #7F00FF;
    /* Electric Purple */
    --deep-blue: #111827;
    /* Dark Slate */
    --glass-white: rgba(255, 255, 255, 0.9);
    --glass-dark: rgba(11, 14, 20, 0.7);
    --text-main: #4b5563;
    /* Lighter charcoal for readable body text */
    --text-muted: #6b7280;
    --surface-light: #f9fafb;
    /* Extra bright whiteish-gray */
    --border-glass: rgba(0, 0, 0, 0.08);
    /* Slightly more prominent glass border */

    /* Effects */
    --glass-blur: blur(25px);
    --shadow-premium: 0 20px 40px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.05);
    /* Deeper, softer shadow */
    --shadow-glow: 0 10px 30px rgba(127, 0, 255, 0.3);
    /* Purple neon glow for active elements */
    --shadow-lift: 0 35px 80px rgba(0, 242, 254, 0.15);
    /* Vibrant float shadow */
    --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    /* Snappy smooth motion */
    --border-radius-xl: 32px;
    /* Friendly, soft bento corners */
}

    /* Navbar logo sizing: match navbar height */
:root {
    --si-nav-height: 92px;
    --si-nav-logo-height: calc(var(--si-nav-height) - 18px);
    /* Card background (all pages) */
    --si-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 245, 242, 0.96) 100%);
    /* Home page: keep the 1st card special */
    --si-card-bg-home-primary: linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, rgba(242, 246, 245, 0.94) 100%);
    --si-card-border: 1px solid rgba(80, 98, 116, 0.08);
    --si-card-shadow: 0 20px 46px rgba(40, 50, 65, 0.10);
}

header .navbar-light-vision,
header .navbar-dark-vision,
.navbar.fixed-menu {
    height: var(--si-nav-height);
}

.round-nav {
    min-height: var(--si-nav-height);
    position: relative;
}

/* Navbar (desktop): keep menu items aligned and spaced cleanly */
@media (min-width: 992px) {
    #my-nav1 .round-nav {
        justify-content: flex-start;
        gap: 18px;
    }

    #my-nav1 .round-nav > .logo {
        flex: 0 0 auto;
        margin-left: 14px;
    }

    #my-nav1 .round-nav > .navbar-collapse {
        flex: 1 1 auto;
        display: flex !important;
        justify-content: flex-end;
    }

    #my-nav1 .round-nav > .navbar-collapse > .navbar-nav {
        margin-left: auto;
    }
}

/* Navbar: remove extra whitespace around bar */
#my-nav1 {
    top: 0 !important;
    left: 0;
    right: 0;
    padding: 0 !important;
}

#my-nav1 .round-nav {
    padding: 0 16px !important;
}

@media (max-width: 991px) {
    #my-nav1 .round-nav {
        padding-right: 56px !important;
    }

    #my-nav1 .round-nav > .logo {
        margin-left: 10px;
    }
}

.round-nav .logo {
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

.round-nav .logo img {
    height: var(--si-nav-logo-height) !important;
    width: auto !important;
    max-height: var(--si-nav-logo-height);
    object-fit: contain;
}

/* Remove stray spacing + unify inner-page banner look (also removes the "light blue bar" under navbar) */
.sticky-container + br {
    display: none;
}

.inrbanner-outer {
    position: relative;
    overflow: hidden;
    background: #0B0E14 !important;
    padding: 70px 0 46px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.inrbanner-outer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 1;
    pointer-events: none;
}

.inrbanner-outer::after {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(circle at 20% 30%, rgba(127, 0, 255, 0.30) 0%, rgba(11, 14, 20, 0) 60%),
        radial-gradient(circle at 80% 70%, rgba(0, 242, 254, 0.22) 0%, rgba(11, 14, 20, 0) 60%);
    z-index: 0;
    pointer-events: none;
}

.inrbanner-outer .inrbanner,
.inrbanner-outer .inrbanner-list,
.inrbanner-outer h1 {
    position: relative;
    z-index: 2;
}

.inrbanner-outer .inrbanner {
    background: transparent !important;
    min-height: auto !important;
    padding: 0 !important;
}

.gradient-text {
    background: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.feature-list {
    list-style: none;
    padding: 0 !important;
}

.feature-list li {
    padding: 15px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    transition: var(--transition-smooth) !important;
    text-align: left !important;
}

.feature-list li:hover {
    padding-left: 10px !important;
    background: rgba(var(--primary-indigo-rgb), 0.02) !important;
}

.feature-list li i {
    color: var(--primary-indigo) !important;
    font-size: 20px !important;
    margin-top: 5px !important;
}

/* Modern Typography & Reset */
body {
    font-family: 'Inter', sans-serif;
    line-height: 1.7;
    color: var(--text-main);
    background: var(--surface-light);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #111;
}

/* Glassmorphism Utilities */
.glass-effect {
    background: var(--glass-white);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-glass);
}

.glass-card {
    background: var(--si-card-bg);
    border: var(--si-card-border);
    border-radius: var(--border-radius-xl);
    padding: 30px;
    box-shadow: var(--si-card-shadow);
    transition: var(--transition-smooth);
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.bento-card {
    transition: var(--transition-smooth);
    border: var(--si-card-border) !important;
    background: var(--si-card-bg) !important;
    box-shadow: var(--si-card-shadow) !important;
    border-radius: var(--border-radius-xl);
    padding: 40px;
}

.bento-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: var(--shadow-lift);
}

/* Pill & Magnetic Buttons */
.pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: var(--transition-smooth);
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.pill-btn:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-glow);
}

.magnetic-btn {
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.magnetic-btn:hover {
    transform: scale(1.08) translateY(-2px);
}

@media (max-width: 991px) {
    .bento-grid {
        grid-template-columns: 1fr;
    }

    .bento-card {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
}

/* Modern Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--primary-indigo) 0%, var(--accent-orange) 100%);
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--accent-orange) 0%, var(--primary-indigo) 100%);
}

/* Loader Refinement */
.loading-area {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary-indigo) 0%, var(--accent-orange) 100%);
    position: fixed;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Solutions Carousel Cards */
.img__wrap {
    position: relative;
    height: 480px;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-glass);
    transition: var(--transition-smooth);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-premium);
    margin: 20px 0;
}

.img__wrap:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: var(--shadow-lift);
    border-color: rgba(var(--primary-indigo-rgb), 0.4);
}

.img__wrap img {
    margin-bottom: 30px;
    transition: var(--transition-smooth);
    max-height: 120px;
    object-fit: contain;
}

.img__wrap:hover img {
    transform: scale(1.1) translateY(-10px);
}

.img__wrap h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-main);
    text-align: center;
    padding: 0 20px;
}

.img__description_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(var(--primary-indigo-rgb), 0.95) 0%, rgba(var(--accent-orange-rgb), 0.9) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: #fff;
    opacity: 0;
    transition: var(--transition-smooth);
    text-align: center;
}

.img__wrap:hover .img__description_layer {
    opacity: 1;
}

.img__description_layer h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.img__description_layer p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: center;
}

.img__description_layer a {
    background: #fff;
    color: var(--primary-indigo);
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    transition: var(--transition-smooth);
    text-decoration: none;
}

.img__description_layer a:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.circle {
    width: 180px;
    height: 180px;
    border: 10px inset rgb(133, 224, 242);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    border-radius: 200px;
    -webkit-animation: rotate 5s infinite linear;
    animation: rotate 5s infinite linear;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.circle-small {
    width: 150px;
    height: 150px;
    border: 6px outset rgb(133, 224, 242);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -85px;
    margin-top: -85px;
    border-radius: 156px;
    -webkit-animation: rotate-rev 3s infinite linear;
    animation: rotate-rev 3s infinite linear;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.circle-big {
    width: 210px;
    height: 210px;
    border: 4px dotted #000;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -114px;
    margin-top: -114px;
    border-radius: 214px;
    -webkit-animation: rotate-rev 10s infinite linear;
    animation: rotate-rev 10s infinite linear;
}

.circle-inner {
    width: 80px;
    height: 80px;
    background-color: rgb(133, 224, 242);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -50px;
    border-radius: 80px;
    -webkit-animation: pulse 1.5s infinite ease-in;
    animation: pulse 1.5s infinite ease-in;
    opacity: 1;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.circle-inner-inner {
    width: 100px;
    height: 100px;
    background-color: rgb(74, 124, 134);
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -58px;
    margin-top: -60px;
    border-radius: 100px;
    -webkit-animation: pulse 1.5s infinite ease-in;
    animation: pulse 1.5s infinite ease-in;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


/*==============ANIMATIONS=================*/

/*==============ROTATE=====================*/

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*==============ROTATE-REV=================*/

@-webkit-keyframes rotate-rev {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes rotate-rev {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/*==============PULSE======================*/

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 0.8;
    }

    100% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.2;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.8;
    }

    100% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.2;
    }
}

@keyframes logoPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Floating Contact Button */
.floating-contact-btn {
    position: fixed;
    bottom: 120px;
    right: 50px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #6610f2 0%, #fd7e14 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(102, 16, 242, 0.4);
    transition: all 0.3s ease;
    z-index: 1000;
    animation: bounce 3s infinite;
}

.floating-contact-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 30px rgba(102, 16, 242, 0.6);
    background: linear-gradient(135deg, #fd7e14 0%, #6610f2 100%);
}

/* Footer Social Links */
.social-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #6610f2 0%, #fd7e14 100%);
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 16, 242, 0.3);
}

.social-link:hover {
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 25px rgba(102, 16, 242, 0.5);
    background: linear-gradient(135deg, #fd7e14 0%, #6610f2 100%);
}

/* Newsletter Form */
.newsletter-form input {
    width: 100%;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif;
    transition: border-color 0.3s ease;
}

.newsletter-form input:focus {
    outline: none;
    border-color: #6610f2;
}

.newsletter-form .blue-btn {
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
}

/***************SCROLL TOP**************/
.scroll-top-arrow {
    font-size: 24px;
    line-height: 50px;
    color: #fff !important;
    display: none;
    height: 50px;
    width: 50px;
    padding: 0;
    position: fixed;
    bottom: 50px;
    right: 50px;
    text-align: center;
    text-decoration: none;
    z-index: 99;
    background: linear-gradient(135deg, #6610f2 0%, #fd7e14 100%);
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(102, 16, 242, 0.3);
    transition: all 0.3s ease;
    animation: bounce 2s infinite;
}

.scroll-top-arrow:hover {
    background: linear-gradient(135deg, #fd7e14 0%, #6610f2 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 16, 242, 0.4);
}

/***************CAROUSAL IMAGES AND FADE EFFECT*********/

.background-carousal {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-fade .carousel-item {
    height: 80vh !important;
}

.carousel-fade .carousel-item:before {
    /*content: '';*/
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 10%);
    z-index: 1;
}




.carousel-fade .carousel-control-next,
.carousel-control-prev {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: 40%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.carousel-fade .carousel-control-next:hover,
.carousel-control-prev:hover {
    opacity: 0.5;
}

.carousel-fade .carousel-control-prev {
    left: 6%;
}

.carousel-fade .carousel-control-next {
    right: 6%;
}

.carousel-fade .detail-sec {
    padding: 0px 60px;
}


.carousel-item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/*.carousel-item:nth-child(2) {
    background: url('../img/bg-img2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.carousel-item:nth-child(3) {
    background: url('../img/bg-img3.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}*/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {

    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

#background-carousal .carousal-overlay {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    /*background-color: rgb(0 0 0 / 10%);*/
    z-index: 1;
}

.banner2bg {
    background-image: linear-gradient(to right, #00517a, #006a9f);
    border: 0;
}

.carousal-overlay .main-content {
    z-index: 11;
    padding-top: 30px;
}




/************************NAVBAR FOR LARGE SCREENS*****************/

header .navbar-light-vision {
    top: 15px;
    overflow: visible !important;
    height: 70px;
    width: 100%;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    z-index: 11;
    position: absolute;
    background-color: transparent !important;
}

.navbar .nav-item>a.nav-link {
    font-size: 14px;
    line-height: 16px;
    color: var(--text-main);
    text-decoration: none;
    padding: 10px 20px !important;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 500;
    transition: var(--transition-smooth);
    border-radius: 8px;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #fff;
    background: linear-gradient(135deg, var(--primary-indigo) 0%, var(--accent-orange) 100%);
    box-shadow: 0 4px 15px rgba(var(--primary-indigo-rgb), 0.3);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--primary-indigo) 0%, var(--accent-orange) 100%);
    box-shadow: 0 4px 15px rgba(var(--primary-indigo-rgb), 0.3);
}

.navbar .nav-item a.nav-link {
    color: #000;
}

.logo {
    margin-top: -17px;
}

.logo img {
    max-width: 160px;
    /* default desktop size */
    height: auto;
    /* keep aspect ratio */
    width: auto;
    display: block;
    transition: all 0.3s ease;
    animation: logoPulse 3s ease-in-out infinite;
}

.fixed-menu .logo {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-tog-btn {
    display: none;
    width: 25px;
}

.my-tog-btn span {
    background-color: white;
    margin-bottom: 5px;
    height: 2px;
    width: 100%;
    display: block;
}

.navbar-btn {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: #0095de;
    cursor: pointer;
    padding: 9px 25px 9px 25px;
    text-align: center;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.navbar-btn:hover {
    background-color: #003752;
    border-color: #003752;
}

a.navbar-btn {
    font-size: 15px;
    /*font-family: 'Montserrat', sans-serif;*/
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
}

/**************************NAVBAR AFTER SCROLL*******************/
nav ul li a,
nav ul li a:after,
nav ul li a:before {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

nav ul li a:hover {
    color: #555;
}


/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
    position: relative;
}

/*nav.stroke ul li a:after,
nav.fill ul li a:after {
    position: absolute;
    bottom: 59px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    content: '.';
    color: transparent;
    background: #ffffff;
    height: 6px;
}*/
/*
nav.stroke ul li a:hover:after, nav.stroke ul li a.active:after {
    width: 100%;
}*/

.dropdown-menu {
    min-width: 15rem !important;
    top: 98% !important;
    padding: 0px;
}

.dropdown-menu li {
    border-bottom: 1px solid #efefef;
}

.dropdown-menu li a.nav-link {
    font-size: 12px !important;
    padding: 0.4rem 0.8rem !important;
    line-height: 1.5;
    margin-right: 0px !important;
    border-radius: 0px !important;
}

.nav-link .la-home {
    font-size: 18px;
    line-height: 0.9;
}

.content-carousal {
    margin-top: 0px;
    top: 27% !important;
    bottom: auto;
}


nav.fill ul li a {
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

nav.fill ul li a:after {
    text-align: left;
    content: '.';
    margin: 0;
    opacity: 0;
}

nav.fill ul li a:hover,
nav.fill ul li a.active {
    color: #fff;
    z-index: 1;
}

nav.fill ul li a:hover:after,
nav.fill ul li a.active:after {
    z-index: -10;
    animation: fill 1s forwards;
    -webkit-animation: fill 1s forwards;
    -moz-animation: fill 1s forwards;
    opacity: 1;
}

.navbar.fixed-menu .navbar-btn {
    border: 2px solid white;
}

.navbar.fixed-menu .navbar-btn:hover,
.navbar.fixed-menu .navbar-btn:focus {
    border: 2px solid #000;
    background-color: #000 !important;
}

.navbar.fixed-menu {
    margin: 0px;
    padding: 0px;
    height: 90px;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid var(--border-glass);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;

    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Modern Dropdown Styles */
.dropdown-menu {
    background: #ffffff;
    /* Solid white for better readability */
    border: 1px solid var(--border-glass);
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    min-width: 240px;
    margin-top: 15px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    display: block !important;
    /* Always block, use show for visibility */
    z-index: 9999 !important;
}

/* Toggle Button Position */
.round-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-tog-btn {
    order: 3;
    /* Move to end of flex container */
}

/* Unblock Dropdown Visibility */
header.hdr-bg,
.navbar,
.navbar-collapse,
.round-nav,
.container-fluid {
    overflow: visible !important;
}

#my-nav1 {
    z-index: 1001;
}

.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-indigo) !important;
    padding: 10px 18px;
    border-radius: 10px;
    transition: var(--transition-smooth);
    display: flex;
    align-items: center;
    gap: 10px;
}

.dropdown-item:hover {
    background: rgba(var(--primary-indigo-rgb), 0.05);
    color: var(--accent-purple) !important;
    padding-left: 22px;
}

.dropdown-toggle::after {
    transition: transform 0.3s ease;
    margin-left: 8px;
    font-size: 10px;
    vertical-align: middle;
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    .dropdown-menu {
        background: transparent;
        border: none;
        box-shadow: none;
        padding-left: 20px;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

/***************MAIN CONTENT ON BACKGROUND IMAGE*****************/

.main-content .main-heading,
.detail-sec .main-heading {
    font-size: 44px;
    font-weight: bold;
    /*font-family: 'Montserrat' , sans-serif;*/

    line-height: 1.1;
    letter-spacing: 0;
    color: white;
    margin-top: -7px;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 80%);
}

.margin-sub-heading {
    color: white;
    margin-bottom: 20px;
    margin-top: 20px;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 80%);
}

.main-content .sub_heading {
    font-size: 15px;
    /*font-family: 'Montserrat' , sans-serif;*/
    line-height: 2;
    text-align: left;
}

.col-height {
    height: 100vh;
}

.blue-btn {
    background: linear-gradient(135deg, var(--primary-indigo) 0%, var(--accent-orange) 100%);
    border: none;
    color: #fff !important;
    cursor: pointer;
    padding: 14px 36px;
    text-align: center;
    border-radius: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: var(--transition-smooth);
    box-shadow: 0 8px 20px rgba(var(--primary-indigo-rgb), 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.blue-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(var(--primary-indigo-rgb), 0.35);
    background: linear-gradient(135deg, var(--accent-orange) 0%, var(--primary-indigo) 100%);
}

.green-btn {
    background: var(--glass-white);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-glass);
    color: var(--text-main) !important;
    cursor: pointer;
    padding: 14px 36px;
    border-radius: 12px;
    font-weight: 600;
    transition: var(--transition-smooth);
    box-shadow: var(--shadow-premium);
}

.green-btn:hover {
    background: var(--primary-indigo);
    color: #fff !important;
    transform: translateY(-2px);
}

a.btn {
    font-size: 14px;
    /*font-family: 'Montserrat', sans-serif;*/
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
    line-height: 1.5;
}

.custom-box {
    padding: 60px 37px;
    position: relative;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.custom-box .box-text {
    font-size: 28px;
    /*font-family: 'Montserrat' , sans-serif;*/
    font-weight: 600;
    line-height: 1.143;
    text-align: left;
    letter-spacing: 0;
    position: relative;
    color: #ffffff;
}

/*****************BOXES AND ARROW BOX HOVER***************/
.arrow-box {
    position: absolute;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    font-size: 30px;
    padding: 10px 11px;
    right: 0;
    bottom: 0;
    visibility: visible;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-animation: 0.5s fadeInUp;
    animation: 0.5s fadeInUp;
}

.arrow-box.arrow-box-hidden {
    visibility: hidden;
    -webkit-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-animation: 0.5s fadeInDown;
    animation: 0.5s fadeInDown;
}

.arrow-box .las {
    color: #ffffff !important;
    visibility: visible;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.arrow-box .las.las-hidden {
    visibility: hidden;
    -webkit-transition: ease;
    -o-transition: ease;
    transition: ease;
}

.arrow-box1 {
    position: absolute;
    background-color: #067284;
    font-size: 30px;
    padding: 10px 11px;
    right: 0;
    bottom: 0;
    visibility: hidden;
    -webkit-transition: ease;
    -o-transition: ease;
    transition: ease;
    -webkit-animation: 1s fadeInUp;
    animation: 1s fadeInUp;

}

.arrow-box1.arrow-box1-display {
    visibility: visible;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-animation: 0.5s fadeInDown;
    animation: 0.5s fadeInDown;
}

.arrow-box1 .las {
    color: #ffffff !important;
    visibility: hidden;
    -webkit-transition: ease;
    -o-transition: ease;
    transition: ease;
}

.arrow-box1 .las.las-visible {
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    visibility: visible;
}

.custom-box:hover .arrow-box1 i {
    -webkit-animation: 1.5s rubberBand;
    animation: 1.5s rubberBand;
}

.bg-campus-icon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.bg-campus-icon i {
    position: absolute;
    color: #068ba1;
    top: 15px;
    font-size: 200px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    opacity: 0;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-animation: scale .6s alternate infinite linear both;
    animation: scale .6s alternate infinite linear both;
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes scale {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}



.custom-box.bg-blue-color:hover {
    background: #F7A14A;
    ;
}

.custom-box.bg-blue-color:hover .bg-campus-icon i {
    opacity: 0.8;
}

.custom-box:hover .arrow-box i {
    -webkit-animation: 1s rubberBand;
    animation: 1s rubberBand;
}

.bg-study-icon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.bg-study-icon i {
    position: absolute;
    color: #2cb9ff;
    top: 40px;
    font-size: 130px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    opacity: 0;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-animation: scale .6s alternate infinite linear both;
    animation: scale .6s alternate infinite linear both;
}

@keyframes scale {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}


.custom-box.bg-green-color:hover {
    background: #000;
}

.custom-box.bg-green-color:hover .bg-study-icon i {
    opacity: 0.8;
}

/*************************SOCIAL ICONS*********************/

.social_icon {
    position: absolute;
    right: 2%;
    top: 35%;
}

ul.social-icon li a:hover i {
    color: #fff;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

ul.social-icon li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 2;
}

ul.social-icon li a:hover:before {
    top: 100%;
}

ul.social-icon li a:hover {
    border: 2px solid white;
    border-radius: 50px;
}

ul.social-icon li.fb a:before {
    background: #3b5999;
}

ul.social-icon li.twit a:before {
    background: #55acee;
}

ul.social-icon li.linkedin a:before {
    background: #0077b5;
}

ul.social-icon li.insta a:before {
    background: #dd4b39;
}

ul.social-icon li a {
    line-height: 30px;
    width: 55px;
    height: 55px;
    background-color: transparent;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 5px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: none;
    z-index: 1;
    font-size: 24px;
}

ul.social-icon li a i {
    position: relative;
    color: #ffffff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 3;
}


ul.social-icon li {
    list-style: none;
}

ul.social-icon li a {
    color: black;
}

/*******************MINI CAROUSAL****************/

.image-div {
    width: 100%;
    height: 216px;
    overflow: hidden;
}

.mini-slider .carousel .animation1 {
    -webkit-animation: 0.6s fadeInUp;
    animation: 0.6s fadeInUp;
}

.mini-slider .carousel .animation2 {
    -webkit-animation: 0.6s fadeInDown;
    animation: 0.6s fadeInDown;
}


/********************NAVBAR FOR SMALL SCREEN****************/
.outer-window {
    background-color: rgba(0, 0, 0, 0.70);
    display: none;
    color: white;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1111111;
}

.inner-window {
    display: block;
    left: 0;
    -webkit-animation: 0.5s fadeInRightFirst;
    animation: 0.5s fadeInRightFirst;
}

.navbar1 {
    display: none;
}

.navbar1.nav-visible {
    display: block;
}

@-webkit-keyframes fadeInRightFirst {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

@keyframes fadeInRightFirst {
    from {
        left: 100%;
    }

    to {
        left: 0;
    }
}

.navbar-content {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 111111111;
}

/* Mobile menu: use full screen width on small devices */
@media (max-width: 991px) {
    .outer-window {
        left: 0;
        width: 100vw;
    }

    .navbar-content {
        left: 0;
        width: 100vw;
        max-width: 100%;
    }

    .navbar-content.inner-window,
    .navbar-content.middle-window {
        left: 0 !important;
    }
}

.middle-window {
    display: block;
    left: 25%;
    -webkit-animation: 0.5s fadeInRightcustom;
    animation: 0.5s fadeInRightcustom;
}

@-webkit-keyframes fadeInRightcustom {
    from {
        left: 100%;
    }

    to {
        left: 25%;
    }
}

@keyframes fadeInRightcustom {
    from {
        left: 100%;
    }

    to {
        left: 25%;
    }
}

.outer-window .navbar {
    position: relative;
    background-color: transparent !important;
}

.outer-window .nav-link {
    text-decoration: none;
    color: #1a2332;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.outer-window .nav-item a {
    padding: 7px 15px 7px 40px;
    position: relative;
}

.outer-window .navbar-nav {
    margin-top: 12%;
}

.outer-window .close-outerwindow {
    position: fixed;
    right: 6%;
    top: 6%;
    z-index: 1111;
}

.logo-small-nav {
    margin-top: 18%;
    margin-left: 15px;
}

.outer-window .close-outerwindow i {
    font-size: 30px;
    color: #314556;
}

/*****************FEATURES SECTION START*************/
#features {
    padding-top: 125px;
    padding-bottom: 125px;
}

.main-heading {
    font-size: 37px;
    /*font-family: 'Montserrat' , sans-serif;*/
    letter-spacing: -3px;
    font-weight: normal;
}

.sub-heading {
    font-size: 15px;

}

.feature-icon {
    font-size: 55px;
    margin-bottom: 13px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.feature-card .card {
    border: none;
}

.feature-card .card-title {
    font-size: 20px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.feature-card .card-body {
    padding: 2rem;
}

.box {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    border: 1px solid #000;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    margin-right: -1px;
}

.box:hover {
    z-index: 10;
}

.box:before,
.box:after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 1;
}

.box:before {
    width: calc(100% + 1px);
    height: 100%;
    z-index: 1;
    -webkit-transition: height 1s ease, opacity .8s ease;
    -o-transition: height 1s ease, opacity .8s ease;
    transition: height 1s ease, opacity .8s ease;
}

.box:after {
    height: calc(100% + 1px);
    width: 100%;
    z-index: 1;
    -webkit-transition: width 1s ease, opacity .8s ease;
    -o-transition: width 1s ease, opacity .8s ease;
    transition: width 1s ease, opacity .8s ease;
}

.box:hover:before,
.box:focus:before {
    -webkit-transition: height .2s ease, opacity .3s ease;
    -o-transition: height .2s ease, opacity .3s ease;
    transition: height .2s ease, opacity .3s ease;
    height: 85%;
    opacity: .7;
    border: 1px solid #000;
}

.box:hover:after,
.box:focus:after {
    -webkit-transition: width .2s ease, opacity .3s ease;
    -o-transition: width .2s ease, opacity .3s ease;
    transition: width .2s ease, opacity .3s ease;
    width: 85%;
    opacity: .8;
    border: 1px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.box:hover .box__image .card-title {
    color: #0C9A9A;
}

.box:hover .feature-icon {
    color: #000;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

.box__image {
    fill: #000;
    width: 100%;
    will-change: width;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
}

.col-height-features {
    height: 270px;
}

/******************GET ADMISSION SECTION STARTS***************/
#get-admission {
    margin-bottom: 125px;
}

.bg-admission-img {
    background-image: url('../img/admission-img.png');
    position: relative;
    min-height: 300px;
}

#get-admission .overlay-admission {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.70);

}

#get-admission .admission-text {
    margin-top: 150px;
    margin-bottom: 150px;
}

/******************PORTFOLIO SECTION START****************/
.overlay-portfolio {
    position: absolute;
    min-height: 350px;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%)d1;
}

.col-height-portfolio {
    height: 100%;
}


/*****************OUR TECHERS SECTION START**************/
#teachers {
    background: #f6f6f6;
    padding-top: 70px;
    padding-bottom: 50px;
}

.quotes {
    position: absolute;
    font-size: 12rem;
    z-index: 2;
    display: inline-block;
    right: 11%;
    bottom: 37%;
    -webkit-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    transform: rotate(33deg);
    color: #f6f6f6;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.testimonial-owl {
    cursor: pointer;
}

.testimonial-owl:hover .quotes {
    color: #008cdb !important;
    opacity: 0.4;
}

.team-box,
.team-box .team-content,
#ourteachers-slider .center .team-box .team-content {
    -webkit-transition: all .3s ease-in .1s;
    -o-transition: all .3s ease-in .1s;
    transition: all .3s ease-in .1s;
}

.team-box {
    position: relative;
    padding: 20px 20px 60px 20px;
    overflow: hidden;
}

.team-box .team-content {
    background: #F7A14A;
    ;
    padding: 20px 5px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 20px;
    right: 20px;
    -webkit-transform: translateY(53%);
    -ms-transform: translateY(53%);
    transform: translateY(53%);
    text-align: center;
}

#ourteachers-slider .center .team-box .team-content {
    background: #000;
    padding: 30px 1.25rem;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 20px;
    right: 20px;
    -webkit-transform: translateY(53%);
    -ms-transform: translateY(53%);
    transform: translateY(53%);
    text-align: center;
}

.team-box.single .team-content {
    -webkit-transform: translateY(38%);
    -ms-transform: translateY(38%);
    transform: translateY(38%);
}

#ourteachers-slider .center .team-box.single .team-content {
    -webkit-transform: translateY(38%);
    -ms-transform: translateY(38%);
    transform: translateY(38%);

}

.team-box .team-content h3 {
    font-weight: normal;
    font-size: 15px;
    font-weight: 700;
    /*font-family: 'Montserrat' , sans-serif;*/
    margin-bottom: 0;
    line-height: 1.3;
}

.team-box .team-content p {
    font-size: 12px;

}

.team-box:hover .team-content,
.team-box.single:hover .team-content,
#ourteachers-slider .center .team-box:hover .team-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#ourteachers-slider .owl-dots {
    margin-top: 70px !important;
    text-align: center;
}

#ourteachers-slider .owl-dots .owl-dot.active span,
.owl-testimonial .owl-dots .owl-dot:hover span {
    background: #F7A14A;
    ;
}

#ourteachers-slider .owl-dots .owl-dot span {
    background: white;
    border: 2px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-radius: 50px;
    font-size: 0;
    padding: 5px;
    margin: 3px;
    text-align: center;
}

/****************Progress Bars**************8*/
.progress-bars .progress {
    position: relative;
    overflow: visible;
    height: 8px;
    border-radius: 3px;
    opacity: 1;
    background-color: #e2f0f3a1;
}

.progress-bars .progress+.progress {
    margin-top: 40px;
}

.progress-bars .progress p {
    margin-bottom: 10px;
    position: relative;
    left: 0;
    display: inline-block;
}

.progress-bars .progress p,
.progress-bars .progress .progress-bar span {
    top: -28px;
}

.progress-bars .progress .progress-bar {
    width: 60%;
    float: none;
    position: absolute;
    height: 100%;
    border-radius: 3px;
    -webkit-transition: width 1s ease-in-out .3s;
    -o-transition: width 1s ease-in-out .3s;
    transition: width 1s ease-in-out .3s;
    background-color: #ffffff;
    border: 1px solid white;
}

.progress-bars .progress .progress-bar span {
    display: block;
    position: absolute;
    right: 0;
    width: 40px;
    padding: 0;
}

/*********************TESTIMONIAL********************/
#testimonial {
    margin-bottom: 70px;
}

.bg-testimonial-img {
    background-image: url('../img/testimonial2.png');
    position: relative;
}

/* Testimonials: remove background image that contains "dots" */
.home-page .testimonial-showcase.bg-testimonial-img {
    background-image: none !important;
    background-color: #0b1622;
}

.overlay-testimonial {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(135deg, rgba(11, 22, 34, 0.95) 0%, rgba(0, 124, 187, 0.9) 100%) !important;
    /* background-image: none !important; */
}

.testimonial-container {
    padding-top: 1%;
    padding-bottom: 0%;
}

.testimonial-owl .item {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin: 20px;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.testimonial-owl .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.testimonial-owl .item .student-img {
    border: 2px solid #fff;
    width: 85px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100px;
    padding: 6px;
    -webkit-box-shadow: 1px 1px 14px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 14px rgb(0 0 0 / 20%);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    font-size: 53px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    font-size: 53px;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.owl-carousel .owl-prev span {
    position: absolute;
    left: 8%;
    top: 48%;

}

.owl-carousel .owl-next span {
    position: absolute;
    right: 8%;
    top: 48%;
}

.testimonial-owl .item .student-img img {
    border-radius: 100px;
}

.testimonial-owl .item .description .width-text {
    margin-left: 20%;
    margin-right: 20%;
}

/*******************BLOG SECTION**************/
#blog {
    padding-bottom: 60px;
}

.blog-text {
    margin-top: 35px;
}

.blog-text .info-blog {
    letter-spacing: 0;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.blog-text .blog-description {
    line-height: 1.5;
    letter-spacing: 0;
}

.blog-item {
    cursor: pointer;
    padding: 40px 30px;
    margin: 5px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.blog-item:hover {
    -webkit-box-shadow: 1px 1px 14px #e1e1e1;
    box-shadow: 1px 1px 14px #e1e1e1;
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
}

.blog-item:hover .hover-heading {
    color: #000;
}

.blog-item:hover .sub-heading {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.hover-heading,
.sub-heading {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#blog-carousal .center .navbar-btn {
    background-color: #000;
    border-color: #000;
    cursor: pointer;
    padding: 9px 25px 9px 25px;
    text-align: center;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

#blog-carousal .center .navbar-btn:hover {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

#blog-carousal .owl-dots {
    margin-top: 0px !important;
    text-align: center;
}

#blog-carousal .owl-dots .owl-dot.active span,
.owl-testimonial .owl-dots .owl-dot:hover span {
    background: #07547a;
}

#blog-carousal .owl-dots .owl-dot span {
    background: #ccc;
    border-radius: 50px;
    font-size: 0;
    padding: 5px;
    margin: 3px;
    text-align: center;
}

.owl-carousel .owl-dots.disabled {
    display: none;
}

.bg-testimonial-img .owl-dots {
    text-align: center;
    margin-top: -25px;
    margin-bottom: 14px;
}

.bg-testimonial-img .owl-dots .owl-dot span {
    background: #ccc;
    border-radius: 50px;
    font-size: 0;
    padding: 5px;
    margin: 3px;
    text-align: center;
}

.bg-testimonial-img .owl-dots .owl-dot.active span,
.bg-testimonial-img .owl-dots .owl-dot:hover span {
    background: #000;
}


/*****************FOOTER SECTION START*************/
#footer {
    background-color: white;
}

ul.footer_ul {
    list-style: none;
    display: inline-block;
}

li.footer_list {
    display: inline-block;
    margin-right: 15px;
    font-size: 19px;
    text-align: center;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.footer-content {
    padding-top: 8%;
    margin-bottom: 8%;
    border-top: 1px solid #e1e1e1;

}

.footer-icon {
    margin-bottom: 10px;
}

.footer_text {
    text-align: center;
}

ul.footer-icon li a:hover i {
    color: #fff;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

ul.footer-icon li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 2;
}

ul.footer-icon li a:hover:before {
    top: 0;
}

ul.footer-icon li a:hover {
    border: 2px solid white;
    border-radius: 50px;
}

.fa-facebook-f {
    color: #3b5999;
}

.fa-twitter {

    color: #00acee;
}

.fa-linkedin-in {
    color: #0e76a8;
}

.fa-instagram {
    color: #dd4b39;
}







ul.footer-icon li:nth-child(1) a:before {
    background: #3b5999;
}

ul.footer-icon li:nth-child(2) a:before {
    background: #55acee;
}

ul.footer-icon li:nth-child(3) a:before {
    background: #0077b5;
}

ul.footer-icon li:nth-child(4) a:before {
    background: #dd4b39;
}

ul.footer-icon li a {
    width: 50px;
    height: 50px;
    background-color: transparent;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 5px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: none;
    z-index: 1;
}

ul.footer-icon li a i {
    position: relative;
    /*color: #ffffff;*/
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 3;
}

ul.footer-icon li {
    list-style: none;
}

/*********************CONTACT US PAGE START************/
.bg-contact-img {
    background-image: url('../img/contact-us/contact-header.png');
    position: relative;
}

.overlay-contact {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.70);
}

.row-height {
    height: 50vh;
}

#contactus-header .main-heading {
    font-size: 46px;
    /*font-family: 'Montserrat' , sans-serif;*/
    font-weight: 500;
}


#contact-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact-card.card {
    border: none;
    cursor: pointer;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.contact-card.card:hover.contact-card .location-icon {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

.contact-card .location-icon {
    font-size: 60px;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.contact-card .card-text {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.contact-card .card-title {
    margin-top: 20px;
    margin-bottom: 6px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.form-outer {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .50);
    box-shadow: 0 0 7px rgba(0, 0, 0, .50);
    background: white;
    padding: 3% 4%;
    position: absolute;
    bottom: 6.5%;
    right: 9%;
    z-index: 10;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    text-align: center;
    margin-bottom: 10px;
}

.contact-btn {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border: 1px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.contact-btn:hover {
    background-color: #181818;
    border: 1px solid #181818;
}

.form-control {
    /*font-family: 'Montserrat' , sans-serif;*/
}

#contact-description {
    padding-top: 125px;
}

/*!*****MAP SECTION/*/
#map {
    overflow: hidden !important;
}

.mapouter {
    position: relative;
    text-align: right;
    width: 100%;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 100%;
    width: 100%;
}

/******************ABOUT US PAGE START***********/
header .navbar-dark-vision {
    top: 0;
    overflow: hidden;
    height: 90px;
    width: 100%;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    /*z-index: 11;*/
    position: relative;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%) !important;
}

header .navbar-dark-vision .navbar-btn {
    border: 2px solid white;
}

header .navbar-dark-vision .navbar-btn:hover {
    border: 2px solid #000;
}

.bg-about-img {
    background-image: url('../img/inrbnr.jpg');
    position: relative;
}

#about-header .main-heading {
    font-size: 30px;
    padding-top: 30px;
    /*font-family: 'Montserrat' , sans-serif;*/
    font-weight: 500;
    letter-spacing: 0;
}

.width-heading {
    width: 393px;
    margin-right: auto;
}

.about-heading {
    font-size: 22px;
    /*font-family: 'Montserrat' , sans-serif;*/
}

.about-content span {
    font-size: 40px;
}

.text-width {
    width: 499px;
    margin-left: auto;
    margin-right: auto
}

.bg-counter-img {
    background-image: url('../img/testimonial2.png');
    position: relative;
}

.counter-heading {
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}

.wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
    cursor: pointer;
}

.counter {
    padding: 0;
    border-radius: 5px;
    text-align: center;
}

.counter_plus {
    font-size: 25px;
    font-weight: bold;
}

.count-title {
    font-size: 30px;
    /*font-family: 'Montserrat' , sans-serif;*/
    color: #000;
    font-weight: bold;
    line-height: 1.333;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.wrapper:hover .counter_icon {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

.count-text {
    /*font-family: 'Montserrat' , sans-serif;*/
    margin: 0;
    text-align: center;
}

.counter_icon {
    margin: 0 auto;
    float: none;
    display: table;
    font-size: 60px;
    padding-bottom: 5px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

/*#counter{*/
/*    padding-top: 125px;*/
/*}*/

/*************COURSES PAGE START***************/
.bg-courses-img {
    background-image: url('../img/courses/courses-header.png');
    position: relative;
}

#content-courses {
    padding-top: 125px;
    padding-bottom: 125px;
}

.courses .main-heading {
    font-size: 23px;
    /*font-family: 'Montserrat' , sans-serif;*/
    letter-spacing: -1px;
    font-weight: 400;
    margin-top: 15px;
}

.courses .course-text {
    border-top: 1px solid #e1e1e1;
}

.courses .sub-heading {
    font-size: 13px;

    margin-bottom: 15px;
}

.courses .navbar-btn {
    background-color: #000;
    border-color: #000;
    cursor: pointer;
    padding: 6px 20px 6px 20px;
    text-align: center;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.courses .navbar-btn:hover {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.course-link {
    text-decoration: none;
    /*font-family: 'Montserrat' , sans-serif;*/
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.course-link:hover {
    color: #000;
    margin-left: 12px;
}

/***IMAGE HOVER EFFECT***/
.snip1295 {
    position: relative;
    overflow: hidden;
    padding: 8px;
    width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition: .8s ease;
}

.snip1295 img {
    max-width: 100%;
    vertical-align: top;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition: .8s ease;
}

.border {
    border: 0 solid #dee2e6 !important;
}

.snip1295 .border {
    position: absolute;
    opacity: 0.6;
}

.snip1295 .border:before,
.snip1295 .border:after {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.snip1295 .border div:before,
.snip1295 .border div:after {
    background-color: #000;
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.snip1295 .border:before,
.snip1295 .border:after {
    width: 0;
    height: 1px;
}

.snip1295 .border div:before,
.snip1295 .border div:after {
    width: 1px;
    height: 0;
}

.snip1295 .border.one {
    left: 0;
    top: 0;
    right: 12px;
    bottom: 12px;
}

.snip1295 .border.one:before,
.snip1295 .border.one div:before {
    left: 0;
    top: 0;
}

.snip1295 .border.one:after,
.snip1295 .border.one div:after {
    bottom: 0;
    right: 0;
}

.snip1295 .border.two {
    left: 12px;
    top: 12px;
    right: 0;
    bottom: 0;
}

.snip1295 .border.two:before,
.snip1295 .border.two div:before {
    right: 0;
    top: 0;
}

.snip1295 .border.two:after,
.snip1295 .border.two div:after {
    bottom: 0;
    left: 0;
}

.snip1295 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.snip1295:hover .border:before,
.snip1295.hover .border:before,
.snip1295:hover .border:after,
.snip1295.hover .border:after {
    width: 100%;
}

.snip1295:hover .border div:before,
.snip1295.hover .border div:before,
.snip1295:hover .border div:after,
.snip1295.hover .border div:after {
    height: 100%;
}

.snip1295:hover img {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

/*************COURSE DETAIL PAGE START*************/

#detail-content {
    padding-top: 125px;
}

.bg-course-detail-img {
    background-image: url('../img/courses/course-detail-header.png');
    position: relative;
}

.left-menu .main-heading {
    font-size: 25px;
    margin-top: 30px;
    letter-spacing: -1px;
}

.main-heading-detail {
    font-size: 38px;
    letter-spacing: -2px;
    font-weight: normal;
}

ul.stars {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    color: yellow;
}

span.text-star {
    font-size: 15px;
    margin-left: 30px;
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

.left-menu .sub-heading {
    font-size: 18px;
    margin-top: 25px;
}

.instructor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

span.sub-heading.text-white {
    margin-left: 20px;
    margin-top: 10px;
}

.img-instrc {
    border-radius: 50%;
    width: 55px;
    height: auto;
}

.enroll-btn {
    background-color: #000;
    border: 2px solid #000;
    cursor: pointer;
    padding: 9px 35px 9px 35px;
    text-align: center;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.enroll-btn:hover {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border: 2px solid #ffffff;
}

/****CIRUCULLUM SECTION START*****/
.accordion {
    background-color: #fefffa;
    margin-top: 15px;
    margin-bottom: 50px;
    line-height: 1.6;
}

.accordion__item {
    border-bottom: 1px solid #dce7eb;
}

.accordion__item:last-child {
    border-bottom: none;
}

.accordion__title {
    font-size: 1.25rem;
    /*font-family: 'Montserrat' , sans-serif;*/
    font-weight: 500;
    line-height: 1.2;
    padding: 15px 15px 15px 40px;
    display: block;
    position: relative;
}

.accordion__title:before {
    content: '+';
    font-size: 25px;
    position: absolute;
    left: 15px;
    top: 12px;
    color: #000;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.accordion__title h5 {
    display: inline-block;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.accordion__title:hover,
.accordion__title:focus {
    cursor: pointer;
    outline: none;
}

.accordion__title:hover h5 {
    display: inline-block;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.is-expanded .accordion__title:before {
    content: "+";
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;

}

.accordion__content-inner {
    padding: 0 40px 10px 40px;
}

.accordion__content {
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    height: 0;
    overflow: hidden;
}

/*******************BLOG PAGE START*******************/
.bg-blog-img {
    background-image: url('../img/blog/blog-header.png');
    position: relative;
}

.grey_bg {
    background-color: #f6f6f6;
}

/*..............SEARCH...........*/
.pt-lg-10 {
    padding-top: 7rem;
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem transparent;
    box-shadow: 0 0 0 0.2rem transparent;
}

.search_outerbox {
    background-color: #f6f6f6;
    width: auto;
    height: auto;
}

.input-group {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 35px;
    padding-right: 38px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem transparent;
    box-shadow: 0 0 0 0.2rem transparent;
}

.form-control {
    /*font-family: 'Montserrat', sans-serif;*/
}

.btn-search {
    background-color: #000;
    border-radius: 0;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    -webkit-animation: 0.5s ease;
    animation: 0.5s ease;
}

.btn-search:link,
.btn-search:visited,
.btn-search:focus {
    color: #fff;
}

.btn-search:active,
.btn-search:hover {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    color: white;
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

/*............TOPIC..............*/
.topic_outerbox {
    height: auto;
    width: auto;
    background-color: #f6f6f6;
    padding-bottom: 12px;
}

.topic_outerbox h2 {
    font-size: 26px;
    padding-left: 42px;
    padding-top: 30px;
    padding-bottom: 10px;
    /*font-family: 'Montserrat', sans-serif;*/
}

.topic_outerbox ul {
    list-style: none;
    padding: 0;
}

.topic_outerbox li {
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 500;
    overflow: hidden !important;
    font-family: 'Montserrat', sans-serif;
}

.topic_outerbox li a {
    text-decoration: none;
    color: #5f5d5d;
    padding-right: 5px;
}

.topic_outerbox li a:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.dots {
    letter-spacing: 6.5px;
    font-size: 16px;
    font-weight: normal;
}

.inner-box {
    margin-left: 13%;
    margin-right: 13%;
    text-align: center
}

.inner-box1 {
    margin-left: 12%;
    margin-right: 13%;
    text-align: center;
}

.image {
    height: 100%;
    width: 100%;
}

/*.............POPULAR POST..............*/
.outer_popular {
    height: auto;
    width: auto;
    background-color: #f6f6f6;
    padding-bottom: 35px;
}

.outer_popular h2 {
    font-size: 26px;
    padding-left: 42px;
    padding-top: 30px;
    padding-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.pt-lg-4 {
    padding-top: 2rem;
}

.popular_image {
    height: 100%;
    width: 35%;
}

.outer {
    margin-right: 13%;
    margin-left: 13%;
}

.text_post {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: auto;
}

.main {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    line-height: 18px;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
}

.date {
    color: gray;
    font-size: 14px;
    margin-bottom: 4px;
    font-family: 'Montserrat', sans-serif;
}

.text_post span {
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
}

.main:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.text_post span:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

/*..............TAGS.................*/
.outer_tag {
    height: auto;
    width: auto;
    background-color: #f6f6f6;
    padding-bottom: 30px;
}

.main_tag {
    font-size: 26px;
    padding-left: 42px;
    padding-top: 30px;
    padding-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

span {
    display: unset;
}

.inner_tag {
    margin-left: 13%;
    margin-right: 13%;
}

.tag_text a:hover {
    color: white;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border: solid 1px transparent;
}

.tag_text a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    border: solid 1px #ced4da;
    padding: 5px 12px 5px 12px;
    margin-top: 9px;
    display: inline-block;

}

.sale_img {
    width: 100%;
    height: 100%;
}

.img-area img {
    height: 100%;
    width: 100%;
}

/*..............MINIMAL POST.................*/
.text_minimal {
    padding-top: 20px;
    margin-left: 2px;
    letter-spacing: 0;
}

.text_minimal a {
    text-decoration: none;
}

.text_minimal h2 {
    font-size: 25px;
    color: #5f5d5d;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    cursor: pointer;
}

.text_minimal h2:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.text_minimal .date {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
}

.verticle_line {
    height: 25px;
    width: 2px;
    background-color: grey;
}

.margin_1 {
    margin-left: 20px;
}

.text_minimal span {
    cursor: pointer;
    margin-left: 20px;
    font-weight: 400;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    font-family: 'Montserrat', sans-serif;
}

.text_minimal span:hover {
    color: #00bcd4;
}

.text_dummy {
    margin-top: 15px;
    letter-spacing: 0.2px;
}

.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.divider {
    border: 0.1px solid #dbdbdb;
    margin-top: 3.5rem;
}

.divider1 {
    border: 0.5px solid #dbdbdb;
    margin-top: 3rem;
}

.mt-sm-10 {
    margin-top: 30px;
}


/*..........AUDIO.......*/
.mejs__container {
    margin-top: -40px;
}

.mt-10 {
    margin-top: 3.5rem;
}

/*...............PORTFOLIO..............*/
.box4 {
    position: relative;
    height: 100%;
    width: 100%;
}

.box4:before {
    width: 0;
    height: 200%;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
    background: linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
    position: absolute;
    top: 0;
    left: -250px;
    bottom: 0;
    -webkit-transform: skewX(-36deg);
    -ms-transform: skewX(-36deg);
    transform: skewX(-36deg);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: .7;
    z-index: 1;
}

.box4:hover:before {
    width: 220%
}

.box4 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 1;
    margin-top: 100px;
    text-align: center
}

.box4 .icon,
.box5 .icon {
    list-style: none;
    padding: 0
}

.box4:hover .box-content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.box4 .title {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    z-index: 1
}

.box4 .post {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
    font-family: 'Raleway', sans-serif
}

.box4 .icon {
    margin: 0
}

.box4 .icon li {
    display: inline-block
}

.box4 .icon li {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 28px;
    color: #FFFFFF;
    margin-right: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-decoration: none;
}

.box5 .icon,
.box5 .icon li {
    display: inline-block
}

.box1 img,
.box1:after,
.box1:before {
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box1 .icon,
.box2,
.box3,
.box4,
.box5 .icon li a {
    text-align: center
}

.box10:after,
.box10:before,
.box1:after,
.box1:before,
.box2 .inner-content:after,
.box3:after,
.box3:before,
.box4:before,
.box5:after,
.box5:before,
.box6:after,
.box7:after,
.box7:before {
    content: ""
}

.box1,
.box11,
.box12,
.box13,
.box14,
.box16,
.box17,
.box18,
.box2,
.box20,
.box21,
.box3,
.box4,
.box5,
.box5 .icon li a,
.box6,
.box7,
.box8 {
    overflow: hidden
}

.box1 .title,
.box10 .title,
.box4 .title,
.box7 .title {
    letter-spacing: 1px
}

.box3 .post,
.box4 .post,
.box5 .post,
.box7 .post {
    font-style: italic
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-30 {
    margin-bottom: 30px
}

.box1 .icon,
.box1 .title {
    margin: 0;
    position: absolute
}

.box1 {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.box1:after,
.box1:before {
    height: 50%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg)
}

.box1:after {
    top: auto;
    bottom: 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.box1:hover:after,
.box1:hover:before {
    -webkit-transform: rotateZ(0);
    -ms-transform: rotate(0);
    transform: rotateZ(0)
}

.box1 img {
    height: auto;
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.box1:hover img {
    -webkit-filter: sepia(80%);
    filter: sepia(80%);
    -webkit-transform: scale(1.3) rotate(10deg);
    -ms-transform: scale(1.3) rotate(10deg);
    transform: scale(1.3) rotate(10deg)
}

.box1 .title {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    z-index: 2;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s ease .2s;
    -o-transition: all .5s ease .2s;
    transition: all .5s ease .2s
}

.box1:hover .title {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.box1 .icon {
    padding: 7px 5px;
    list-style: none;
    background: #004cbf;
    border-radius: 0 0 0 10px;
    top: -100%;
    right: 0;
    z-index: 2;
    -webkit-transition: all .3s ease .2s;
    -o-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

.box1:hover .icon {
    top: 0
}

.box1 .icon li {
    display: block;
    margin: 10px 0
}

.box1 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box2 .icon li a,
.box3 .icon a:hover,
.box4 .icon li a:hover,
.box5 .icon li a,
.box6 .icon li a {
    border-radius: 50%
}

/*.............PAGINATION............*/
.page-link {
    position: relative;
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #333333;
    background-color: #fff;
    border: 1px solid transparent;
    font-size: 16px;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    transition: 0.8s ease;
}

.page-item .page-link {
    z-index: 1;
    color: #fff;
    background-color: #000;
    border-color: #000;
    opacity: .9;
    text-decoration: none;
    border-radius: 100%;
}

.page-item .page-link:focus {
    color: white !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-item .page-link:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #000;
    opacity: .8;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.margin_footer-top {
    padding-top: 120px !important;
}

.pagination li {
    margin: 5px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #000;
    background-color: #ffffff;
    border-color: #000;
    opacity: .8;
}

a.page-link {
    border-radius: 100%;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 4px;
}

.page-link.active {
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    color: #fff;
}



/*************BLOG DETAIL PAGE START******************/
.bg-blog-detail-img {
    background-image: url('../img/blog/blog-detail-header.png');
    position: relative;
}

.blog_detail-heading {
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

.text_minimal ul {
    color: #333333;
}

.mt-40 {
    margin-top: 70px;
}

.mejs__controls:not([style*='display: none']) {
    background: black;
}

.quote_text .quote {
    font-style: italic;
    font-size: 24px;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: right;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.quote_text:hover .quote {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.quote_text:hover .verticle_lineQ {
    background-color: #000;
}

.quote_text {
    margin-bottom: 20px;
}

.verticle_lineQ {
    width: 2.3px;
    height: 75px;
    background-color: #33c9dd;
    text-align: right;
    margin-top: -87px;
    margin-left: 38.7rem;
}

.blogN_images img {
    height: 100%;
    width: 100%;
}

.pt-6 {
    padding-top: 40px;
}

.written_outerbox {
    height: auto;
    width: auto;
    background-color: #f6f6f6;
}

.written_outerbox .written_img {
    width: 20%;
    border-radius: 50%;
    border: 1px solid transparent;
    margin-left: 60px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.written_text {
    margin-top: auto;
    margin-left: 20px;
    margin-bottom: auto;
}

.main_written {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

.comment_text {
    font-size: 24px;
    text-align: center;
}

.user_icon {
    color: white;
    font-size: 60px;
    background: #F7A14A;
    ;
    width: 90px;
    height: 90px;
    padding-top: 13px;
    padding-bottom: 15px;
    border-radius: 50px;
    padding-left: 19px;
    padding-right: 15px;
}

.icon_text {
    margin-bottom: auto;
    margin-top: auto;
    padding-left: 20px;
}

.height {
    line-height: 25px;
    font-size: 17px;
    padding-top: 10px;
}

.font {
    font-size: 21px;
}

.icon_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.margin_days {
    font-size: 18px;
    margin-bottom: 10px;
}

.mt-6 {
    margin-top: 70px;
}

/***********GALLERY SECTION PORTFOLIO HOVER EFFECT***********/
[class*=' imghvr-'],
[class^=imghvr-] {
    font-family: Montserrat, sans-serif;
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: rgba(230, 230, 230, .7);
    color: #666;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

[class*=' imghvr-'] img,
[class^=imghvr-] img {
    vertical-align: top;
    max-width: 100%
}

[class*=' imghvr-'] figcaption,
[class^=imghvr-] figcaption {
    background-color: rgba(255, 255, 255, .9);
    padding: 20px;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(0, 0, 0, .1)
}

[class*=' imghvr-'] h3,
[class*=' imghvr-'] p,
[class^=imghvr-] h3,
[class^=imghvr-] p {
    margin: 0;
    padding: 0
}

[class*=' imghvr-'] h3,
[class^=imghvr-] h3 {
    font-weight: 700;
    color: #333;
    margin-bottom: 2px;
}

[class*=' imghvr-'] p,
[class^=imghvr-] p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: white;
}

[class*=' imghvr-'] a,
[class^=imghvr-] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

[class*=' imghvr-'],
[class*=' imghvr-'] *,
[class*=' imghvr-'] :after,
[class*=' imghvr-'] :before,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-] :after,
[class^=imghvr-] :before,
[class^=imghvr-]:after,
[class^=imghvr-]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.imghvr-fade figcaption,
.imghvr-fade:hover img {
    opacity: 0
}

.imghvr-fade:hover figcaption {
    opacity: 1
}

[class*=' imghvr-push-']:hover figcaption,
[class*=' imghvr-slide-']:hover figcaption,
[class^=imghvr-push-]:hover figcaption,
[class^=imghvr-slide-]:hover figcaption {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.imghvr-push-up figcaption {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%)
}

.imghvr-push-up:hover img {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-push-down figcaption {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%)
}

.imghvr-push-down:hover img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-push-left figcaption {
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%)
}

.imghvr-push-left:hover img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-push-right figcaption {
    -webkit-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    transform: translateX(-120%)
}

.imghvr-push-right:hover img {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-slide-up figcaption {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%)
}

.imghvr-slide-down figcaption {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%)
}

.imghvr-slide-left figcaption {
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%)
}

.imghvr-slide-right figcaption {
    -webkit-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    transform: translateX(-120%)
}

[class*=' imghvr-reveal-']:before,
[class^=imghvr-reveal-]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: inherit
}

[class*=' imghvr-reveal-'] figcaption,
[class^=imghvr-reveal-] figcaption {
    opacity: 0
}

[class*=' imghvr-reveal-']:hover:before,
[class^=imghvr-reveal-]:hover:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

[class*=' imghvr-reveal-']:hover figcaption,
[class^=imghvr-reveal-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-reveal-up:before {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-reveal-down:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-reveal-left:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-reveal-right:before {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[class*=' imghvr-hinge-'],
[class^=imghvr-hinge-] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-hinge-'] figcaption,
[class^=imghvr-hinge-] figcaption {
    opacity: 0;
    z-index: 1
}

[class*=' imghvr-hinge-']:hover img,
[class^=imghvr-hinge-]:hover img {
    opacity: 0
}

[class*=' imghvr-hinge-']:hover figcaption,
[class^=imghvr-hinge-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-hinge-up img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-hinge-up figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-hinge-up:hover img {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.imghvr-hinge-up:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-hinge-down img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-hinge-down figcaption {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% -50%;
    -ms-transform-origin: 50% -50%;
    transform-origin: 50% -50%
}

.imghvr-hinge-down:hover img {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0
}

.imghvr-hinge-down:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-hinge-left img {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-hinge-left figcaption {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-hinge-left:hover img {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.imghvr-hinge-left:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.imghvr-hinge-right img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-hinge-right figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-hinge-right:hover img {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.imghvr-hinge-right:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

[class*=' imghvr-flip-'],
[class^=imghvr-flip-] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-flip-'] img,
[class^=imghvr-flip-] img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[class*=' imghvr-flip-'] figcaption,
[class^=imghvr-flip-] figcaption {
    opacity: 0
}

[class*=' imghvr-flip-']:hover figcaption,
[class^=imghvr-flip-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

.imghvr-flip-horiz figcaption {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-flip-vert figcaption {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.imghvr-flip-diag-1 figcaption {
    -webkit-transform: rotate3d(1, -1, 0, 100deg);
    transform: rotate3d(1, -1, 0, 100deg)
}

.imghvr-flip-diag-1:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
}

.imghvr-flip-diag-2 figcaption {
    -webkit-transform: rotate3d(1, 1, 0, 100deg);
    transform: rotate3d(1, 1, 0, 100deg)
}

.imghvr-flip-diag-2:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg)
}

[class*=' imghvr-shutter-out-']:before,
[class^=imghvr-shutter-out-]:before {
    background: inherit;
    position: absolute;
    content: '';
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

[class*=' imghvr-shutter-out-'] figcaption,
[class^=imghvr-shutter-out-] figcaption {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover:before,
[class^=imghvr-shutter-out-]:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover figcaption,
[class^=imghvr-shutter-out-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.imghvr-shutter-out-horiz:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-horiz:hover:before {
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.imghvr-shutter-out-diag-1:hover:before {
    top: -35%;
    bottom: -35%
}

.imghvr-shutter-out-diag-2:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.imghvr-shutter-out-diag-2:hover:before {
    top: -35%;
    bottom: -35%
}

[class*=' imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:after,
[class^=imghvr-shutter-in-]:before {
    background: inherit;
    position: absolute;
    content: ''
}

[class*=' imghvr-shutter-in-']:after,
[class^=imghvr-shutter-in-]:after {
    top: 0;
    left: 0
}

[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:before {
    right: 0;
    bottom: 0
}

[class*=' imghvr-shutter-in-'] figcaption,
[class^=imghvr-shutter-in-] figcaption {
    opacity: 0;
    z-index: 1
}

[class*=' imghvr-shutter-in-']:hover figcaption,
[class^=imghvr-shutter-in-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%
}

.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
    width: 50%
}

.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
    height: 0;
    width: 100%
}

.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
    height: 50%
}

.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
    width: 0;
    height: 100%
}

.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
    width: 100%
}

.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
    height: 0;
    width: 100%
}

.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
    height: 100%
}

.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.imghvr-shutter-in-out-diag-1:after {
    -webkit-transform: skew(-45deg) translateX(-150%);
    -ms-transform: skew(-45deg) translateX(-150%);
    transform: skew(-45deg) translateX(-150%)
}

.imghvr-shutter-in-out-diag-1:before {
    -webkit-transform: skew(-45deg) translateX(150%);
    -ms-transform: skew(-45deg) translateX(150%);
    transform: skew(-45deg) translateX(150%)
}

.imghvr-shutter-in-out-diag-1:hover:after {
    -webkit-transform: skew(-45deg) translateX(-50%);
    -ms-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%)
}

.imghvr-shutter-in-out-diag-1:hover:before {
    -webkit-transform: skew(-45deg) translateX(50%);
    -ms-transform: skew(-45deg) translateX(50%);
    transform: skew(-45deg) translateX(50%)
}

.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.imghvr-shutter-in-out-diag-2:after {
    -webkit-transform: skew(45deg) translateX(-100%);
    -ms-transform: skew(45deg) translateX(-100%);
    transform: skew(45deg) translateX(-100%)
}

.imghvr-shutter-in-out-diag-2:before {
    -webkit-transform: skew(45deg) translateX(100%);
    -ms-transform: skew(45deg) translateX(100%);
    transform: skew(45deg) translateX(100%)
}

.imghvr-shutter-in-out-diag-2:hover:after,
.imghvr-shutter-in-out-diag-2:hover:before {
    -webkit-transform: skew(45deg) translateX(0);
    -ms-transform: skew(45deg) translateX(0);
    transform: skew(45deg) translateX(0)
}

[class*=' imghvr-fold'],
[class^=imghvr-fold] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-fold'] img,
[class^=imghvr-fold] img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[class*=' imghvr-fold'] figcaption,
[class^=imghvr-fold] figcaption {
    z-index: 1;
    opacity: 0
}

[class*=' imghvr-fold']:hover img,
[class^=imghvr-fold]:hover img {
    opacity: 0
}

[class*=' imghvr-fold']:hover figcaption,
[class^=imghvr-fold]:hover figcaption {
    -webkit-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
    transform: rotateX(0) translate3d(0, 0, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.imghvr-fold-up img {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-fold-up figcaption {
    -webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
    transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-fold-up:hover img {
    -webkit-transform: rotateX(90deg) scale(.6) translateY(50%);
    transform: rotateX(90deg) scale(.6) translateY(50%)
}

.imghvr-fold-down img {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-fold-down figcaption {
    -webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
    transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.imghvr-fold-down:hover img {
    -webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);
    transform: rotateX(-90deg) scale(.6) translateY(-50%)
}

.imghvr-fold-left img {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-fold-left figcaption {
    -webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
    transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-fold-left:hover img {
    -webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);
    transform: rotateY(-90deg) scale(.6) translateX(50%)
}

.imghvr-fold-right {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-fold-right img {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-fold-right figcaption {
    -webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
    transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-fold-right:hover img {
    -webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);
    transform: rotateY(90deg) scale(.6) translateX(-50%)
}

.imghvr-zoom-in figcaption {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.imghvr-zoom-in:hover figcaption {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

[class*=' imghvr-zoom-out'] figcaption,
[class^=imghvr-zoom-out] figcaption {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0
}

[class*=' imghvr-zoom-out'].hover figcaption,
[class*=' imghvr-zoom-out']:hover figcaption,
[class^=imghvr-zoom-out].hover figcaption,
[class^=imghvr-zoom-out]:hover figcaption {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-zoom-out:hover img {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.imghvr-zoom-out-up.hover img,
.imghvr-zoom-out-up:hover img {
    -webkit-animation: imghvr-zoom-out-up .4s linear;
    animation: imghvr-zoom-out-up .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(-150%);
        transform: scale(.8) translateY(-150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(-150%);
        transform: scale(.8) translateY(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-down.hover img,
.imghvr-zoom-out-down:hover img {
    -webkit-animation: imghvr-zoom-out-down .4s linear;
    animation: imghvr-zoom-out-down .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(150%);
        transform: scale(.8) translateY(150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(.8) translateY(0);
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateY(150%);
        transform: scale(.8) translateY(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-left.hover img,
.imghvr-zoom-out-left:hover img {
    -webkit-animation: imghvr-zoom-out-left .4s linear;
    animation: imghvr-zoom-out-left .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(-150%);
        transform: scale(.8) translateX(-150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(-150%);
        transform: scale(.8) translateX(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-right.hover img,
.imghvr-zoom-out-right:hover img {
    -webkit-animation: imghvr-zoom-out-right .4s linear;
    animation: imghvr-zoom-out-right .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(150%);
        transform: scale(.8) translateX(150%);
        opacity: .5
    }
}

@keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(.8) translateX(0);
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(.8) translateX(150%);
        transform: scale(.8) translateX(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-flip-horiz {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
    transform: rotateX(90deg) translateY(-100%) scale(.5)
}

.imghvr-zoom-out-flip-horiz.hover img,
.imghvr-zoom-out-flip-horiz:hover img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);
    transform: rotateX(-100deg) translateY(50%) scale(.5);
    opacity: 0;
}

.imghvr-zoom-out-flip-horiz.hover figcaption,
.imghvr-zoom-out-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0) translateY(0) scale(1);
    transform: rotateX(0) translateY(0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-zoom-out-flip-vert {
    -webkit-perspective: 50em;
    perspective: 50em
}

.imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate(50%, 0) scale(.5);
    transform: rotateY(90deg) translate(50%, 0) scale(.5)
}

.imghvr-zoom-out-flip-vert.hover img,
.imghvr-zoom-out-flip-vert:hover img {
    -webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);
    transform: rotateY(-100deg) translateX(50%) scale(.5);
    opacity: 0;
}

.imghvr-zoom-out-flip-vert.hover figcaption,
.imghvr-zoom-out-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0) translate(0, 0) scale(1);
    transform: rotateY(0) translate(0, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.imghvr-blur figcaption {
    opacity: 0
}

.imghvr-blur:hover img {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.imghvr-blur:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

[class*=' imghvr-blocks'] figcaption:after,
[class*=' imghvr-blocks'] figcaption:before,
[class*=' imghvr-blocks']:after,
[class*=' imghvr-blocks']:before,
[class^=imghvr-blocks] figcaption:after,
[class^=imghvr-blocks] figcaption:before,
[class^=imghvr-blocks]:after,
[class^=imghvr-blocks]:before {
    background-color: rgba(0, 0, 0, 0.70);
    opacity: 0;
    position: absolute;
    content: ''
}

[class*=' imghvr-blocks']:after,
[class*=' imghvr-blocks']:before,
[class^=imghvr-blocks]:after,
[class^=imghvr-blocks]:before {
    z-index: 1
}

[class*=' imghvr-blocks']:before,
[class^=imghvr-blocks]:before {
    top: 15px;
    right: 15px;
    bottom: 50%;
    left: 50%
}

[class*=' imghvr-blocks']:after,
[class^=imghvr-blocks]:after {
    bottom: 15px;
    left: 15px;
    top: 50%;
    right: 50%
}

[class*=' imghvr-blocks'] figcaption,
[class^=imghvr-blocks] figcaption {
    z-index: 3;
    background-color: transparent;
    border-width: 0
}

[class*=' imghvr-blocks'] figcaption *,
[class^=imghvr-blocks] figcaption * {
    opacity: 0
}

[class*=' imghvr-blocks'] figcaption:after,
[class*=' imghvr-blocks'] figcaption:before,
[class^=imghvr-blocks] figcaption:after,
[class^=imghvr-blocks] figcaption:before {
    height: 50%;
    width: 50%;
    z-index: -1
}

[class*=' imghvr-blocks'] figcaption:before,
[class^=imghvr-blocks] figcaption:before {
    top: 0;
    left: 0
}

[class*=' imghvr-blocks'] figcaption:after,
[class^=imghvr-blocks] figcaption:after {
    bottom: 0;
    right: 0
}

[class*=' imghvr-blocks'] a,
[class^=imghvr-blocks] a {
    z-index: 3;
    color: #ffffff
}

[class*=' imghvr-blocks']:hover figcaption:after,
[class*=' imghvr-blocks']:hover figcaption:before,
[class*=' imghvr-blocks']:hover:after,
[class*=' imghvr-blocks']:hover:before,
[class^=imghvr-blocks]:hover figcaption:after,
[class^=imghvr-blocks]:hover figcaption:before,
[class^=imghvr-blocks]:hover:after,
[class^=imghvr-blocks]:hover:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: .9
}

[class*=' imghvr-blocks']:hover figcaption *,
[class^=imghvr-blocks]:hover figcaption * {
    opacity: 1;
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

.imghvr-blocks-rotate-left:before {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-blocks-rotate-left:after {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-blocks-rotate-left figcaption:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-blocks-rotate-left figcaption:after,
.imghvr-blocks-rotate-right:before {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-blocks-rotate-right:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-blocks-rotate-right figcaption:before {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-blocks-rotate-in-left:before,
.imghvr-blocks-rotate-right figcaption:after {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-blocks-rotate-in-left:after {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-blocks-rotate-in-left figcaption:before {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-blocks-rotate-in-left figcaption:after,
.imghvr-blocks-rotate-in-right:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.imghvr-blocks-rotate-in-right:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.imghvr-blocks-rotate-in-right figcaption:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.imghvr-blocks-rotate-in-right figcaption:after {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.imghvr-blocks-in:before {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.imghvr-blocks-in:after {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.imghvr-blocks-in figcaption:before {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

.imghvr-blocks-in figcaption:after {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.imghvr-blocks-out:before {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.imghvr-blocks-out:after {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.imghvr-blocks-out figcaption:before {
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.imghvr-blocks-out figcaption:after {
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%)
}

[class*=' imghvr-book-open-'] figcaption,
[class^=imghvr-book-open-] figcaption {
    background-color: transparent;
    border: none;
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-book-open-'] figcaption *,
[class^=imghvr-book-open-] figcaption * {
    opacity: 0
}

[class*=' imghvr-book-open-'] figcaption:after,
[class*=' imghvr-book-open-'] figcaption:before,
[class^=imghvr-book-open-] figcaption:after,
[class^=imghvr-book-open-] figcaption:before {
    z-index: -1;
    background-color: #999;
    content: '';
    position: absolute;
    opacity: 0;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease
}

[class*=' imghvr-book-open-']:hover figcaption,
[class^=imghvr-book-open-]:hover figcaption {
    opacity: 1
}

[class*=' imghvr-book-open-']:hover figcaption *,
[class^=imghvr-book-open-]:hover figcaption * {
    opacity: 1;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

[class*=' imghvr-book-open-']:hover figcaption:after,
[class*=' imghvr-book-open-']:hover figcaption:before,
[class^=imghvr-book-open-]:hover figcaption:after,
[class^=imghvr-book-open-]:hover figcaption:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.imghvr-book-open-horiz figcaption:after,
.imghvr-book-open-horiz figcaption:before {
    height: 100%;
    width: 50%;
    top: 0
}

.imghvr-book-open-horiz figcaption:before {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .15)));
    background-image: -o-linear-gradient(left, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
    background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
    left: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.imghvr-book-open-horiz figcaption:after {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .12)), to(rgba(0, 0, 0, .15)));
    background-image: -o-linear-gradient(right, transparent 60%, rgba(0, 0, 0, .12) 99%, rgba(0, 0, 0, .15) 100%);
    background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, .12) 99%, rgba(0, 0, 0, .15) 100%);
    right: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.imghvr-book-open-vert figcaption:after,
.imghvr-book-open-vert figcaption:before {
    height: 50%;
    width: 100%;
    left: 0
}

.imghvr-book-open-vert figcaption:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .15)));
    background-image: -o-linear-gradient(top, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
    top: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.imghvr-book-open-vert figcaption:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .13)), to(rgba(0, 0, 0, .15)));
    background-image: -o-linear-gradient(bottom, transparent 60%, rgba(0, 0, 0, .13) 99%, rgba(0, 0, 0, .15) 100%);
    background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, .13) 99%, rgba(0, 0, 0, .15) 100%);
    bottom: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[class*=' imghvr-scale-']:before,
[class^=imghvr-scale-]:before {
    background-color: inherit;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    position: absolute;
    content: ''
}

[class*=' imghvr-scale-'] figcaption,
[class^=imghvr-scale-] figcaption {
    opacity: 0
}

[class*=' imghvr-scale-']:hover:before,
[class^=imghvr-scale-]:hover:before {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: .9
}

[class*=' imghvr-scale-']:hover figcaption,
[class^=imghvr-scale-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

.imghvr-scale-top-left:before {
    bottom: 100%;
    right: 100%
}

.imghvr-scale-top-right:before {
    bottom: 100%;
    left: 100%
}

.imghvr-scale-bottom-left:before {
    top: 100%;
    right: 100%
}

.imghvr-scale-bottom-right:before {
    top: 100%;
    left: 100%
}

[class*=' imghvr-fall-away-'],
[class^=imghvr-fall-away-] {
    -webkit-perspective: 50em;
    perspective: 50em
}

[class*=' imghvr-fall-away-'] img,
[class^=imghvr-fall-away-] img {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in
}

[class*=' imghvr-fall-away-'] figcaption,
[class*=' imghvr-fall-away-']:hover img,
[class^=imghvr-fall-away-] figcaption,
[class^=imghvr-fall-away-]:hover img {
    opacity: 0
}

[class*=' imghvr-fall-away-']:hover figcaption,
[class^=imghvr-fall-away-]:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

.imghvr-fall-away-horiz:hover img {
    -webkit-transform: rotateX(-360deg) scale(.2);
    transform: rotateX(-360deg) scale(.2)
}

.imghvr-fall-away-horiz:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.imghvr-fall-away-vert:hover img {
    -webkit-transform: rotateY(-360deg) scale(.2);
    transform: rotateY(-360deg) scale(.2)
}

.imghvr-fall-away-vert:hover figcaption {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}


.height1 {
    height: 285px;
}

.height2 {
    height: 255px;
}

/******************************GALLERY PAGE START******************************/
.bg-gallery-img {
    background-image: url('../img/gallery-header.png');
    position: relative;
}

/*filters*/
.cbp {
    margin-top: 25px;
}

.cbp-l-filters .cbp-filter-item {
    cursor: pointer;
    margin: 15px;
    display: inline-block;
}

.cbp-l-filters .cbp-filter-item span {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.cbp-l-filters .cbp-filter-item-active {
    cursor: default;
}

.cbp-l-filters .cbp-filter-item:hover span {
    color: #000;
}

.cbp-l-filters .cbp-filter-item-active span,
.cbp-l-filters .cbp-filter-item:focus span {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    cursor: pointer;
}

.portfolio-xe {
    padding-top: 125px;
    padding-bottom: 125px;
}

/********PORTFOLIO HOVER EFFECT*******/
.portfolio-xe .flat-pictures .cbp-item .overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    background: -o-linear-gradient(45deg, rgba(0, 176, 205, 0.50) 20%, rgba(148, 203, 0, 0.50) 100%);
    background: linear-gradient(45deg, rgba(0, 176, 205, 0.50) 20%, rgba(148, 203, 0, 0.50) 100%);
    z-index: 111;
    opacity: 0;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    transition: .8s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.portfolio-xe .flat-pictures .cbp-item:hover .overlay {
    opacity: 1;
}

.portfolio-xe .flat-pictures .cbp-item .overlay .plus-gallery {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 2px #fff;
    background-color: transparent;
    display: none;
}

.portfolio-xe .flat-pictures .cbp-item .overlay .plus-gallery i {
    color: #fff;
    font-size: 30px;
}

.portfolio-xe .flat-pictures .cbp-item:hover .overlay .plus-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: 1s fadeInUp;
    animation: 1s fadeInUp;
}

/*harpreet css start*/
.banner-text {
    font-family: 'book_antiquaregular';
    font-size: 17px;
    line-height: 25px;
    margin-top: -3px;
    text-align: center;
    font-weight: 300;
}

.round-nav {
    padding: 0px 40px !important;
}

.fixed-menu .round-nav {
    border-radius: 0px !important;
    border: 0 !important;
    background-color: transparent;
}

.fixed-menu .navbar-btn {
    padding: 4px 20px;
}

.fixed-menu .navbar-nav>.nav-item>.nav-link {
    font-size: 13px !important;
    padding: 0.6rem 1rem !important;
}

.fixed-menu .round-nav {
    padding: 0px 40px !important;
}


.hdr-bg {
    background: transparent !important;
    min-height: var(--si-nav-height);
    height: auto;
}

ul.fixcallbtn {
    position: absolute;
    right: 20px;
    top: 155px;
    margin: 17px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    z-index: 2;
}

ul.fixcallbtn li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    display: block;
    color: #000;
    font-size: 32px;
    position: relative;
    line-height: 1.5;
}

ul.fixcallbtn li a {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    display: block;
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 100%;
}

ul.fixcallbtn li a i {
    transition: all 0.5s ease-in-out;
}

ul.fixcallbtn li a:hover {
    background: #004a87;
    color: #fff !important;
    z-index: 4;
    position: relative;
}

ul.fixcallbtn li a:hover i {
    background: #004a87;
    color: #fff !important;
    z-index: 4;
    position: relative;
    transform: rotate(360deg);
}

ul.fixcallbtn li a h2 {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    color: #fff;
    line-height: 35px;
    font-weight: 500;
    transition: all .3s;
    border-radius: 30px;
    text-transform: uppercase;
    padding: 0px 15px 0 0px;
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    background: #004a87;
    z-index: 2;
}

ul.fixcallbtn li a:hover h2 {
    opacity: 1;
    right: 23px;
    width: 220px;
    height: 35px;
    margin: 0px;
    text-align: center;
    border-radius: 30px 0px 0px 30px;
}

.welcome-cont {
    background: #f7f7f7 url(../img/aboutbg.jpg) right top no-repeat;
    padding-top: 30px;
    padding-bottom: 10px;
}

.main-title {
    position: relative;
    margin-bottom: 4rem;
}

.welcome-cont h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.welcome-cont h2 {
    text-transform: initial;
    font-size: 35px;
    font-weight: 600;
    max-width: 720px;
    color: #000;
}

.welcome-cont p {
    color: #000;
    max-width: 720px;
}

.blackbtn {
    background: #000;
    border-color: #000;
}

.about-box {
    min-height: 220px;
    border-radius: 5px;
    padding: 50px 15px 50px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgb(127 123 123 / 10%);
    box-shadow: 0 0 5px rgb(127 123 123 / 10%);
    transition: ease-in-out 0.3s all;
}

.about-box:hover {
    padding: 50px 15px 20px 15px;
    background: #F7A14A;
    ;
    -webkit-box-shadow: 0 0 10px -2px rgb(127 123 123 / 90%);
    box-shadow: 0 0 10px -2px rgb(127 123 123 / 90%);
}

.about-box:hover .about-opacity-icon i {
    opacity: .09;
}

.about-box:hover i,
.about-box:hover h5 {
    color: #fff;
    transition: ease-in-out 0.3s;
}

.about-box .detailbtn {
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    padding: 1px 15px;
    margin: 15px 0 0 0;
    display: inline-block;
    line-height: 21px;
    border-radius: 3px;
    transition: ease-in-out 0.3s all;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border: 2px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.about-box:hover .detailbtn {
    color: #fff;
    border-color: #fff;
}

.detailbtn:hover {
    color: #fff;
    background: #004b70;
}

.about-box .detailbtn:hover {
    background-color: #fff;
    color: #000;
}

.about-opacity-icon {
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-opacity-icon i {
    position: absolute;
    color: #28a745;
    top: 30px;
    font-size: 120px;
    font-weight: 800;
    line-height: 1;
    text-transform: capitalize;
    opacity: 0;
    animation: scale .6s alternate infinite linear both;
}

.about-main-icon i {
    color: #0284d0;
    font-size: 40px;
    transform: translateY(0);
    transition: ease-in-out 0.3s;
}

.scroll-down {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 50px;
    z-index: 2;
    /*left: 50%;*/
    transform: translateX(-50%);
    color: #fff !important;
    font-weight: 200 !important;
    text-decoration: none;
}

.scroll-down i {
    font-size: 18px;
    padding-left: 8px;
    color: #f3c20e;
    -webkit-animation: mover .5s infinite alternate;
    animation: mover .5s infinite alternate;
    position: absolute;
    bottom: 0;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(-4px);
    }
}

.whybg {
    background: url(../img/whybg.jpg) center top no-repeat;
    color: #fff;
    background-size: cover;
}

/* hover on images */
.hover-effect {
    position: relative;
    left: -35px;
}

.hover-effect::before,
.hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s !important;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s !important;
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    top: 0;
}

.hover-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0;
}

.hover-effect:hover::after,
.hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

.split-container-setting {
    padding: 50px 20px 30px 20px;
}

.split-container-setting h2 {
    font-size: 45px !important;
}

.split-container-setting h5 {
    color: #fff;
}

.split-container-setting ul {
    margin-top: 30px !important;
    display: block;
}

.split-container-setting li {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    list-style: none;
    position: relative;
    padding-left: 40px;
}

.split-container-setting li i {
    font-size: 0.8rem;
    text-align: center;
    border: 2px solid #f33333;
    border-radius: 50px;
    margin-right: 8px;
    background-color: #f33333;
    padding: 5px 3px 3px 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 23px;
    color: #fff;
}

.service-cont {
    background: url(../img/service-bg.jpg) center center fixed;
    background-size: cover;
    padding: 80px 0 50px 0;
    position: relative;
}

.service-cont:before {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(102, 16, 242, 0.1) 100%) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

position: absolute;
height: 100%;
width: 100%;
content: "";
left: 0;
top: 0;
z-index: 1;
}

.service-cont .container,
.service-cont .container-fluid {
    z-index: 2;
    position: relative;
}

.service-cont h5 {
    text-transform: initial;
    font-size: 35px;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    color: #0087cb;
    letter-spacing: 0;
    text-align: center;
}

.service-cont p {
    text-align: center;
    margin: 5px 0px 25px 0px;
}

/* Enhanced Service List */
.service-cont ul {
    list-style: none;
    padding: 0;
}

.service-cont ul li {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #6610f2;
    transition: all 0.3s ease;
}

.service-cont ul li:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 1);
}

.service-cont ul li i {
    color: #6610f2;
    font-size: 20px;
    margin-right: 10px;
}

.service-cont ul li b {
    color: #1a1a1a;
    font-weight: 700;
}

@media (min-width:769px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* relevant styles */
.img__wrap {
    position: relative;
    min-height: 205px;
    width: 100%;
    margin: 15px 0px;
    border: 1px solid #fff;
    background: #292f3d;
}

.img__wrap img {
    max-height: 205px;
    width: 100%;
    opacity: 0;
}

.img__wrap h2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.img__description_layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 1);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    /* transition effect. not necessary */
    transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
    visibility: visible;
    opacity: 1;
}

.img__description {
    transition: .2s;
    transform: translateY(1em);
}

.img__wrap:hover .img__description {
    transform: translateY(0);
}

.img__wrap:hover h2 {
    display: none;
}

.img__wrap h3 {
    font-weight: bold;
    color: #80d5ff;
    font-size: 15px;
    margin: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    text-align: center;
}

.img__wrap p {
    text-align: center;
    margin: 5px 10px;
    font-size: 13px;
    line-height: 18px;
}

.img__wrap a {
    font-size: 12px;
    background: #F7A14A;
    ;
    color: #fff;
    text-decoration: none;
    padding: 1px 10px;
    margin: 10px 0 0 0;
    line-height: 21px;
    border-radius: 3px;
    transition: ease-in-out 0.3s all;
}

.img__wrap a:hover {
    background: #fff;
    color: #000;
}

.stat-outer {
    padding: 80px 0px 80px 0px;
    background: url(../img/bg-globe.png) right top no-repeat;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.stat-outer h3 {
    font-weight: 400;
    color: #2a2a2a;
    font-size: 41px;
    margin: 0px 0px 20px 0px;
    line-height: 59px;
}

.rotate-lable {
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    top: 230px;
    left: 60px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
    color: #4a4b4d;
    opacity: .4;
}

.counters {
    margin: 0px 0px 30px 0px;
    width: 100%;
    border-bottom: 1px dashed #888;
}

/* Home page: remove dotted/dashed separator under stats cards */
.home-page .counters {
    border-bottom: none;
}

.common-box {
    width: 100%;
    min-height: 100px;
    margin: 0px 0px 20px 0px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.common-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.common-box img {
    margin: 0px 20px 0px 80px;
}

.common-box .counter-num {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1;
    background: linear-gradient(135deg, #6610f2 0%, #fd7e14 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.common-box .counter-text {
    font-weight: 600;
    color: #333;
}

.client-img {
    border: 1px solid #efefef;
    width: 94%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
    background: #fff;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.client-img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(102, 16, 242, 0.2);
    border-color: #6610f2;
}

#blog-carousal.owl-carousel .owl-item img {
    display: inline-block !important;
    width: auto !important;
}

/*footer start*/
.ttm-btn.ttm-btn-size-md {
    display: block;
    font-size: 14px;
    padding: 8px 30px;
    margin: 14px 0px 0px 0px;
    border-radius: 0;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    text-decoration: none;
}

.fs-24 {
    font-size: 24px !important;
    line-height: 26px;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}


/* ===============================================
    Footer
------------------------*/
.footer {
    z-index: 1;
    background-position: center center;
    background-attachment: scroll;
    background: url(../img/footer-bg.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
}

.footer .footer-logo img {
    max-height: 46px;
}

.footer .footer-logo {
    position: relative;
    min-width: 260px;
}

.footer .footer-logo:after {
    display: block;
    height: 90%;
    content: '';
    position: absolute;
    right: 55px;
    width: 1px;
    top: 5%;
    background-color: rgba(255, 255, 255, .07);
}

.footer .social-icons li {
    font-weight: normal;
    text-align: center;
    position: relative;
}

.footer .social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #333;
    text-align: center;
    display: block;
    margin: 0 1px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    border-color: transparent;
    background-color: rgba(255, 255, 255, .07);
}


.footer .widget .widget-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
}

.footer .widget .widget-title:after {
    display: block;
    height: 2px;
    margin-top: 0;
    margin-bottom: -12px;
    content: '';
    position: absolute;
    bottom: 0;
    width: 17px;
    left: 0;
    background: #fff;
}

.footer .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* first-footer (newsletter) */
.first-footer .container {
    padding: 35px 15px 15px;
    position: relative;
}

.first-footer .widget {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* second-footer */
.second-footer .container {
    position: relative;
}

.second-footer .container:after {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.second-footer .container:after {
    top: 0;
    bottom: auto;
}

.second-footer .widget-area .widget {
    padding: 55px 0 55px;
}

.second-footer>div>.row .widget-area .widget:not(:first-child) {
    margin-top: -60px;
    margin-bottom: 20px;
}

/** menu-footer-quick-links **/
.widget ul#menu-footer-quick-links li i {
    color: #31baff;
}

.widget ul#menu-footer-quick-links li a {
    display: inline-block;
    transition: all .6s;
    text-decoration: none;
    color: #fff;
}

.widget ul#menu-footer-quick-links li a:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.widget ul#menu-footer-quick-links li {
    display: block;
    padding: 0px 0px 4px 0;
    position: relative;
}

.widget ul#menu-footer-quick-links li:last-child {
    padding-bottom: 0;
}


/** ttm-recent-post-list **/
.footer .widget ul.ttm-recent-post-list>li {
    display: table;
    padding: 0 0 20px !important;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.footer .widget ul.ttm-recent-post-list>li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.footer .widget ul.ttm-recent-post-list>li>.post-detail a {
    font-size: 15px;
    line-height: 23px;
    display: block;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.footer .widget ul.ttm-recent-post-list>li img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
    margin-right: 18px;
}

.footer .widget ul.ttm-recent-post-list>li .post-date {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .5);
}

.widget ul.ttm-recent-post-list>li .post-date i {
    margin-right: 5px;
    font-size: 11px;
}


/** widget_contact_wrapper **/
ul.widget_contact_wrapper li {
    padding-left: 35px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 25px;
    color: rgba(255, 255, 255, .75);
    border-bottom: 1px solid #29343b;
}
.widget_contact_wrapper a {
    word-break: break-word;
    display: inline-block;
    max-width: 100%;
}

ul.widget_contact_wrapper li a {
    color: #fff;
}

ul.widget_contact_wrapper li a:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}


ul.widget_contact_wrapper li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

ul.widget_contact_wrapper li i {
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1;
    font-size: 18px;
    font-weight: 400;
    color: #31baff;
}

.newsletter_widget {
    padding: 0 !important;
}

.newsletter_widget .newsletter-form {
    position: relative;
}

.newsletter_widget .newsletter-form input {
    width: 38.5%;
    float: left;
    padding: 18px 20px;
    line-height: 24px;
    border: none;
    margin: 0 2px 0 0;
    background: #26313a;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}

.newsletter_widget .newsletter-form button[type="submit"] {
    width: 271px;
    float: left;
    text-align: center;
    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    border: 0;
    right: 6px;
    left: auto;
}


.bottom-footer-text {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #000;
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/** copyright **/
.copyright {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
    font-weight: 300;
    margin-top: 0;
}

.copyright,
.copyright .cpy-text {
    color: rgba(255, 255, 255, .75) !important;
    padding-right: 15px;
}

.copyright ul.list-inline {
    margin: 0;
}

/** Footer-nav-menu **/
.footer-nav-menu {
    padding: 0;
    margin: 0;
}

.footer-nav-menu li {
    display: inline-block;
    padding-right: 18px;
    font-size: 14px;
    margin-top: 4px;
}

.footer-nav-menu li:last-child {
    padding-right: 0;
}

ul.footer-nav-menu li:after {
    position: absolute;
    content: none;
    color: #fff;
    padding-left: 8px;
}

ul.footer-nav-menu li:last-child:after {
    content: unset;
}

/*footer end*/
.toggle,
[id^=drop] {
    display: none;
}

/* Positioning the navigation items inline */

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 60px;
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav.navbar1 ul ul li {
    /*width:170px;*/
    float: none;
    display: list-item;
    position: relative;
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav.navbar1 ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
nav.navbar1 li>a:after {
    content: ' +';
}

nav.navbar1 li>a:only-child:after {
    content: '';
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
    nav.navbar1 {
        margin-top: 60px;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    nav.navbar1 .toggle+a {
        display: none;
    }

    /* Stylinf the toggle lable */
    nav.navbar1 .toggle {
        display: block;
        padding: 5px 16px;
        margin-bottom: 0px;
        color: #1a2332;
        font-size: 17px;
        text-decoration: none;
        border: none;
    }

    nav.navbar1 .toggle:hover {
        background-color: rgba(127, 0, 255, 0.08);
        color: #7F00FF;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
    }

    /* Change menu item's width to 100% */
    nav.navbar1 ul ul {
        list-style: none;
        width: 100%;
        max-height: 200px;
        overflow-y: scroll;
        margin: 0px;
    }

    nav.navbar1 ul ul li a {
        font-size: 13px !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*nav.navbar1 ul {  }*/

    nav ul li {
        display: block;
        width: 100%;
    }

    nav .fa-angle-down {
        float: right;
        vertical-align: bottom;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }
}

@media all and (max-width : 330px) {
    nav ul li {
        display: block;
        width: 94%;
    }
}

.captchaimg {
    float: left;
    width: 33%;
    height: 40px;
    margin-right: 15px;
    text-align: center;
    border: 2px solid #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
}

.captchafld {
    float: left;
    width: 48%;
}

.captchabtn {
    float: left;
    width: 15%;
    text-align: center;
    font-size: 21px;
    padding-top: 6px;
}

.captchabtn a i {
    transition: all 0.5s ease-in-out;
}

.captchabtn a:hover i {
    transform: rotate(360deg);
}

.top-strip {
    float: right;
    width: 65%;
    height: 30px;
    border-bottom: 1px solid #efefef;
}

@media (min-width:769px) {
    .top-strip {
        margin-right: -20px;
    }
}

.top-strip ul {
    margin: 0;
    padding: 2px 0 0 0;
    list-style: none;
    float: right;
}

.top-strip ul li {
    margin: 0px 0px 0px 15px;
    padding: 0;
    list-style: none;
    float: left;
    font-size: 14px;
}

.top-strip ul li a {
    color: #000;
    text-decoration: none;
}

.top-strip ul li a:hover {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.top-strip ul li i {
    color: #e90000;
}

.top-strip ul li i.fa-envelope {
    color: #53B2E7;
}



.req-demobtn {
    background: #F7A14A;
    ;
    color: #fff !important;
    padding: 5px 10px;
    transition: all 0.5s ease-in-out;
}

.req-demobtn:hover {
    background: #000;
}

.sticky-container {
    padding: 0px;
    z-index: 10000000;
    margin: 0px;
    position: fixed;
    right: -250px;
    top: 300px;
    width: 302px;
}

.sticky li {
    list-style-type: none;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    height: 48px;
    padding: 0px 20px;
    margin: 10px 0px;
    border-radius: 30px 0 0 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.sticky li:hover {
    margin-left: -180px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 242, 254, 0.3);
}

.sticky li:nth-of-type(3) {
    background: rgba(233, 97, 0, 0.85);
}

.sticky li:nth-of-type(2) {
    background: rgba(0, 122, 181, 0.85);
}

.sticky li:nth-of-type(1) {
    background: rgba(73, 103, 170, 0.75);
}

.sticky li i {
    font-size: 20px;
    margin-right: 15px;
    color: #fff;
}

.sticky li span {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    color: #fff;
}

.sticky li a span {
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.sticky li a {
    display: flex;
    align-items: center;
    width: 100%;
}

.sticky li:nth-child(3n),
.sticky li:nth-child(3n) a span {
    text-transform: none;
}

.banner-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    bottom: -16px;
    z-index: 2;
}

.homequery {
    position: absolute;
    margin-top: -160px;
    z-index: 10;
    color: #fff;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.homequery h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.homequery h3 span {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0089cd;
    float: left;
    margin: -7px 10px 0px 0px;
}

.homequery-inr {
    background: #fff;
    padding: 0px 0px 0px 15px;
    border-radius: 8px;
}

.homequery-inr .querybox {
    position: relative;
    display: block;
    align-items: center;
}

.querybox .box-top {
    display: flex;
}

.rld-single-input {
    position: relative;
    overflow: hidden;
}

.querybox .box-top .item {
    flex: 1;
}

.rld-single-input {
    border-right: 1px solid #ccc;
}

.rld-single-input input,
.rld-single-input textarea {
    height: 60px !important;
    line-height: 60px !important;
    width: 100%;
    border: none;
    padding: 0px 0px 0px 15px !important;
    margin: 0px !important;
    margin-bottom: 0px !important;
    color: #000;
}

.homequery-btn {
    border: 0px;
}

.homequery-btn button {
    display: block;
    border: 0px;
    height: 60px;
    line-height: 60px;
    background: #F7A14A;
    border-radius: 0px 8px 8px 0px;
    min-width: 140px;
    text-align: center;
    padding: 0px;
    margin: 0px 18px 0px 0px;
    color: #fff;
    text-transform: uppercase;
}

.homequery-btn button:hover {
    background: #066595;
}

.testicont {
    background: #fff;
    border-radius: 5px;
    margin-top: 7px;
    text-align: center;
    padding: 15px 35px 50px 35px;
    min-height: 270px;
}

.testicont span.quote {
    display: inline-block;
    margin: 20px 0px 10px 0px;
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
}

.testicont span.quote img {
    max-height: 44px;
}

.testiname-outer {
    position: relative;
    text-align: center;
    margin-top: -30px;
}

.testiname-outer .image {
    position: relative;
    width: 70px;
    height: 70px;
    border: 4px solid #efefef;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50px;
}

.testiname-outer h5 {
    color: #fff;
    margin: 10px 0 0 0;
    font-size: 17px;
}

.testiname-outer h5 span {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 400;
    opacity: 0.7;
}

.testimonial-container .owl-carousel .owl-prev {
    color: #fff !important;
}

.testimonial-container .owl-carousel .owl-prev span {
    position: absolute;
    left: -4%;
    top: 30%;
    color: #fff !important;
}

.testimonial-container .owl-carousel .owl-next span {
    right: -4%;
    top: 30%;
    color: #fff !important;
}

.visionouter {
    border-top: 1px dashed #888;
    margin: 0px 0px;
    padding: 40px 0px;
}

.visionbox {
    text-align: center;
}

.visionouter h5 {
    font-size: 25px;
    font-weight: 500;
    margin: 15px 0 10px 0;
}

.visionouter p {
    text-align: center;
}

.inrbanner-outer {
    position: relative;
}

/* Removed legacy dotted "bullets.png" decoration under inner-page banners */

.inrbanner {
    min-height: 30vh;
    position: relative;
    background: #000;
}

.inrbanner .full-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    opacity: 8;
}

.inrbanner-list {
    position: relative;
    z-index: 1;
}

.inrbanner-list .breadcrumb {
    padding-top: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.inrbanner-list .breadcrumb .breadcrumb-item a {
    color: #fff;
}

.inrbanner-list .breadcrumb .breadcrumb-item.active {
    color: #4ec4ff;
}

.inrbanner h1 {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

.abtcont1 {
    padding: 70px 0px;
    text-align: center;
}

.abtcont1 h2 {
    font-size: 40px;
    font-weight: 500;
    color: #006fa7;
    margin-bottom: 30px;
}

.abtcont1 p {
    text-align: center;
}

.bg-2 {
    background-color: #FFF3EA !important;
}

.box-optimized {
    padding: 60px;
}

.box-optimized ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.box-optimized ul li {
    margin: 0px 0px 10px 0px;
    padding: 5px 15px;
    background: #fff;
}

.text-heading-2 {
    font-weight: bold;
    font-size: 42px;
    line-height: 44px;
}

.text-body-excerpt {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.abtcont2 {
    background-color: #DBECE5 !important;
    padding: 53px 48px;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.abtcont2 h4 {
    font-weight: bold;
    font-size: 42px;
    line-height: 44px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.abtcont2 p {
    text-align: center;
}

.abtcont2:after {
    content: '';
    width: 114px;
    height: 113px;
    background: url(../img/business-strategy2.svg) left top no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.abtcont2 a {
    display: inline-block;
    color: #101828;
    background-color: #F2F4F7;
    border-radius: 50px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    padding: 8px 50px 12px 50px;
}

.abtcont2 a:hover {
    color: #fff;
    background-color: #101828;
}

.courselist-outer2 {
    background-color: #f3f4f8;
    border-radius: 8px;
    padding: 40px 10px 40px 20px !important;
    margin: 40px 0px 80px 0px !important;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 5px !important;
    box-shadow: -12px 20px 0px rgb(237 235 233);

    background: rgb(255, 238, 223);
    background: linear-gradient(180deg, #DBECE5 0%, rgba(255, 255, 255, 1) 100%);
}

.courselist-outer2 .h3-title {
    padding: 10px 0px 15px 21px;
    margin: 0px 0px 0px -39px;
    font-size: 25px;
    font-weight: 800;
    position: relative;
    background: #9bd7be;
    color: #000;
    border-radius: 0px 28px 0px 0px;
}

.courselist-outer2 ul {}

.courselist-outer2 ul li {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 0px 11px 35px;
    font-weight: 500 !important;
}

.courselist-outer2 ul li i {
    position: absolute;
    left: 0;
    top: 13px;
    font-size: 17px;
}



/*harpreet css end*/


/**************MEDIA QUERIES***************/
@media (min-width:992px) and (max-width:1199px) {
    .inner-box {
        margin-left: 2%;
        margin-right: 2%;
        text-align: center;
    }

    .inner-box1 {
        margin-left: 2%;
        margin-right: 2%;
        text-align: center;
    }

    .text_post {
        margin-top: 0;
    }

    .main {
        margin-bottom: 0;
    }

    .date {
        margin-bottom: 0;
    }

    .main-heading {
        font-size: 42px;
    }

    .contact-card .card-title {
        font-size: 26px;
    }

    .custom-box {
        padding: 57px 35px;
    }

    .bg-study-icon i {
        font-size: 160px;
    }

    .custom-box .box-text {
        font-size: 23px;
    }

    .social_icon {
        position: absolute;
        right: 23%;
        text-align: center;
        bottom: 27%;
        top: auto;
    }

    ul.social-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

}

@media (min-width:769px) and (max-width:991px) {
    .margin_small {
        margin-top: 30px;
    }

    ul.social-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .social_icon {
        position: absolute;
        right: auto;
        top: 93%;
        left: 18%;
    }

    .margin-top-sm {
        margin-top: 100px;
    }

    .col-height {
        height: 45vh;
    }

    .my-tog-btn {
        display: block;
    }
}

@media screen and (max-width:768px) {
    .cbp-l-filters .cbp-filter-item {
        cursor: pointer;
        margin: 9px;
    }

    .popular_image {
        height: 100%;
        width: 18%;
    }

    .margin_small {
        margin-top: 30px;
    }

    #detail-content {
        padding-top: 60px;
    }

    .main-heading {
        font-size: 42px;
    }

    .form-outer {
        bottom: 12%;
    }

    .testimonial-owl .item .description .width-text {
        margin-left: 15%;
        margin-right: 15%;
    }

    .col-height {
        height: 45vh;
    }

    .margin-top-sm {
        margin-top: 125px;
    }

    .custom-box {
        padding: 60px 67px;
    }

    .my-tog-btn {
        display: block;
    }

    .social_icon {
        position: absolute;
        right: auto;
        top: 94%;
        left: 12%;
    }

    ul.social-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width:767px) {
    .portfolio-xe {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cbp-l-filters .cbp-filter-item {
        margin: 5px;
    }

    .cbp-l-filters .cbp-filter-item span {
        font-size: 13px;
    }

    .box4:hover:before {
        width: 470%;
    }

    .box4 .box-content {
        margin-top: 35px;
    }

    .box4 .post {
        font-size: 12px;
    }

    .written .display {
        display: inline-block;
        text-align: center;
    }

    .written_text {
        padding-bottom: 22px;
        text-align: center;
        margin-left: 0;
    }

    .mt-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .height {
        text-align: center;
    }

    .quote_text .quote {
        font-size: 21px;
        width: 325px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 60px;
    }

    .verticle_lineQ {
        margin-top: -86px;
        margin-left: 21.2rem;
    }

    .icon_comment {
        margin-left: 55px;
    }

    .icon_text {
        margin-top: auto;
        margin-bottom: auto;
    }

    .main-heading-detail {
        font-size: 32px;
    }

    #detail-content {
        padding-top: 60px;
    }

    #content-courses {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #contactus-header .main-heading {
        font-size: 35px;
    }

    .courses .sub-heading {
        font-size: 12px;
        line-height: 1.8;
    }

    .courses .main-heading {
        font-size: 17px;
    }

    #contact-description {
        padding-top: 60px;
    }

    .wrapper {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #teachers {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #get-admission {
        margin-bottom: 60px;
    }

    #testimonial {
        margin-bottom: 60px;
    }

    #features {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*#counter{*/
    /*    padding-top: 60px;*/
    /*}*/
    #about-header .main-heading {
        font-size: 35px;
    }

    .text-width {
        width: 332px;
        margin-left: auto;
        margin-right: auto;
    }

    .form-outer {
        position: inherit;
        bottom: 0;
        right: 0;
        margin-top: 20px;
        padding: 3% 7%;
    }

    #contact-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #map {
        padding-top: 60px;
    }

    .col-height-features {
        height: 225px;
    }

    .main-heading {
        font-size: 37px;
    }

    .sub-heading {
        font-size: 12px;
    }

    .testimonial-owl .item .description .width-text {
        margin-left: 5%;
        margin-right: 5%;
    }

    .social_icon {
        position: absolute;
        left: auto;
        top: 23%;
        margin: auto;
        right: 13px !important;
    }



    ul.social-icon li a {
        width: 43px;
        height: 43px;
        padding: 9px 0 0 0;
        font-size: 22px;

    }

    .column-display {
        display: none;
    }

    .my-tog-btn {
        display: block;
        margin-right: 15px;
    }

    .custom-box {
        padding: 12.5px 33px;
    }

    .custom-box .box-text {
        font-size: 16px;
    }

    .arrow-box {
        font-size: 20px;
        padding: 6px 9px;
    }

    .arrow-box1 {
        font-size: 20px;
        padding: 6px 9px;
    }

    .bg-campus-icon {
        visibility: hidden;
    }

    .bg-study-icon {
        visibility: hidden;
    }

    .col-height {
        height: 52vh;
    }

    #background-carousal .carousal-overlay {
        left: 15px;
        right: 15px;
    }

    .margin-top-sm {
        margin-top: 145px;
        display: none;
    }

    .main-content .main-heading {
        font-size: 37px;
    }

    .main-content .sub_heading {
        font-size: 13px;
    }

    .image-div {
        width: 100%;
        height: 175px;
    }

    .bg-campus-icon i {
        font-size: 145px;
    }

    .bg-study-icon i {
        font-size: 145px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 586px;
        margin: 1.75rem auto;
    }
}

@media (min-width:400px) and (max-width:767px) {
    .custom-box {
        padding: 16.5px 33px;
    }

    .social_icon {
        bottom: 1%;
    }
}

a:focus,
a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

input,
select,
textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    margin: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

input[type=checkbox] {
    /*appearance: checkbox !important;*/
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
}

input[type=radio] {
    /*appearance: radio !important;*/
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
    -o-appearance: radio !important;
    -ms-appearance: radio !important;
}

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}


input:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset;
    -moz-box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
    -o-box-shadow: 0 0 0 30px white inset;
    -ms-box-shadow: 0 0 0 30px white inset;
}

.form-tittle {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    margin-bottom: 20px;
}

h3 {
    font-weight: bold;
    color: #222;
    font-size: 15px;
    margin: 0px;
    margin-bottom: 35px;
}

.clear {
    clear: both;
}

/*body {*/
/*    font-size: 13px;*/
/*    line-height: 1.8;*/
/*    color: #fff;*/
/*    background-image: url("../images/body-bg.jpg");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -webkit-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    -ms-background-size: cover;*/
/*    background-position: center center;*/
/*    font-weight: 400;*/
/*    font-family: 'Roboto Slab';*/
/*    margin: 0px; }*/

.main {
    /*padding: 60px 0;*/
    position: relative;
}

/*.container {*/
/*    width: 586px;*/
/*    background: #fff;*/
/*    margin-left: 165px;*/
/*    border-radius: 10px;*/
/*    -moz-border-radius: 10px;*/
/*    -webkit-border-radius: 10px;*/
/*    -o-border-radius: 10px;*/
/*    -ms-border-radius: 10px; }*/

.appointment-form {
    padding: 30px 30px 50px 30px;
}

input,
select,
textarea {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 5px 0;
    color: #222;
    margin-bottom: 23px;
    font-family: 'Montserrat', sans-serif;
}

input:focus,
select:focus {}

input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    display: none;
}

input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 25px;
}

input[type=checkbox]:not(old)+label>span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 15px;
    margin-bottom: 3px;
    border: 1px solid #ebebeb;
    background: white;
    background-image: -o-linear-gradient(white, white);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background-image: linear-gradient(white, white);
    vertical-align: bottom;
}

input[type=checkbox]:not(old):checked+label>span {
    background-image: -o-linear-gradient(white, white);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background-image: linear-gradient(white, white);
}



#confirm_type {
    margin-bottom: 20px;
}

.form-group-2 {
    margin-top: 15px;
    margin-bottom: 30px;
}

.form-check {
    margin-bottom: 20px;
}

.select-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.list-item {
    position: absolute;
    width: 100%;
}

.inrbnr .row-height {
    height: 40vh;
}

.paginglist {
    color: #fff;
    margin: 10px 200px 0px 200px;
    padding: 0px;
    list-style: none;
    background: rgb(0 148 222 / 35%);
    border-radius: 5px;
}

.paginglist li {
    margin: 0px 10px 0px 0px;
    padding: 0px;
    display: inline-block;
    font-size: 12px;
    color: #89d6fd;
}

.paginglist li a {
    text-decoration: none;
    color: #fff;
}

.student-tittle .sub-heading,
.testimonial-container p {
    text-align: center !important;
}

.whyusbg {
    background: url('../img/whyus-bg.jpg');
    padding: 40px 0px;
}

.whyuslist {
    margin-top: 30px !important;
    display: block;
}

.whyuslist li {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    list-style: none;
    position: relative;
    padding-left: 40px;
}

.whyuslist li i {
    font-size: 0.8rem;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right: 8px;
    background-color: #55A8FD;
    padding: 5px 3px 3px 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 23px;
}

.teamouter {
    background: url('../img/team-bg.jpg') center top fixed;
    background-size: cover;
    padding: 15px;
}

.teamcont {
    background: #fff;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
    border-radius: 7px;
    position: relative;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 7%);
    min-height: 300px;
}

.teamimg {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    float: left;
    margin-top: -64px;
    overflow: hidden;
    border-top: 5px solid #008cdb;
}

.teamimg img {
    max-width: 100%;
}

.teamcont h5 {
    margin: 0px;
    padding: 0px 0px 0px 0%;
    min-height: 64px;
    color: #0382c9;
    font-weight: 600;
}

.teamcont h5 span {
    display: block;
    font-size: 13px;
    margin: 5px 0px 0px 0px;
    color: #000;
}

.teamcont p {
    font-size: 14px;
    line-height: 24px;
}

.partnercont {
    min-height: 130px;
    border-radius: 5px;
    padding: 0px;
    margin-bottom: 30px;
    background: #fff url();
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 5px rgb(127 123 123 / 10%);
    box-shadow: 0 0 5px rgb(127 123 123 / 10%);
    transition: ease-in-out 0.3s all;

}

.partnercont:hover {
    -webkit-box-shadow: 0 0 35px rgb(127 123 123 / 20%);
    box-shadow: 0 0 35px rgb(127 123 123 / 20%);
}

.courselist-outer {
    background-color: #f3f4f8;
    border-radius: 8px;
    padding: 40px;
    text-align: left;
    margin-bottom: 20px;
}

/* Service pages: unify card backgrounds with home */
.courselist-outer,
.courselist-outer2 {
    background: var(--si-card-bg) !important;
    border: var(--si-card-border) !important;
    box-shadow: var(--si-card-shadow) !important;
}

.courselist-outer2 {
    background: var(--si-card-bg) !important;
}

.h3-title {
    padding: 0px 0px 0px 15px;
    margin: 0px 0px;
    font-size: 25px;
    font-weight: 800;
    position: relative;
}

.h3-title:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #478f71;
}

.courselist-outer ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

.courselist-outer ul li {
    position: relative;
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    padding: 5px 0px 5px 35px;
}

.courselist-outer ul li span {
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0575E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, linear-gradient(90deg, #F9C74F 0%, #D4A017 100%), #0575E6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, linear-gradient(90deg, #F9C74F 0%, #D4A017 100%), #0575E6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.courselist-outer ul li a {
    padding: 0.2rem 0rem 0rem 0rem !important;
    color: #000;
}

.courselist-outer ul li a:hover,
.courselist-outer ul li a.selected {
    color: #05995b;
}

/* Service details: add more inner padding to the 2x2 highlight boxes (Training Excellence, etc.) */
.si-service-info-box {
    padding: 34px !important;
}

/* Services section: add visible gap between the 2x2 boxes (Bootstrap 4 doesn't support `g-*` gutters) */
.bento-card .row.g-4 {
    margin-left: -14px;
    margin-right: -14px;
}

.bento-card .row.g-4 > [class*="col-"] {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 28px;
}

@media (max-width: 575px) {
    .si-service-info-box {
        padding: 24px !important;
    }

    .bento-card .row.g-4 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .bento-card .row.g-4 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}




.service-text img {
    margin: 0px 0px 20px 0px;
    max-width: 100%;
}

.service-text ul {
    list-style: disc;
    padding: 0px;
    margin: 15px 0px 15px 20px;
}

.service-text ul li {
    position: relative;
    font-size: 15px;
    padding: 0px 0px 10px 0px;
}

/*.service-text ul li:before { content:"\f0a4"; font-family: 'Line Awesome Free'; font-size: 24px; color: #e96100; position: absolute; left: 0; }*/
.service-text h5 {
    margin: 30px 0 15px 0;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    font-size: 22px;
    font-weight: 600;
}

.testimonial-block-five {
    position: relative;
    margin-bottom: 60px;
}

.testimonial-block-five .inner-box {
    min-height: 300px;
    position: relative;
    text-align: center;
    padding: 35px 30px;
    margin-left: 0%;
    margin-right: 0%;
    background-color: #ffffff;
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.testimonial-block-five .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 5px;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.testimonial-block-five .inner-box:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 0px;
    height: 5px;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.testimonial-block-five .inner-box:hover::before,
.testimonial-block-five .inner-box:hover::after {
    width: 100%;
}

.testimonial-block-five .inner-box .quote-icon {
    position: absolute;
    right: 45px;
    top: -40px;
    color: #bfbfbf;
    font-size: 80px;
    line-height: 1em;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonial-block-five .inner-box:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.testimonial-block-five .inner-box:hover .quote-icon {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.testimonial-block-five .inner-box .image-outer {
    position: relative;
    display: inline-block;
    margin-top: -50px;
    top: -10px;
}

.testimonial-block-five .inner-box .image {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50px;
}

.testimonial-block-five .inner-box .image-outer:before {
    position: absolute;
    content: '';
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50px;
    border: 2px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.testimonial-block-five .inner-box .text {
    position: relative;
    color: #000;
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 0px;
    margin-bottom: 10px;
}

.testimonial-block-five .inner-box h5 {
    position: relative;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
}

.testimonial-block-five .inner-box .designation {
    position: relative;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
}

.imgright {
    float: right;
    margin: 10px 0px 15px 15px !important;
}

.imgleft {
    float: left;
    margin: 10px 15px 15px 0px !important;
}

a.whitebtn,
.whitebtn {
    color: #000 !important;
    background: #fff;
}

#contact-content {
    background: url(../img/map-bg.png) center bottom no-repeat;
}

.contact-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0px 0px 0px;
}

.contact-icon {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    background: #F7A14A;
    ;
    margin-right: 15px;
}

.contact-det {
    max-width: 70%;
}

.contact-det h5 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-det a {
    color: #000;
    text-decoration: none;
}

.contact-det a span {
    font-size: 13px;
    line-height: 21px !important;
    display: inline-block;
}

.enquiry-cont {
    padding: 40px 40px 10px 40px;
    margin: 40px 0px;
    border: 2px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-radius: 20px;
    background: #f4fbff;
}

.enquiry-cont h3 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
}

.enquiry-cont textarea {
    min-height: 120px;
}

.enquiry-cont .form-control {
    border-radius: 0;
    border: 1px solid #dfe4e7;
    background: #fff;
    border-radius: 0;
    border: 1px solid #c5eafd;
    background: white;
}

.capthca-img {
    float: left;
    width: 70%;
    height: 38px;
    border: 1px solid #dfe4e7;
    background: #fff;
    padding: 0px;
    margin: 0px 15px 15px 0px;
    text-align: center;
}

.submit-btn {
    color: #fff;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    width: 100%;
}

.newscont {
    display: flex;
    background: #fff;
    margin: 20px 0px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
}

.newsdate {
    padding: 30px 0px 0px 0px;
    min-width: 180px;
    background: #F7A14A;
    ;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.newsdate span {
    font-size: 70px;
    margin-bottom: 15px;
}

.newsdate span sup {
    font-size: 14px;
    top: -2.8em;
    left: -0.5em;
}

.newsdetail {
    padding: 20px;
}

.newsdetail h3 {
    font-size: 17px;
    margin: 0px;
    margin-bottom: 12px;
    line-height: 24px;
}

.newsdetail p {
    font-size: 13px;
    line-height: 22px;
}

.blogcont {
    background: #fff;
    margin: 20px 0px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    border-radius: 0px 0px 15px 15px;
    border-top: 5px solid linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.blogimg {
    width: 100%;
    height: 235px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogimg img {
    max-width: 100%;
    max-height: 235px;
}

.blogimg2 {
    height: 426px;
}

.blogimg2 img {
    max-width: 100%;
    max-height: 425px;
}

.blogdet {
    padding: 15px;
}

.blogdet2 {
    padding: 30px;
}

.blogdet ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.blogdet ul li {
    display: inline-block;
    margin: 0px 10px 5px 0px;
    font-size: 12px;
    font-weight: 600;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.blogdet2 ul li {
    font-size: 14px;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.blogdet ul li i {
    font-size: 21px;
    color: #0289cd;
    top: 3px;
    position: relative;
}

.blogdet h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 5px 0px 15px 0px;
}

.blogdet p {
    font-size: 0.8rem;
    line-height: 1.8;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

.blogmore {
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    color: #fff;
    background-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    border-color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    width: 100%;
    text-decoration: none;
}

.blogmore:hover {
    background-color: #000;
    color: #fff;
}

.blogright-cont {
    background: #f3f3f3;
    padding: 20px;
    margin: 20px 0px 0px 0px;
}

.recentblog-row {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dbd7d7;
}

.recentblog-row>div {
    flex-grow: 1;
}

.recentblog-img {
    min-width: 100px;
    max-height: 80px;
    margin-right: 10px;
}

.recentblog-row h5 {
    font-size: 14px;
    font-weight: 600;
}

.recentblog-row h5 a {
    text-decoration: none;
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
}

.recentblog-row h5 a:hover {
    color: #000;
}

#product-slider h2 {
    font-size: 25px !important;
    color: #000;
    top: 86px;
}

#product-slider .img__wrap {
    background: #fff;
    text-align: center;
}

#product-slider .img__wrap img {
    background: #fff;
}

#product-slider .owl-item img {
    display: inline-block;
    width: auto;
    opacity: 1;
    margin: 25px 0 15px 0;
}

#product-slider.owl-carousel .owl-prev span {
    position: absolute;
    left: -35px;
    top: 34%;
}

#product-slider.owl-carousel .owl-next span {
    left: auto;
    right: -35px;
    top: 34%;
}

.group-hd {
    color: linear-gradient(90deg, #F9C74F 0%, #D4A017 100%);
    font-size: 20px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 5px;
    display: block;
}

.blogouter {
    padding: 40px 0px;
}

.tfiveyrs-img {
    position: absolute;
    left: 46px;
    top: 468px;
    z-index: 100000;
    animation: swing ease-in-out 1s infinite alternate;
}


/* E-Bank CBS  */
.section-container-border {
    margin: 10px 0px;
}

.e-bank-cbs-ol li {
    font-size: 20px;
    color: #202020;
}

.e-bank-cbs-ol li p {
    font-size: 15px;
    color: #000;
}

/* E-Bank CBS  */
@keyframes swing {
    0% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(-3deg);
    }
}

.servicebg {
    background: url(../img/line-bg.jpg) left top repeat;
}

.service-text2 {
    margin: 60px 0px;
    padding: 0px;
}

.service-text2 h2 {
    font-size: 22px;
    color: #007cbb;
    line-height: 1.5;
}

.about-us-content-area {
    padding-top: 120px;
    padding-bottom: 120px;
}

.about-us-content-area .thumb {
    padding-right: 65px;
    position: relative;
    z-index: 1;
}

.about-us-content-area .thumb::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 22px;
    background: #0554f2;
    z-index: -1;
    border-radius: 30px;
    opacity: 0.08;
}

.about-us-content-area .thumb::before {
    background: #0554f2;
}

.about-us-content-area .thumb::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 30%;
    width: 22px;
    background: #0554f2;
    z-index: -1;
    border-radius: 30px;
}

.about-us-content-area .thumb::after {
    background: #0554f2;
}

.about-us-content-area .thumb img {
    border-radius: 8px;
    max-width: 100%;
}

.about-us-content-area .thumb .overlay {
    position: absolute;
    left: -50px;
    bottom: 50px;
    border-bottom-right-radius: 30px;
    background: linear-gradient(90deg, rgba(5, 84, 242, 1) 35%, rgba(144, 0, 254, 1) 100%);
}

.about-us-content-area .content {
    padding-left: 15px;
}

.about-us-content-area .content>h5 {
    font-weight: 700;
    margin-bottom: 25px;
    color: #ff8833;
    display: inline-block;
    font-size: 30px;
    margin-top: 30px;
}

.about-us-content-area .content h2 {
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    line-height: 1.5;
}

.about-us-content-area .content ul {
    margin-top: 30px;
    overflow: hidden;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.about-us-content-area .content li:first-child {
    margin-top: 0;
}

.about-us-content-area .content li {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-top: 30px;
    position: relative;
    z-index: 1;
    padding-left: 70px;
    color: #0e2258;
}

.about-us-content-area .content li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: rgba(5, 84, 242, 0.06);
    color: #0554f2;
    font-size: 18px;
}




/*harpreet media query start*/

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1024px) {}

@media (max-width:991px) {}

@media (max-width:769px) {
    .my-tog-btn {
        margin-right: 18px;
        margin-top: 4px;
    }

    .my-tog-btn span {
        background-color: #0a0a0a;
    }

    a.logo.scroll.link {
        margin-left: 15px;
    }

    a.logo img {
        max-width: 200px;
    }

    header .navbar-light-vision {
        top: 2px;
    }

    .about-box {
        padding: 50px 15px 20px 15px;
        margin-bottom: 15px;
        background: #F7A14A;
        ;
        -webkit-box-shadow: 0 0 10px -2px rgb(127 123 123 / 90%);
        box-shadow: 0 0 10px -2px rgb(127 123 123 / 90%);
    }

    .about-box i {
        color: #fff;
        font-size: 70px;
    }

    .about-box .about-opacity-icon i {
        opacity: .09;
        font-size: 130px;
    }

    .about-box h5 {
        text-align: center;
        font-size: 18px;
        color: #fff;
    }

    .about-box .detailbtn {
        display: inline-block;
        font-size: 15px;
        padding: 1px 20px;
        text-transform: capitalize;
    }

    .carousel-fade .carousel-control-next,
    .carousel-control-prev {
        width: 30px;
        height: 30px;
    }

    .carousel-fade .carousel-control-prev {
        left: 3%;
    }

    .carousel-fade .carousel-control-next {
        right: 3%;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 14px;
        height: 14px;
    }

    .carousel-fade .detail-sec {
        padding: 0;
    }

    .detail-sec .main-heading {
        font-size: 22px;
        line-height: 1.5;
    }

    .contact-cont {
        margin: 20px 0px 0px 0px !important;
        flex-direction: column;
        align-items: center;
    }

    .contact-det h5 {
        text-align: center;
        margin-top: 10px;
    }

    .enquiry-cont {
        padding: 20px 20px 10px 20px;
    }

    .enquiry-cont h3 {
        font-size: 21px;
        margin: 0px 0px 10px 0px;
    }

    .enquiry-cont textarea {
        min-height: 100px;
    }

    .newscont {
        flex-direction: column;
    }

    .newsdate {
        padding: 30px 0px 10px 0px;
        min-width: 1px;
    }

    .newsdetail h3 {
        font-size: 12px;
        line-height: 19px;
    }

    .newsdetail p {
        text-align: left;
    }


}

@media (max-width:480px) {

    ul.fixcallbtn {
        top: 90px;
    }

    .banner2bg {
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px !important;
    }

    .mini-slider,
    .banner2bg {
        display: none;
    }

    .scroll-down {
        bottom: 10px;
        right: 0px;
    }

    .welcome-cont h2,
    .split-container-setting h2 {
        font-size: 28px !important;
        text-align: left;
        line-height: 39px;
    }

    .welcome-cont h5 {
        text-align: left;
    }

    .welcome-cont p {
        text-align: justify;
    }

    .scroll-top-arrow {
        bottom: 10px;
        right: 10px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .welcome-cont {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .split-container-setting h2,
    .stat-outer h3 {
        font-size: 28px !important;
        text-align: left;
        line-height: 39px;
    }

    .stat-outer h3 {
        margin-bottom: 0;
    }

    .split-container-setting h5 {
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
    }

    .split-container-setting li {
        text-align: left;
    }

    .about-img {
        margin-left: 0;
    }

    .rotate-lable {
        top: 50px;
        left: 20px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .service-cont h5 {
        font-size: 28px !important;
    }

    .img__wrap {
        height: 216px;
        margin: 8px 0px;
        border: 1px solid #fff;
    }

    .img__wrap img {
        width: 100%;
        max-height: 100%;
    }

    .rotate-lable {
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
    }

    .common-box {
        margin: 10px 0px 0px 0px;
        min-height: 116px;
    }

    .common-box .counter-num {
        font-size: 31px;
    }

    .team-box .team-content {
        -webkit-transform: translateY(40%);
        -ms-transform: translateY(40%);
        transform: translateY(40%);
    }

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

    .team-box .team-content p {
        font-size: 16px;
    }

    #teachers .offset-lg-2.mb-5 {
        margin-bottom: 0 !important;
    }

    .quotes {
        bottom: auto;
        font-size: 10rem;
        right: 0;
        top: 0;
        color: #008cdb !important;
        opacity: 0.1;
    }

    #testimonial-carousal {
        margin: 0px !important;
        padding: 0px !important;
    }

    .second-footer .widget-area .widget {
        padding: 20px 0;
    }

    .about-box h5 {
        text-align: center;
    }

    .banner-text {
        font-size: 12px !important;
        margin-top: 6px !important;
        line-height: 19px;
    }

    .content-carousal {
        top: 40% !important;
    }

    .inrbnr .row-height {
        height: 180px;
    }

    #about-header .main-heading {
        font-size: 22px;
        padding-top: 45px;
    }

    .paginglist {
        margin: 10px 0px 0px 0px;
    }

    .teamimg {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .teamcont h5 {
        margin: 12px 0px 15px 0px;
        padding: 0px;
        min-height: 1px;
        text-align: center;
    }

    .teamcont h5 span {
        font-size: 15px;
    }

    .paginglist li {
        margin: 0px 5px 0px 0px;
        font-size: 11px;
    }

    ul.fixcallbtn li {
        font-size: 24px;
        line-height: 1.4;
        text-align: center;
    }

    ul.fixcallbtn li a {
        padding: 5px 0px 0px 0px;
        width: 40px;
        height: 40px;
    }
}



/*main-heading*/
/*harpreet media query end*/


/*pankaj*/

.detail-sec h1 {
    font-size: 44px;
    font-weight: bold;
    /*font-family: 'Montserrat' , sans-serif;*/

    line-height: 1.1;
    letter-spacing: 0;
    color: white;
    margin-top: -7px;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 80%);
}

.detail-sec p {
    font-family: 'book_antiquaregular';
    font-size: 17px;
    line-height: 25px;
    margin-top: -3px;
    text-align: center;
    font-weight: 300;
    font-style: italic;
}

/* ===================================
   Shivam Informatics UI Refresh
   =================================== */

body {
    background:
        radial-gradient(circle at top left, rgba(var(--primary-indigo-rgb), 0.10), transparent 32%),
        radial-gradient(circle at top right, rgba(var(--accent-orange-rgb), 0.10), transparent 28%),
        linear-gradient(180deg, #f7f4ee 0%, #edf1f0 46%, #e8eceb 100%);
    color: #314556;
}

.top-strip {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
    border-bottom: 0;
}

.top-strip ul {
    float: none;
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    padding: 0;
}

.top-strip ul li {
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(49, 69, 90, 0.08);
    box-shadow: 0 10px 24px rgba(35, 48, 62, 0.08);
}

.top-strip ul li,
.top-strip ul li a {
    color: #3b4d5f;
    font-weight: 600;
}

header .navbar-light-vision,
.navbar.fixed-menu {
    background: rgba(252, 250, 246, 0.90) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    box-shadow: 0 10px 30px rgba(40, 50, 65, 0.08);
}

.round-nav {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 40px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.round-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(95, 125, 120, 0.04), rgba(181, 154, 106, 0.06));
    pointer-events: none;
}

/* Inner pages: remove the Home-style navbar overlay tint */
body:not(.home-page) .round-nav::before {
    content: none !important;
}

body:not(.home-page) header .navbar-light-vision {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(49, 69, 90, 0.10) !important;
}

.navbar .nav-item>a.nav-link {
    color: #233454 !important;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.navbar .nav-item>a.nav-link:hover,
.navbar .nav-item.active>a.nav-link,
.navbar-light .navbar-nav .active>.nav-link {
    color: var(--primary-indigo) !important;
}

.dropdown-menu {
    border: 0;
    border-radius: 18px;
    padding: 12px;
    box-shadow: 0 24px 48px rgba(19, 35, 68, 0.18);
}

.dropdown-menu .nav-link {
    border-radius: 12px;
}

.dropdown-menu .nav-link:hover {
    background: rgba(var(--primary-indigo-rgb), 0.08);
}

.blue-btn,
.green-btn,
a.btn,
.newsletter-form .blue-btn {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 28px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
    box-shadow: 0 18px 32px rgba(64, 83, 130, 0.18);
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.blue-btn {
    background: linear-gradient(135deg, #465b70 0%, var(--primary-indigo) 100%) !important;
    color: #fff !important;
}

.green-btn {
    background: linear-gradient(135deg, #9c8560 0%, var(--accent-orange) 100%) !important;
    color: #fff !important;
}

.blue-btn:hover,
.green-btn:hover,
a.btn:hover,
.newsletter-form .blue-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 36px rgba(41, 60, 107, 0.24);
}

.home-page .hero-shell {
    position: relative;
    padding: 18px 18px 0;
}

.home-page .hero-shell .img-area {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(40, 50, 65, 0.18);
}

.home-page .hero-slide::after,
.home-page #carouselFade .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(40, 53, 67, 0.78) 0%, rgba(82, 104, 112, 0.46) 44%, rgba(181, 154, 106, 0.20) 100%);
    z-index: 1;
}

.home-page .hero-caption,
.home-page .content-carousal {
    z-index: 3 !important;
}

.home-page .hero-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.home-page .detail-sec {
    max-width: 980px;
    margin: 0 auto;
}

.home-page .detail-sec h1 {
    font-size: clamp(44px, 7vw, 82px);
    font-weight: 800;
    line-height: 0.98;
    margin-bottom: 18px;
    text-shadow: 0 18px 38px rgba(0, 0, 0, 0.30);
}

.home-page .detail-sec p,
.home-page .banner-text {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.92);
    font-family: 'Inter', sans-serif;
    font-size: clamp(17px, 2vw, 21px) !important;
    line-height: 1.8;
    font-style: normal;
    text-align: center;
    text-shadow: none;
}

.home-page .hero-cta-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.home-page .hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    max-width: 820px;
    margin: 38px auto 0;
}

.home-page .hero-metric {
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.07) 100%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(16px);
    color: #fff;
}

.home-page .hero-metric strong {
    display: block;
    margin-bottom: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.home-page .hero-metric span {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
}

.home-page .stat-band {
    margin-top: -80px;
    position: relative;
    z-index: 8;
}

.home-page .stat-card {
    min-height: 100%;
    border-radius: 28px;
    background: var(--si-card-bg);
    border: var(--si-card-border);
    box-shadow: var(--si-card-shadow);
}

.home-page .stat-card.si-home-card-primary {
    background: var(--si-card-bg-home-primary);
}

.home-page .welcome-cont,
.home-page .solutions-showcase,
.home-page .why-choose-section,
.home-page .blogouter,
.home-page .testimonial-showcase,
.home-page .partner-showcase {
    position: relative;
}

.home-page .welcome-cont {
    padding-top: 110px;
}

.home-page .main-title h5,
.home-page .split-container-setting h5 {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-page .main-title h2,
.home-page .main-heading {
    color: #33485a;
}

.home-page .main-title p,
.home-page .split-container-setting p,
.home-page .welcome-cont p {
    color: #52627f;
    font-size: 16px;
    line-height: 1.9;
}

.home-page .value-grid {
    margin-top: 28px;
}

.home-page .value-card {
    min-height: 100%;
    padding: 32px 26px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, rgba(241, 245, 244, 0.94) 100%);
    border: 1px solid rgba(95, 125, 120, 0.10);
    box-shadow: 0 18px 40px rgba(40, 50, 65, 0.10);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    position: relative;
    overflow: hidden;
}

.home-page .value-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, #728984, #b59a6a);
}

.home-page .value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 52px rgba(40, 50, 65, 0.14);
}

.home-page .value-card img {
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin-bottom: 18px;
}

.home-page .solutions-showcase {
    padding: 110px 0;
    background:
        radial-gradient(circle at top center, rgba(var(--primary-indigo-rgb), 0.10), transparent 36%),
        linear-gradient(180deg, #f2f0eb 0%, #e7edeb 52%, #dde5e2 100%);
}

.home-page .img__wrap {
    height: 420px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.97) 0%, rgba(238, 243, 241, 0.95) 100%);
    border: 1px solid rgba(95, 125, 120, 0.10);
    box-shadow: 0 18px 42px rgba(40, 50, 65, 0.10);
}

.home-page .img__wrap h2 {
    font-size: 22px;
    color: #365061;
}

.home-page .img__description_layer {
    background: linear-gradient(160deg, rgba(60, 78, 96, 0.94) 0%, rgba(95, 125, 120, 0.92) 54%, rgba(181, 154, 106, 0.88) 100%);
}

.home-page .img__description_layer a {
    color: #455f72;
}

.home-page .solutions-showcase .main-title h2,
.home-page .solutions-showcase .main-title h5 {
    color: #33485a;
}

.home-page .why-choose-section {
    background:
        linear-gradient(135deg, rgba(252, 249, 244, 0.98) 0%, rgba(238, 243, 241, 0.98) 54%, rgba(234, 226, 209, 0.96) 100%);
    padding: 110px 0 90px;
}

.home-page .why-choose-section::before {
    opacity: 0;
}

.home-page .why-choose-section h2,
.home-page .why-choose-section p,
.home-page .why-choose-section li,
.home-page .why-choose-section li b {
    color: #14314b !important;
}

.home-page .why-choose-section img {
    filter: drop-shadow(0 14px 32px rgba(0, 0, 0, 0.12));
}

.home-page .feature-list li {
    padding: 18px 18px !important;
    border-bottom: 1px solid rgba(18, 48, 90, 0.08) !important;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
    margin-bottom: 12px;
}

.home-page .feature-list li:hover {
    padding-left: 18px !important;
    transform: translateX(6px);
    background: rgba(255, 255, 255, 0.86) !important;
}

.home-page .feature-list li i {
    color: #6a827d !important;
}

.home-page .blogcont,
.home-page .testicont,
.home-page .client-img {
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 24px 54px rgba(25, 40, 75, 0.12);
}

.home-page .testimonial-showcase,
.home-page .partner-showcase {
    padding: 110px 0;
}

.home-page .testimonial-showcase {
    background:
        linear-gradient(180deg, rgba(60, 76, 91, 0.96) 0%, rgba(79, 100, 110, 0.94) 58%, rgba(149, 131, 98, 0.92) 100%),
        url('../img/footer-bg.jpg') center center / cover no-repeat;
}

.home-page .partner-showcase {
    position: relative;
    padding: 96px 0 78px;
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 55%),
        linear-gradient(180deg, #f7f7f6 0%, #eff2f1 70%, #eef2f1 100%);
}

.home-page .partner-showcase .main-heading {
    color: #33485c;
    font-weight: 500;
}

.home-page .partner-showcase #blog-carousal {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.home-page .partner-showcase #blog-carousal .owl-stage-outer {
    padding: 18px 0 26px;
    overflow: visible;
}

.home-page .partner-showcase #blog-carousal .item {
    padding: 10px 6px;
}

.home-page .partner-showcase .client-img {
    min-height: 124px !important;
    padding: 22px 26px;
    background: #ffffff;
    border: 0;
    border-radius: 22px;
    box-shadow: 0 18px 38px rgba(25, 40, 75, 0.14);
}

.home-page .partner-showcase .client-img img {
    max-width: 160px;
    max-height: 66px;
}

.home-page .partner-showcase #blog-carousal .owl-dots {
    margin-top: 14px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.home-page .partner-showcase #blog-carousal .owl-dots .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(130, 146, 161, 0.45) !important;
}

.home-page .partner-showcase #blog-carousal .owl-dots .owl-dot.active span {
    background: #07547a;
}

.home-page .testimonial-showcase .main-heading,
.home-page .partner-showcase .main-heading {
    margin-bottom: 18px;
    font-size: clamp(30px, 4vw, 46px);
}

.home-page .testimonial-showcase .main-heading {
    color: #fff;
}

.home-page .testicont {
    min-height: 290px;
    padding: 34px 28px;
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.96) 0%, rgba(242, 246, 245, 0.94) 100%);
}

.home-page .testiname-outer {
    margin-top: 22px;
}

.home-page #testimonial-carousal .owl-dots,
.home-page #testimonial-carousal .owl-dots::before,
.home-page #testimonial-carousal .owl-dots::after,
.home-page #testimonial-carousal .owl-dot {
    display: none !important;
}

.home-page #testimonial-carousal .owl-nav,
.home-page #testimonial-carousal .owl-prev,
.home-page #testimonial-carousal .owl-next {
    display: none !important;
}

.home-page .client-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 24px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, rgba(243, 246, 245, 0.95) 100%);
    border: 1px solid rgba(95, 125, 120, 0.08);
}

.home-page .client-img img {
    max-width: 180px;
    width: auto !important;
    max-height: 84px;
    object-fit: contain;
}

.footer-map {
    display: block;
    width: min(1200px, calc(100% - 36px));
    height: 380px;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    box-shadow: 0 -8px 34px rgba(21, 33, 65, 0.12);
}

/* Home page: keep map separated from footer on small screens too */
@media (max-width: 991px) {
    .footer-map {
        margin-bottom: 22px;
    }
}

/* Home page: add breathing room between map and footer on larger screens */
@media (min-width: 992px) {
    .footer-map {
        margin-bottom: 32px;
    }
}

.footer {
    background:
        linear-gradient(135deg, rgba(58, 74, 90, 0.98) 0%, rgba(82, 101, 111, 0.97) 60%, rgba(146, 130, 102, 0.95) 100%),
        url(../img/footer-bg.jpg) center center no-repeat;
    background-size: cover;
}

.footer .widget {
    padding-top: 10px;
}

.footer .widget .widget-title {
    font-size: 20px;
    margin-bottom: 22px;
}

.widget ul#menu-footer-quick-links li a,
ul.widget_contact_wrapper li,
ul.widget_contact_wrapper li a,
.footer p,
.cpy-text {
    color: rgba(255, 255, 255, 0.82);
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #fff;
    transition: transform 0.25s ease, background 0.25s ease;
}

.social-link:hover {
    color: #fff;
    background: linear-gradient(135deg, #718783 0%, var(--accent-orange) 100%);
    transform: translateY(-3px);
}

@media (max-width: 991px) {
    .top-strip ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .round-nav {
        margin-top: 0;
        border-radius: 0;
        padding: 10px 20px !important;
    }

    .home-page .hero-shell {
        padding: 12px 12px 0;
    }

    .home-page .hero-shell .img-area {
        border-radius: 28px;
    }

    .home-page .hero-metrics {
        grid-template-columns: 1fr;
        max-width: 380px;
    }

    .footer-map {
        width: calc(100% - 24px);
        height: 320px;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .top-strip ul li {
        width: 100%;
        justify-content: center;
    }

    .home-page .stat-band {
        margin-top: 32px;
    }

    .home-page .welcome-cont {
        padding-top: 70px;
    }

    .home-page .solutions-showcase,
    .home-page .why-choose-section,
    .home-page .testimonial-showcase,
    .home-page .partner-showcase {
        padding: 80px 0;
    }

    .home-page .img__wrap {
        height: 340px;
    }

    .home-page .hero-eyebrow {
        font-size: 11px;
        letter-spacing: 0.06em;
    }

    .home-page .detail-sec h1 {
        font-size: clamp(36px, 10vw, 56px);
    }

    .home-page .hero-cta-group {
        flex-direction: column;
        align-items: center;
    }
}

/* ===================================
   Premium UI System 2025
   Shared redesign layer for homepage and common sections
   =================================== */

body {
    letter-spacing: -0.01em;
}

.container,
.container-fluid {
    position: relative;
}

.top-strip {
    padding-top: 14px;
}

.top-strip ul {
    gap: 12px;
}

.top-strip ul li {
    font-size: 13px;
    min-height: 42px;
}

.top-strip ul li i,
.top-strip ul li svg {
    color: var(--primary-indigo);
}

header.hdr-bg {
    position: relative;
    z-index: 50;
}

.round-nav {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    max-width: none !important;
}

.round-nav .logo img {
    height: 74px !important;
    width: auto;
    transition: transform 0.25s ease;
}

.round-nav .logo:hover img {
    transform: scale(1.02);
}

.navbar .navbar-collapse {
    align-items: center;
}

.navbar .navbar-nav {
    align-items: center;
    gap: 4px;
}

.navbar .nav-item>a.nav-link {
    position: relative;
    padding: 12px 16px !important;
    border-radius: 999px;
    font-size: 14px !important;
}

.navbar .nav-item>a.nav-link::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary-indigo), var(--accent-orange));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.navbar .nav-item>a.nav-link:hover::after,
.navbar .nav-item.active>a.nav-link::after,
.navbar-light .navbar-nav .active>.nav-link::after {
    transform: scaleX(1);
}

.nav-cta-wrap {
    margin-left: 18px;
    display: flex;
    align-items: center;
}

.nav-demo-btn {
    padding: 12px 20px !important;
    font-size: 13px !important;
}

.my-tog-btn {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 24px rgba(49, 69, 90, 0.10);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.my-tog-btn span {
    width: 18px;
    height: 2px;
    margin: 0 !important;
    background: #33485a;
    border-radius: 999px;
}

.outer-window {
    background: rgba(43, 56, 69, 0.32);
    backdrop-filter: blur(6px);
}

.navbar-content {
    background: linear-gradient(180deg, rgba(252, 250, 246, 0.98) 0%, rgba(241, 245, 244, 0.98) 100%);
    box-shadow: -20px 0 40px rgba(49, 69, 90, 0.16);
}

.close-outerwindow {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: rgba(95, 125, 120, 0.12);
    color: #314556;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

nav.navbar1 ul li a,
nav.navbar1 .toggle {
    border-radius: 12px;
    margin-bottom: 4px;
    color: #1a2332 !important;
    font-weight: 600;
}

.home-page .hero-shell {
    padding-top: 14px;
}

.home-page .hero-shell .img-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 24%),
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.14), transparent 22%);
    z-index: 2;
    pointer-events: none;
}

.home-page .hero-caption {
    max-width: 1080px !important;
}

.home-page .detail-sec {
    padding: 34px 34px 28px;
    border-radius: 34px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
}

.home-page .hero-eyebrow {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.home-page .detail-sec h1 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.home-page .hero-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 22px auto 0;
    max-width: 900px;
}

.home-page .hero-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.90);
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.home-page .hero-trust-row i {
    color: #fff;
    font-size: 16px;
}

.home-page .hero-metric {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.home-page .stat-card img {
    filter: drop-shadow(0 8px 18px rgba(49, 69, 90, 0.10));
}

.home-page .stat-card .counter-text {
    color: #516678;
}

.main-title,
.split-container-setting,
.testimonial-container,
.footer .widget,
.blogcont,
.testicont,
.client-img,
.value-card,
.stat-card {
    will-change: transform;
}

.home-page .welcome-cont .main-title,
.home-page .service-cont .split-container-setting {
    position: relative;
}

.home-page .welcome-cont .main-title::before,
.home-page .service-cont .split-container-setting::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 72px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary-indigo), var(--accent-orange));
}

.home-page .main-title h2,
.home-page .split-container-setting h2 {
    font-size: clamp(30px, 4vw, 48px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em;
}

.home-page .welcome-cont p,
.home-page .split-container-setting p,
.home-page .testicont p {
    font-size: 16px;
}

.home-page .value-card h5 {
    font-size: 24px;
    margin-bottom: 14px;
    color: #33485a;
}

.home-page .value-card p {
    margin-bottom: 0;
    color: #607384;
}

.home-page .solutions-showcase .item,
.home-page .blogouter .item,
.home-page .testimonial-showcase .item,
.home-page .partner-showcase .item {
    padding: 10px;
}

.home-page .img__wrap {
    justify-content: flex-start;
    padding: 34px 24px 24px;
}

.home-page .img__wrap img {
    margin-bottom: 20px;
}

.home-page .img__wrap h2 {
    padding: 0;
}

.home-page .blogouter {
    padding: 100px 0 80px;
}

.home-page .blogouter .main-heading {
    margin-bottom: 18px;
}

.blogcont {
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(241, 245, 244, 0.95) 100%);
    border: 1px solid rgba(95, 125, 120, 0.08);
    box-shadow: 0 20px 44px rgba(49, 69, 90, 0.10);
}

.blogimg img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.testicont,
.blogcont,
.client-img,
.home-page .img__wrap,
.home-page .value-card,
.home-page .stat-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.testicont:hover,
.blogcont:hover,
.client-img:hover,
.home-page .value-card:hover,
.home-page .stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 52px rgba(49, 69, 90, 0.14);
}

.home-page .testiname-outer h5 {
    color: #fff;
    font-size: 20px;
}

.home-page .testiname-outer h5 span {
    display: block;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    font-weight: 400;
}

.partner-showcase .client-img {
    min-height: 160px;
}

.footer-map {
    margin-top: 24px;
}

.footer-brand-card {
    padding: 28px 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.10);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.footer-brand-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.8;
}

.footer .second-footer {
    padding-top: 36px;
}

.footer .widget {
    padding: 26px 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 100%;
}

.widget ul#menu-footer-quick-links li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.widget ul#menu-footer-quick-links li a:hover,
ul.widget_contact_wrapper li a:hover {
    color: #fff;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.newsletter-form input,
.modal-body form input,
.modal-body form textarea,
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
textarea {
    width: 100%;
    border-radius: 18px !important;
    border: 1px solid rgba(95, 125, 120, 0.16) !important;
    background: rgba(255, 255, 255, 0.92);
    color: #33485a;
    box-shadow: none !important;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.newsletter-form input,
.modal-body form input,
.form-control,
input[type="text"],
input[type="email"],
input[type="number"] {
    min-height: 54px;
    padding: 14px 16px;
}

.modal-body form textarea,
textarea {
    min-height: 130px;
    padding: 16px;
    resize: vertical;
}

.newsletter-form input:focus,
.modal-body form input:focus,
.modal-body form textarea:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: rgba(95, 125, 120, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(95, 125, 120, 0.10) !important;
    transform: translateY(-1px);
}

.modal-dialog {
    max-width: 620px;
}

.modal-content {
    border: 0;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 28px 80px rgba(25, 35, 49, 0.22);
}

.modal-body {
    padding: 34px;
    background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(241, 245, 244, 0.96) 100%);
}

.modal-body .close {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(95, 125, 120, 0.10);
    opacity: 1;
}

.form-tittle {
    color: #33485a;
    margin-bottom: 20px;
}

.modal_contact_btn,
.contact-btn {
    min-height: 56px;
    border-radius: 18px !important;
}

.g-recaptcha {
    margin: 6px 0 14px;
}

.sticky-container {
    z-index: 40;
}

.sticky li a {
    border-radius: 0 16px 16px 0;
    box-shadow: 0 10px 24px rgba(49, 69, 90, 0.12);
}

.floating-enquiry-btn,
.floating-contact-btn {
    border-radius: 999px !important;
    box-shadow: 0 18px 34px rgba(49, 69, 90, 0.18) !important;
}

.floating-enquiry-btn {
    background: linear-gradient(135deg, #566d82, #7a908a) !important;
}

.floating-enquiry-btn:hover {
    background: linear-gradient(135deg, #45596d, #677d77) !important;
    transform: translateY(-3px) !important;
}

.floating-contact-btn {
    background: linear-gradient(135deg, #8f9f91 0%, #b59a6a 100%);
}

.floating-contact-btn:hover {
    transform: translateY(-3px) scale(1.03);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 48px;
    height: 48px;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.partner-showcase .owl-carousel .owl-nav button.owl-next,
.partner-showcase .owl-carousel .owl-nav button.owl-prev,
.blogouter .owl-carousel .owl-nav button.owl-next,
.blogouter .owl-carousel .owl-nav button.owl-prev {
    background: rgba(95, 125, 120, 0.10) !important;
    border: 1px solid rgba(95, 125, 120, 0.10) !important;
}

@media (max-width: 1199px) {
    .nav-cta-wrap {
        margin-left: 10px;
    }

    .navbar .nav-item>a.nav-link {
        padding: 11px 12px !important;
    }
}

@media (max-width: 991px) {
    .top-strip {
        padding-top: 8px;
    }

    .top-strip ul li {
        min-height: 40px;
        padding: 8px 14px;
    }

    .nav-cta-wrap {
        display: none;
    }

    .home-page .detail-sec {
        padding: 24px 18px;
        border-radius: 26px;
    }

    .home-page .welcome-cont .main-title::before,
    .home-page .service-cont .split-container-setting::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer .widget,
    .footer-brand-card {
        min-height: auto;
    }

    .sticky-container {
        display: none;
    }
}

@media (max-width: 767px) {
    .round-nav .logo img {
        height: 58px !important;
    }

    .home-page .hero-trust-row {
        justify-content: center;
    }

    .home-page .hero-trust-row span {
        width: 100%;
        justify-content: center;
    }

    .home-page .main-title h2,
    .home-page .split-container-setting h2 {
        text-align: center !important;
    }

    .home-page .welcome-cont p,
    .home-page .split-container-setting p {
        text-align: center;
    }

    .home-page .img__wrap {
        height: auto;
        min-height: 320px;
    }

    .blogimg img {
        height: 210px;
    }

    .modal-body {
        padding: 24px 18px;
    }
}

/* --- Shivam Tech-Bot Styles --- */
.chatbot-bubble {
    position: fixed;
    bottom: 25px;
    left: 25px;
    /* Moved to left since Enquiry is on right */
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #7F00FF, #00F2FE);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(127, 0, 255, 0.3);
    z-index: 10000;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.chatbot-bubble:hover {
    transform: scale(1.1) rotate(5deg);
}

.chatbot-window {
    position: fixed;
    bottom: 100px;
    left: 25px;
    width: 350px;
    height: 480px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
    display: none;
    /* Hidden by default */
    flex-direction: column;
    overflow: hidden;
    z-index: 10000;
}

.chatbot-header {
    background: linear-gradient(135deg, #0B0E14, #1a202c);
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bot-avatar {
    width: 40px;
    height: 40px;
    background: white;
    color: #7F00FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-right: 12px;
}

.bot-info {
    display: flex;
    align-items: center;
}

.online-indicator {
    width: 8px;
    height: 8px;
    background: #00ff88;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}

.chatbot-messages {
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.msg {
    padding: 12px 16px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.4;
    max-width: 80%;
}

.msg.bot {
    background: #f0f2f5;
    color: #1a202c;
    align-self: flex-start;
    border-bottom-left-radius: 4px;
}

.msg.user {
    background: #7F00FF;
    color: white;
    align-self: flex-end;
    border-bottom-right-radius: 4px;
}

.chatbot-input {
    padding: 15px;
    border-top: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.quick-reply {
    background: white;
    border: 1px solid #7F00FF;
    color: #7F00FF;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.quick-reply:hover {
    background: #7F00FF;
    color: white;
}

.close-bot {
    background: transparent;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}






/* ===================================
   MOBILE RESPONSIVENESS OVERRIDES
   =================================== */
@media (max-width: 991px) {

    /* Navbar: Hide desktop links and reduce side-padding */
    .round-nav {
        padding: 10px 20px !important;
        justify-content: space-between;
    }

    .navbar-collapse .navbar-nav {
        display: none;
        /* Let the mobile menu handle this */
    }

    /* Hero Section: Fix extreme text size */
    .main-heading {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    .hero-shell .img-area {
        height: 350px !important;
    }
}

@media (max-width: 575px) {

    /* Chatbot: Make it fit on smaller phone screens */
    .chatbot-window {
        width: calc(100% - 40px) !important;
        left: 20px !important;
        bottom: 80px !important;
        height: 420px !important;
    }

    /* Sticky Sidebars: Hide these to prevent clutter on mobile */
    .sticky-container {
        display: none !important;
    }

    /* Floating Buttons: Reposition for thumb-reach */
    .chatbot-bubble {
        bottom: 15px !important;
        left: 15px !important;
        width: 50px !important;
        height: 50px !important;
    }

    .floating-enquiry-btn {
        bottom: 15px !important;
        right: 15px !important;
    }

    /* Layout Sections: Force single columns */
    .solutions-grid,
    .bento-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ===================================
   MOBILE MENU FULL FIX
   =================================== */

/* 1. Give the panel proper sizing & scrollability */
.navbar-content {
    width: 80vw;
    max-width: 340px;
    overflow-y: auto;
    padding: 20px 0 40px 0;
    left: 20% !important;
    /* Default to off-screen before JS kicks in */
}

/* 2. ALWAYS hide the dummy <a> tags that sit next to toggle labels
      (these are the "WordPress", "Our Services" placeholder links) */
nav.navbar1 .toggle + a {
    display: none !important;
}

/* 3. Remove the ' +' pseudo-text appended to mobile nav links */
nav.navbar1 li > a:after {
    content: '' !important;
}

/* 4. Top-level menu items – clean, readable, touch-friendly */
nav.navbar1 ul.menu > li > a,
nav.navbar1 ul.menu > li > .toggle {
    display: block !important;
    padding: 13px 22px;
    color: #1a2332 !important;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    margin: 2px 12px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

nav.navbar1 ul.menu > li > a:hover,
nav.navbar1 ul.menu > li > .toggle:hover {
    background: rgba(127, 0, 255, 0.09);
    color: #7F00FF !important;
}

/* 5. Sub-menu area – light background, readable text */
nav.navbar1 ul ul {
    background: rgba(26, 35, 50, 0.05) !important;
    border-radius: 10px;
    margin: 2px 16px 8px 16px;
    padding: 6px 0;
    position: static !important;       /* Override the absolute positioning */
    top: auto !important;
    display: none;                      /* hidden by default (checkbox controls) */
}

/* 6. Sub-menu links – clear background and dark text */
nav.navbar1 ul ul li a,
nav ul ul a {
    background-color: transparent !important;
    color: #33485a !important;
    font-size: 14px !important;
    padding: 9px 18px !important;
    font-weight: 500 !important;
    display: block;
    border-radius: 8px;
    margin: 2px 6px;
    text-decoration: none;
}

nav.navbar1 ul ul li a:hover,
nav ul ul a:hover {
    background: rgba(127, 0, 255, 0.07) !important;
    color: #7F00FF !important;
}

/* 7. Accordion sub-menu: show when checkbox checked */
[id^=drop]:checked + ul {
    display: block !important;
}

/* 8. Toggle labels: show angle-down icon nicely */
nav.navbar1 .toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

/* 9. Narrow menu list (remove default ul padding/margin) */
nav.navbar1 ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.navbar1 ul.menu li {
    list-style: none;
}




/* ===== NEW FOOTER STYLES - OVERRIDE ===== */
.second-footer {
    background: linear-gradient(135deg, #1a2a3a 0%, #1e3a5f 100%) !important;
    padding: 42px 0 16px !important;
}

/* Footer: use more horizontal space on large screens */
@media (min-width: 1200px) {
    .second-footer .container {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .second-footer .container {
        max-width: 1500px;
    }
}

.footer-brand-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 10px 16px !important;
    box-sizing: border-box;
}

.footer-brand-card img {
    margin-bottom: 16px !important;
}

.footer-brand-card p {
    color: #b0c4d8 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.footer-widget-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(83, 178, 231, 0.15) !important;
    border-radius: 12px !important;
    padding: 22px 18px !important;
    height: 100% !important;
    transition: border-color 0.3s ease !important;
    margin-bottom: 14px !important;
}

.footer-widget-card:hover {
    border-color: rgba(83, 178, 231, 0.4) !important;
}

.footer-widget-card .widget-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}

.footer-title-underline {
    width: 40px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #53B2E7, #1e88e5) !important;
    border-radius: 2px !important;
    margin: 0 auto 20px !important;
}

.widget_contact_wrapper {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget_contact_wrapper li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    color: #b0c4d8 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.widget_contact_wrapper li:last-child {
    border-bottom: none !important;
}

.widget_contact_wrapper .icon-wrap {
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(83, 178, 231, 0.15) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 2px !important;
}
.icon-wrap {
    min-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(83, 178, 231, 0.1);
    border-radius: 50%;
}
.icon-wrap i,
.icon-wrap svg {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

.widget_contact_wrapper li a {
    color: #53B2E7 !important;
    text-decoration: none !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.widget_contact_wrapper li a:hover {
    color: #ffffff !important;
}

.footer-nav-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-nav-menu li {
    margin-bottom: 2px !important;
}

/* Footer cards: keep Site Links items stacked (not inline) */
.footer-widget-card .footer-nav-menu li {
    display: block !important;
    padding-right: 0 !important;
}

/* Contact page: add inner spacing so the map doesn't touch the top edge */
#contact-content .contact-map-card {
    padding: 14px !important;
    background: #fff;
}

#contact-content .contact-map-card > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 18px;
}

/* --------------------------------------------------------------------------
   Bootstrap v4 project: utility backfills for v5-style classes in markup
   -------------------------------------------------------------------------- */
.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }

/* Gutters for `.row g-*` patterns (Bootstrap 5 style) */
.row.g-0 { margin-left: 0; margin-right: 0; }
.row.g-0 > [class^="col"], .row.g-0 > [class*=" col"] { padding-left: 0; padding-right: 0; }

.row.g-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.row.g-1 > [class^="col"], .row.g-1 > [class*=" col"] { padding-left: 0.25rem; padding-right: 0.25rem; }

.row.g-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
.row.g-2 > [class^="col"], .row.g-2 > [class*=" col"] { padding-left: 0.5rem; padding-right: 0.5rem; }

.row.g-3 { margin-left: -1rem; margin-right: -1rem; }
.row.g-3 > [class^="col"], .row.g-3 > [class*=" col"] { padding-left: 1rem; padding-right: 1rem; }

.row.g-4 { margin-left: -1.25rem; margin-right: -1.25rem; }
.row.g-4 > [class^="col"], .row.g-4 > [class*=" col"] { padding-left: 1.25rem; padding-right: 1.25rem; }

.row.g-5 { margin-left: -1.5rem; margin-right: -1.5rem; }
.row.g-5 > [class^="col"], .row.g-5 > [class*=" col"] { padding-left: 1.5rem; padding-right: 1.5rem; }

/* --------------------------------------------------------------------------
   Mobile tuning: reduce oversized paddings/typography and prevent overflow
   -------------------------------------------------------------------------- */
html, body { overflow-x: hidden; }

@media (max-width: 575px) {
    #features,
    #contact-description,
    #content-courses,
    #detail-content,
    .portfolio-xe {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .main-heading,
    .main-content .main-heading,
    .detail-sec .main-heading {
        font-size: 28px !important;
        letter-spacing: -1px;
    }

    .round-nav {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .navbar .nav-item > a.nav-link {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .footer-map {
        height: 260px;
        border-radius: 0;
    }

    .footer-widget-card {
        padding: 22px 16px !important;
    }

    .second-footer {
        padding: 46px 0 22px !important;
    }
}

.footer-nav-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #b0c4d8 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    border-radius: 6px !important;
    transition: background 0.2s, color 0.2s, padding-left 0.2s !important;
}

.footer-nav-menu li a:hover {
    background: rgba(83, 178, 231, 0.12) !important;
    color: #53B2E7 !important;
    padding-left: 16px !important;
}

.footer-nav-menu li a i {
    font-size: 12px !important;
    color: #53B2E7 !important;
}

.footer-copyright {
    text-align: center !important;
    padding: 14px 0 0 !important;
    margin-top: 18px !important;
    border-top: 1px solid rgba(83, 178, 231, 0.15) !important;
    color: #7a99b5 !important;
    font-size: 13px !important;
}

.footer-col {
    margin-bottom: 18px !important;
}

/* Ecosystem list (Service pages sidebar) – fix bootstrap active blue + alignment */
.courselist-outer2 a.nav-link {
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.courselist-outer2 a.nav-link:hover {
    background: rgba(83, 178, 231, 0.12) !important;
    color: var(--primary-indigo) !important;
}

.courselist-outer2 a.nav-link:focus,
.courselist-outer2 a.nav-link:active,
.courselist-outer2 a.nav-link.active {
    background: rgba(83, 178, 231, 0.16) !important;
    color: var(--primary-indigo) !important;
    outline: none !important;
}

/* Selected (current page) item – keep it properly placed and recolor */
.courselist-outer2 a.nav-link.selected {
    background: #066595 !important;
    color: #ffffff !important;
}

/* Reset legacy sidebar spacing that pushes the highlight out of alignment */
.courselist-outer2 ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.courselist-outer2 ul li {
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    line-height: normal !important;
}

.courselist-outer2 ul li:last-child {
    margin-bottom: 0 !important;
}

/* Service pages: responsive layout after removing menu toggle button */
@media (max-width: 991px) {
    .round-nav {
        padding: 10px 14px !important;
    }

    .navbar .navbar-collapse,
    .collapse.navbar-collapse {
        display: block !important;
        flex-basis: 100% !important;
    }

    .navbar .navbar-nav.ml-auto {
        margin-left: 0 !important;
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding-top: 6px !important;
    }

    .navbar .nav-item > a.nav-link {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    .inrbanner-outer {
        padding: 58px 0 38px 0 !important;
    }

    .inrbanner h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .courselist-outer2 {
        margin: 0 0 20px 0 !important;
        padding: 18px !important;
    }

    .bento-card {
        padding: 24px 18px !important;
        border-radius: 16px !important;
    }

    .bento-card h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .footer-brand-card img {
        height: 96px !important;
        width: 96px !important;
    }
}

@media (max-width: 575px) {
    .top-strip ul {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .navbar .nav-item > a.nav-link {
        padding: 7px 10px !important;
        font-size: 12px !important;
    }

    .inrbanner-outer {
        padding: 48px 0 32px 0 !important;
    }

    .inrbanner h1 {
        font-size: 24px !important;
    }

    .bento-card {
        padding: 18px 14px !important;
    }

    .bento-card h2 {
        font-size: 24px !important;
    }

    .sticky-container {
        display: none !important;
    }
}

/* Desktop navbar dropdown stability (prevents hover flicker) */
@media (min-width: 992px) {
    .navbar .nav-item.dropdown {
        position: relative;
    }

    /* Creates a tiny hover bridge so cursor movement doesn't close menu */
    .navbar .nav-item.dropdown::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 12px;
    }

    .navbar .nav-item.dropdown > .dropdown-menu {
        top: 100% !important;
        margin-top: 0 !important;
        transform: translateY(8px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    .navbar .nav-item.dropdown:hover > .dropdown-menu,
    .navbar .nav-item.dropdown:focus-within > .dropdown-menu,
    .navbar .nav-item.dropdown > .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }
}

/* Responsive mobile menu toggle and full-width consultancy card */
.round-nav {
    position: relative;
}

.my-tog-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 12;
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 30px rgba(11, 14, 20, 0.12);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.2s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Burger button: show only on small screens */
@media (max-width: 991px) {
    .my-tog-btn {
        display: flex;
    }
}

.my-tog-btn:hover {
    transform: translateY(-50%) scale(1.04);
    background-color: #ffffff;
    box-shadow: 0 18px 35px rgba(11, 14, 20, 0.16);
}

.my-tog-btn span {
    background-color: #0b0e14;
    height: 3px;
    width: 18px;
    display: block;
    border-radius: 2px;
    transition: background-color 0.25s ease;
}

.my-tog-btn span + span {
    margin-top: 5px;
}

@media (max-width: 991px) {
    .my-tog-btn {
        display: flex;
    }
}

@media (max-width: 769px) {
    .my-tog-btn {
        right: 10px;
    }

    .my-tog-btn span {
        background-color: #0a0a0a;
    }
}

.full-width-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 36px 32px;
    flex-wrap: wrap;
}

.full-width-card__content {
    display: flex;
    align-items: center;
    gap: 24px;
    z-index: 1;
    min-width: 0;
}

.full-width-card__icon {
    min-width: 60px;
    min-height: 60px;
    border-radius: 18px;
}

.full-width-card__text {
    min-width: 0;
}

/* ============================================================
   CONTENT PROTECTION - CSS Level Protection
   ============================================================ */

/* Prevent text selection on entire site */
body,
* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

/* Prevent image dragging */
img {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
}

/* Protect all images from right-click and dragging */
img[src],
img[data-src] {
    cursor: not-allowed !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* Prevent text selection on headers and content */
h1, h2, h3, h4, h5, h6,
p, span, div, section, article {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

/* Disable context menu appearance */
* {
    -webkit-user-select: none !important;
}

/* Prevent text highlighting */
::selection {
    background: transparent !important;
    color: inherit !important;
}

::-moz-selection {
    background: transparent !important;
    color: inherit !important;
}

.full-width-card__text h4 {
    margin: 0;
    font-size: clamp(22px, 2.3vw, 28px);
}

.full-width-card__text p {
    margin: 8px 0 0;
    line-height: 1.7;
    max-width: 560px;
}

.full-width-card__cta {
    z-index: 1;
    white-space: nowrap;
}

/* Full-width service card: match card palette + keep text readable (override old inline white text) */
.bento-card.full-width-card {
    background: var(--si-card-bg) !important;
    border: var(--si-card-border) !important;
    box-shadow: var(--si-card-shadow) !important;
}

.bento-card.full-width-card .full-width-card__text h4 {
    color: var(--primary-indigo) !important;
}

.bento-card.full-width-card .full-width-card__text p {
    color: var(--text-muted) !important;
}

@media (max-width: 768px) {
    .full-width-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 20px;
        gap: 18px;
    }

    .full-width-card__content {
        width: 100%;
        gap: 16px;
    }

    .full-width-card__cta {
        width: 100%;
        justify-content: center;
        display: inline-flex;
    }
}

/* .bg-testimonial-img .owl-dots {
    display: none !important;
} */
.owl-dots {
    display: none !important;
}

#testimonial .owl-dots,
#testimonial .owl-dot,
#testimonial .owl-dots .owl-dot,
#testimonial .owl-dots .owl-dot span {
    display: none !important;
}