@import url("bootstrap-icons.css");

html {
    scroll-behavior: smooth !important;
    font-size: 16px;
    /*overflow-x: hidden;
  width: 100vw;*/
}
* {
    scroll-behavior: smooth;
}
[dir="rtl"] {
    text-align: right;
}

[dir="ltr"] {
    text-align: left;
}

body,
body.bodyclass {
    color: #666666;
    background-color: #fff;
    font-size: 1rem;
    font-feature-settings: "liga", "kern";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth !important;
}

body,
body.bodyclass,
a,
button,
.swiper-button-next,
.swiper-button-prev,
.custom-file .custom-file-label {
    -webkit-transition: all 400ms ease, outline 0ms;
    -moz-transition: all 400ms ease, outline 0ms;
    -ms-transition: all 400ms ease, outline 0ms;
    -o-transition: all 400ms ease, outline 0ms;
    transition: all 400ms ease, outline 0ms;
}

a {
    color: #59405A;
    text-decoration: none;
}

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

input:active,
input:hover,
    {
    outline: 0;
}

.text-bold {
    font-weight: bold !important;
}

.form-control,
.form-select {
    border: solid 1px #C5C5C5;
    border-radius: 2rem;
    color: #666666;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    min-width: 10rem;
}

textarea.form-control {
    border-radius: 1.5rem;
    min-height: 6rem;
}

.form-control:focus,
.form-select:focus,
.form-control:active,
.form-select:active {
    border-color: #59405A;
    box-shadow: none;
}

.brand-color {
    color: #59405A;
}

.btn-outline-grey,
.btn-outline-white,
.slider-btn,
.btn-brand {
    padding: 1.25rem 2rem;
    border-radius: 2rem;
    font-size: 0.8333rem;
    margin: .5rem 0;
    display: inline-block;
    font-weight: normal;
    text-align: center;
}

.slider-btn,
.btn-brand {
    background-color: #e8e2e5;
    color: #59405A;
    border: .1rem solid transparent;
}

.btn-outline-grey,
.btn-outline-white {
    color: #666666;
    border: .1rem solid #666666;
}

.btn-outline-white {
    padding: 1.25rem 2.5rem;
    color: #fff;
    border: .1rem solid #fff;
}

.setup-btn {
    background-color: #59405A;
    color: #e8e2e5;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-size: 0.8333rem;
    margin: 0 1rem;
}

.setup-btn:hover,
.setup-btn:focus {
    background-color: #e8e2e5;
    color: #7d6378;
}

.btn-reset,
a.btn-reset {
    background: none;
    border: 0;
    color: #59405A;
}

.btn-reset:hover,
a.btn-reset:hover,
.btn-reset:focus,
a.btn-reset:focus {
    color: #666666;
    text-decoration: underline;
}

.slider-btn:hover,
.slider-btn:focus,
.btn-outline-grey:hover,
.btn-outline-grey:focus,
.btn-outline-grey.active,
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white.active,
.btn-brand:hover,
.btn-brand:focus,
.btn-brand.active {
    background: #59405A;
    color: #e8e2e5;
    text-decoration: underline;
    box-shadow: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 10%);
    border-color: #59405A;
}

.btn-outline-grey.active,
.btn-outline-white.active,
.btn-brand.active {
    text-decoration: none;
    box-shadow: none;
}

.btn-small {
    padding: 0.75rem 1.5rem;
}

.btn-send {
    font-size: 1rem;
    padding: 1rem 1.5rem;
    min-width: 10rem;
    font-weight: 500;
}

.btn-map {
    border-radius: 3rem;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.8333rem;
    background-color: #e8e2e5;
    color: #7d6378;
    border: .1rem solid transparent;
}

.btn-map:hover,
.btn-map:focus {
    background: #59405A;
    color: #e8e2e5;
}

.main-heading,
.main-heading-o {
    font-size: 1.875rem;
    position: relative;
    color: #59405A;
    display: inline-block;
    padding-bottom: 0.5rem;
    margin: 1rem 0;
}

.main-heading,
.homepage-howToRegister .main-heading-o,
.homepage-banner .heading,
.banner .heading {
    font-size: 2.66rem;
}

.main-heading::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 4px;
    bottom: 0;
    background-color: #e8e2e5;
}

.subheading,
.sub-heading,
.subheading1 {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.subheading {
    font-size: 1.44rem;
    font-weight: normal;
    color: #59405A;
}

.subheading1 {
    font-size: 1.44rem;
    color: #59405A;
}

.sub-heading {
    font-size: 1.22rem;
    color: #59405A;
    padding-top: 1rem;
    display: flex;
    align-items: center;
}

h2.sub-heading {
    font-size: 1.44rem;
}

.sub-heading-icon {
    font-size: 1.44rem;
}

.subheading-title,
.modal-title {
    font-size: 1.22rem;
}

.modal-open,
.modal-open .modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.btn-close {
    opacity: 0.4;
}

.modal-content {
    border: 0;
    border-radius: 1.5rem;
    overflow: hidden;
}

.modal-header {
    border-bottom: 2px solid #f3f0f2;
}

.modal-header,
.modal-body {
    padding: 1.5rem;
}

.modal-body {
    background: #fafbfd;
}

.modal-body-content {
    border: 2px solid #f3f0f2;
    border-radius: 1.5rem;
    padding: 1.5rem;
    background: #FFF;
}

.modal-body-content h5 {
    font-weight: 500;
    font-size: 1rem;
    color: #59405A;
    padding-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.modal-body-content ul {
    font-size: 0.833rem;
    color: #666666;
    list-style: disc;
    margin-bottom: 1rem;
}

.searchBar {
    background: transparent linear-gradient(to bottom, rgb(89 64 90 / 80%), rgb(125 98 120 / 80%));
    padding: 2.5rem 0;
    position: absolute;
    width: 100%;
    top: 88px;
    z-index: 999;
    animation: lightFade 1s;
}

.searchBar input {
    min-width: 20rem;
    padding: 1rem 0;
}

.searchBar input,
.searchBar .btn {
    border-radius: 0;
    border: 0;
}

.searchBar .btn-brand {
    min-width: 10rem;
}

.searchBar input:focus,
.searchBar .btn:focus,
.searchBar input:active,
.searchBar .btn:active {
    /* outline: none; */
    box-shadow: none;
    border-color: #59405A;
}

.searchBar input,
.searchBar input:focus,
.searchBar input:active {
    border-bottom: solid 1px #fff;
    background: transparent;
    color: #FFF;
}

.searchBar p,
.searchBar a {
    color: #FFF;
}

.searchBar input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.searchBar p {
    margin-bottom: 0;
    font-size: 1.44rem;
}

.searchBar #searchClose {
    position: absolute;
    top: -2rem;
    font-size: 2rem;
    padding: 0 1rem;
}

.header {
    padding: 0.75rem 2rem;
    position: relative;
    z-index: 1;
    /* background: white; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.header .logo {
    max-height: 80px;
    display: block;
}

.header .logo img {
    width: 100%;
    max-height: 64px;
    object-fit: contain;
}

.menuCol {
    align-self: center;
}

.topMenuIcons {
    text-align: center;
    white-space: nowrap;
}

.topMenuIcons img {
    height: 1.5rem;
}

.topMenuIcons>.topMenuItem {
    /*width: 1.675rem;height: 1.875rem;*/
    display: inline-block;
    text-align: center;
    line-height: 1.75rem;
    padding: 0.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #666666;
}

.topMenuIcons>.topMenuItem:hover,
.topMenuIcons>.topMenuItem:focus {
    color: #B4A2AE;
}

.topMenuIcons>.topMenuItem>a {
    line-height: 3;
}

.fixedSetupBtn {
    position: absolute;
    bottom: 2px;
}

.fixedSetupBtn a {
    color: #e8e2e5 !important;
    display: inline-block;
    text-align: center;
    color: #59405A;
    font-size: 0.9rem;
    background-color: #59405A;
    padding: 0.75rem 1.5rem;
    /* box-shadow: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 25%); */
}

.fixedSetupBtn a:hover,
.fixedSetupBtn a:focus {
    background: #e8e2e5;
    color: #59405A !important;
    text-decoration: underline;
}

.accessOpen {
    display: inline-block;
    position: relative;
}

.accessOpen .accessButtons {
    position: absolute;
    z-index: 10;
    top: 100%;
    background: #FFF;
    border-radius: 0 0 0.5rem 0.5rem;
    display: none;
    min-width: 10rem;
    padding: 0.15rem;
    box-shadow: 0 16px 6px 0 rgb(0 0 0 / 3%);
    animation: lightFade 1s;
}

.accessButtons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 0.5rem;
}

.accessButtons ul li {
    border-bottom: 1px solid #e8e2e5;
    padding: 0.15rem 0.5rem;
}

.accessButtons ul li,
.accessButtons ul li a {
    display: block;
    font-size: 0.8333rem;
}

.accessButtons ul li a {
    padding: 0.15rem;
    color: #666666;
}

.accessButtons ul li a:hover,
.accessButtons ul li a:focus {
    color: #B4A2AE;
}

.accessButtons ul li:last-child a,
.accessButtons ul li:last-child {
    border-bottom: 0;
}

.accessOpen:hover .accessButtons,
.accessOpen:focus .accessButtons,
.accessOpen:focus-within .accessButtons {
    display: block;
}

.breadcrumb-section {
    background-color: #f5f5f5;
    margin-bottom: 0rem;
}

.breadcrumb-section .breadcrumb,
.quickNav ul,
.quickNav ol,
.quickNav .quickNav-list {
    margin: 0;
    font-size: 0.8333rem;
}

.quickNav ul,
.quickNav ol,
.quickNav .quickNav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb-section .breadcrumb-item,
.quickNav .quickNav-item {
    position: relative;
    padding: 0.5rem 0;
}

.breadcrumb-section .breadcrumb-item>ul,
.quickNav .quickNav-dropdown {
    display: none;
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0.5rem 1rem;
    min-width: 12rem;
    list-style: none;
    border-radius: 0.25rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    animation: lightFade 1s;
}

.breadcrumb-section .breadcrumb-item>ul li a,
.quickNav .quickNav-item>ul li a {
    color: #FFF;
    font-size: 0.833rem;
    display: block;
    padding: 0.25rem 0;
}

.breadcrumb-section .breadcrumb-item:hover>ul,
.breadcrumb-section .breadcrumb-item:focus>ul,
.breadcrumb-section .breadcrumb-item:focus-within>ul,
.quickNav .quickNav-item:hover>ul,
.quickNav .quickNav-item:focus-within>ul {
    display: block;
    top: 100%;
    background: #59405A;
    color: #e8e2e5;
}

.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before {
    padding-left: 0.5rem;
}

@keyframes lightFade {
    0% {
        opacity: 0;
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        opacity: 1;
    }
}

.homepage-banner,
.banner,
.participants-block {
    z-index: 0;
    position: relative;
}

.homepage-banner .swiper-button-next,
.homepage-banner .swiper-button-prev,
.banner .swiper-button-next,
.banner .swiper-button-prev,
.businessServices-block .swiper-button-next,
.businessServices-block .swiper-button-prev,
.infoCenter-block .swiper-button-next,
.infoCenter-block .swiper-button-prev,
.participants-block .swiper-button-next,
.participants-block .swiper-button-prev {
    font-size: 2rem;
    color: #FFF;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #FFF;
    background: transparent;
    opacity: 0.75;
    line-height: 0;
}

.homepage-banner .swiper-button-next,
.homepage-banner .swiper-button-prev,
.banner .swiper-button-next,
.banner .swiper-button-prev {
    top: auto;
    bottom: 1rem;
}

.businessServices-block .swiper-button-next,
.businessServices-block .swiper-button-prev,
.participants-block .swiper-button-next,
.participants-block .swiper-button-prev {
    background: #59405A;
    border: 1px solid #59405A;
}

.homepage-banner .swiper-button-next:hover,
.homepage-banner .swiper-button-prev:hover,
.homepage-banner .swiper-button-next:focus,
.homepage-banner .swiper-button-prev:focus,
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:focus,
.banner .swiper-button-prev:focus,
.businessServices-block .swiper-button-next:hover,
.businessServices-block .swiper-button-prev:hover,
.businessServices-block .swiper-button-next:focus,
.businessServices-block .swiper-button-prev:focus,
.infoCenter-block .swiper-button-next:hover,
.infoCenter-block .swiper-button-prev:hover,
.infoCenter-block .swiper-button-next:focus,
.infoCenter-block .swiper-button-prev:focus,
.participants-block .swiper-button-next:hover,
.participants-block .swiper-button-prev:hover,
.participants-block .swiper-button-next:focus,
.participants-block .swiper-button-prev:focus {
    background: #FFF;
    color: #59405A;
    opacity: 1;
    box-shadow: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 25%);
}

.homepage-banner .swiper-button-next:after,
.homepage-banner .swiper-container-rtl .swiper-button-prev:after,
.homepage-banner .swiper-button-prev:after,
.homepage-banner .swiper-container-rtl .swiper-button-next:after,
.banner .swiper-button-next:after,
.banner .swiper-container-rtl .swiper-button-prev:after,
.banner .swiper-button-prev:after,
.banner .swiper-container-rtl .swiper-button-next:after,
.businessServices-block .swiper-button-next:after,
.businessServices-block .swiper-container-rtl .swiper-button-prev:after,
.businessServices-block .swiper-button-prev:after,
.businessServices-block .swiper-container-rtl .swiper-button-next:after,
.infoCenter-block .swiper-button-next:after,
.infoCenter-block .swiper-container-rtl .swiper-button-prev:after,
.infoCenter-block .swiper-button-prev:after,
.infoCenter-block .swiper-container-rtl .swiper-button-next:after,
.participants-block .swiper-button-next:after,
.participants-block .swiper-container-rtl .swiper-button-prev:after,
.participants-block .swiper-button-prev:after,
.participants-block .swiper-container-rtl .swiper-button-next:after {
    content: "";
}

.homepage-banner .swiper-pagination-bullet,
.banner .swiper-pagination-bullet {
    width: 0.7rem;
    height: 0.7rem;
    background: #FFF;
    border: 1px solid #FFF;
    opacity: 1;
}

.homepage-banner .swiper-pagination-bullet-active,
.banner .swiper-pagination-bullet-active {
    background: transparent;
}

.homepage-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.5rem;
}

.homepage-banner .swiper-container-horizontal>.swiper-pagination-bullets,
.homepage-banner .swiper-pagination-custom,
.swiper-pagination-fraction,
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1.25rem;
}

.homepage-banner .overlay,
.banner .overlay {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    /*background: url('../img/illustration_6.svg') no-repeat;*/
    background-size: cover;
}

.homepage-banner .overlay {
    padding-top: 4rem;
}

.banner .overlay {
    background: none;
}

/* Bootstrap overwriting */
.homepage-banner .carousel-caption,
.banner .carousel-caption {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: linear-gradient(to bottom, rgb(18 13 18 / 70%), rgb(100 71 100 / 70%));*/
    background: rgb(0 0 0 / 20%);
}

