@charset "UTF-8";
@font-face {
  font-family: "qfc-font";
  src: url("web-fonts/QFC-Regular.eot"); /* IE9 Compat Modes */
  src: url("web-fonts/QFC-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("web-fonts/QFC-Regular.otf") format("opentype"), /* Open Type Font */
    url("web-fonts/QFC-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("web-fonts/QFC-Regular.woff") format("woff"), /* Modern Browsers */
    url("web-fonts/QFC-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "qfc-font";
  src: url("web-fonts/QFC-Light.eot"); /* IE9 Compat Modes */
  src: url("web-fonts/QFC-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("web-fonts/QFC-Light.otf") format("opentype"), /* Open Type Font */
    url("web-fonts/QFC-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("web-fonts/QFC-Light.woff") format("woff"), /* Modern Browsers */
    url("web-fonts/QFC-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "qfc-font";
  src: url("web-fonts/QFC-Medium.eot"); /* IE9 Compat Modes */
  src: url("web-fonts/QFC-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("web-fonts/QFC-Medium.otf") format("opentype"), /* Open Type Font */
      url("web-fonts/QFC-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
      url("web-fonts/QFC-Medium.woff") format("woff"), /* Modern Browsers */
      url("web-fonts/QFC-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "qfc-font";
  src: url("web-fonts/QFC-Semibold.eot"); /* IE9 Compat Modes */
  src: url("web-fonts/QFC-Semibold.eot?#iefix") format("embedded-opentype"), /* IE6 - IE8 */
      url("web-fonts/QFC-Semibold.otf") format("opentype"), /* Open Type Font */
      url("web-fonts/QFC-Semibold.ttf") format("truetype"), /* Safari, Android, iOS */
      url("web-fonts/QFC-Semibold.woff") format("woff"), /* Modern Browsers */
      url("web-fonts/QFC-Semibold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}
/* New Font */
@font-face {
    font-family:Graphik-Semibold-Web;
    src:url(web-fonts/Graphik-Semibold-Web.woff2) format("woff2"),
        url(web-fonts/Graphik-Semibold-Web.woff) format("woff");
    font-weight:600;
    font-style:normal;
    font-stretch:normal
}

@font-face {
    font-family:Graphik-Medium-Web;
    src:url(web-fonts/Graphik-Medium-Web.woff2) format("woff2"),
        url(web-fonts/Graphik-Medium-Web.woff) format("woff");
    font-weight:500;
    font-style:normal;
    font-stretch:normal
}

@font-face {
    font-family:Graphik-Regular-Web;
    src:url(web-fonts/Graphik-Regular-Web.woff2) format("woff2"),
        url(web-fonts/Graphik-Regular-Web.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-stretch:normal
}

@font-face {
    font-family:Graphik-Light-Web;
    src:url(web-fonts/Graphik-Light-Web.woff2) format("woff2"),
        url(web-fonts/Graphik-Light-Web.woff) format("woff");
    font-weight:300;
    font-style:normal;
    font-stretch:normal
}

html, html[dir="ltr"], [dir="ltr"] {direction: ltr;}
html[dir="rtl"], [dir="rtl"] {direction: rtl;}
body, body.bodyclass, button, input, optgroup, select, textarea {
    /*font-family: "qfc-font", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;*/
  font-family: Graphik-Regular-Web;
}
.font-bold {font-family:Graphik-Semibold-Web;}
h1, h2, h3, h4, h5, h6, .stepNum {
  /*font-weight: bold;*/
  font-family: Graphik-Medium-Web;
}
.font-normal, .font-regular, .homepage-banner-below p, .news-text,.mainMenu .sub-menu-head {
  /*font-weight: normal;*/
  font-family: Graphik-Regular-Web;
}
.font-light {
  /*font-weight: 300;*/
  font-family:Graphik-Light-Web;
}
.font-medium, .slider-btn, .fixedSetupBtn a, .btn-outline-grey,.hp3-blocks-card .overlay h3, 
.hp-bs-card .overlay h3,.homepage-howToRegister h3, .news-title, .homepage-successStories h3,
.mainMenu ul.main-nav > li > a, .ca-hover, [data-tooltip]:before, blockquote, q,
.btn-outline-white, .btn-brand {
  /*font-weight: 500;*/
  font-family:Graphik-Medium-Web;
}

.header .logo img{object-position: left;}

.searchBar .btn {border-left: 1px solid #e8e2e5}
.fixedSetupBtn {right: 0;}
.fixedSetupBtn a {border-radius: 2rem 0 0 2rem;}
.accessOpen .accessButtons {right: -1rem;}
.accessButtons ul li, .accessButtons ul li a {text-align: left; }
.homepage-banner .swiper-button-next,
.banner .swiper-button-next {
  right: 40%;
}
.homepage-banner .swiper-button-prev,
.banner .swiper-button-prev {
  left: 40%;
} 
.homepage-banner .overlay,
.banner .overlay { 
    background-position: top left;
    text-align: left;
}
.main-heading,
.homepage-howToRegister .main-heading-o,
.homepage-banner .heading,
.banner .heading {
    line-height: 56px; letter-spacing: -0.10px;
}

.main-heading::after {left: 0;}
  .hp3-blocks .col-container:first-child .hp3-blocks-card {border-radius: 4rem 0 0 0;}
   .hp3-blocks .col-container:last-child .hp3-blocks-card {border-radius: 0 4rem 0 0;}
   .hp3-blocks-card .overlay, .hp-bs-card .overlay {left: 0;}
   .hp-ss-bg, .homepage-howToRegister .overlay {background-position: bottom right;}
   .contentRight {text-align: right;}
   .homepage-businessServices, .homepage-news, .homepage-events {background-position: left center;}
.stepNum {left: -1.725rem;}
 .why-qatar .stepNum {left: 0;}
.news-date, .sub-heading-icon {margin-right: 0.5rem;}
.footer .overlay {background-position: right center;}
.scrollTop {right: 3rem;}

.license-section {background-position: bottom left;}

.mainMenu ul.main-nav > li ul.sub-menu-lists {
  margin-left: 13px;
  padding: 0.25rem 0 0 0.5rem;
}
.mainMenu .ic.close, .mainMenu .ic.menu {right: 0;}

.mainMenu .top-level-link, 
.mainMenu .level3-menu .sub-menu-head {padding-right: 1rem;}
.mainMenu .top-level-link a.mega-menu::before,
.mainMenu .level3-menu .sub-menu-head::before  {right: 0;}
.mainMenu .level3-menu .sub-menu-head::before {right: -1rem;}

.businessServices-block .swiper-button-next,
.infoCenter-block .swiper-button-next {right: 0rem; left: auto;}
.businessServices-block .swiper-button-prev,
.infoCenter-block .swiper-button-prev {left: 0rem; right: auto;}

.management-page-bg, .about-section-1 {background-position: top left;}
.about-section-2 {background-position: top right;}

.list-category li {padding-left: 1.5rem;}
.list-category li.active:before {
    margin-left: calc(-2rem + 14px);
    margin-right: 0.5rem;
}
.archiveNews-swiper-button-prev {left: -0.2rem; right: auto;}
.archiveNews-swiper-button-next {right: -0.2rem; left: auto;}
.tabs-result .swiper-button-prev {left: -1.25rem; right: auto;}
.tabs-result .swiper-button-next {right: -1.25rem; left: auto;}

.newsPhotos-block .swiper-button-prev {left: -0.5rem; right: auto;}
.newsPhotos-block .swiper-button-next {right: -0.5rem; left: auto;}

.license-tree ul > li:first-child > a::before {right: -1.25rem; left: auto;}
.license-tree ul > li:last-child > a::before {left: -1.25rem; right: auto;}

.filterButtons > a { margin-right: 0.75rem;}

.illustration-img-1,.illustration-img-2,.illustration-img-3,
.illustration-img-4,.illustration-img-5,.illustration-img-6,
.illustration-img-1:hover,.illustration-img-2:hover,.illustration-img-3:hover,
.illustration-img-4:hover,.illustration-img-5:hover,.illustration-img-6:hover
{background-position: center left;}

.news-text ul, .news-text ol { padding-left: 1.25rem;}
.license-list-item .icon {margin-right: 1rem;}
.license-list li {margin-right: 3rem;}
.license-list .license-list-item {padding-right: 2rem;}
.news-details .news-date i.fa, .news-details .news-date i.icon {margin-right: 0.5rem;}
/*
.news-page blockquote::before {
  left: 0;
  right: auto;
}
*/
blockquote::before, q::before {
  left: 1rem;
  right: auto;
}
.news-tag {border-left: 1px solid #7d6378;}

.quickNav .quickNav-dropdown,
.searchBar #searchClose {right: 0;}

.club-items .club-content h4 {
    margin-right: 3rem;
}

/* Organization Chart */
.org-chart .singleLine .org-head li:before {
    border-right: 0;
    left: 0px;
    right: -1px;
}
.org-chart .doubleLine .org-head li:not(:first-child):before {
    border-left: 0;
    right: calc(50% - 1px);
}
.org-chart .doubleLine .org-head li:first-child:before {
    border-right: 0;
    left: calc(50% - 1px);
}

/* Forms */
.form-div .form-check {padding-left: 0;}
.form-div .form-check input[type=radio]+label,
.form-div .form-check input[type=checkbox]+label {
    padding-left: 2.25rem;
}
.form-div .form-check input[type=radio]+label:before,
.form-div .form-check input[type=checkbox]+label:before,
.form-div .form-check input[type=checkbox]:checked+label:after {
    left: 0;
}
.form-div .form-check input[type=radio]+label:before,
.form-div .form-check input[type=radio]:checked+label:after {
    left: 2px;
}
.custom-file .custom-file-input {
    margin-left: -7rem;
}
.custom-file .custom-file-input::before {
    left: 0;
}
/* Forms End */

@media all and (min-width: 992px) {
.header .nav-item .submenu{ 
    left:100%;
  }
  .header .nav-item .submenu-left{ 
    right:100%; left:auto;
  }
}
@media all and (min-width: 1024px) {
.businessServices-block .swiper-button-next,
.infoCenter-block .swiper-button-next {right: -3rem; left: auto;}
.businessServices-block .swiper-button-prev,
.infoCenter-block .swiper-button-prev {left: -3rem; right: auto;}

    
    .j-col {
        float: left;
    }
    .j-col:nth-child(n+7):nth-child(-n+11),
    .j-col:nth-child(n+19):nth-child(-n+23) {
        float: right;
    }
    .j-col:nth-child(6) .j-content,
    .j-col:nth-child(18) .j-content {
        right: -20%;
        text-align: left;
    }
    .j-col:nth-child(12) .j-content { 
        left: -20%;
        text-align: right;
    }
    .j-col:nth-child(6)::before,
    .j-col:nth-child(18)::before {
        right: -6px;
        left: auto;
    }
    .j-col:nth-child(12)::before {
        left: -6px;
        right: auto;
    }
    .j-col:nth-child(12) {
        margin-left: -2rem;
    }
    .j-col:nth-child(6)::after,
    .j-col:nth-child(18)::after {border-left: 0; border-radius: 0 2rem 2rem 0;}
    .j-col:nth-child(12)::after {border-right: 0; border-radius: 2rem 0 0 2rem;}
    .j-col:nth-child(5)::after {
        left: 0;
        right: auto;
    }
    .j-col:nth-child(6) .j-num::after,
    .j-col:nth-child(18) .j-num::after {
        border-left: 0 solid transparent;
        border-right: 6px solid #644764;
        left: -5px;
        right: auto;
    }
    .j-col:nth-child(12) .j-num::after {
        border-right: 0 solid transparent;
        border-left: 6px solid #644764;
        right: -5px;
        left: auto;
    }

}
@media all and (min-width: 1200px) {
/*.header .mainMenu {margin-left: -2rem; }*/
.header .mainMenu {margin-left: 1rem; margin-right: 1rem; }
}
@media screen and (max-width: 1359px) and (min-width: 1199px) {
/*.header .mainMenu {
    margin-left: -1rem;
} */
}
@media all and (min-width: 1600px) { 
  .hp3-blocks .col-container:first-child .hp3-blocks-card {border-radius: 6rem 0 0 0;}
  .hp3-blocks .col-container:last-child .hp3-blocks-card {border-radius: 0 6rem 0 0;}
  /*.header .mainMenu {margin-left: -3rem; } */
}

@media all and (max-width: 1023px) {
.topMenuIcons {
    text-align: right;
}
.homepage-news, .homepage-events {background-position: bottom left;}
.homepage-banner .swiper-button-next{right: 20%;}
.homepage-banner .swiper-button-prev{left: 20%;} 

  .mainMenu ul.main-nav {
    right: 0px;
  } 
    .j-col:nth-child(even) {
        border-left:  4px solid #644764;
        margin-left: -2px;
        text-align: left;
    }
    .j-col:nth-child(odd) {
        border-right:  4px solid #644764;
        margin-right: -2px;
        text-align: right;
    }
    .j-col:nth-child(even)::before {left: -10px; right: auto;}
    .j-col:nth-child(odd)::before {right: -10px; left: auto;}
    .j-col:nth-child(even) .j-num {
        margin-left: 0;
        margin-right: auto;
    }
    .j-col:nth-child(odd) .j-num {
        margin-left: auto;
        margin-right: 0;
    }
    .j-col:nth-child(odd) .j-num::after {
        border-left: 6px solid #644764;
        left: auto;
        right: -5px;
    }
    .j-col:nth-child(even) .j-num::after {
        border-right: 6px solid #644764;
        left: -5px;
        right: auto;
    }
}
@media only screen and (min-width:1024px) {
.mainMenu .sub-menu-block  { padding-right: 0rem;}
.mainMenu .sub-menu-block .sub-menu-head { padding-right: 2rem;}
.mainMenu .sub-menu-block .level3-menu .level3-menu  .sub-menu-head {
        margin-right: -12px;
  }
.mainMenu ul.main-nav > li ul.sub-menu-lists { left: 100%; 
  padding-left: 20px; 
  margin-left: 1px; 
}
.level3-menu ul.sub-menu-lists {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.level3-menu .sub-menu-head::after {
    right: 1rem;
    border-left: 5px solid #FFF;
  }
  .mainMenu ul.main-nav > li > a.mega-menu > span:after {
    margin-left: 10px;
  }
}

.skipNav .skipLink.ar,
.map-ar {display: none;}

/* New form styles */
.form-div .form-check .form-check-label, 
.form-div .form-check .form-radio-label {
    padding-left: 30px;
}
.form-div .form-check .form-check-label input,
.form-div .form-check .form-radio-label input {
    margin-left: -30px;
}
.form-div .form-check .form-check-label input::before,
.form-div .form-check .form-radio-label input::before {
    left: 0;
    right: auto;
}

/* custom colors and sizes */
.h1, .heading1 {
    line-height: 3.778rem !important;
}
.h2, .heading2 {
    line-height: 3.111rem !important;
}
.h3, .heading3 {
    line-height: 1.889rem !important;
}
.h4, .heading4 {
    line-height: 1.667rem !important;
}
.h5, .heading5 {
    line-height: 1.444rem !important;
}
.h6, .heading6 {
    line-height: 1.278rem !important;
}

/* 19 June 2024 */
@media all and (min-width: 1024px) {
.participants-block .swiper-button-next {right: -3rem !important; left: auto !important;}
.participants-block .swiper-button-prev {left: -3rem !important; right: auto !important;}
}

/* New home page design by Rakesh */
.registerCompanyToast {
    right: 5rem;
    padding-right: 1rem;
}
.registerCompanyToast img {
    margin-right: 1rem;
}
.registerCompanyToast a {
    margin-left: 1rem;
}
.video-banner .video-banner-container::after {
    left: 0;
}
.newBlocks3 .arrow-rotate-45 {
    transform: rotateZ(45deg);
}
.operatingQfc-swiper-pagination {
    margin-left: 8rem;
}
.howToRegNewNumBox::after {
    left: -1.75rem;
    box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
    .homepageHeader .topMenuIcons {
        padding-right: 1rem;
    }
}

/*# sourceMappingURL=stylesEn.css.map */