/* ---------------content-page-css-start --------------------------*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "Roboto", sans-serif;
    color: #444444;
    counter-reset: garayout-content-counter;
}

a {
    text-decoration: none;
    color: #0072d0ff;
}

a:hover {
    color: #0072d0ff;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
    font-family: "Roboto", sans-serif;
}

#loom-companion-mv3 {
    display: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    height: auto;
    z-index: 10;
    position: sticky;
    top: 0;
    margin-bottom: 0;
}

#header .logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 3px;
}

#header .logo h1 a,
#header .logo h1 a:hover {
    color: #fff;
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #818181;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 22px;
}

#header .top-bar {
    /* background: linear-gradient(86deg, rgba(154,223,92,1) 0%, rgba(33,168,151,1) 100%); */
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.social-share {
    width: 28px;
    height: 31px;
}

.navbar li {
    list-style-type: none;
    position: relative;
}

#header .top-bar .nav-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* @media (max-width: 768px) {
    #header .logo h1 {
        font-size: 18px;
        padding: 4px 0;
    }
} */

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    right: -260px;
    width: 260px;
    padding-top: 18px;
    background: #000;
    transition: 0.4s;
}

.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu a,
.nav-menu a:focus {
    display: block;
    position: relative;
    color: #a1a1a1;
    padding: 10px 20px;
    font-weight: 500;
    transition: 0.3s;
}

.nav-menu a:hover,
.nav-menu .active>a,
.nav-menu li:hover>a {
    color: #fff;
    text-decoration: none;
}

.nav-menu .drop-down>a:after {
    content: "\ea27";
    font-family: "boxicons";
    padding-left: 10px;
    position: absolute;
    right: 15px;
}

.nav-menu .active.drop-down>a:after {
    content: "\ea27";
}

.nav-menu .drop-down>a {
    padding-right: 35px;
}

.nav-menu .drop-down ul {
    display: none;
    overflow: hidden;
}

.nav-menu ul.drop-down-active {
    display: block;
}

.nav-menu .drop-down li {
    padding-left: 20px;
}

.nav-menu-active {
    left: 0;
}

.nav-toggle {
    position: static;
    left: 15px;
    top: 15px;
    z-index: 10000;
    border: 0;
    background: transparent;
    transition: none;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
    padding: 10px 12px;
    border-radius: 2px;
}

.nav-toggle i {
    color: #fff;
    font-size: 30px;
}

.nav-toggle-active {
    left: 255px;
    background: #000;
    position: fixed;
    top: 0;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar {
    padding: 0;
}

/* .navbar li {
  position: relative;
} --roger*/
.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1rem 10px 1rem;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: #FFF;
}

.navbar .getstarted,
.navbar .getstarted:focus {
    background: #0072d0ff;
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 4px;
    color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
    color: #fff;
    background: rgba(16, 37, 63, .66) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: rgba(16, 37, 63, .66) !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgba(16, 37, 63, .66) !important;
}

@media (min-width: 1023px) {
    .navbar .dropdown ul {
        display: block;
        position: absolute;
        left: 14px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 4px;
    }
}

.navbar .dropdown ul li {
    min-width: 200px;
}

.navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-family: 'Roboto';
    font-weight: 400;
}

.navbar .dropdown ul a i {
    font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
    color: #FFF;
    font-family: 'Roboto';
    font-weight: 400;
}

.navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #743e1d;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    display: inline-block;
    padding-bottom: 50px;
}

#hero .right-arrow {
    margin-left: 15px;
}

#hero .cnt-sec {
    width: 100%;
    display: inline-block;
    margin-top: 25px;
    text-align: center;
}

#hero .cnt-sec h3 {
    color: #818181;
    font-size: 38px;
    font-weight: 100;
    font-style: normal;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 80px 0;
    padding-top: clamp(20px, 6vw, 50px);
    padding-bottom: clamp(20px, 6vw, 50px);
}
/* section {
    padding-top: clamp(20px, 6vw, 50px);
    padding-bottom: clamp(20px, 6vw, 50px);
} roger---*/

.section-bg {
    background-color: #fff7f2;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

.section-title h2 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}

.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 1px;
    background: #0072d0ff;
    bottom: 0;
    left: calc(50% - 40px);
}

.section-title p {
    margin-bottom: 0;
    font-style: italic;
    color: #666666;
}