.homepage-banner .carousel-control-next,
.homepage-banner .carousel-control-prev,
.banner .carousel-control-next,
.banner .carousel-control-prev {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #FFF;
    background: transparent;
    top: calc(50% - 2rem);
    margin: 1rem;
    font-size: 2rem;
}

.homepage-slide-img,
.banner-slide-img {
    display: block;
    width: 100%;
    height: 50vh;
    min-height: 20rem;
    object-fit: cover;
}

.homepage-banner .heading,
.banner .heading {
    margin: 0 0 1rem 0;
}

.homepage-banner .subheading,
.banner .subheading {
    font-size: 1.375rem;
    margin-bottom: 0rem;
    color: #FFF;
}

.homepage-banner p,
.banner p {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: normal;
}

.homepage-banner-below {
    padding: 2.5rem 0;
}

.homepage-banner-below p {
    font-size: 1rem;
    /*min-height: 72px;*/
}

.homepage-threeblocks .hp3-blocks {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hp3-blocks .col-container:first-child .hp3-blocks-card,
.hp3-blocks .col-container:last-child .hp3-blocks-card,
.hp-bs-card {
    overflow: hidden;
}

.hp3-blocks-card,
.col-container .card,
.newsImgOverlay-card {
    flex: 1;
    position: relative;
}

.hp3-blocks-card {
    margin: 0.5rem 0.25rem;
    margin-top: 0;
}

.hp3-blocks-card .overlay,
.hp-bs-card .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgb(89 64 89 / 70%);
    color: #FFF;
}

.hp3-blocks-card .overlay a,
.hp-bs-card .overlay a {
    color: #FFF;
}

.hp3-blocks-card .overlay a:hover,
.hp3-blocks-card .overlay a:focus,
.hp-bs-card .overlay a:hover,
.hp-bs-card .overlay a:focus,
.hp3-blocks-card a.overlay:hover,
.hp3-blocks-card a.overlay:focus,
.hp-bs-card a.overlay:hover,
.hp-bs-card a.overlay:focus {
    text-decoration: underline;
    text-shadow: 0 0.25rem 0.25rem rgb(100 71 100 / 70%);
}

.hp-bs-card a.overlay:hover,
.hp-bs-card a.overlay:focus {
    background-color: rgb(100 71 100 / 50%);
}

.hp3-blocks-card .overlay h3,
.hp3-blocks-card h3.overlay {
    font-size: 1.44rem;
}

.hp3-blocks-img {
    display: flex;
    width: 100%;
    height: 100%;
    /*max-height: 10rem;*/
    object-fit: cover;
}

.hp-bs-card .hp3-blocks-img,
.hp-bs-card {
    width: 12rem;
    height: 12rem;
    margin: auto;
}

.hp-bs-card .hp3-blocks-img {
    max-height: none;
}

.hp-bs-card {
    border-radius: 50%;
    position: relative;
    margin: 1rem auto;
}

.hp-bs-card .overlay h3,
.hp-bs-card h3.overlay a {
    font-size: 1.22rem;
}

.homepage-successStories {
    background-image: linear-gradient(to bottom, #7D6378, #59405A);
    color: #FFF;
}

.hp-ss-bg {
    background: url('../img/img-circle@3x.png') no-repeat;
    background-size: cover;
    padding: 2rem 0;
}

.homepage-successStories .main-heading,
.about-banner .main-heading {
    color: #FFF;
}

.about-banner .banner-img {
    min-height: 20rem;
    object-fit: cover;
    width: 100%;
}

.banner-text {
    font-size: 1rem;
    font-weight: 300;
}

.homepage-successStories h3 {
    font-size: 1.22rem;
    margin-bottom: 2rem;
}

.successStoryCircleImg {
    max-width: 11rem;
}

.hp-ss-bg .btn-outline-white {
    margin-bottom: 2rem;
}

.headingCenter,
.sectionCenter {
    text-align: center;
}

.homepage-businessServices,
.license-section {
    /*background: url('../img/illustration_5.svg') no-repeat;*/
    background-size: contain;
    padding: 2rem 0;
    margin-bottom: 3rem;
}

.homepage-businessServices .businessServices-block,
.infoCenter-block,
.newsPhotos-block {
    position: relative;
}

.homepage-businessServices .main-heading,
.homepage-mediaCenter .main-heading {
    margin-bottom: 3rem;
}

.homepage-howToRegister,
.why-qatar {
    background-image: radial-gradient(circle at 50% 50%, #59405A, #7D6378 168%, #59405A 66%);
    background-color: #59405A;
    color: #FFF;
}

.homepage-howToRegister .main-heading-o,
.why-qatar .main-heading-o {
    color: #FFF;
    margin-bottom: 2rem;
}

.homepage-howToRegister .overlay,
.why-qatar .overlay {
    /*background: url('../img/illustration_4.svg') no-repeat;*/
    background-size: cover;
    padding: 2rem 0;
}

.why-qatar .overlay {
    /*background: url('../img/about-illustration-bg-2.svg') no-repeat center center;*/
    background-size: cover;
}

.license-section {
    /*background: url('../img/illustration_licence.svg') no-repeat;*/
    background-size: 110%;
    min-height: 60vh;
}

.license-list {
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}

.license-list>ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.license-list>ul>li {
    min-width: calc(50% - 3rem);
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dfdfdf;
    max-width: 15rem;
    display: flex;
    align-items: center;
}

.license-list-item,
a.license-list-item {
    color: #666666;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    line-height: normal;
}

a.license-list-item:hover,
a.license-list-item:focus {
    color: #7D6378;
    text-decoration-color: transparent;
}

.license-list-item .icon {
    font-size: 2.5rem;
    margin-right: 0.5rem;
}

a.license-list-item,
a.license-list-item i {
    transition: none;
}

.license-tree,
.license-tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.license-tree {
    display: flex;
    justify-content: center;
    text-align: center;
}

.license-tree ul li,
.license-tree>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.license-tree li a {
    display: inline-flex;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    border: 2px solid #e8e2e5;
    margin: 0.15rem;
    max-width: 12rem;
    font-size: 0.925rem;
    flex: 1;
    background: #FFF;
    position: relative;
}

.license-tree>li>a::after,
.license-tree ul>li>a::after {
    content: "";
    min-height: 1rem;
    width: 2px;
    background: #e8e2e5;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.license-tree>li>a::after {
    bottom: -1rem;
}

.license-tree ul>li>a::after {
    top: -1rem;
}

.license-tree ul>li>a::before {
    content: "";
    width: calc(100% + 1.25rem);
    top: -1rem;
    left: 0;
    right: 0;
    border-top: 2px solid #e8e2e5;
    position: absolute;
}

.license-tree ul>li:first-child>a::before,
.license-tree ul>li:last-child>a::before {
    width: calc(50% + 1.25rem);
}

.license-tree ul>li:only-child>a::before {
    width: 0;
}

.license-tree ul {
    display: flex;
    justify-content: center;
    /* flex-wrap: wrap; */
    margin-top: 0.5rem;
    padding-top: calc(0.5rem + 2px);
}

.license-tree li {
    margin: 0.25rem;
    color: #59405A;
}

.license-tree>li {
    margin: 1rem;
}

.license-tree ul li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 4rem;
    color: #666666;
}

.license-tree>li>a {
    background: #e8e2e5;
    padding: 0.5rem 1.5rem;
    min-height: 4rem;
    font-weight: 500;
    color: #59405A;
    margin-bottom: 6px;
}

.homepage-howToRegister h3 {
    font-size: 1.22rem;
    margin-top: 1rem;
}

.homepage-howToRegister p {
    font-size: 1rem;
    margin-bottom: 2rem;
}

.why-qatar h3 {
    font-size: 1.22rem;
    margin-top: 0rem;
}

.why-qatar p {
    font-size: 0.8333rem;
    margin-bottom: 1rem;
}

.homepage-howToRegister .slider-btn {
    margin-bottom: 2rem;
}

.stepBox {
    position: relative;
    display: inline-block;
    margin: auto;
}

.stepImg,
.stepImg img,
.stepCircle {
    position: relative;
    z-index: 1;
}

.stepCircle {
    width: 7rem;
    height: 7rem;
    border: 1px solid #FFF;
    text-align: center;
    font-size: 3.5rem;
    border-radius: 50%;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1.75rem;
}

.why-qatar .stepBox {
    padding: 0.5rem 2rem;
}

.why-qatar .stepImg {
    margin: 1rem 0;
}

.why-qatar a {
    color: #FFF;
}

.stepNum {
    position: absolute;
    top: 0;
    z-index: 0;
    color: rgb(255 255 255 / 35%);
    font-size: 6.25rem;
    line-height: 6.25rem;
}

.homepage-mediaCenter {
    padding: 2.5rem 0;
}

.homepage-mediaCenter .main-heading-o {
    font-size: 1.44rem;
}

/*.homepage-news,
.homepage-events {
    background: url('../img/home-news-bg.svg') no-repeat;
    background-size: 100%;
}

.homepage-events {
    background-image: url('../img/home-events-bg.svg');
}*/
.homepage-mediaCenter .card {
    border: 0;
    border-radius: 1.5rem;
    box-shadow: 0 0.2rem 0.5rem 0.2rem rgb(0 0 0 / 7.5%);
    margin-bottom: 2rem;
    margin-top: 7.5rem;
}

.homepage-mediaCenter .card .card-img-top {
    margin: 1rem;
    width: calc(100% - 2rem);
    margin-bottom: 0;
    margin-top: -7.5rem;
    border-radius: 1.75rem;
    max-height: 14rem;
    object-fit: cover;
    box-shadow: 0 0.1rem 0.25rem 0 rgb(0 0 0 / 10%);
}

.homepage-mediaCenter .card .card-img-top[src=""] {
    margin-top: 0rem;
    box-shadow: none;
}

.news-date,
.news-text {
    font-size: 0.8333rem;
    margin-bottom: 0.5rem;
}

.news-date {
    display: inline-block;
    font-weight: 300;
}

.news-date .fa,
.news-date .icon {
    color: #C5C5C5;
    min-width: 0.75rem;
    text-align: center;
}

.news-title,
.news-title a {
    font-size: 1rem;
    color: #59405A;
}

.news-title a:hover,
.news-title a:focus {
    color: #59405A;
    text-decoration: underline;
}

.news-text ul li,
.news-text ol li {
    margin-bottom: 0.75rem;
}

.news-text li>ul,
.news-text li>ol {
    margin-top: 0.75rem;
}

.news-text ul li,
.news-text ol li,
.news-text li>ul>li,
.news-text li>ol>li {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.inner-page,
.management-blocks {
    padding: 2rem 0;
}

.inner-page .card {
    box-shadow: 0 0.1rem 0.5rem 0.1rem rgb(0 0 0 / 8%);
    margin: 1.5rem 0;
}

.inner-page .card,
.inner-page .card-header {
    border: 0;
    border-radius: 1.5rem;
    background-color: #FFF;
}

.inner-page .card-header {
    border-bottom: 1px solid rgb(223 223 223 / 70%);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.inner-page .news-title {
    margin: 0.5rem 0;
    font-size: 1.22rem;
}

.address-column {
    display: flex;
}

.address-column .address-icon {
    padding: 0.015rem;
    color: #C5C5C5;
    line-height: 1.25rem;
}

.address-column p,
.management-card p {
    margin: 0;
    font-size: 0.8333rem;
    padding: 0 0.5rem;
    font-weight: normal;
}

.address-column p,
.address-column a {
    color: #59405A;
    display: block;
}

.management-page-bg {
    background: url(../img/inner-page-bg1.svg) no-repeat;
    background-size: 75%;
}

.management-card {
    text-align: center;
    margin: 1rem;
    margin-bottom: 2rem;
}

.management-card h3,
.management-card h3 a {
    color: #59405A;
    font-size: 1rem;
}

.management-card p,
.management-card-details p {
    padding: 0;
    margin-bottom: 1rem;
}

.management-img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    width: 11rem;
    height: 11rem;
    margin-bottom: 1rem;
    object-fit: cover;
}

.management-blocks.management-card {
    text-align: left;
}

.management-card-details .news-title {
    font-size: 1.44rem;
}

.management-card-details .news-text {
    margin-top: 2rem;
}

.about-banner {
    position: relative;
}

.about-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: linear-gradient(to bottom, rgb(0 0 0 / 10%), rgb(0 0 0 / 30%));
    display: flex;
    align-items: center;
    justify-content: center;
}

.pink-tint-bg,
.about-banner .overlay.pink-tint-bg {
    background: linear-gradient(to bottom, rgb(100 71 100 / 70%), rgb(18 13 18 / 70%));
}

.news-category-block {
    background-color: #e7e3e5;
}

.newsImgOverlay-card .overlay {
    padding: 1rem;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.66));
}

.newsImgOverlay-card .overlay * {
    color: #FFF !important;
}

.newsImgOverlay-card .overlay .news-text {
    border-top: solid 2px rgb(179 162 173 / 50%);
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

.newsImgOverlay-card .overlay .news-title,
.newsImgOverlay-card .overlay .news-title a {
    font-size: 1.2rem;
}

.newsImgOverlay-card .overlay .news-text {
    opacity: 0.8;
    font-size: 0.8333rem;
}

.newsHorizontalBlock:not(:first-child) {
    margin-top: 1rem;
}

.newsImgFlex,
.news-category-block {
    flex: 1;
    object-fit: cover;
}

.newsTextSmaller {
    font-size: 0.8333rem;
}

.news-category-block {
    padding: 1.25rem;
}

.list-category {
    margin: 0;
    padding: 0;
    margin-top: 1rem;
}

.list-category li,
.list-category li a {
    list-style: none;
    color: #59405A;
    font-weight: normal;
}

.list-category li a {
    padding: 0.75rem 0;
    display: inline-block;
}

.list-category li {
    border-bottom: 1px solid #d5cbd1;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5)
}

.list-category li:last-child {
    border: 0;
    box-shadow: none;
}

.list-category li.active:before {
    display: inline-block;
    border: 2px solid #7D6378;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    content: '';
}

.news-row {
    margin: 1rem 0;
    padding-top: 1rem;
}

.news-row .card,
.news-row .card-body,
.news-row .card-footer {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
    padding: 0;
}

.innerpage .news-page .news-row .card {
    margin-bottom: 2rem;
}

.archiveNews {
    padding: 1rem 0 0 0;
}

.archiveNewsTabs,
.sectorTabs,
.newsPhotos-block {
    position: relative;
    z-index: 0;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.archiveNews-swiper-button {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #7D6378;
    top: calc(50% - 2px);
}

.archiveNews-swiper-button:after {
    font-size: 1rem;
    color: #7D6378;
}

.archiveNews .swiper-button-next.swiper-button-disabled,
.archiveNews .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    border-color: #B4A2AE;
}

.archiveNews .swiper-button-next.swiper-button-disabled:after,
.archiveNews .swiper-button-prev.swiper-button-disabled:after {
    color: #B4A2AE;
}

.archiveNews .sub-heading {
    color: #59405A;
    font-size: 1.25rem;
}

.archiveNewsTabs .tabs .swiper-slide {
    border-top: 2px solid #7D6378;
    margin-top: -2px;
}

.archiveNewsTabs .tabs.swiper-wrapper {
    border-top: 2px solid #7D6378;
}

.archiveNewsTabs .tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 1rem;
}