/*--------------------------------------------------------------
# Midd Css
--------------------------------------------------------------*/
.unlimited-sec {
    padding-top: 0px;
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.unlimited-sec .title-sec h1 {
    font-size: 96px;
    color: #215968;
    font-weight: 200;
}

.btn-sec {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.btn-sec a {
    color: #fff;
    background-color: #22A998;
    border-radius: 11px;
    padding: 15px 30px;
    font-size: 37px;
    font-weight: 400;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.unlimited-sec .step-sec h4 {
    font-size: 36px;
    margin-top: 15px;
    font-weight: 700;
    color: #6AA84F;
}

ul {
    padding: 0px;
    margin: 0px;
}

.unlimited-sec .step-sec .list-sec {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.unlimited-sec .step-sec li {
    color: #909090;
    font-size: 40px;
    font-weight: 200;
    list-style: none;
    margin-bottom: 50px;
}

.unlimited-sec .step-sec li span {
    position: relative;
    width: 50px;
    display: inline-block;
    margin-right: 15px;
}

.unlimited-sec .step-sec li span:after {
    content: "";
    position: absolute;
    bottom: -45px;
    width: 2px;
    height: 40px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(33, 168, 151, 1) 0%, rgba(154, 223, 92, 1) 100%);
}

.unlimited-sec .step-sec li:last-child span:after {
    content: none;
}

.unlimited-sec .cnt-sec {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
}

.unlimited-sec .cnt-sec p {
    font-size: 29px;
    font-weight: 400;
    color: #818181;
    line-height: 1.3em;
}

.unlimited-sec .cnt-sec p span.click-text {
    font-size: 60px;
    font-weight: 300;
    color: #B3EB50;
}

.unlimited-sec .cnt-sec p span.perf-text {
    font-size: 78px;
    font-weight: 600;
    color: #6AA84F;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.9em;
}

.unlimited-sec .language-sec {
    position: relative;
    background-color: #B7B7B7;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: fit-content;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.unlimited-sec .language-sec:after {
    content: "";
    position: absolute;
    top: 49px;
    right: 35px;
    background-image: url(../img/arrow.svg);
    z-index: 2;
    width: 31px;
    height: 15px;
    pointer-events: none;
}

.unlimited-sec .language-sec select {
    border: none;
    appearance: none;
    font-weight: 200;
    font-size: 40px;
    color: #fff;
    background-color: transparent;
    padding: 25px 90px 25px 60px;
}

.img-view-sec {
    text-align: center;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background: linear-gradient(90deg, rgba(154, 223, 92, 1) 0%, rgba(33, 168, 151, 1) 100%);
    padding: 30px 0;
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
}

#footer .title-sec h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
}

#footer .title-sec h4:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 11px;
    background-color: #fff;
}

#footer .list-nav li {
    list-style: none;
}

#footer .list-nav a {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}

#footer .social-icon {
    display: flex;
    justify-content: right;
    align-items: center;
}

#footer .social-icon a {
    margin-right: 10px;
}

#footer .copyright-sec {
    text-align: center;
    margin-top: 15px;
}

#footer .copyright-sec p {
    font-size: 19px;
    font-weight: 400;
    color: #fff;
}

.D-view {
    display: block;
}

.M-view {
    display: none;
}

.simple-ss-template .font-106-21 {
    font-size: clamp(21px, 7vw, 67px);
}

.simple-ss-template .section-article .text-content::before {
    left: 0;
    font-size: clamp(55px, 6vw, 100px)
}

.simple-ss-template .section-article.article-right .text-content::before {
    left: auto;
    right: 0;
}

.simple-ss-template .font-40-10 {
    font-size: clamp(14px, 1.8vw, 25px);
}

.simple-ss-template .font-140-40 {
    font-size: clamp(25px, 9vw, 65px) !important;
}

.simple-ss-template .relatives-links ul a {
    font-size: clamp(10px, 3.2vw, 24px) !important;
}

/*--------------------------------------------------------------
# Ressponsive
--------------------------------------------------------------*/

@media (max-width: 767px) {
    .top-bar .right-sec svg {
        width: 26px;
    }

    .unlimited-sec .title-sec h1 {
        font-size: 26px;
    }

    .D-view {
        display: none;
    }

    .M-view {
        display: block;
    }

    .btn-sec {
        margin-bottom: 25px;
    }

    .unlimited-sec {
        padding-bottom: 0;
    }

    section {
        padding: 40px 0;
    }

    section.img-view-sec {
        padding-top: 35px;
    }

    .unlimited-sec .step-sec li:last-child {
        margin-bottom: 0;
    }

    .unlimited-sec .text-section {
        width: 45%;
    }

    .unlimited-sec .list-section {
        width: 55%;
    }

    .btn-sec a {
        font-size: 15px;
        padding: 10px 20px;
        border-radius: 6px;
    }

    .unlimited-sec .step-sec h4 {
        font-size: 16px;
        margin-top: 0;
    }

    .unlimited-sec .step-sec li span {
        width: 16px;
        margin-right: 6px;
    }

    .unlimited-sec .step-sec li {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .unlimited-sec .step-sec .list-sec {
        margin-top: 0;
    }

    #footer .copyright-sec p {
        font-size: 10px;
    }

    .unlimited-sec .step-sec li span:after {
        bottom: -20px;
        height: 16px;
    }

    #hero .cnt-sec {
        text-align: left;
    }

    #hero .cnt-sec h3 {
        font-size: 16px;
    }

    #hero {
        padding-bottom: 10px;
        padding-top: 15px;
    }

    #hero .hero-container {
        margin-top: 15px;
    }

    #header .top-bar {
        padding: 5px 0;
    }

    .top-bar .nav-toggle {
        padding: 0;
    }

    #hero .right-arrow {
        margin-left: 0;
    }

    .unlimited-sec .cnt-sec p span.click-text,
    .unlimited-sec .cnt-sec p span.perf-text {
        font-size: 16px;
    }

    #footer .col-lg-4 {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }

    #footer .social-icon {
        justify-content: center;
    }

    .unlimited-sec .language-sec:after {
        top: 20px;
        right: 25px;
        width: 20px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .unlimited-sec .language-sec select {
        padding: 10px 56px 10px 18px;
        font-size: 18px;
    }

    .unlimited-sec .language-sec {
        margin-top: 0;
    }

    .unlimited-sec .cnt-sec p {
        font-size: 12px;
    }

    #footer .title-sec h4 {
        font-size: 17px;
    }

    #footer .list-nav a {
        font-size: 13px;
    }

    #hero .right-arrow svg {
        width: 25px;
        height: 25px;
    }

    .extra-header-action {
        position: absolute;
        right: 0;
        top: -2px;
    }

    .navbar-brand {
        margin: 0 auto;
        top: 4px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 !important;
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #FFF;
        padding-left: 0;
    }

    nav.navbar.navbar-expand-lg.bg-custom {
        padding: 8px 0 !important;
    }

    .navbar-toggler {
        padding: 0;
        border: 0;
    }

    .navbar-brand img {
        width: 40px;
    }

    .extra-header-action svg {
        width: 26px;
        height: 31px;
    }

    .extra-header-action {
        margin-top: 0 !important;
        padding-right: 10px;
    }

    /* Update-here */
    .apps-icons {
        display: flex;
        max-width: 180px;
    }

    .apps-icons a {
        padding: 0;
        margin: 0 5px;
    }

    .apps-icons img {
        max-width: 100%;
    }

    .congress-shape {
        max-width: 35px;
        bottom: 33%;
        transform: translateX(5px);
    }

    .congress-shape.type-4 {
        transform: translateX(-5px) scale(-1);
    }



}

@media (min-width: 600px) and (max-width: 1024px) {
    #footer .col-lg-4 {
        flex: 0 0 33.33%;
    }
}

@media (max-width: 600px) {
    #footer .col-lg-4 {
        flex: 0 0 100%;
        margin-bottom: 20px;
        margin-bottom: 35px;
    }
}

/* Updated Styles */
.apps-icons {
    display: flex;
}

/* Relative Links Style */
.relatives-links {
    clear: both;
}

.relatives-links ul {
    list-style: none;
    gap: clamp(10px, 2.5vw, 30px);
    margin-top: clamp(0, 1vw, 15px);
}

.article-right .relatives-links ul {
    float: right;
}

.relatives-links ul a {
    font-size: clamp(10px, 3.2vw, 48px);
    font-weight: 200;
    text-transform: lowercase;
    background: linear-gradient(90deg, #C56CD6 6.62%, #3425AF 111.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* .relatives-links ul a {
    background: linear-gradient(90deg, #C56CD6 6.62%, #3425AF 111.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
} roger--*/

.relatives-links ul a.news {
    background: linear-gradient(90deg, #F29202 21.91%, #DA0641 103.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.relatives-links ul a.portfolio {
    background: linear-gradient(92.9deg, #F5515F 20.83%, #961276 99.95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.relatives-links ul a svg {
    width: clamp(4px, 1vw, 9px);
    transition: 0.2s all ease-in-out;
    transform: translateX(0px);
}

.relatives-links ul a:hover svg {
    transform: translateX(5px);
}

.relatives-links .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.41468 7.50719C8.77713 7.14106 8.77414 6.55043 8.408 6.18798L2.44151 0.281608C2.07537 -0.0808363 1.48474 -0.0778455 1.1223 0.288288C0.759853 0.654422 0.762844 1.24505 1.12898 1.6075L6.17397 6.60165C6.15951 6.76725 6.17648 6.93076 6.21179 7.08059L1.18242 12.1612C0.819974 12.5273 0.822965 13.1179 1.1891 13.4804C1.55523 13.8428 2.14586 13.8398 2.50831 13.4737L8.41468 7.50719Z' fill='%235033B7'%3E%3C/path%3E%3C/svg%3E");
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.relatives-links .news .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.41468 7.50719C8.77713 7.14106 8.77414 6.55043 8.408 6.18798L2.44151 0.281608C2.07537 -0.0808363 1.48474 -0.0778455 1.1223 0.288288C0.759853 0.654422 0.762844 1.24505 1.12898 1.6075L6.17397 6.60165C6.15951 6.76725 6.17648 6.93076 6.21179 7.08059L1.18242 12.1612C0.819974 12.5273 0.822965 13.1179 1.1891 13.4804C1.55523 13.8428 2.14586 13.8398 2.50831 13.4737L8.41468 7.50719Z' fill='%23E2302F'%3E%3C/path%3E%3C/svg%3E");
}

.relatives-links .portfolio .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.41468 7.50719C8.77713 7.14106 8.77414 6.55043 8.408 6.18798L2.44151 0.281608C2.07537 -0.0808363 1.48474 -0.0778455 1.1223 0.288288C0.759853 0.654422 0.762844 1.24505 1.12898 1.6075L6.17397 6.60165C6.15951 6.76725 6.17648 6.93076 6.21179 7.08059L1.18242 12.1612C0.819974 12.5273 0.822965 13.1179 1.1891 13.4804C1.55523 13.8428 2.14586 13.8398 2.50831 13.4737L8.41468 7.50719Z' fill='%23A41B73'%3E%3C/path%3E%3C/svg%3E");
}

/* Sidebar Styles */
#sidebarAccordion>li {
    list-style: none;
}

img {
    max-width: 100%;
}

/* @media (max-width: 767px) {
    .apps-icons {
        display: flex;
        max-width: 180px;
    }
    .apps-icons a {
        padding: 0;
        margin: 0 5px;
    }
    .apps-icons img {
        max-width: 100%;
    }
} roger--*/


/* hardware-css-start */

/* Declare text styles */
h1,
h2,
p {
    /* Font minimum, preferred and maximum value */
    font-size: clamp(var(--min), var(--val), var(--max));
}

/* Font size variables */
h1 {
    --min: 2em;
    /* minimum value */
    --val: 5vw;
    /* preferred value = 5% viewport width */
    --max: 3em;
    /* maximum value */
}

h2 {
    --min: 1.5em;
    /* minimum value */
    --val: 4vw;
    /* preferred value = 4% viewport width */
    --max: 2.25em;
    /* maximum value */
}

p {
    --min: 1em;
    /* minimum value */
    --val: 2.5vw;
    /* preferred value = 2.5% viewport width */
    --max: 1em;
    /* maximum value */
}



/* Intro Section Styles */
.font-35 {
    font-size: clamp(15px, 3.5vw, 35px);
    line-height: 1.1em;
}

.font-45 {
    font-size: clamp(14px, 3.5vw, 45px);
    line-height: 1.1em;
}

.font-106-21 {
    font-size: clamp(21px, 7vw, 87px);
    line-height: 1.1em;
}

.font-150-35 {
    font-size: clamp(35px, 12vw, 150px);
    line-height: 0.9em;
}

.font-50-18 {
    font-size: clamp(18px, 4vw, 50px);
    line-height: 1em;
}

.font-50-13 {
    font-size: clamp(13px, 4vw, 50px);
    line-height: 1em;
}

.font-40-10 {
    font-size: clamp(14px, 3.7vw, 40px);
    line-height: 1.1em;
}

.font-34-9 {
    font-size: clamp(12px, 2.9vw, 30px);
}

.desc-point {
    position: relative;
    z-index: 10;
}

.desc-point ul.font-40-10 li {
    margin-bottom: clamp(5px, 1.5vw, 15px);
}

.font-40-10 li::marker {
    font-size: clamp(10px, 2vw, 40px);
}

.font-26-12 {
    font-size: clamp(12px, 2vw, 26px);
    line-height: 1em;
}

.font-22-10 {
    font-size: clamp(10px, 2vw, 22px);
    line-height: 1em;
}

.line-height-normal {
    line-height: 0.9em;
}

.font-109-26 {
    font-size: clamp(26px, 6vw, 70px);
}

.list-normal {
    padding-left: clamp(15px, 3vw, 35px);
}

.color-bluish {
    color: #BF77F6;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.info-section .content {
    padding: clamp(5px, 2vw, 20px);
}


.color-g-1 {
    /* or 114% */
    /* our gradients/PINK-VOILET_ANGLE */
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.color-2 {
    color: #073763ff;
}

.color-3 {
    color: #073763ff;
}

.color-4 {
    color: #073763ff;
}

.color-5 {
    color: #073763ff;
}

.award-icon {
    width: clamp(80px, 29vw, 400px);
}

.intro-desc {
    width: 100%;
}

.intro-desc h1 {
    line-height: 0.9em;
    text-transform: none;
    margin-bottom: 20px;
    padding-bottom: 0.15em;
}

.page-351 .text-content .heading {
    font-weight: 200;
}

.award-icon svg {
    height: auto;
    max-width: 100%;
}

.content-style-1 .col-4 {
    width: clamp(95px, 27vw, 440px);
}

.content-style-1 .col-8 {
    width: clamp(100% - 27vw, 65vw, 100% - 440px);
}

.desc-point ul {
    list-style-position: outside;
    padding-left: 7% !important;
}

.desc-point ul.color-g-1 li::marker {
    color: #0072d0ff;
}

.text-content .heading {
    line-height: 0.9em;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding-bottom: 0.2em;
    word-break: normal;
    text-transform: none;
}

.title-shape img {
    max-width: 100%;
}

.section-article .text-content:after {
    content: "";
    background: #FFF;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: -100vw;
    z-index: 1;
}

.section-article.article-left .text-content:after {
    right: 0;
    left: -100vw;
}

/* Grayout section */
/*body {
    counter-reset: garayout-content-counter;
  } roger*/
.section-article .text-content {
    position: relative;
    padding-left: clamp(25px, 6vw, 100px);
    padding-right: clamp(25px, 10vw, 100px);
}

/*   .section-article.article-left.number-1 .text-content::before {
    left: calc(clamp(-110px, -8vw, -25px)* 1);
} */
/* .section-article.article-right.number-2 .text-content::before {
    right: calc(clamp(-110px, -8vw, -25px)* 1);
} */
.section-article.number-5 .text-content::before {
    left: calc(clamp(-120px, -10vw, -25px)* 1);
}

/* .section-article.number-6.article-right .text-content::before {
    right: calc(clamp(-115px, -9vw, -25px)* 1);
} */

.section-article.number-7 .text-content::before {
    left: calc(clamp(-118px, -9vw, -25px) * 1);
}

/* .section-article.article-right.number-8 .text-content::before {
    right: calc(clamp(-130px, -10vw, -25px)* 1);
} */

.section-article .text-content::before {
    /* Increment "my-sec-counter" by 1 */
    counter-increment: garayout-content-counter;
    content: counter(garayout-content-counter);
    position: absolute;
    left: calc(clamp(-100px, -7vw, -25px) * 1);
    ;
    font-size: clamp(116px, 28vw, 471px);
    border: 0;
    line-height: 0.9em;
    background: linear-gradient(93.86deg, #0072d096 9.08%, #0737633d 100.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 200;
    z-index: 2;
}

.section-article.no-number .text-content::before {
    content: none;
}

.section-article.about-article .text-content::before {
    top: 50%;
    transform: translateY(-50%);
}

/* .section-article .text-content {
    padding-left: clamp(25px, 6vw, 100px);
    padding-right: clamp(25px, 12vw, 100px);
} roger--*/

.section-article .text-content.padding-default-1 {
    padding-left: clamp(25px, 5vw, 56px);
    padding-right: clamp(20px, 7vw, 80px);
}

.section-article.article-left .text-content {
    padding-left: clamp(35px, 10vw, 100px);
    padding-right: 0;
}

.section-article.no-number .text-content {
    padding-left: 0;
    padding-right: 0;
}

.garayout-content {
    position: relative;
    margin-top: 3%;
    width: calc(100% - 5vw);
    padding-bottom: clamp(15px, 5vw, 60px);
    padding-right: clamp(15px, 5vw, 30px);
    padding-top: clamp(10px, 4vw, 20px);
}

.garayout-content:before {
    content: "";
    background-color: #F6F6F6;
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    z-index: -1;
    right: 0;
}

.icon-award svg {
    max-width: 100%;
}

.garayout-content p {
    line-height: 1.1em;
    color: #595959;
}

.no-number .garayout-content {
    margin-top: 1.5%;
}

.button-attached {
    position: absolute;
    right: -5vw;
    bottom: calc(clamp(-34px, -2vw, -8px) * 1);
}

a.btn-style-1 {
    color: #FFF;
    font-size: clamp(9px, 2vw, 35px);
    width: clamp(70px, 25vw, 280px);
    height: clamp(16px, 7vw, 68px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #073763ff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: clamp(4px, 1vw, 10px);
}

a.btn-style-1:hover {
    background-color: #0072d0ff;
    color: #FFF;
}

/* Section Article Left Align */
.section-article.article-right .col-8 {
    order: 2;
}

.section-article.article-right .text-content::before {
    left: auto;
    right: calc(clamp(-100px, -6vw, -25px) * 1);
}

.section-article.article-right .garayout-content {
    padding-left: clamp(15px, 5vw, 30px);
    padding-right: 0;
    float: right;
}

.section-article.article-right .garayout-content:before {
    right: -100%;
    left: 0;
}

.section-article.article-right .button-attached {
    left: -5vw;
    right: auto;
}

/* Full Width Section */
.bg-parralax-container {
    position: relative;
    overflow: hidden;
}

.parralax-style-1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.parralax-style-1 img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonial-container {
    width: 68%;
    position: relative;
    margin-bottom: 4%;
}

.testimonial-container .bg-content:before {
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    box-shadow: 4.5939px 3.67512px 5.4208px rgba(0, 0, 0, 0.25);
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    left: -100%;
}

.overflow-content {
    position: relative;
    z-index: 2;
    min-height: clamp(87px, 22vw, 332px);
    display: flex;
    align-items: flex-end;
}

.overflow-content .review-desc,
.overflow-content .author {
    position: relative;
    z-index: 2;
    margin-top: 5px;
}

.overflow-content .bg-content {
    padding: 10px 10px;
    padding-left: 0;
    position: relative;
}

/* .overflow-content .author {
    margin-top: 5px; roger
} */

.overflow-content .quote-icons svg {
    width: clamp(13px, 4vw, 55px);
    height: clamp(7px, 3vw, 40px)
}

section.bg-parralax.content-right .overflow-content {
    justify-content: flex-end;
}

section.bg-parralax.content-right .testimonial-container .bg-content:before {
    left: 0;
    right: -100%;
}

section.bg-parralax.content-right .overflow-content .bg-content,
section.bg-parralax.content-right .overflow-content .quote-icons {
    padding-left: clamp(6px, 2vw, 25px);
}

/* Rectangle 2725 */


/* our gradients/PINK-VOILET_ANGLE */
.sep_border {
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    border-radius: 78px;
    width: clamp(30px, 10vw, 109px);
    height: clamp(3px, 3vw, 7px);
    margin-top: clamp(5px, 2vw, 15px);
}

/* About US page */
.symbolc span {
    font-size: clamp(25px, 9vw, 102px);
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 200;
    line-height: 1em;
}

.symbolc span.plus {
    position: absolute;
    left: -10px;
    bottom: clamp(-69px, -10vw, -15px);
}

.symbolc span.minus {
    position: absolute;
    top: clamp(5px, 3vw, 20px);
    right: clamp(9px, 4vw, 30px);
    line-height: 10px;
}

.icon-list li {
    margin-right: clamp(15px, 4vw, 40px);
    margin-bottom: clamp(15px, 4vw, 40px);
}

.margin-type-1 {
    margin-top: clamp(10px, 2.5vw, 30px);
}

.margin-type-botom-1 {
    margin-bottom: clamp(10px, 2.5vw, 30px);
}

.info-container-style-2 .main-content {
    padding-left: clamp(40px, 13vw, 200px);
}

.info-container-style-2 .main-content:nth-child(2n) {
    padding-left: clamp(80px, 23vw, 330px);
}

.icons .list-inline img {
    max-width: clamp(30px, 8vw, 122px);
}

.font-126-33 {
    font-size: clamp(33px, 9vw, 126px);
}

.font-58-15 {
    font-size: clamp(15px, 5vw, 58px);
}

.color-light-2 {
    color: #C2C2C2;
}

.font-78-20 {
    font-size: clamp(20px, 7vw, 78px);
}

.button-style-1 {
    padding: clamp(5px, 2vw, 10px);
    margin-right: clamp(-70px, -10vw, -40px);
}

.button-style-1 .heading {
    position: relative;
    z-index: 3;
    margin-bottom: 0;
}

.button-style-1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    border-radius: clamp(5px, 2vw, 11px);
    z-index: 1;
}

.button-style-1:after {
    content: "";
    position: absolute;
    left: clamp(10px, 2vw, 20px);
    top: clamp(10px, 2vw, 20px);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: clamp(5px, 2vw, 11px);
    z-index: 0;
    background: #0072d0ff;
    opacity: 0.3;
}

.custom-section .label-with-image {
    margin-top: clamp(-50px, -15vw, -50px);
}

.custom-section .label-with-image img {
    max-width: clamp(100px, 42vw, 310px);
}

.font-74-20 {
    font-size: clamp(20px, 5vw, 60px);
}

.bg-1 {
    /* our gradients/PINK-VOILET_ANGLE */
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    border-radius: 10.574px;
    color: #FFFFFF;
}

.about-page .desc-point {
    padding-top: clamp(15px, 6vw, 80px) !important;
    padding-bottom: clamp(15px, 6vw, 80px) !important;
}

.about-page .content-style-1 .col-4 {
    width: clamp(130px, 35vw, 440px);
}

.about-page .content-style-1 .col-8 {
    width: clamp(100% - 35vw, 65vw, 100% - 440px)
}

.content-design-1 {
    padding-left: clamp(20px, 5vw, 50px);
}

.content-design-1:before {
    content: "";
    position: absolute;
    top: -10%;
    height: 2px;
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    width: 70%;
    right: clamp(10px, 5vw, 50px);
}

.content-design-1:after {
    content: "";
    position: absolute;
    bottom: -10%;
    height: 2px;
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    width: 70%;
    right: clamp(10px, 5vw, 50px);
}


/* Feature Page */
.content-left-border {
    position: relative;
    padding-left: clamp(5px, 2vw, 15px);
    padding-top: clamp(5px, 2vw, 15px) !important;
    padding-bottom: clamp(5px, 2vw, 15px) !important;
}

.content-left-border:before {
    height: 100%;
    width: clamp(3px, 0.5vw, 5px);
    content: "";
    display: block;
    position: relative;
    background-color: #0072d0ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.content-left-border.right-border {
    padding-right: clamp(5px, 2vw, 15px);
    padding-left: clamp(50px, 20vw, 250px);
    text-align: right;
}

.content-left-border.right-border:before {
    left: unset;
    right: 0;
    background-color: #0072d0ff;
}

.content-left-border.left-border {
    padding-right: clamp(50px, 20vw, 200px);
    padding-left: clamp(55px, 10vw, 115px);
}

.content-left-border.left-border:before {
    background-color: #0072d0ff;
    margin-left: clamp(50px, 10vw, 100px);
}

/* Commerce Page */
.commercilization-page .award-icon {
    width: clamp(80px, 21vw, 290px);
    padding-left: 0 !important;
}

/* .commercilization-page .award-icon {
    padding-left: 0 !important;
} roger*/

.commercilization-page .intro-desc {
    width: clamp(100% - 29vw, 71vw, 100% - 340px);
}

.anchor-navigation .text {
    padding-left: 15px;
}

.anchor-nav-list li {
    margin: clamp(5px, 1vw, 15px);
}

.nav-buttons span.label {
    max-width: 74%;
    white-space: pre-wrap;
    line-height: 1.1em;
}

.nav-buttons a {
    display: inline-block;
    background: linear-gradient(271.08deg, #073763ff 0.92%, #073763ff 96.69%);
    border-radius: clamp(5px, 2vw, 12px);
    width: clamp(72px, 19vw, 280px);
    height: clamp(60px, 10vw, 141px);
    display: flex;
    align-items: center;
    color: #FFF;
    font-weight: 300;
    justify-content: space-between;
    padding: 0 clamp(10px, 2.5vw, 20px);
    font-size: clamp(15px, 2vw, 30px);
    position: relative;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
    line-height: 1.1em;
    padding-right: clamp(8px, 1.5vw, 6px);
}

.nav-buttons a:hover {
    background: linear-gradient(93.86deg, #073763ff 9.08%, #0072d0ff 100.25%);
}

.nav-buttons .icon img {
    max-width: clamp(20px, 4vw, 60px);
}

span.bg-effet-shape {
    position: absolute;
    right: -30px;
    opacity: 0.2;
}

.anchor-navigation .container>div:first-child::before {
    content: "";
    position: absolute;
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    border-radius: 20px;
    left: -15px;
    width: clamp(5px, 2vw, 11px);
    height: 100%;
    max-height: 100%;
}

.anchor-navigation .container>div:first-child {
    position: relative;
}

.anchor-navigation .container {
    padding-left: clamp(30px, 5vw, 60px);
    position: relative;
}

/* Workflow page style */
.garayout-content ul {
    padding-left: clamp(15px, 5vw, 30px);
}

ul.one-column-list li {
    width: 100%;
}

ul.two-column-list li {
    width: 50%;
    padding-right: clamp(15px, 5vw, 30px);
    line-height: 1.1em;
}

ul.two-column-list li:nth-child(n+1) {
    width: 55%;
}

ul.two-column-list li:nth-child(2n) {
    width: 45%;
}

.section-article {
    transform: translateY(0);
}

.title-shape.type-2 {
    position: fixed;
    bottom: 100%;
    right: 0;
    top: 4%;
    max-width: clamp(50px, 11vw, 158px);
}

.article-left .title-shape.type-2 {
    right: auto;
    left: 0;
    transform: rotateY(180deg);
}

.customer-relationship .title-shape.type-2 {
    top: -7%;
}

#footer .widget_nav_menu h2,
#footer .widget_nav_menu div.footer_heading {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
}

#footer .widget_nav_menu h2:before,
#footer .widget_nav_menu div.footer_heading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    transform: translateY(-50%);
}

/* Footer Styles */
/* #footer {
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
} */

@media (max-width: 1200px) {
    .testimonial-container {
        width: 90%;
    }

    .overflow-content .bg-content {
        padding-top: 5px;
        padding-bottom: 5px;
    }

       .content-middle-area .container {
        max-width: 88%;
    }

    .globe-attached-image img {
        max-width: 100%;
        display: block;
        height: 30%;
    }

    .award-icon {
        width: clamp(80px, 20vw, 400px);
    }

    .townhall-page .section-article.article-left .text-content {
        padding-left: clamp(45px, 7vw, 100px);
    }

    .pt-3.pb-5 {
        padding-bottom: 1rem !important;
    }
}

@media (max-width: 1024px) {

    section.pt-5,
    .row.pt-5 {
        padding-top: clamp(20px, 6vw, 80px) !important;
    }

    .extra-header-action {
        display: none !important;
    }

    .navbar-light .navbar-brand {
        position: static !important;
        margin-right: 0;
        transform: none;
    }

    .title-shape.type-2 {
        top: 4%;
        max-width: 15%;
    }
}

@media (max-width: 800px) {
    .content-design-1 {
        padding-left: 0;
    }

    .content-design-1:before,
    .content-design-1:after {
        height: 1px;
    }

    .symbolc span.plus {
        bottom: -22px;
        left: -24px;
    }

    .nav-buttons li {
        width: calc(33.33% - 10px);
    }

    .nav-buttons a {
        width: 100%;
    }

    .title-shape.type-2 {
        top: -15px;
        max-width: 15%;
    }
}

/* Congress Style */
.congress-shape {
    position: absolute;
    right: 0;
    max-width: 95px;
    bottom: 23%;
    z-index: -1;
    transform: translateX(35px);
}

.congress-shape.type-4 {
    right: auto;
    transform: translateX(-35px) scale(-1);
    left: 0;
}

/* @media (max-width: 767px) {
    .congress-shape {
        max-width: 35px;
        bottom: 33%;
        transform: translateX(5px);
    }
    .congress-shape.type-4 {
        transform: translateX(-5px) scale(-1);
      }
  } roger--*/

/* Townhall Styles */
.font-54 {
    /*     font-size: clamp(25px, 4.5vw, 54px); */
    font-size: clamp(16px, 2.6vw, 30px);
    line-height: 1.1em;
}

.townhall-page .anchor-navigation .container::before {
    height: 100%;
}

.left-right-sec .img-block {
    flex: 0 0 clamp(90px, 25vw, 246px);
}

.font-28-10 {
    /*     font-size: clamp(10px, 2.5vw, 28px); */
    font-size: clamp(10px, 1.8vw, 25px);
    line-height: 1em;
}

.color-gray {
    color: rgba(89, 89, 89, 1);
}

.color-purple {
    color: rgba(7, 55, 99, 1);
    /* color: #073763ff; */
}

.font-140-40 {
    font-size: clamp(30px, 7vw, 100px);
    line-height: 0.95em;
}

.townhall-page .section-article .text-content::before {
    font-size: clamp(116px, 25vw, 300px);
    line-height: 0.9;
    letter-spacing: -0.18em;
}

.townhall-page .section-article.article-left.number-1 .text-content::before {
    transform: translateY(-50%);
    top: 50%;
}

.townhall-page .section-article .text-content::before {
    transform: translateY(-50%);
    top: 50%;
}

.content-middle-area .container .img-text {
    max-width: 806px;
    width: 100%;
    margin: 0 auto;
    gap: clamp(20px, 5vw, 50px);
    margin: 5% 0;
}

.content-middle-area:nth-child(2) .container .img-text {
    max-width: 830px;
}

.content-middle-area .container {
    max-width: 1100px;
    justify-content: flex-start;
    display: flex;
    padding-left: clamp(20px, 5vw, 52px);
}

.content-middle-area .container .button-center {
    padding-right: clamp(20px, 4vw, 52px);
}

.content-middle-area .text-content-block {
    position: relative;
    padding-left: clamp(20px, 3.8vw, 50px);
    ;
}

.content-middle-area:nth-child(2) .container {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.content-middle-area .text-content-block:before {
    content: "";
    height: clamp(60px, 12vw, 129px);
    width: 1px;
    background: red;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.content-middle-area:nth-child(2) .text-content-block {
    padding-left: 0;
    padding-right: clamp(20px, 3.8vw, 50px);
}

.content-middle-area:nth-child(2) .text-content-block:before {
    left: auto;
    right: 0;
}

.content-middle-area:first-child .text-content-block:before {
    background-color: rgba(181, 181, 181, 1);
}

.content-middle-area:nth-child(2) .text-content-block:before {
    background-color: #073763ff;
}

.globe-attached-image {
    right: 0;
    height: 100%;
    object-fit: contain;
    object-position: right;
    display: none !important;
}

.content-middle-area:nth-child(2) .globe-attached-image {
    right: auto;
    left: 0;
}

/* Section changed */
.section-article.article-right .content-middle-area:first-child .img-block {
    order: 1 !important;
}

.section-article.article-right .content-middle-area:first-child .container {
    justify-content: flex-end;
}

.section-article.article-right .content-middle-area:first-child .text-content-block {
    order: 2;
    padding-left: 0;
    padding-right: clamp(20px, 3.8vw, 50px);
}

.section-article.article-right .content-middle-area:first-child .text-content-block::before {
    left: auto;
    right: 0;
}

.section-article.article-right .content-middle-area:nth-child(2) .img-block {
    order: 2 !important;
}

.section-article.article-right .content-middle-area:nth-child(2) .text-content-block {
    order: 1;
    padding-right: 0;
    padding-left: clamp(20px, 3.8vw, 50px);
}

.section-article.article-right .content-middle-area:nth-child(2) .text-content-block::before {
    right: auto;
    left: 0;
}

.section-article.article-right .content-middle-area:nth-child(2) .container {
    justify-content: flex-start;
}

.section-article.article-right .content-middle-area:first-child .globe-attached-image {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.section-article.article-right .content-middle-area:nth-child(2) .globe-attached-image {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

.townhall-page .section-article.article-left.number-1 .text-content::before {
    padding-right: clamp(18px, 3vw, 40px);
}

.townhall-page .section-article.article-right.number-1 .text-content::before {
    padding-right: clamp(18px, 3.5vw, 50px);
}

/* @media (max-width: 1200px) {
    .content-middle-area .container {
        max-width: 88%;
    }

    .globe-attached-image img {
        max-width: 100%;
        display: block;
        height: 30%;
    }

    .award-icon {
        width: clamp(80px, 20vw, 400px);
    }

    .townhall-page .section-article.article-left .text-content {
        padding-left: clamp(45px, 7vw, 100px);
    }

    .pt-3.pb-5 {
        padding-bottom: 1rem !important;
    }
} */



/* Academic Events Style */
.font-68 {
    font-size: clamp(18px, 2.4vw, 28px);
    line-height: 1.1em;
}

.section-article:nth-child(n+1) .single-block .globe-attached-image {
    right: auto;
    left: 0;
}

.content-middle-section.single-block {
    padding-top: 35px;
}

.section-article:nth-child(n+1) .single-block .text-content-block {
    position: relative;
    padding-right: clamp(20px, 3.8vw, 50px);
    padding-left: 0;
}

.single-block .content-middle-area:first-child .text-content-block:before {
    background-color: rgba(7, 55, 99, 1);
    left: auto;
    right: 0;
}
/* a:hover */

.section-article.article-right .single-block .content-middle-area:first-child .img-block {
    order: 2 !important;
}

.section-article.article-right .single-block .content-middle-area:first-child .text-content-block {
    order: 1;
    padding-right: 0;
    padding-left: clamp(20px, 3.8vw, 50px);
}

.section-article.article-right .single-block .content-middle-area:first-child .text-content-block::before {
    left: 0;
    right: auto;
}

.section-article.article-right .single-block .globe-attached-image {
    left: auto !important;
    right: 0 !important;
}

.simple-ss-template .section-article.article-right .text-content {
    padding-left: 0;
}

.relatives-links .icon svg {
    display: none !important;
}

.navbar #menu-main-menu .sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.single-post h2 {
    color: #073763ff;
}

/*.navbar #menu-main-menu .sub-menu li.current_page_item a {
    background-color: rgba(16, 37, 63, .66);
    color: #fff !important;
}*/
/* .globe-attached-image {
    display: none !important;
} roger*/

@media (max-width: 1100px) {
    .custom-section .label-with-image img {
        max-width: clamp(100px, 23vw, 310px);
    }

    .globe-attached-image {
        display: none;
    }

    .custom-section .label-with-image {
        margin-top: clamp(-20px, -15vw, -50px);
    }
}

@media (max-width: 768px) {
    .content-middle-area .container {
        max-width: 100%;
    }

    .simple-ss-template .section-article .text-content::before {
        left: calc(clamp(-38px, -4vw, -26px)* 1);
        font-size: clamp(50px, 17vw, 240px);
        letter-spacing: -3px;
    }

    .font-28-10 {
        font-size: clamp(14px, 2.5vw, 28px);
    }
    #header .logo h1 {
        font-size: 18px;
        padding: 4px 0;
    }
    .section-article.article-left .text-content{
            padding-left: clamp(20px, 6vw, 100px);
    }
}


/* home-css-start */
h1 {
    background: linear-gradient(93.86deg, #0072d0ff 9.08%, #073763ff 100.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px !important;
    font-weight: 300 !important;
    line-height: 1.2em;
    padding-bottom: 0.2em;
}

h3 {
    font-weight: bold !important;
    color: #073763ff !important;
    font-size: 25px !important
}

.module-description {
    font-size: 25px !important;
}

h4 .title>a {
    color: #073763ff !important;
}

.card-title {
    font-size: 20px !important;
}

.card-description {
    font-size: 15px !important;
}

@media only screen and (max-width: 767px) {
    h1 {
        color: #073763ff;
        font-size: 40px !important;
        font-weight: 300 !important;
    }

    h3 {
        font-weight: bold !important;
        color: #073763ff !important;
        font-size: 18px !important
    }

    .module-description {
        font-size: 18px !important;
    }
}

h4>a {
    text-decoration: none;
    color: #073763ff;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.8);
    /* White background with some transparency */
    border-radius: 50%;
    cursor: pointer;
}

.play-button::after {
    content: '\25BA';
    /* Unicode character for play button */
    font-size: 40px;
    color: #808080;
    /* Greyish play button color */
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}
/* .simple-ss-template .section-article:nth-of-type(n+11):nth-of-type(even) .text-content {
    padding-left: clamp(25px, 12vw, 200px);
} */
/* .simple-ss-template .section-article:nth-of-type(n+10) .text-content {
    padding-right: clamp(25px, 17vw, 200px);
} */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');


/* 10-09-2025 Color Updates  */
h1, h4>a, .color-g-1{
    background: linear-gradient(93.86deg, #008DDE .08%, #040256 100.25%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
 #footer{
    background: linear-gradient(93.86deg, #008DDE .08%, #040256 100.25%) !important;
}
@media (max-width:768px){
.anchor-navigation .anchor-nav-list ul {
    padding-left: 0;
	margin-top: 20px;
}
.anchor-navigation .anchor-nav-list ul li {
        width: calc(50% - 10px);
}
.anchor-navigation .anchor-nav-list ul li  span.label{
    line-height: .7em;
}
}