.archiveNews .tabs a {
    color: #59405A;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-size: 0.925rem;
}

.archiveNewsTabs .tabs a {
    background: none;
    padding: 0;
    padding-top: 0.5rem;
    font-weight: 500;
}

.archiveNewsTabs .tabs a::before {
    content: "";
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    top: -0.4rem;
    left: auto;
    right: auto;
    border: 1px solid #7D6378;
    border-radius: 50%;
    background: #FFF;
}

.archiveNewsTabs .tabs a.current {
    color: #7D6378;
}

.archiveNewsTabs .tabs a.current::before {
    background: #7D6378;
}

.archiveNews .tabs-result {
    padding: 1rem;
}

.archiveNews .tab-content {
    display: none;
}

.archiveNews .tab-content.current {
    display: inherit;
}

.tabs-result .news-title,
.tabs-result .news-title a {
    font-size: 0.9rem;
    font-weight: normal;
}

.tabs-result .archiveNews-swiper-button {
    background: #7D6378;
    border: 0;
    top: calc(50% - 2rem);
    width: 2.5rem;
    height: 2.5rem;
}

.tabs-result .swiper-button-next.swiper-button-disabled,
.tabs-result .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    border: 0;
    background: #e8e2e5;
}

.tabs-result .archiveNews-swiper-button:after {
    color: #FFF;
}

.sectorTabs .tabs {
    display: flex;
    align-items: center;
}

.sectorTabs {
    margin-top: 0;
}

.sectorTabs a {
    display: block;
    text-align: center;
    border-radius: 3rem;
    border: 1px solid #e8e2e5;
    margin: 0 0.5rem;
    padding: 0.5rem;
    font-weight: normal;
}

.sectorTabs .archiveNews-swiper-button {
    top: calc(50% + 6px)
}

.sectorTabs .tabs a.current {
    background: #e8e2e5;
    color: #7D6378;
    text-decoration: none !important;
    cursor: default;
}

.sectorTabs .tabs a .icon {
    font-size: 1.5rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none !important;
}

.sector-block {
    padding: 2rem;
    padding-bottom: 0.5rem;
}

.sector-block .news-title {
    color: #59405A;
    font-weight: 500;
    font-size: 1rem;
}

.sector-block .sub-heading,
.sector-block .news-text {
    padding-bottom: 0.5rem;
}

.sector-block .news-text a {
    color: #7D6378;
    font-weight: 500;
}

.map-container {
    position: relative;
}

.mapcard,
.mapcard-bottom {
    color: #7D6378;
    margin-top: 2rem;
    display: inline-block;
}

.mapcard {
    text-align: center;
    border: 1px solid #e8e2e5;
    border-radius: 1rem;
    padding: 0.75rem 1.5rem;
}

.mapcard h3 {
    font-size: 1.44rem;
}

.mapcard h3 i {
    font-size: 2.66rem;
}

.mapcard h4,
.mapcard-bottom h4 {
    font-size: 1rem;
    font-weight: 500;
}

.map-page {
    position: relative;
    margin: 2rem 0;
    text-align: center;
}

.map-img {
    width: 100%;
}

.map-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.map-location {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    font-size: 1.5rem;
    text-decoration: none !important;
    line-height: 1.2;
    z-index: 0;
}

.map-location:hover,
.map-location:focus {
    z-index: 1;
    color: #666666;
}

.bounce-icon {
    height: 3.5rem;
}

.bounce-icon,
.bounce {
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0px);
        transform: scale(1);
    }

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

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

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

/*
[data-tooltip] {
  position: relative;
  z-index: 3;
}
*/
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% - 1px);
    pointer-events: none;
    transition: 0.1s;
    will-change: transform;
    z-index: 3;
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: 0.5rem 1rem;
    min-width: 10rem;
    max-width: 15rem;
    width: max-content;
    width: -moz-max-content;
    border-radius: 0.5rem;
    font-size: 0.8333rem;
    background-color: #FFF;
    box-shadow: 0 1px 10px 1px rgb(0 0 0 / 50%);
    color: #7D6378;
    border: 1px solid #FFF;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 1rem 1rem 0px 1rem;
    border-color: #FFF transparent transparent transparent;
    transition-duration: 0s;
    transform-origin: top;
    transform: translateX(-50%) scaleY(0);
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1;
}

[data-tooltip]:hover:before,
[data-tooltip]:focus:before {
    transition-delay: 0.2s;
    transform: translate(-50%, -0.5rem) scale(1);
}

[data-tooltip]:hover:after,
[data-tooltip]:focus:after {
    transition-delay: 0.2s;
    transition-duration: 0.2s;
    transform: translateX(-50%) scaleY(1);
}

.about-section-1,
.about-section-2,
.about-section-3 {
    /*background: url(../img/about-illustration-bg-1.svg) no-repeat;*/
    background-size: cover;
    padding: 2.5rem 0;
}

.about-section-2 {
    background: none;
    background-size: cover;
}

.about-section-3,
.bg-brand-light {
    background: #f7f7f7;
}

.updates-row .card {
    overflow: hidden;
    text-align: center;
}

.updates-row .card .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.updates-row .card .card-footer {
    background: none;
    border-color: #e8e2e5;
}

.updates-row .subheading-title a,
.updates-row a.subheading-title,
.updates-row .subheading-title {
    color: #59405A;
}

.updates-row .subheading {
    font-size: 1.5rem;
}

.useful-row .subheading-title,
.useful-row .subheading-title a {
    font-size: 1rem;
    font-weight: normal;
}

.useful-row .card {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.useful-row .card .contactLogo {
    margin-bottom: 1rem;
    max-width: 100%;
    max-height: 7rem;
}

.useful-row .card .card-footer {
    background: none;
    border-color: #e8e2e5;
}

.contactLogo {
    max-width: 7.5rem;
}

a.form-icon-link {
    display: inline-block;
    text-align: center;
}

a.form-icon-link .icon.contactLogo {
    font-size: 5rem;
    padding: 1rem;
}

a.form-icon-link>.icon.contactLogo {
    color: #e8e2e5;
    transition: all 0.6s;
}

a.form-icon-link:hover>.icon.contactLogo {
    color: #59405A;
}

.filterButtons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.filterButtons>a {
    min-width: 6rem;
}

.tab-blocks .tab-block {
    display: none;
    /*border-top: 1px solid rgb(239 239 239 / 50%);*/
}

.show-all .tab-block,
.tab-blocks .tab-block.active-tab {
    display: block !important;
}

.tab-block .news-row {
    margin: 0;
    padding-top: 0rem;
}

.link,
.news-text p a:not(.btn-brand, .btn-small, .btn-map, .page-link),
/*.inner-page p a:not(.btn-brand, .btn-small, .btn-map, .page-link),*/
.news-text a:not(.btn-brand, .btn-small, .btn-map, .page-link) {
    color: #7d6378;
    text-decoration: underline;
}

.fileImg>img {
    max-width: 12rem;
}

.ratio.animatedImg {
    overflow: hidden;
    display: block;
}

.ratio.animatedImg img {
    object-fit: cover;
}

/*.animatedImg {overflow: hidden; display: block;}
.animatedImg img {transition: all 0.8s ease; object-fit: cover; width: 100%;}
.animatedImg:hover img, .animatedImg:focus img {transform: scale(1.15);}*/
.card-link {
    padding: 2.5rem 1.5rem;
    display: block;
    text-align: center;
    transition: all 0.8s ease;
}

.card-link>img {
    max-height: 3.75rem;
    max-width: 100%;
}

.card-link:hover,
.card-link:focus {
    background-color: #eff3f4;
}

.inlineLinkCatch {
    top: -13rem;
    position: relative;
    display: block;
}

/*
.news-page blockquote {position: relative; padding: 2rem 4rem; color: #59405A; font-size: 1.5rem; font-weight: 500;}
.news-page blockquote::before{
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 3rem;
  position: absolute;
  top: 1rem;
  color: #7D6378;
}

.news-page blockquote::after{
      content: '';
    border-bottom: 1px solid rgb(180 162 176 / 25%);
    width: 100%;
    position: absolute;
    min-height: 1px;
    left: 0;
    right: 0;
    bottom: 0.5rem;
}

.news-page blockquote .management-blocks {padding-bottom: 0;}
.news-page blockquote .management-card-details p {font-size: 1rem; font-weight: normal; color: #666666;}
.news-page blockquote .management-card-details .news-title {color: #000;}
.news-page blockquote .management-img {width: 8rem; height: 8rem;}
*/
blockquote,
q {
    position: relative;
    padding: 2rem 5rem !important;
    color: #59405A;
    font-size: 1.44rem;
}

blockquote a,
q a {
    text-decoration: underline;
}

blockquote::before,
q::before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 3rem;
    position: absolute;
    top: 1rem;
    color: #7D6378;
}

blockquote::after,
q::after {
    content: '';
    border-bottom: 1px solid rgb(180 162 176 / 25%);
    width: 100%;
    position: absolute;
    min-height: 1px;
    left: 0;
    right: 0;
    bottom: 0.5rem;
}

blockquote:last-child::after,
q:last-child::after {
    border-bottom: 0;
}

blockquote .management-blocks,
q .management-blocks {
    padding-bottom: 0;
}

blockquote .management-card-details p,
q .management-card-details p {
    font-size: 1rem;
    font-weight: normal;
    color: #666666;
}

blockquote .management-card-details .news-title,
q .management-card-details .news-title {
    color: #59405A;
}

blockquote .management-img,
q .management-img {
    width: 8rem;
    height: 8rem;
}

.news-details {
    font-weight: normal;
    font-size: 1rem;
}

.news-details .news-date {
    display: flex;
    align-items: center;
    font-size: 1.025rem;
    font-weight: normal;
    color: #7D6378;
    margin-bottom: 1rem;
}

.news-details .news-date i.fa,
.news-details .news-date i.icon {
    font-size: 1.5rem;
    min-width: auto;
    color: #7D6378;
}

.news-details img {
    max-width: 100%;
}

.news-tag {
    display: inline-block;
    padding: 0 0.75rem;
    font-weight: 300;
}

.innerpage .news-page {
    padding: 1rem 0;
}

.bsIcon {
    max-height: 3rem;
}

/* Forms */
.form-block {
    font-weight: normal;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.form-block .subheading-title {
    margin-top: 1rem;
}

.form-block p {
    margin-bottom: 0.5rem;
}

.form-div {
    padding: 0.5rem 0;
}

.form-div .form-control,
.form-div .form-select {
    margin-top: 0.25rem;
}

.form-div .form-control::placeholder {
    opacity: 0.75;
}

.form-div .form-check input[type=radio],
.form-div .form-check input[type=checkbox] {
    opacity: 0;
}

.form-div .form-check input[type=checkbox]+label,
.form-div .form-check input[type=radio]+label {
    display: inline-block !important;
    position: relative;
    vertical-align: middle;
    margin: 0.5rem 0;
    cursor: pointer;
}

.form-div .form-check input[type=radio]+label,
.form-div .form-check input[type=checkbox]+label {
    position: relative;
    color: #747474;
}

.form-div .form-check input[type=radio]+label:before,
.form-div .form-check input[type=checkbox]+label:before {
    content: '';
    position: absolute;
    top: 0;
    background: #fff;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
}

.form-div .form-check input[type=radio]+label:before,
.form-div .form-check input[type=radio]:checked+label:after {
    position: absolute;
    top: 2px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

.form-div .form-check input[type=checkbox]+label:before,
.form-div .form-check input[type=checkbox]:checked+label:after {
    border-radius: 4px;
    width: 24px;
    height: 24px;
}

.form-div .form-check input[type=radio]:checked+label:after,
.form-div .form-check input[type=checkbox]:checked+label:after {
    background: #7D6378;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
}

.form-div .form-check input[type=radio]:checked+label:after {
    content: '';
    border: 1px solid #c4c4c4;
    box-shadow: 0 0 0 4px #fff inset;
}

.form-div .form-check input[type=checkbox]:checked+label:after {
    content: '\2713';
    position: absolute;
    top: 0;
    border: 1px solid #7D6378;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.custom-file {
    position: relative;
}

.custom-file .custom-file-label {
    padding: 0.75rem 2rem;
    border-radius: 2rem;
    font-size: 1rem;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    background-color: #fff;
    color: #59405A;
    border: 1px solid #C5C5C5;
    min-width: 10rem;
    position: relative;
    z-index: 1;
}

.custom-file .custom-file-label:hover,
.custom-file .custom-file-label:focus {
    background: #59405A;
    color: #e8e2e5;
    border-color: transparent;
}

.custom-file .custom-file-input {
    position: relative;
    z-index: 0;
    padding: 0.5rem;
}

.custom-file .custom-file-input::before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 2.6rem;
    min-width: 7rem;
    background: #fff;
    z-index: 1;
}

/* Forms End  */
.border-brand-light {
    border: 1px solid #e8e2e5 !important;
}

.card-title {
    font-size: 1.22rem;
    color: #DF764F;
}

.borderRounded {
    border-radius: 1rem !important;
}

.borderRounded-2 {
    border-radius: 2rem !important;
}

.textSmaller {
    font-size: 0.833rem !important;
}

.textSmall {
    font-size: 0.833rem !important;
}

.textVerySmall {
    font-size: 0.75rem !important;
}

.textBigger {
    font-size: 3.5rem !important;
}

.textBig {
    font-size: 4rem !important;
}

.textVeryBig {
    font-size: 5rem !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-2 {
    font-size: 1.25rem !important;
}

.font-size-3 {
    font-size: 1.5rem !important;
}

.font-size-4 {
    font-size: 1.75rem !important;
}

.font-size-5 {
    font-size: 2rem !important;
}

.font-size-6 {
    font-size: 2.25rem !important;
}

.font-size-7 {
    font-size: 2.5rem !important;
}

.font-size-8 {
    font-size: 2.75rem !important;
}

.font-size-9 {
    font-size: 3rem !important;
}

.font-size-10 {
    font-size: 3.25rem !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-2 {
    line-height: 1.25 !important;
}

.line-height-3 {
    line-height: 1.5 !important;
}

.line-height-4 {
    line-height: 1.75 !important;
}

.line-height-5 {
    line-height: 2 !important;
}

.line-height-normal {
    line-height: normal !important;
}

.brandColor {
    color: #59405A !important;
}

.orangeColor {
    color: #DF764F !important;
}

.brandColorLight,
.brandColorLight>a {
    color: #e8e2e5 !important;
}

.brandColorMedium,
.brandColorMedium>a {
    color: #7d6378 !important;
}

.color-gray {
    color: #666666 !important;
}

.color-grayed,
.color-grayed>a {
    color: #666666 !important;
}

.min-width-1 {
    min-width: 1rem;
}

.min-width-5 {
    min-width: 5rem;
}

.min-width-10 {
    min-width: 10rem;
}

.min-width-12 {
    min-width: 12rem;
}

.min-width-15 {
    min-width: 15rem;
}

.min-width-20 {
    min-width: 20rem;
}

.min-width-30 {
    min-width: 30rem;
}

.countingNumberHeading {
    color: #59405A;
    font-size: 1.22rem;
    font-weight: 500;
    margin-top: 1.25rem;
}

.search-heading {
    border-top: 1px solid #e8e2e5;
    padding-top: 1rem;
    margin-top: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.setup-section {
    font-size: 1rem;
    font-weight: normal;
}

.setup-section .card,
.setup-section .card-header,
.setup-section .card-body,
.setup-section .card-footer {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.setup-section .card-footer,
.setup-section hr {
    border-top: 1px solid #e8e2e5;
    opacity: 1;
}

.setup-section .countingNumberHeading {
    font-size: 1.5rem;
}

.setup-section .small,
.setup-section small {
    font-size: 0.8333rem;
    opacity: 0.9;
}

.illustration-img-1,
.illustration-img-2,
.illustration-img-3,
.illustration-img-4,
.illustration-img-5,
.illustration-img-6 {
    width: 100%;
    min-height: 12rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
/*
.illustration-img-1 {
    background: url(../img/predefined/1.svg) no-repeat;
}

.illustration-img-1:hover {
    background: url(../img/predefined/2.svg) no-repeat;
}

.illustration-img-2 {
    background: url(../img/predefined/3.svg) no-repeat;
}

.illustration-img-2:hover {
    background: url(../img/predefined/4.svg) no-repeat;
}

.illustration-img-3 {
    background: url(../img/predefined/5.svg) no-repeat;
}

.illustration-img-3:hover {
    background: url(../img/predefined/6.svg) no-repeat;
}

.illustration-img-4 {
    background: url(../img/predefined/2.svg) no-repeat;
}

.illustration-img-4:hover {
    background: url(../img/predefined/3.svg) no-repeat;
}

.illustration-img-5 {
    background: url(../img/predefined/4.svg) no-repeat;
}

.illustration-img-5:hover {
    background: url(../img/predefined/5.svg) no-repeat;
}

.illustration-img-6 {
    background: url(../img/predefined/6.svg) no-repeat;
}

.illustration-img-6:hover {
    background: url(../img/predefined/1.svg) no-repeat;
}*/

.pagination-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pagination-section .page-link {
    border: 0;
}

.pagination-section .page-item,
.pagination-section .page-item .page-link {
    color: #7D6378;
    background-color: transparent;
    font-size: 0.8333rem;
    font-weight: 500;
    padding: 0;
    margin: 0.25rem 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pagination-section .page-item:not(:first-child, :last-child) .page-link {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.pagination-section .page-item:first-child,
.pagination-section .page-item:last-child {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.pagination-section .page-item.disabled .page-link {
    color: #9b9b9b;
    background-color: transparent;
}

.pagination-section .page-item .page-link:hover,
.pagination-section .page-item .page-link:focus {
    background: none;
    text-decoration: underline;
    border: 0;
    box-shadow: none;
}

.pagination-section .page-item.active .page-link {
    color: #7D6378;
    background-color: #e8e2e5;
    /*border: 1px solid #7D6378;*/
}

/* journey steps */
.j-row {
    counter-reset: step;
}

.j-col,
.j-num,
.j-content {
    position: relative;
}

.j-col .j-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    font-size: 0.75rem;
    line-height: normal;
}

.j-col .j-content img {
    max-height: 2.75rem;
    margin: auto;
}

.j-col .j-content p {
    margin: 0;
}

.j-col .j-content a {
    color: #ea8948;
    display: block;
    margin: 0.25rem 0;
}

.j-col::before,
.j-col::after,
.j-num::before,
.j-num::after {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
}

.j-col::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #FFF;
    border: 4px solid #59405A;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.j-col .j-num {
    width: 2rem;
    height: 2rem;
    margin: 1rem auto;
    flex: 0 0 auto;
}

.j-col .j-num::before {
    counter-increment: step;
    content: counter(step, decimal-leading-zero);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FFF;
    border: 3px solid #59405A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #59405A;
    font-size: 0.833rem;
    font-weight: bold;
}

.j-col .j-num::after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
}

.j-milestone {
    position: absolute;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    color: #ea8948;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .j-row {
        display: block;
        margin-left: 15%;
        margin-right: 15%;
    }

    .j-col {
        /*flex: 0 0 auto;*/
        display: inline-block;
        width: 20%;
        text-align: center;
        height: 20rem;
        z-index: 1;
    }

    .j-col:nth-child(even) .j-content {
        flex-direction: column-reverse;
    }

    .j-col:nth-child(even) {
        padding-top: 10rem;
    }

    .j-col:nth-child(odd) {
        padding-bottom: 10rem;
    }

    .j-col:nth-child(6),
    .j-col:nth-child(12),
    .j-col:nth-child(18) {
        width: 100%;
        padding: 0;
        margin-top: calc(-10rem - 4px);
        z-index: 0;
    }

    .j-col:nth-child(n+7):nth-child(-n+11),
    .j-col:nth-child(n+13):nth-child(-n+17),
    .j-col:nth-child(n+19):nth-child(-n+23) {
        margin-top: -10rem;
    }

    .j-col:nth-child(6) .j-content,
    .j-col:nth-child(12) .j-content,
    .j-col:nth-child(18) .j-content {
        position: absolute;
        width: 20%;
        top: calc(50% - 1rem);
        height: auto;
        padding: 0 1rem;
    }

    .j-col:nth-child(6) .j-content,
    .j-col:nth-child(18) .j-content {
        align-items: flex-start;
    }

    .j-col:nth-child(12) .j-content {
        align-items: flex-end;
    }

    .j-col:nth-child(6)::after,
    .j-col:nth-child(12)::after,
    .j-col:nth-child(18)::after {
        content: "";
        border: 4px solid #59405A;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
    }

    .j-col:last-child::after {
        border-bottom: 0;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .j-col:nth-child(-n+5)::after,
    .j-col:nth-child(5)::after {
        content: "";
        background: #59405A;
        top: -3px;
        bottom: 0;
        height: 3px;
        width: 100%;
    }

    .j-col:nth-child(5)::after {
        width: calc(100% - 2rem);
    }

    .j-col .j-num::after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }

    .j-col:nth-child(odd) .j-num::after {
        bottom: -5px;
        border-top: 6px solid #59405A;
    }

    .j-col:nth-child(even) .j-num::after {
        top: -5px;
        border-bottom: 6px solid #59405A;
    }

    .j-col:nth-child(6) .j-num::after,
    .j-col:nth-child(12) .j-num::after,
    .j-col:nth-child(18) .j-num::after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        top: 0;
        bottom: 0;
    }

    .j-col:nth-child(6) .j-num::after,
    .j-col:nth-child(18) .j-num::after {
        top: 0;
        bottom: 0;
    }

    .j-col:nth-child(6) .j-num,
    .j-col:nth-child(12) .j-num,
    .j-col:nth-child(18) .j-num {
        margin: 0;
        margin-bottom: 0.5rem;
    }

    .j-col:nth-child(odd) .j-milestone {
        top: calc(100% + 0.5rem);
    }

    .j-col:nth-child(even) .j-milestone {
        bottom: calc(100% + 0.5rem);
    }
}

@media only screen and (max-width: 1023px) {
    .j-row {
        display: flex;
        flex-wrap: wrap;
    }

    .j-col {
        width: 50%;
        z-index: 1;
        padding: 1rem;
        min-height: 10rem;
    }

    .j-col:nth-child(even) {
        margin-top: 10rem;
    }

    .j-col:nth-child(odd) {
        margin-bottom: 10rem;
    }

    .j-col::before {
        bottom: auto;
        top: calc(2rem - 8px);
    }

    .j-col .j-content {
        flex-direction: column-reverse;
    }

    .j-col .j-content .j-text {
        padding-bottom: 0.5rem;
    }

    .j-col .j-num {
        margin: 0;
        margin-bottom: 0.5rem;
    }

    .j-col .j-num::after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        top: 0;
        bottom: 0;
    }

    .j-col:nth-child(odd) .j-num::after {
        bottom: 0;
    }

    .j-col:nth-child(even) .j-num::after {
        top: 0;
    }

    .j-col .j-milestone {
        position: relative;
        bottom: auto;
        top: auto;
    }
}

/* end */
/* Organization Chart Overview Page */
.org-chart {
    padding: 1rem;
    text-align: center;
}

.org-chart ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}

.org-chart .org-head {
    padding-bottom: 3rem;
    margin-top: 1rem;
}

.org-chart .org-head li,
.org-chart .org-details {
    position: relative;
}

.org-chart .org-head li:before,
.org-chart .org-details:before,
.org-chart .org-head li:after,
.org-chart .org-details:after {
    content: "";
    position: absolute;
    z-index: -1;
    margin: auto;
}

.org-chart .org-head li,
.org-chart h5,
.org-chart h6 {
    color: #59405A;
    font-weight: bold;
    font-family: inherit;
}

.org-chart h5 {
    font-size: 1.22rem;
    margin: 0;
    padding: 0.5rem 0;
}

.org-chart h6,
.org-chart h5 {
    border-bottom: 1px solid #CCC;
    padding-bottom: 0.5rem;
}

.org-chart .org-head li,
.org-chart h6 {
    font-size: 1rem;
}

.org-info {
    padding: 0.5rem;
}

.org-info,
.org-info p {
    font-size: 0.833rem;
    color: #666;
}

.org-info li {
    padding: 0.5rem;
}

.org-chart .org-head li {
    border-radius: 1.5rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #E8E2E5;
    padding: 0.5rem 1.5rem;
    margin: 0.5rem;
    margin-bottom: 1rem;
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 50%;
}

.org-chart .org-head li span {
    display: block;
    font-weight: normal;
}

.org-chart .org-head li span:first-child {
    font-size: 1.22rem;
    font-weight: bold;
}

.org-chart .org-head li:before {
    content: "";
    position: absolute;
    top: 100%;
    height: calc(3rem + 2px);
    width: 50%;
    border: 2px solid #cccccc;
    border-top: 0;
}

.org-chart .singleLine .org-head li:before {
    border-bottom: 0;
    width: 2px;
}

.org-chart .doubleLine .org-head li:before {
    width: calc(50% + 1rem);
}

.org-chart .org-details {
    margin-top: 2.5rem;
    width: calc(100% + 1px);
}

.org-chart .org-details:before,
.org-chart .org-details:after {
    left: 0;
    right: 0;
    background: #cccccc;
}

.org-chart .org-details:before {
    width: 2px;
    height: calc(2.5rem - 2px);
    bottom: calc(100% + 1rem);
}

.org-chart .org-details:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: calc(-1rem - 10px);
}

.org-details .org-img {
    min-height: 5rem;
    padding: 1rem 0;
}

.org-details .org-img img {
    max-height: 4rem;
}

/* End */
.partners-section {
    margin-top: 2rem;
}

.partners-section .filterButtons {
    align-items: center;
    justify-content: center;
}

.partners-section .tab-blocks {
    padding: 1rem;
}

.partners-section .tab-block {
    padding: 0 1rem;
}

.partners-section .tab-block>.row {
    padding: 1.5rem 0;
}

.partner-img {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #e8e2e5;
    border-radius: 1.5rem;
    padding: 1rem;
    width: 10rem;
    height: 10rem;
    margin-bottom: 1rem;
}

.partner-img>img {
    max-width: 100%;
}

.partner-name {
    font-size: 1.22rem;
    color: #333333;
    font-weight: bold;
}

.partner-content p {
    color: #666;
}

.tab-btn {
    text-align: center;
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-size: 1rem;
    margin: 0.5rem 0;
    border: solid 1px #e8e2e5;
    background: #e8e2e5;
    color: #59405A;
}

.tab-btn:hover,
.tab-btn:focus,
.tab-btn:active,
.tab-btn.active {
    background: #59405A;
    color: #FFF;
}

.footer {
    background-image: radial-gradient(circle at 50% 50%, #7D6378, #59405A 100%);
    background-color: #59405A;
    color: #FFF;
    position: relative;
    z-index: 0;
}

.footer .overlay {
    /* background: url('../img/illustration.svg') no-repeat;
    background-size: 110%; */
    padding: 1rem 0;
}

.footer-infoCenter {
    border-bottom: 1px solid #dfdfdf;
    padding: 1.5rem 0;
    text-align: center;
}

.footer-infoCenter a,
.footer-infoCenter .main-heading-o {
    color: #FFF;
    display: block;
}

.footer-infoCenter a {
    margin: 1.5rem 0;
}

.footer-infoCenter a:hover,
.footer-infoCenter a:focus {
    opacity: 0.75;
    text-decoration: underline;
}

.footer-infoCenter a span,
.footer-copyright p {
    display: block;
    font-size: 0.8333rem;
    margin-top: 0.5rem;
}

.footer-infoCenter a span {
    font-size: 1rem;
}

.footer-body {
    padding: 1.5rem 0;
}

.footer-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-body li,
.footer-body li a {
    display: block;
    color: #FFF;
    font-size: 0.8333rem;
}

.footer-body li a {
    padding: 0.4rem 0.2rem;
}

.footer-social {
    text-align: center;
    padding: 1rem 0;
}

.footer-social a {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: #FFF;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    color: #7D6378;
    padding: 0.25rem;
    margin: 0.5rem;
    border-radius: 50%;
}

.footer-social a:hover,
.footer-social a:focus {
    background: #59405A;
    color: #e8e2e5;
    box-shadow: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 25%)
}

/* End */
/* e-Tendering */
.list-item-file {
    font-weight: bold;
    display: block;
    padding: 0.25rem 0;
}

.form-control:disabled,
.form-control[readonly],
.form-control[disabled] {
    background-color: #f9f8f9;
    opacity: 0.8;
    color: #666666;
    border: solid 1px rgb(197 197 197 / 80%);
    cursor: default;
}

.form-control:disabled:focus,
.form-control[readonly]:focus,
.form-control[disabled]:focus {
    border: solid 1px #C5C5C5;
}

.form-switch {
    padding-left: 3.25rem;
}

.form-switch .form-check-input {
    width: 3rem;
    margin-left: -3.25rem;
    height: 1.5rem;
}

.form-switch .form-check-label {
    padding-top: 0.25rem;
}

.form-switch .form-check-input:focus {
    border-color: #59405A;
    outline: 0;
    box-shadow: none;
}

.form-switch .form-check-input:checked {
    background-color: #59405A;
    border-color: #59405A;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.vendorEmailInfo,
.vendorEmailInfoText {
    display: inline-block;
}

.vendorEmailInfo {
    position: relative;
}

.vendorEmailInfo i {
    color: #7d6378;
    font-size: 1.5rem;
}

.vendorEmailInfo .vendorEmailInfoText {
    position: absolute;
    top: -50%;
    background-color: #e8e2e5;
    color: #7d6378;
    padding: 0.5rem;
    font-size: 0.833rem;
    min-width: 20rem;
    border-radius: 0.25rem;
    margin: 0.25rem;
    display: none;
}

.vendorEmailInfo:hover .vendorEmailInfoText {
    display: block;
}

.login-step-icon img {
    max-height: 42px;
}

.login-step-icon .icon-hover,
.login-step-icon:hover .icon-normal {
    display: none;
}

.login-step-icon:hover .icon-hover,
.login-step-icon .icon-normal {
    display: inline-block;
}

.login-2col-section {
    padding: 1rem 0;
}

.card-send {
    border: 1px solid #FFF;
    border-top: 2px solid #7d6378;
    padding: 0 1rem;
    background: #f7f7f7;
    border-radius: 0 0 1.5rem 1.5rem;
}

.card-send .sub-heading {
    margin: 0;
}

.messageCard {
    padding: 0.75rem 1rem;
    border-radius: 1rem;
}

.received .messageCard {
    color: #e8e2e5;
    background: #59405A;
}

.sent .messageCard {
    color: #59405A;
    background: #e8e2e5;
    border: 1px solid #59405A;
}

.received .sub-heading,
.sent .sub-heading {
    margin-bottom: 0;
}

.arrow {
    text-align: center;
}

.arrow i {
    font-size: 1.75rem;
    color: #7d6378;
}

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

.messages-list ul li>a {
    display: block;
    margin: 0.5rem;
    padding: 1rem;
    border-radius: 3rem;
    border: 2px solid #e8e2e5;
    font-weight: 600;
}

.messages-list .unread {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    background: #59405A;
    font-weight: normal;
    font-size: 0.833rem;
}

.messages-list ul li>a:hover,
.messages-list ul li>a.active {
    text-decoration: none;
    color: #666666;
}

.messages-list ul li>a.active {
    background: #f7f7f7;
}

.brand-border {
    border: 1px solid #59405A;
}

.bid-block {
    border: 1px solid #e8e2e5;
    background: #FFF;
    padding: 0.75rem;
}

.bid-block .card-title {
    font-size: 1.125rem;
    color: #7d6378;
}

.card .table .card-title,
.bid-details .card-title {
    font-size: 1.125rem;
    color: #7d6378;
}

.bid-block .subheading1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.vendor-blocks .card-header {
    background: #F9F8F9;
    border-bottom: 1px solid rgb(223 223 223 / 70%);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.vendor-blocks table p {
    margin: 0;
}

.vendor-blocks .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #7d6378;
    color: #7d6378;
}

.vendor-blocks .table-hover>tbody>tr:hover {
    --bs-table-accent-bg: #f7f7f7;
    color: #7d6378;
}

.card-label {
    font-size: 0.833rem;
    font-weight: bold;
    margin: 0;
}

.vendor-blocks .card-title {
    margin-bottom: 1rem;
}

.resources,
.cardsLayout {
    padding: 2rem 0;
}

.resources .card,
.cardsLayout .card {
    border: 0;
    border-radius: 1rem;
    margin: 1rem 0;
    box-shadow: 0 2px 14px 0 rgba(88, 88, 88, 0.15);
}

.resources .card {
    background: transparent;
    overflow: hidden;
}

.resources .card-img-overlay {
    background-image: linear-gradient(to bottom, rgb(100 71 100 / 60%), rgb(18 13 18 / 60%));
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.resources .card-img-overlay a {
    color: #FFF;
}

.resources .card h3 {
    font-size: 1.22rem;
}

.cardsLayout .card h3 {
    font-size: 1rem;
    font-weight: bold;
}

.cardsLayout .news-date,
.cardsLayout .news-date i {
    color: #59405A;
    margin: 0;
}

/* Multiple Select */
.choices {
    margin-bottom: 0;
    font-size: 1rem;
    margin-top: 0.25rem;
}

.choices__inner,
.choices__input {
    background-color: #FFF;
    font-size: 1rem;
    margin-bottom: 0;
    padding: 0.25rem;
}

.choices__input {
    width: auto !important;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    border: solid 1px #C5C5C5;
    border-radius: 2rem;
    color: #666666;
    padding: 0.5rem 0.75rem;
    min-width: 10rem;
    min-height: 50px;
}

.choices.is-open .choices__inner,
.choices.is-focused .choices__inner {
    border-color: #59405A;
}

.choices__list--multiple .choices__item {
    border-radius: 2rem;
    font-size: 0.833rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    color: #fff;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #e7e3e5;
}

.choices__list--dropdown .choices__item {
    padding: 0.5rem;
    font-size: 1rem;
}

/* Telephone Input */
.intl-tel-input {
    display: block;
}

.iti-flag {
    background-image: url("../img/flags.png");
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0);
}

.intl-tel-input .country-list .country.highlight {
    background-color: #e8e2e5;
}

.intl-tel-input .selected-flag:hover .iti-arrow {
    border-top-color: #59405A;
}

/* end */
/* Default styles */
.border-radius-0 {
    border-radius: 0px !important;
}

.col-container {
    display: flex;
    flex-direction: column;
}

/* Navigation Menu */
.mainMenu nav {
    position: relative;
}

.mainMenu ul.main-nav {
    list-style-type: none;
    padding: 0px;
    font-size: 0px;
    margin: 0 auto;
}

.mainMenu ul.main-nav>li {
    display: inline-block;
    padding: 0;
}

.mainMenu ul.main-nav>li>a {
    display: block;
    padding: 0.25rem 0.7rem;
    position: relative;
    color: #666666;
    font-size: 0.8333rem;
}

.mainMenu ul.main-nav>li:hover {
    background-color: #e8e2e5;
}

ul.main-nav>li:hover>a {
    /* color: #333; */
    /* font-weight: 400; */
}

.mainMenu ul.main-nav>li ul.sub-menu-lists {
    list-style-type: disclosure-closed;
    display: block;
    position: relative;
    top: -9px;
    color: #FFF;
}

.mainMenu ul.main-nav>li ul.sub-menu-lists>li {
    padding: 0px 0;
}

.mainMenu ul.main-nav>li ul.sub-menu-lists>li>a {
    font-size: 0.8333rem;
    padding: 0.1rem 0;
}

.mainMenu .ic {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    width: 2rem;
    height: 1.5rem;
    text-align: center;
    /* outline: none; */
}

.mainMenu .ic.close {
    opacity: 0;
    font-size: 0px;
    font-weight: 300;
    color: #fff;
    display: block;
}

.mainMenu .ic.menu {
    top: 0.75rem;
    z-index: 20;
}

.mainMenu .ic.menu .line {
    height: 4px;
    width: 100%;
    display: block;
    margin-bottom: 0.4rem;
}

.mainMenu .ic.menu .line-last-child {
    margin-bottom: 0px;
}

.mainMenu .sub-menu-head {
    margin: 0.75rem 0 0 0;
}

.mainMenu .banners-area {
    margin-top: 1.25rem;
    padding-top: 1rem;
}

.mainMenu .sub-menu-block a {
    display: block;
    padding: 0.5rem 0;
    color: #FFF;
}

.mainMenu .sub-menu-block a:hover {
    text-decoration: underline;
}

.closeMenuItem {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .mainMenu .sub-menu-head {
        color: orange;
    }

    .mainMenu .ic.menu {
        display: block !important;
    }

    .closeMenuItem {
        display: block;
    }

    .mainMenu .ic.menu .line {
        background-color: #fff;
    }

    .mainMenu .ic.menu .line {
        background-color: #59405A;
        border-bottom: 1px solid #FFF;
    }

    .mainMenu .ic.menu .line {
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    /*.mainMenu  .ic.menu:focus .line,*/
    .mainMenu .ic.menu.opened .line {
        background-color: #fff !important;
    }

    /*.mainMenu .ic.menu:focus .line:nth-child(1),*/
    .mainMenu .ic.menu.opened .line:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*.mainMenu .ic.menu:focus .line:nth-child(2),*/
    .mainMenu .ic.menu.opened .line:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -10px;
    }

    /*.mainMenu .ic.menu:focus .line:nth-child(3),  */
    .mainMenu .ic.menu.opened .line:nth-child(3) {
        transform: translateY(15px);
        opacity: 0;
    }

    .mainMenu .ic.menu:focus {
        /* outline: none; */
    }

    /*.mainMenu .ic.menu:focus ~ .ic.close,*/
    .mainMenu .ic.menu.opened~.ic.close {
        opacity: 1;
        z-index: 21;
        /* outline: none; */
    }

    /*.mainMenu .ic.menu:hover, .mainMenu .ic.menu:focus, */
    .mainMenu .ic.menu.opened {
        opacity: 1;
    }

    .mainMenu nav {
        background-color: transparent;
    }

    /* Main Menu for Handheld Devices  */
    .mainMenu ul.main-nav {
        z-index: 11;
        padding: 50px 0;
        position: fixed;
        top: 0px;
        width: 0px;
        background-color: #59405A;
        height: 100%;
        overflow: auto;
        /*CSS animation applied : Slide from Right*/
        -webkit-transition-property: background, width;
        -moz-transition-property: background, width;
        -o-transition-property: background, width;
        transition-property: background, width;
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
    }

    /*.mainMenu .ic.menu:focus ~ .main-nav,*/
    .mainMenu .ic.menu.opened~.main-nav.activeMenu {
        width: 300px;
        background-color: #59405A;
    }

    .mainMenu .ic.menu~.main-nav {
        display: none;
    }

    .mainMenu .ic.menu.opened~.main-nav.activeMenu {
        display: block;
    }

    .mainMenu ul.main-nav>* {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
    }

    /*.mainMenu .ic.menu:focus ~ .main-nav > *,*/
    .mainMenu .ic.menu.opened~.main-nav.activeMenu>* {
        opacity: 1;
    }

    .mainMenu ul.main-nav>li>a:after {
        display: none;
    }

    .mainMenu ul.main-nav>li:first-child {
        border-radius: 0px;
    }

    .mainMenu ul.main-nav>li {
        display: block;
        border-bottom: 1px solid #444;
    }

    .mainMenu ul.main-nav>li>a {
        font-weight: 600;
        font-size: 1.125rem;
        padding: 0.5rem 1rem;
    }

    .mainMenu ul.main-nav>li ul.sub-menu-lists>li a {
        color: #eee;
        font-size: 14px;
    }

    .mainMenu .sub-menu-head {
        font-size: 1rem;
        font-weight: bold;
    }

    .mainMenu ul.main-nav>li:hover {
        background-color: transparent;
    }

    .mainMenu ul.main-nav>li:hover>a {
        color: #fff;
        text-decoration: none;
        font-weight: 600;
    }

    /*.mainMenu .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block,*/
    .mainMenu .ic.menu.opened~ul.main-nav.activeMenu>li>div.sub-menu-block {
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
        position: relative;
        visibility: visible;
        opacity: 1.0;
    }

    .mainMenu .sub-menu-block {
        padding: 0 2rem;
    }

    .mainMenu .sub-menu-head {
        margin: 0.25rem 0 0 0;
    }

    .mainMenu .sub-menu-block .sub-menu-head:last-child {
        padding-bottom: 1rem;
    }

    .mainMenu .sub-menu-block a {
        color: #FFF;
    }

    .mainMenu .banners-area {
        padding-bottom: 0px;
    }

    .mainMenu .banners-area div {
        margin-bottom: 1rem;
    }

    .mainMenu .banners-area {
        border-top: 1px solid #444;
    }
}

@media only screen and (min-width:1024px) {
    .mainMenu .ic {
        display: none !important;
    }

    /* Main Menu for Desktop Devices  */
    .mainMenu ul.main-nav {
        display: block;
        position: relative;
    }

    .mainMenu .sub-menu-block {
        padding: 1rem;
    }

    .mainMenu ul.main-nav>li.active>a {
        border-bottom: 1px solid #FFF;
    }

    /* Sub Menu */
    .mainMenu ul.main-nav>li>div.sub-menu-block {
        visibility: hidden;
        background-color: #e8e2e5;
        position: absolute;
        margin-top: 0px;
        /*width: 100%;
  left: 0; */
        width: auto;
        min-width: 12rem;
        color: #333;
        box-sizing: border-box;
        z-index: 11;
        font-size: 16px;
        opacity: 0;
        /*CSS animation applied for sub menu : Slide from Top 

  border-left: 1px solid #e8e2e5;
  border-right: 1px solid #e8e2e5;
  border-bottom: 1px solid #e8e2e5;*/
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        /*
  max-height: calc(100vh - 100px);
  overflow: auto;
*/
    }

    .mainMenu ul.main-nav>li:hover>div.sub-menu-block,
    .mainMenu ul.main-nav>li:focus>div.sub-menu-block,
    .mainMenu ul.main-nav>li:focus-within>div.sub-menu-block {
        background-color: #59405A;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .mainMenu ul.main-nav>li>div.sub-menu-block>* {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
    }

    .mainMenu ul.main-nav>li:hover>div.sub-menu-block>*,
    .mainMenu ul.main-nav>li:focus>div.sub-menu-block>*,
    .mainMenu ul.main-nav>li:focus-within>div.sub-menu-block>* {
        opacity: 1;
    }

    .mainMenu .sub-menu-head {
        font-size: 0.8333rem;
        margin-top: 0;
    }

    .mainMenu ul.main-nav>li ul.sub-menu-lists {
        position: absolute;
        top: auto;
        background-color: #59405A;
        padding: 10px 12px !important;
        margin-top: -36px;
        width: 100%;
        min-width: 12rem;
        list-style-type: none;
    }

    .mainMenu ul.main-nav>li ul.sub-menu-lists>li>a {
        padding: 5px 0;
        display: block;
    }

    .level3-menu .sub-menu-head {
        position: relative;
    }

    .level3-menu .sub-menu-head::after {
        content: " ";
        position: absolute;
        top: 12px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

    .level3-menu ul.sub-menu-lists {
        padding: 5px;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .level3-menu:hover>ul.sub-menu-lists,
    .level3-menu:focus-within>ul.sub-menu-lists {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    /* Drop Down/Up Arrow for Mega Menu */
    .mainMenu ul.main-nav>li>a.mega-menu>span {
        display: block;
        vertical-align: middle;
    }

    .mainMenu ul.main-nav>li>a.mega-menu>span:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #59405A;
        content: '';
        background-color: transparent;
        display: inline-block;
        vertical-align: middle;
    }

    .mainMenu ul.main-nav>li:hover>a.mega-menu span:after,
    .mainMenu ul.main-nav>li:focus-within>a.mega-menu span:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 5px solid #666;
    }

    .mainMenu .banners-area {
        border-top: 1px solid #ccc;
    }
}

/* Navigation Menu End */
/* Media Queries */
@media all and (min-width: 576px) {
    .news-row .card-img-top {
        height: 12.5rem;
        object-fit: cover;
    }
}

@media all and (min-width: 768px) {
    .management-card-details {
        margin-top: 4rem;
    }

    .news-page blockquote .management-card-details {
        margin-top: 2rem;
    }

    .news-row .card-img-top {
        height: 15rem;
        object-fit: cover;
    }
}

@media all and (min-width: 992px) {
    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .header .dropdown-menu li {
        position: relative;
    }

    .header .nav-item .submenu {
        display: none;
        position: absolute;
        top: -7px;
    }

    .header .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .header .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}

@media all and (min-width: 1024px) {
    .resiseContainer {
        width: 65%;
        margin-bottom: 10px;
    }

    .mapcard {
        /*position: absolute;
    margin: 0.5rem;
    padding: 0.5rem;
    top: -4rem;
    right: 0;
    z-index: 1;*/
        background: #FFF;
    }
}

@media all and (min-width: 1200px) {
    .header .mainMenu {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .topMenuIcons {
        margin-top: -0.3rem;
    }

    .news-row .card-img-top {
        height: 12.5rem;
        object-fit: cover;
    }

    /*.license-section  {background-size: auto 75%; }*/
}

@media screen and (max-width: 1359px) and (min-width: 1199px) {
    .topMenuIcons>.topMenuItem {
        padding: 0.15rem;
        font-size: 0.9rem;
    }
}

@media all and (min-width: 1440px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1200px;
    }
}

@media all and (min-width: 1600px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1320px;
    }

    .fixedSetupBtn a {
        padding: 0.75rem 2.5rem;
    }
}

@media all and (min-width: 1920px) {
    html {
        font-size: 18px
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        /*max-width: 1480px;*/
        max-width: calc(1324px + 1.5rem);
    }
}

@media all and (max-width: 1200px) {
    .topMenuIcons>.topMenuItem {
        padding: 0.15rem;
    }
}

@media all and (max-width: 1199px) {
    .homepage-mediaCenter .contentRight {
        text-align: center;
    }
}

@media all and (max-width: 1023px) {
    .header {
        padding: 0.5rem;
        min-height: 120px;
    }

    .menuCol {
        align-self: flex-start;
    }

    .homepage-banner .overlay,
    .banner .overlay {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    /*.homepage-banner .subheading,
.banner .subheading {
    font-size: 1rem;
}
.homepage-banner .heading,
.banner .heading {
    font-size: 1.5rem;
}*/
    .homepage-banner p,
    .banner p {
        /* font-size: 0.815rem; */
        line-height: 1.2rem;
        margin: 1rem 0;
    }

    .slider-btn {
        padding: 1rem 1.5rem;
    }

    .homepage-news,
    .homepage-events {
        background-size: contain;
    }

    .management-page-bg {
        background-size: contain;
    }

    .mainMenu ul.main-nav>li>a {
        color: white !important
    }

    .sub-menu-block,
    .main-nav .top-level-link .sub-menu-block .level3-menu .sub-menu-lists {
        display: none;
    }

    .sub-menu-block.showSubMenu,
    .main-nav .top-level-link .sub-menu-block .level3-menu .sub-menu-lists.showSubMenu {
        display: block;
    }

    .main-nav .top-level-link .sub-menu-block .level3-menu .sub-menu-lists {
        margin-top: 0.5rem;
    }

    .main-nav .top-level-link .sub-menu-block .level3-menu .sub-menu-lists li {
        padding-top: 0.5rem;
    }

    .mainMenu .top-level-link,
    .mainMenu .top-level-link .mega-menu,
    .mainMenu .level3-menu .sub-menu-head {
        position: relative;
    }

    .mainMenu .top-level-link a.mega-menu::before,
    .mainMenu .level3-menu .sub-menu-head::before {
        position: absolute;
        top: 0;
        margin: 0.25rem;
        width: 2rem;
        height: 2rem;
        /*background: #FFF;*/
        text-align: center;
        line-height: 2rem;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: normal;
        content: ' + ';
    }

    .mainMenu .top-level-link[aria-expanded="true"]>a.mega-menu::before,
    .mainMenu .level3-menu[aria-expanded="true"]>.sub-menu-head::before {
        content: ' \2014 ';
        font-size: 1rem;
        font-weight: bold;
    }

    .mainMenu .level3-menu .sub-menu-head::before {
        width: 1.75rem;
        height: 1.75rem;
        line-height: 1.75rem;
        font-size: 1.25rem;
    }

    .mainMenu .level3-menu[aria-expanded="true"]>.sub-menu-head::before {
        font-size: 0.9rem;
    }

    .searchBar {
        top: 132px;
    }
}

@media all and (max-width: 991px) {
    .header .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

    .address-column {
        margin-bottom: 0.75rem;
    }

    .license-tree ul>li>a::before,
    .license-tree>li>a::after,
    .license-tree ul>li>a::after {
        display: none;
    }

    .license-tree ul {
        display: block;
        margin-top: 0rem;
        padding-top: 0rem;
    }
}

@media all and (max-width: 767px) {
    .resiseContainer {
        margin-bottom: 20px;
    }

    .homepage-banner p,
    .banner p {
        display: none
    }

    .map-location {
        font-size: 1rem;
    }

    .bounce-icon {
        height: 2rem;
    }

    .why-qatar .stepBox {
        padding: 0.5rem;
    }
}

@media all and (max-width: 575px) {
    .hp3-blocks .col-container:first-child .hp3-blocks-card {
        border-radius: 4rem 4rem 0 0 !important;
    }

    .hp3-blocks .col-container:last-child .hp3-blocks-card {
        border-radius: 0 !important;
    }

    .topMenuIcons {
        text-align: center !important;
    }

    .setup-btn,
    .topMenuIcons {
        margin-top: 1rem;
    }

    .topMenuIcons>.topMenuItem {
        padding-left: 0.35rem;
        padding-left: 0.35rem;
    }

    .homepage-banner .overlay,
    .banner .overlay {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .license-list li {
        max-width: 100%;
        min-width: 100%;
    }
}

.header.fixed {
    position: fixed;
    top: 0;
    z-index: 6;
    /*border-bottom: 4px solid #59405A;*/
    box-shadow: 0px 3px 6px #00000029;
    width: 100%;
    background: #FFF;
}

.swiper-pagination {
    z-index: 3;
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 4;
}

/* Scroll Button */
.scrollTop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 2.75rem;
    font-size: 1.5rem;
    font-weight: bold;
    top: -1.5rem;
    position: absolute;
    color: #59405A;
    box-shadow: 0 2px 14px 0 rgba(88, 88, 88, 0.1);
    background-color: #e8e2e5;
}

.scrollTop:hover,
.scrollTop:focus {
    color: #e8e2e5;
    box-shadow: 0 2px 14px 0 rgba(88, 88, 88, 0.25);
    background-color: #59405A;
}

/* Accessibility Styles */
#bright-off,
.active #bright-on {
    display: none !important;
}

#bright-on,
.active #bright-off {
    display: block !important;
}

.accessOpen>a>i {
    font-weight: bold;
    font-size: 1.15rem;
}

.skipNav {
    position: absolute;
    top: 5px;
    z-index: 1;
    background: transparent !important;
}

.skipNav .skipLink {
    opacity: 0;
    background: rgb(69 51 70 / 80%);
    padding: 5px 15px;
    border: 0;
    color: #FFF;
}

.skipNav .skipLink:focus {
    opacity: 1;
}

html[dir="ltr"] .skipNav .skipLink.ar,
html[lang="en-US"] .skipNav .skipLink.ar {
    display: none;
}

html[dir="rtl"] .skipNav .skipLink.en,
html[lang="ar"] .skipNav .skipLink.en {
    display: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

*[role="button"]:focus,
a:focus,
button:focus {
    outline: blue solid 2px !important;
}

/* Changes after Development */
.card.ca-card,
.ca-card {
    padding: 0 4rem;
    margin-bottom: 2rem;
    margin-top: 0;
}

.ca-link,
.sector-img {
    position: relative;
    display: block;
}

.sector-img {
    overflow: hidden;
}

.sector-img>img {
    max-height: 18rem;
    width: 100%;
    object-fit: cover;
}

.sector-img::before {
    content: "";
}

.ca-hover,
.sector-img::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
    font-size: 1.22rem;
    background: transparent linear-gradient(to bottom, rgb(89 64 89 / 70%), rgb(125 99 120 / 70%));
}

.ca-link:hover .ca-hover {
    text-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
    text-decoration: underline;
}

.card.my-card,
.my-card .card-body,
.my-card .card-footer {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
}

.card.my-card {
    margin-top: 0;
}

.card.my-card .subheading-title,
.card.my-card .modal-title {
    font-size: 1.44rem;
}

.container-lg .container-lg {
    padding-left: 0;
    padding-right: 0;
}

/*
.inner-page .inner-page.management-page-bg, 
.inner-page .about-banner,
.inner-page + div + .homepage-banner {margin-top: -2rem;}
*/
.inner-page {
    padding-top: 0;
}

.inner-page .main-heading {
    margin-top: 3rem;
}

.inner-page>.container-lg>.news-page {
    padding-top: 2rem;
}

.howTo-blocks a:empty,
.howTo-blocks a[href=""] .icon,
.howTo-blocks a[href=""] i,
.howTo-blocks a[href=""] span,
.footer-body li a:empty,
.howTo-blocks a[href=""],
.footer-body li a[href=""] {
    display: none;
    pointer-events: none;
    user-focus: none;
    user-modify: read-only;
    user-select: none;
}

.news-text ul,
.news-text ol {
    list-style: inherit;
}

.search-box .twitter-typeahead,
.search-box .twitter-typeahead .search-box-input {
    display: block !important;
    width: 100%;
}

.office-blocks .news-row .card,
.office-blocks .news-row .card-body {
    border: 0;
    border-radius: 1.5rem;
    background-color: #FFF;
}

.office-blocks .news-row .card-body {
    padding: 1rem;
}

.office-blocks .news-row .card {
    box-shadow: 0 0.1rem 0.5rem 0.1rem rgb(0 0 0 / 8%);
    margin: 1.5rem 0;
}

.office-blocks .card .news-title {
    color: #59405A;
}

.office-blocks .card-header {
    background: #F9F8F9;
}

.custom-event-mainCol .inner-page {
    padding: 0;
    margin: 0
}

.custom-event-mainCol .inner-page .container-lg {
    max-width: none;
}

.events-search-results,
.news-search-results {
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

.events-search-results .custom-event-col,
.news-search-results .custom-event-col {
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
}

.tt-menu {
    background: rgb(255, 255, 255);
    width: 100%;
    padding: 0.25rem 1rem;
    border: 1px solid #C5C5C5;
    border-top: 0;
    border-radius: 1rem;
}

.field-title {
    margin-bottom: 0.15rem;
}

.bg-brand-light.my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.tab-block .sub-heading.text-start {
    font-size: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.updates-row .card .subheading-title {
    font-size: 1rem;
}

.tab-block .sub-heading-icon.brandColorMedium.font-size-9 {
    font-size: 2.5rem !important;
}

.tab-block .subheading.font-medium.brandColor.my-5,
.subheading1.my-5.results-count {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.updates-row .search-results .subheading.mt-4.mb-0 {
    color: #666666;
    font-size: 1.22rem;
}

.bg-brand-light.my-5.py-2.pb-4 .subheading1.mt-4 {
    margin-bottom: 1.5rem;
}

.bg-brand-light.my-5.py-2.pb-4 .card.my-card .card-body {
    min-height: 8rem;
}

.bg-brand-light.my-5.py-2.pb-4 .card.my-card {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

h3.subheading1.mt-4:empty {
    display: none;
}

.container-lg>.news-page>h3.subheading1.mt-5 {
    margin-top: 0 !important;
}

.bg-brand-light.py-5 .card.my-card .subheading-title {
    font-size: 1.22rem;
}

/* New form styles */
.form-div .form-check .form-check-label.d-block,
.form-div .form-check .form-radio-label.d-block {
    margin-bottom: 0.5rem;
}

.custom-file {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.form-div .form-check .form-check-label input,
.form-div .form-check .form-radio-label input {
    opacity: 1;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    position: relative;
    color: #747474;
}

.form-div .form-check .form-check-label input::before,
.form-div .form-check .form-radio-label input::before {
    position: absolute;
    top: -4px;
    content: '';
    border: 1px solid #c4c4c4;
    background: #FFF;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
}

.form-div .form-check .form-check-label input::before {
    border-radius: 4px;
    width: 24px;
    height: 24px;
}

.form-div .form-check .form-radio-label input::before {
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff inset;
    width: 22px;
    height: 22px;
}

.form-div .form-check .form-check-label input:checked:before {
    content: '\2713';
    border: 1px solid #7D6378;
    color: #fff;
    background: #7D6378;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.form-div .form-check .form-radio-label input:checked:before {
    background: #7D6378;
    border-radius: 50%;
}

.form-div h4,
.form-div .paragraph-title {
    font-size: 1.125rem;
    font-weight: 500;
}

.form-div ul {
    list-style: disc;
}

.form-div li ul {
    list-style: circle;
}

.form-div li ul li ul {
    list-style: square;
}

.field-validation-error,
.error,
.warningMsg i {
    color: red;
}

.warningMsg {
    border: 1px solid red;
    background: #FFF;
    padding: 0.5rem;
    color: #666666;
    border-radius: 0.25rem;
}

.popCol {
    min-width: 50%;
}

.bg-brand-light.py-4 .news-text,
.news-text p {
    font-size: 1rem;
}

.bg-brand-light.my-5.py-2.pb-4 .subheading1.pt-4 {
    font-size: 1.22rem;
}

.news-text.font-size-1 img {
    max-width: 100%;
}

.news-text.font-size-1 img.contactLogo {
    max-width: 7.5rem;
}

h4.sub-heading:blank,
h4.sub-heading:empty {
    display: none;
}

h5.sub-heading {
    font-size: 1rem;
}
.homepage-howToRegNew h2,
.homepage-operatingQfc .main-heading,
.homepage-banner-below .main-heading,
.homepage-successStories .main-heading,
.homepage-businessServices .main-heading,
.homepage-mediaCenter .main-heading,
.homepage-howToRegister .main-heading-o,
.innerpageHeading .main-heading {
    font-size: 1.875rem;
}

.innerpageHeading {
    text-align: center;
}

.innerpageHeading .main-heading {
    font-weight: bold;
}

/* end */
/* button white to light purple */
.btn-outline-grey {
    background-color: #e8e2e5;
    color: #59405A;
    border-color: transparent;
}

.btn-small.btn-outline-grey {
    font-weight: normal;
}

/* end */
@media (min-width: 768px) {

    .events-search-results,
    .news-search-results {
        display: flex;
    }
}

/* End Changes after Development */
.privacy-warning {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background: #59405A;
    border-top: 2px solid #e8e2e5;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 1rem;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
}

.privacy-warning .learnMore,
.privacy-warning .submit {
    display: inline-block;
}

.privacy-warning .learnMore a,
.privacy-warning .submit a {
    cursor: pointer;
}

.privacy-warning .learnMore a:hover,
.privacy-warning .submit a:hover {
    border-color: #FFF;
}

.close-btn {
    position: absolute;
    color: #FFF;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0.5rem;
    margin: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    border-radius: 1rem;
    border: 1px solid #59405A;
}

.close-btn:hover {
    color: #FFF;
    border: 1px solid #FFF;
}

.error-user-exist {
    display: none
}

.SectionCompanyList {
    display: none
}

.disabled {
    pointer-events: none;
}

.hidden {
    display: none;
}

.loader {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255, 255, 255, 0.75);
}

.active-loading {
    display: block;
}

.loading-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-img>img {
    max-width: 4rem;
}

/* custom popup */
.custom-popup {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255, 255, 255, 0.75);
    padding: 1rem;
}

.active-popup,
.active-popin {
    display: flex;
    align-items: center;
    justify-content: center;
}

.closeBtn,
a.closeBtn {
    border: 0;
    position: absolute;
    right: 0;
    top: -0.25rem;
    font-size: 1.66rem;
    line-height: normal;
    background: transparent;
    color: #59405A;
}

html[dir="rtl"] .closeBtn,
html[dir="rtl"] a.closeBtn {
    right: auto;
    left: 0;
}

.closeBtn:hover,
a.closeBtn:hover {
    color: #e8e2e5;
}

.popup-body {
    padding: 1.5rem;
    border-radius: 1rem;
    border: 2px solid #59405A;
    background: #FFF;
    min-height: none;
    position: relative;
}

.popup-content {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    top: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin: auto;
}

@media (max-width: 576px) {
    .popup-content {
        max-width: none;
        margin: 1.75rem auto;
    }
}

@media (min-width: 576px) {
    .popup-content {
        max-width: none;
        margin: 1.75rem auto;
        height: auto;
    }
}

.disabled {
    background-color: #f9f8f9;
    opacity: 0.8;
    color: #666666;
    border: solid 1px rgb(197 197 197 / 80%);
    cursor: default;
    pointer-events: none;
}

input[type="file"].disabled {
    background-color: transparent;
    opacity: 0.8;
    color: #666666;
    border: solid 0px rgb(197 197 197 / 80%);
    cursor: default;
    pointer-events: none;
}

.form-control.error-field,
.form-select.error-field,
.custom-file .custom-file-label.error-field {
    border-color: red;
    color: red;
}

p.incoming,
p.outgoing {
    margin-bottom: 0;
    position: relative;
}

p.incoming::before,
p.outgoing:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 0.5rem;
}

p.incoming::before {
    content: "\f060";
}

p.outgoing:before {
    content: "\f061";
}

.msgCounterIcon {
    position: relative;
    display: inline-block;
    margin-right: 0.5rem;
}

.msgCounterIcon>i {
    font-size: 1.5rem;
}

.msgCounterIcon>.msg-counter {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border: 1px solid #59405A;
    background: #FFF;
    color: #59405A;
    font-size: 12px;
    line-height: normal;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End */
/* Custom Colors and Fonts */
/* Background Overlay Colors (Banners) */
.tint-bg {
    background: transparent !important;
}

.bg-purple-overlay {
    background: transparent linear-gradient(to bottom, rgb(89 64 89 / 70%), rgb(180 162 174 / 70%)) !important;
}

.bg-purple-3-overlay {
    background: rgb(180 162 174 / 70%) !important;
}

.bg-purple-4-overlay {
    background: rgb(232 226 229 / 70%) !important;
}

.bg-darkMode-overlay {
    background: transparent linear-gradient(to bottom, rgb(51 51 51 / 70%), rgb(102 102 102 / 70%)) !important;
}

.bg-grey-overlay {
    background: rgb(102 102 102 / 70%) !important;
}

.bg-off-white-overlay {
    background: rgb(249 248 249 / 70%) !important;
}

.bg-blue-overlay {
    background: rgb(88 135 171 / 70%) !important;
}

.bg-orange-overlay {
    background: rgb(223 118 79 / 70%) !important;
}

.bg-red-overlay {
    background: rgb(247 30 30 / 70%) !important;
}

.bg-green-overlay {
    background: rgb(185 200 140 / 70%) !important;
}

/* Button Colors */
.btn-purple,
.btn-purple-3,
.btn-purple-4,
.btn-darkMode,
.btn-grey,
.btn-off-white,
.btn-blue,
.btn-orange,
.btn-red,
.btn-green {
    border: 0;
}

.btn-purple {
    background: #59405A !important;
    color: #FFF;
}

.btn-purple-3 {
    background: #B4A2AE !important;
    color: #FFF;
}

.btn-purple-4 {
    background: #E8E2E5 !important;
    color: #59405A;
}

.btn-darkMode {
    background: #333333 !important;
    color: #FFF;
}

.btn-grey {
    background: #666666 !important;
    color: #FFF;
}

.btn-off-white {
    background: #F9F8F9 !important;
    color: #59405A;
}

.btn-blue {
    background: #5887AB !important;
    color: #FFF;
}

.btn-orange {
    background: #DF764F !important;
    color: #FFF;
}

.btn-red {
    background: #F71E1E !important;
    color: #FFF;
}

.btn-green {
    background: #B9C88C !important;
    color: #FFF;
}

.btn-purple:hover,
.btn-purple-3:hover,
.btn-purple-4:hover,
.btn-darkMode:hover,
.btn-grey:hover,
.btn-off-white:hover,
.btn-blue:hover,
.btn-orange:hover,
.btn-red:hover,
.btn-green:hover,
.btn-purple:focus,
.btn-purple-3:focus,
.btn-purple-4:focus,
.btn-darkMode:focus,
.btn-grey:focus,
.btn-off-white:focus,
.btn-blue:focus,
.btn-orange:focus,
.btn-red:focus,
.btn-green:focus {
    border: 0;
    opacity: 0.75;
}

/* Background Colors */
.bg-purple {
    background: transparent linear-gradient(to bottom, #59405A, #B4A2AE) !important;
}

.bg-purple-2 {
    background: #59405A !important;
}

.bg-purple-3 {
    background: #B4A2AE !important;
}

.bg-purple-4 {
    background: #E8E2E5 !important;
}

.bg-darkMode {
    background: transparent linear-gradient(to bottom, #333333, #666666) !important;
}

.bg-grey {
    background: #666666 !important;
}

.bg-off-white {
    background: #F9F8F9 !important;
}

.bg-blue {
    background: #5887AB !important;
}

.bg-orange {
    background: #DF764F !important;
}

.bg-red {
    background: #F71E1E !important;
}

.bg-green {
    background: #B9C88C !important;
}

.slider-btn.bg-purple,
.btn-outline-grey.bg-purple,
.btn-outline-white.bg-purple,
.btn-brand.bg-purple,
.slider-btn.bg-purple-3,
.btn-outline-grey.bg-purple-3,
.btn-outline-white.bg-purple-3,
.btn-brand.bg-purple-3,
.slider-btn.bg-purple-4,
.btn-outline-grey.bg-purple-4,
.btn-outline-white.bg-purple-4,
.btn-brand.bg-purple-4,
.slider-btn.bg-darkMode,
.btn-outline-grey.bg-darkMode,
.btn-outline-white.bg-darkMode,
.btn-brand.bg-darkMode,
.slider-btn.bg-grey,
.btn-outline-grey.bg-grey,
.btn-outline-white.bg-grey,
.btn-brand.bg-grey,
.slider-btn.bg-off-white,
.btn-outline-grey.bg-off-white,
.btn-outline-white.bg-off-white,
.btn-brand.bg-off-white,
.slider-btn.bg-blue,
.btn-outline-grey.bg-blue,
.btn-outline-white.bg-blue,
.btn-brand.bg-blue,
.slider-btn.bg-orange,
.btn-outline-grey.bg-orange,
.btn-outline-white.bg-orange,
.btn-brand.bg-orange,
.slider-btn.bg-red,
.btn-outline-grey.bg-red,
.btn-outline-white.bg-red,
.btn-brand.bg-red,
.slider-btn.bg-green,
.btn-outline-grey.bg-green,
.btn-outline-white.bg-green,
.btn-brand.bg-green {
    border: 0;
}

.slider-btn.bg-purple:hover,
.btn-outline-grey.bg-purple:hover,
.btn-outline-white.bg-purple:hover,
.btn-brand.bg-purple:hover,
.slider-btn.bg-purple-3:hover,
.btn-outline-grey.bg-purple-3:hover,
.btn-outline-white.bg-purple-3:hover,
.btn-brand.bg-purple-3:hover,
.slider-btn.bg-purple-4:hover,
.btn-outline-grey.bg-purple-4:hover,
.btn-outline-white.bg-purple-4:hover,
.btn-brand.bg-purple-4:hover,
.slider-btn.bg-darkMode:hover,
.btn-outline-grey.bg-darkMode:hover,
.btn-outline-white.bg-darkMode:hover,
.btn-brand.bg-darkMode:hover,
.slider-btn.bg-grey:hover,
.btn-outline-grey.bg-grey:hover,
.btn-outline-white.bg-grey:hover,
.btn-brand.bg-grey:hover,
.slider-btn.bg-off-white:hover,
.btn-outline-grey.bg-off-white:hover,
.btn-outline-white.bg-off-white:hover,
.btn-brand.bg-off-white:hover,
.slider-btn.bg-blue:hover,
.btn-outline-grey.bg-blue:hover,
.btn-outline-white.bg-blue:hover,
.btn-brand.bg-blue:hover,
.slider-btn.bg-orange:hover,
.btn-outline-grey.bg-orange:hover,
.btn-outline-white.bg-orange:hover,
.btn-brand.bg-orange:hover,
.slider-btn.bg-red:hover,
.btn-outline-grey.bg-red:hover,
.btn-outline-white.bg-red:hover,
.btn-brand.bg-red:hover,
.slider-btn.bg-green:hover,
.btn-outline-grey.bg-green:hover,
.btn-outline-white.bg-green:hover,
.btn-brand.bg-green:hover {
    opacity: 0.75;
}

/* Text Colors */
.text-purple {
    color: #59405A !important;
}

.text-purple-3 {
    color: #B4A2AE !important;
}

.text-purple-4 {
    color: #E8E2E5 !important;
}

.text-darkMode {
    color: #333333 !important;
}

.text-grey {
    color: #666666 !important;
}

.text-off-white {
    color: #F9F8F9 !important;
}

.text-blue {
    color: #5887AB !important;
}

.text-orange {
    color: #DF764F !important;
}

.text-red {
    color: #F71E1E !important;
}

.text-green {
    color: #B9C88C !important;
}

/* Heading sizes */
.h1,
.heading1 {
    font-size: 3.222rem !important;
}

.h2,
.heading2 {
    font-size: 2.666rem !important;
}

.h3,
.heading3 {
    font-size: 1.444rem !important;
}

.h4,
.heading4 {
    font-size: 1.222rem !important;
}

.h5,
.heading5 {
    font-size: 1rem !important;
}

.h6,
.heading6 {
    font-size: 0.833rem !important;
}

/* Text, Paragraph sizes */
.paragraph1,
.textsize1 {
    font-size: 1.444rem !important;
    line-height: 2rem;
}

.paragraph2,
.textsize2 {
    font-size: 1rem !important;
    line-height: 1.444rem;
}

.paragraph3,
.textsize3 {
    font-size: 0.722rem !important;
    line-height: 1rem;
}

.sitecore-form .form-block .form-div .intl-tel-input {
    display: block;
}

/* end */
/* INTRANET */
.main-body {
    padding: 2rem 1.5rem;
}

.intranet-card {
    background-color: #f5f5f5;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.intranet-card .card-footer {
    background: transparent;
}

.intranet-card,
.intranet-card .card-footer {
    border: 0;
    margin-top: 1rem;
}

.intranet-card .card-body,
.intranet-card .card-footer {
    padding: 0;
}

.intranet-card .card-img-top {
    border-radius: 1rem;
}

.main-body .setup-btn {
    margin: 0;
    border: 1px solid #59405A;
}

.main-body h2.main-heading {
    font-size: 1.444rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.main-body .col-container h2.main-heading {
    align-self: flex-start;
}

.intranet-card .card-body .news-date {
    margin-bottom: 0.25rem
}

.carousel-controls,
.carousel-controls button {
    position: relative;
}

.carousel-controls button {
    width: auto;
    margin: 0;
    display: inline-block;
    color: #59405A;
    font-size: 1.5rem;
    opacity: 1;
}

.carousel-controls button:hover,
.carousel-controls button:focus {
    color: #59405A;
    opacity: 0.5;
}

.intranet-card .list-group-flush .list-group-item {
    border: 0;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    background: transparent;
    font-size: 1rem;
    font-weight: bold;
}

.intranet-card .list-group-flush .list-group-item img {
    max-width: 3rem;
}

.contentBoxBody {
    border-top: 1px solid #e8e2e5;
    padding: 1rem 0;
    margin: 0.75rem 0;
}

.filterBox {
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 1.5rem;
    background-color: #fafafa;
}

.filterBox label {
    color: #585858;
    font-weight: bold;
    font-size: 0.833rem;
}

.filterTagsList {
    font-size: 0.833rem;
    color: #59405A;
}

.filterTagsList i {
    color: #d8d8d8;
    font-size: 1.125rem;
    margin-right: 0.25rem;
}

.club-items {
    padding-bottom: 2rem;
}

.club-items .card,
.filterBox .card {
    border: 1px solid #CCC;
    border-radius: 0.75rem;
    background-color: #FFF;
    box-shadow: 0 0.1rem 0.5rem 0.1rem rgb(0 0 0 / 8%);
    padding: 0.5rem 1.5rem;
    width: 100%;
}

.club-items .card {
    border: 0;
    border-radius: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    /*min-height: 10rem;*/
    overflow: hidden;
}

.club-items .card .club-img,
.filterBox .card .club-img {
    /*max-height: 7.5rem;*/
    object-fit: contain;
    margin: auto;
}

.filterBox .card .club-img {
    max-height: 7.5rem;
}

.club-content {
    font-size: 0.833rem;
    color: #59405A;
    margin-bottom: 0.75rem;
}

.club-content h4 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0.75rem 0;
}

.club-content img {
    max-height: 2rem;
}

.club-content p {
    color: #666666;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    font-size: 1rem;
}

.locTag {
    border-radius: 1rem;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    background: #e8e2e5;
    font-weight: bold;
}

.topRightTag {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 0.5rem;
    height: 6rem;
    width: 6rem;
    color: #FFF;
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #59405A 50%, #59405A 100%);
    display: flex;
}

.topRightTag.expTag {
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #b84f44 50%, #b84f44 100%);
}

.topRightTag span {
    display: block;
    padding: 0 0.75rem;
    transform: rotateZ(45deg);
}

.pagination-section nav .pagination {
    display: flex;
    flex-wrap: wrap;
}

/* 20-Sep-2022 */
.intranet-card #intranetNews .ratio-4x3,
.intranet-card #intranetEvents .ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 5 * 100%);
}

.inner-page .club-items .card.p-5 {
    padding: 1rem !important;
}

.inner-page .club-items .card.p-5>.ratio-1x1 {
    --bs-aspect-ratio: calc(3 / 5 * 100%);
}

/* end */
/* 25 Oct 2022 */
.tab-block .club-items .club-content h4 {
    min-height: 2.5rem;
    margin: 0.75rem 0;
    margin-bottom: 0.5rem;
}

/* end */
/* 16 Jan 2023 */
.bottomleftTag,
.topleftTag,
.newTag.topRightTag {
    height: 5rem;
    width: 5rem;
    position: absolute;
    z-index: 3;
}

.newTag.topRightTag {
    justify-content: center;
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #644764 50%, #644764 100%);
}

.newTag.topRightTag.expTag {
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #666666 50%, #666666 100%);
}

.newTag.topRightTag.ofrTag {
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #ea8948 50%, #ea8948 100%);
}

.bottomleftTag,
.topleftTag {
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    padding: 0.5rem;
    color: #FFF;
    background: linear-gradient(to top left, transparent 0%, transparent 50%, #666666 50%, #666666 100%);
    display: flex;
}

.bottomleftTag {
    padding: 1rem;
    top: auto;
    bottom: 0;
    align-items: center;
    background: linear-gradient(to bottom left, transparent 0%, transparent 50%, #ea8948 50%, #ea8948 100%);
}

.bottomleftTag span,
.topleftTag span,
.newTag.topRightTag span {
    font-size: 0.7rem;
    line-height: 1.2;
}

.bottomleftTag span,
.topleftTag span {
    display: block;
    padding: 0 0.75rem;
    transform: rotateZ(-45deg);
}

.bottomleftTag span {
    padding: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: 50% -22.5%;
    -ms-transform-origin: 50% -22.5%;
    -webkit-transform-origin: 45% -22.5%;
    position: absolute;
    top: auto;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    text-align: center;
}

/* End */
@media (min-width: 768px) {
    .card.intranet-card.borderRounded {
        min-height: 26rem;
    }
}

@media (max-width: 767px) {
    .newsImgOverlay-card .overlay .news-text {
        display: none;
    }

    .custom-event-col .newsImgOverlay-card .hp3-blocks-img {
        min-height: 16rem;
    }
}

@media (max-width: 576px) {
    .filterBox .subheading {
        margin-top: 1rem;
    }

    .news-page .filterBox .filterTagsList.row {
        flex-direction: column;
    }

    .news-page .filterBox .filterTagsList.row .col-auto {
        margin-top: 1rem;
    }

    .clubTagsList {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .clubTagsList .locTag {
        margin-bottom: 0.5rem;
    }

    .club-content table {
        width: 100%;
    }
}

.generatedRefNum {
    display: none !important;
}

.generatedRefNumLbl {
    display: none !important;
}

@media print {
    body * {
        visibility: hidden;
    }

    .sitecore-form,
    .sitecore-form * {
        visibility: visible;
    }

    .sitecore-form {
        position: absolute;
        left: 0;
        top: 0;
    }
}

/* END */
/*28-11-2023 css */
.homepage-mediaCenter {
    background-color: #F7F7F7;
}

.homepage-banner-below.echoes-success {
    background-color: #FFFFFF;
}

/*28-11-2023 css  End */
/* 19 June 2024 */
.participants-section {}

.participants-swiper .swiper-slide a {
    /*display: block;
    border: 1px solid #e8e2e5;
    border-radius: 1.5rem;
    background-color: #FFF;*/
    padding: 1.5rem;
    min-height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.11rem;
}

.participants-swiper .swiper-slide {
    text-align: center;
}

.participants-swiper .swiper-slide img {
    width: auto;
    height: 4rem;
    object-fit: contain;
}

.participants-swiper .swiper-slide a span {
    display: block;
    font-size: 1rem;
    margin-top: 0.5rem;
    font-weight: bold;
}

.participants-header {
    display: flex;
    align-items: center;
}

.participants-header img {
    max-height: 3.6rem;
    margin: 0 0.5rem;
    max-height: 4.5rem;
    margin: 0 0.25rem;
    padding: 0.5rem;
    /*border: 1px solid #e8e2e5;
    border-radius: 0.75rem;
    background-color: #FFF;
    box-shadow: 0 0.1rem 0.5rem 0.1rem rgb(0 0 0 / 5%);*/
}

.no-shadow {
    box-shadow: none !important;
}

/*Blog page desing css by Hussain */
.blogPage-section .news-row {
    padding: 0;
    margin: 0;
}

.blogPage-section {
    border-top: 1px solid rgb(180 162 176 / 25%);
}

.blogPage-section .news-row .card {
    margin-top: 0px;
    margin-bottom: 1.5rem;
    border: 1px solid #cccccc;
    background: #f5f5f5;
}

.blogPage-section .news-row .card-body {
    padding: 0 0.5rem;
}

.blogPage-section .news-row .card-footer {
    border-top: 1px solid #cccccc;
    margin: 0.5rem;
    padding-top: 0.5rem;
}

.blogPage-section .accordion-button {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgb(180 162 176 / 25%);
    padding: 0.3rem 0;
    box-shadow: none !important;
    outline: none !important;
    color: #59405A;
    font-weight: 600;
    border-radius: 0;
    margin-top: 1rem;
}

.blogPage-section .accordion-collapse {
    border: none;
}

.blogPage-section .accordion-body {
    padding: 0;
}

.blogPage-section .accordion-body .form-check {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.blogPage-section .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(25%) sepia(4%) saturate(4340%) hue-rotate(249deg) brightness(90%) contrast(82%);
}

.blogPage-section .form-check-input:checked[type=checkbox] {
    background-color: #59405A;
    box-shadow: none;
    outline: none;
    border-color: #59405A;
}

.blogPage-section .news-page .footer-social svg {
    fill: #7d6378;
    margin-top: -3px;
}

.blogPage-section .news-page .footer-social svg:hover {
    fill: #FFFFFF
}

.blogPage-section .news-page .footer-social {
    padding: 0;
    text-align: start;
}

.blogPage-section .news-page .footer-social a {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    margin: 0 0.2rem;
    line-height: 1.5rem;
}

.fs-7 {
    font-size: 0.875rem;
}

/* New home page design by Rakesh */
.homepageHeader {
    position: absolute;
    width: 100%;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.homepageHeader .mainMenu ul.main-nav>li>a {
    color: #FFF;
}

.homepageHeader .mainMenu ul.main-nav>li:hover {
    background-color: #59405A;
}

/*.homepageHeader .setup-btn,
.video-banner .slider-btn {
    background-color: #FFF;
    color: #000;
    border-radius: 0;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 1.2rem;
}

.homepageHeader .setup-btn i,
.video-banner .slider-btn i {
    font-size: 1.5rem;
    color: #DF764F;
}*/
.video-banner .slider-btn,
.howToRegNew-block .slider-btn,
.howToRegNew-block .setup-btn {
    padding: 0.75rem 2rem;
}
.homepageHeader .setup-btn,
.homepageHeader .slider-btn {
    padding: 0.75rem 1.5rem;
    margin: 0 0.5rem;
}

.homepageHeader .setup-btn i,
.homepageHeader .slider-btn i,
.video-banner .slider-btn i,
.howToRegNew-block .slider-btn i,
.howToRegNew-block .setup-btn i {
    display: none;
}

.homepageHeader .topMenuIcons>.topMenuItem {
    color: #FFF;
}

.registerCompanyToast {
    border-radius: 5rem;
    background-color: rgb(30 30 30 / 70%);
    position: absolute;
    z-index: 1;
    top: 10rem;
    color: white;
    padding: 0.25rem 0.5rem;
}

.registerCompanyToast img {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
}

.registerCompanyToast h3,
.registerCompanyToast p {
    margin: 0;
}

.registerCompanyToast h3 {
    font-size: 1.1rem;
}

.registerCompanyToast p {
    font-size: 1rem;
}

.registerCompanyToast a {
    font-size: 2.2rem;
    color: white;
}

.registerCompanyToast a:hover {
    color: #DF764F;
}

.video-banner video {
    height: 100vh;
    object-fit: cover;
    object-position: center;
    background-color: #59405A;
}

.video-banner .video-banner-container {
    position: relative;
}

.video-banner .video-banner-container::after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: calc(100% - 6px);
    top: 0;
    background-color: rgb(0 0 0 / 50%);
}

.video-banner .overlay,
.video-banner .carousel-caption {
    z-index: 1;
    background: none;
}

.newBlocks3 {
    background: #59405A;
    color: #fff;
}

.newBlocks3 .card {
    padding-top: 3rem;
    padding-bottom: 2rem;
    overflow: hidden;
}

.newBlocks3 .card,
.newBlocks3 .card-footer,
.howToRegNew-block .card {
    border-radius: 0;
    background-color: transparent;
    border: 0;
}

.newBlocks3 .card p {
    margin: 0;
}

.newBlocks3 a.readmore-arrow {
    color: rgb(255 255 255 / 35%);
    font-size: 4.4rem;
    line-height: 0;
    transition: all 0.5s;
}

.newBlocks3 a.readmore-arrow:hover {
    color: #FFF;
}

.newBlocks3 .arrow-rotate-45 {
    display: inline-block;
}

.homepage-operatingQfc {
    padding: 3rem 0;
    overflow: hidden;
}

.homepage-operatingQfc .operatingQfc-block {
    position: relative;
}

.homepage-operatingQfc .card {
    margin-bottom: 2rem;
    border: 1px solid #e8e2e5;
    border-radius: 1rem;
    overflow: hidden;
    min-height: 28rem;
}

.homepage-operatingQfc .card .card-img-top {
    object-fit: cover;
}

.homepage-operatingQfc .card h3 {
    font-size: 1.22rem;
}

.homepage-operatingQfc .card p {
    font-size: 0.833rem;
    margin: 0;
}

.homepage-operatingQfc .card h3,
.homepage-operatingQfc .card p {
    color: #333;
}

.homepage-operatingQfc .card .card-footer {
    background: transparent;
    border: 0;
    padding-top: 0;
}

.pagingActions {
    position: relative;
    min-height: 4rem;
    max-width: 7rem;
    margin-top: -2rem;
}

.operatingQfc-swiper-pagination {
    position: relative;
    max-width: 85%;
    margin-top: 2rem;
    background: rgb(232 226 229 / 25%);
}

.operatingQfc-swiper-pagination .swiper-pagination-progressbar-fill {
    background: #e8e2e5;
}

.homepage-operatingQfc .swiper-button-next,
.homepage-operatingQfc .swiper-button-prev {
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #59405A;
    background: #FFF;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
}

.homepage-operatingQfc .swiper-button-next:after,
.homepage-operatingQfc .swiper-button-prev:after {
    font-size: 1rem;
    color: #59405A;
}

.brand-outline-btn {
    padding: 0.75rem 2rem;
    border-radius: 2rem;
    font-size: 0.8333rem;
    margin: .5rem 0;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    border: 1px solid #59405A;
    background: #FFF;
}

.brand-outline-btn:hover {
    background: #59405A;
    color: #e8e2e5;
    text-decoration: underline;
    border-color: #59405A;
}

.homepage-howToRegNew {
    background-color: #f5f5f5;
    padding: 3rem 0;
}

.howToRegNew-block h3 {
    font-size: 1.1rem;
    margin: 1rem 0;
}

.howToRegNew-block p {
    margin: 0;
}

.howToRegNew-block .card p {
    font-size: 0.833rem;
}

.howToRegNew-block h3,
.howToRegNew-block p {
    color: #333;
}

.howToRegNewNumBox {
    font-size: 4.5rem;
    font-weight: bold;
    color: #59405A;
    position: relative;
    margin-top: 3rem;
}

.howToRegNewNumBox::after {
    content: '';
    position: absolute;
    background-color: #f5f5f5;
    top: 0;
    width: 3rem;
    height: 100%;
}

.howToRegNew-block .howToRegNew-col:nth-child(1) .howToRegNewNumBox {
    opacity: 0.6;
}

.howToRegNew-block .howToRegNew-col:nth-child(2) .howToRegNewNumBox {
    opacity: 0.8;
}

.howToRegNew-block .howToRegNew-col:nth-child(3) .howToRegNewNumBox {
    opacity: 1;
}

.homepage-banner-below p,
.homepage-operatingQfc .card p,
.howToRegNew-block .card p {
    font-family: Graphik-Medium-Web !important;
}

@media only screen and (min-width: 1600px) {
    .homepage-operatingQfc .card {
        min-height: 32rem;
    }
}

@media only screen and (min-width: 1200px) {
    .howToRegNew-block {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (min-width: 1024px) {
    .homepageHeader .mainMenu ul.main-nav>li>a.mega-menu>span:after {
        border-top-color: #FFF;
    }

    .homepageHeader .mainMenu ul.main-nav>li:hover>a.mega-menu span:after,
    .homepageHeader .mainMenu ul.main-nav>li:focus-within>a.mega-menu span:after {
        border-bottom-color: #FFF;
    }
}

@media only screen and (max-width: 1023px) {
    .video-banner-container .overlay {
        justify-content: center;
        padding-bottom: 2rem;
    }
     .video-banner-container .overlay .row {
        justify-content: center;
        align-items: center;
        text-align: center;
        /*margin-top: 10rem;*/
     }
    .registerCompanyToast {
        right: auto;
        left: auto;
        margin: 1rem;
        top: 15rem;
    }
}
@media (max-width: 767px) {
    .video-banner-container .overlay p {
        display: block;
    }
    .homepageHeader .setup-btn, .homepageHeader .slider-btn {
        margin-top: 1rem;
    }

}
@media (max-width: 575px) {
    .homepageHeader .topMenuIcons {
        margin-top: 0rem;
    }
}
@media (max-width: 400px) {
    .registerCompanyToast {
        top: 10rem;
    }
}

/* 08 Jan 2024 */
.scrollToDiv {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	height: 2rem;
	width: 2rem;
	margin: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	-webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.scrollToDiv:hover {
	text-decoration: none;
}
@media (max-width: 575px) {
	.scrollToDiv {
        bottom: 120px;
	}
}
#ot-sdk-btn-floating.ot-floating-button {
    width: 60px !important;
    height: 60px !important;
	animation: none !important;
    opacity: 1 !important;
	    border-radius: 100% !important;
    border: 2px solid #FFF;
	    background: #FFF !important;
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 12px;
	bottom: 20px !important;
}
html[lang="en"] #ot-sdk-btn-floating.ot-floating-button {left: 1rem;}
html[lang="ar-QA"] #ot-sdk-btn-floating.ot-floating-button {right: 1rem;}
#ot-sdk-btn-floating .ot-floating-button__front, #ot-sdk-btn-floating .ot-floating-button__back {
    width: 80% !important;
    height: 80% !important;
    margin: 10% !important;
	box-shadow: none !important;
}

@-webkit-keyframes bounce {
  0% {
    transform: translateY(-10px);
	opacity: 0.5;
  }
  50% {
    transform: translateY(20px);
	opacity: 1;
  }
  100% {
    transform: translateY(-10px);
	opacity: 0.5;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-10px);
	opacity: 0.5;
  }
  50% {
    transform: translateY(20px);
	opacity: 1;
  }
  100% {
    transform: translateY(-10px);
	opacity: 0.5;
  }
}

/* Start 03 Feb 2025 */
@media print {
    body * {
        visibility: visible;
    }
	#whatsAppWidgetIcon, #bbody, #onetrust-consent-sdk,
	header.header .menuCol, header.header .setup-btn, header.header .topMenuIcons{
		display: none;
	}
}
/* End */

/*# sourceMappingURL=styles.css.map */