/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
    background: ;
    margin: 0;
}

html,
body {
    scroll-behavior: smooth;
}



/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

@font-face {
    font-family: 'poppinsB';
    src: url('Poppins-Bold.otf');
}

@font-face {
    font-family: 'poppinsSB';
    src: url('Poppins-SemiBold.otf');
}

@font-face {
    font-family: 'poppinsM';
    src: url('Poppins-Medium.otf');
}

@font-face {
    font-family: 'poppinsR';
    src: url('Poppins-Regular.otf');
}


@font-face {
    font-family: 'latoBL';
    src: url('Lato-Black.ttf');
}

@font-face {
    font-family: 'latoB';
    src: url('Lato-Bold.ttf');
}

@font-face {
    font-family: 'latoR';
    src: url('Lato-Regular.ttf');
}

@font-face {
    font-family: 'latoL';
    src: url('Lato-Light.ttf');
}

/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */

.navbar>.navbar-header,
.navbar>.navbar-collapse {
    margin: 0 !important;
}

.container,
.container-fluid {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar.container {
    max-width: 100%;
}

.row {
    margin: 0;
}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05,
.banner06,
.banner07,
.banner08,
.banner09,
.banner10 {
    padding: 0;
}

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */

#navbar {
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9;
    background: #eaecee;
    border: 0;
    border-radius: 0;
}

.path-frontpage #navbar {
    background-color: transparent;
}

.path-node #navbar,
.path-tenders #navbar,
.path-highlights #navbar,
.path-gallery-meetings #navbar,
.path-gallery-events #navbar,
.path-gallery-visits #navbar,
.path-sitemap #navbar,
.path-aiph0y-chahd5ubeveeg #navbar {
    /*background-color: #092A49;*/
}

.navbar-header {
    background: transparent;
    width: auto;
    height: auto;
    /* padding: 2em; */
    padding: 0;
    margin: 0;
}

.navbar .logo {
    padding: 15px 15px 0;
    margin: 0;
}

.navbar .logo img {
    width: auto;
}

#block-bootstrap-subtheme-main-menu {
    display: ;
}

.navbar-collapse {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 100%;
}

.navbar-nav {
    /* margin: 50px 30px 0 0 !important; */
    margin: 30px 30px 0 0 !important;
    padding: 0;
    text-align: right;
    float: right;
    border-radius: 22px;
    opacity: 0.9;
    background: #EAECEE;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* .navbar-nav {
    margin-top: 0 !important;
} */
.navbar-default .navbar-nav>li {
    margin: 0 0.25em;
    display: inline-block;
    float: none;
    padding: 0;
    background: transparent;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    /*float: left;*/
    font-family: poppinsR;
    font-size: 14px;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #4F4BFF;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-nav .dropdown-menu>li>a {
    font: 14px poppinsR;
    color: #4F4BFF;
    text-transform: capitalize;
    transition: all 0.5s ease;
    text-align: left;
    padding: 5px 10px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #fff !important;
    background-color: #4F4BFF;
}

.navbar-nav .dropdown-menu>li.active>a {
    color: #ffffff;
}

.navbar-default .navbar-nav li.last .dropdown-menu {
    left: auto;
    right: 0;
}

/* ----------------------------------------- */
/* SEARCH */
/* ----------------------------------------- */

/*.searchButton {display: none;}*/

.navbar .search-block-form {
    position: absolute;
    float: right;
    right: 30px;
    top: 8px;
    width: 245px;
    background: transparent;
    border: 0px solid transparent;
    border-radius: 0;
    /*border-bottom: 1px solid #9abcd7;*/
    z-index: 99;
}

/*.path-frontpage .navbar .search-block-form {background: transparent;}*/

.navbar .search-block-form .form-group {
    margin: 0;
}

.navbar .search-block-form .form-group .input-group {}

.navbar .search-block-form .form-group .input-group #edit-keys {
    border-radius: 0;
    position: relative;
    top: 0;
    right: 0;
    background: transparent;
    border-color: transparent;
    color: #fff;
    width: 207px;
    float: right;
    box-shadow: none;
    border-bottom: 2px solid #4F4BFF;
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn {
    background: url("../images/search.png") no-repeat center center;
    width: 34px;
    height: 34px;
    background-size: contain;
    border: none !important;
    border-radius: 0;
    color: #ffffff;
    padding: 0;
}

article[about='/about_bfc'] .content {
    PADDING-LEFT: 15PX;
    PADDING-RIGHT: 15PX;
    letter-spacing: 1px;
    line-height: 1.3;
}

#notfrontwrap .breadcrumb>li.active {
    TEXT-TRANSFORM: CAPITALIZE !IMPORTANT;
}

#notfrontwrap .breadcrumb {
    padding: 10px 15px;
}





#notfrontwrap #page-title {
    MARGIN-LEFT: 15PX !important;
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn .icon {
    opacity: 0;
}

#edit-keys::placeholder {
    font: 14px poppinsR;
    color: #4F4BFF;
}

/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */

.view-jobs .view-empty::after,
.view-tenders .view-empty::after {
    content: "Currently no items are available, please check back later!";
}

a {
    outline: 0 !important;
}

#block-views-block-slick-x-block-main {
    display: none;
}

.region.region-content .content,
.region.region-content .view-content {
    font: 15px poppinsR;
    color: #333333;
    word-spacing: ;
    line-height: 1.75;
}

#notfrontwrap {
    height: auto;
    min-height: 436px;
    /*position: relative;
    bottom: 10px;*/
    background: linear-gradient(rgba(255, 255, 255, .5),
            rgba(255, 255, 255, .5)), url(../images/internal.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 0 1em;
    padding-bottom: 3em;
}

.path-frontpage #notfrontwrap {
    padding-bottom: 0;
}

#notfrontwrap {
    min-height: calc(100vh - 171px);
}

.region-content img {
    margin: 0 10px;
    object-fit: cover;
}

.path-frontpage #ip-wrap {
    display: none;
}

#notfrontwrap ul {
    /*list-style-image: url(../images/list-icon.png);*/
    */ line-height: 25px;
}

#page-title {
    color: #24428e;
    border: 0;
    margin: 0;
}

.region.region-content h1,
.region.region-content h2,
.region.region-content h3,
.region.region-content h4 {
    font-family: poppinsB;
}

.region.region-content h3 {
    color: #3D84B8;
}

.region.region-content h4 {
    color: #80af13;
}

.region.region-content .content ul,
.region.region-content .view-content ul {
    /*list-style-image: url("../images/bullet.png");*/
}

.region.region-content .content li,
.region.region-content .view-content li {
    padding: 6px 0;
}

.region.region-content .content ul li:hover,
.region.region-content .view-content ul li:hover {
    list-style-image: ;
}

.region.region-content .content a,
.region.region-content .view-content a {
    text-decoration: none;
    color: #2e2d2c;
    border-bottom: 1px dotted #2e2d2c;
}

.region.region-content .view-content a {
    border: 0;
}

.region.region-content .content a:hover,
.region.region-content .view-content a:hover {
    color: ;
}

.main-container {}

.path-frontpage #frontpagerowswrap {}

#frontpagerowswrap {}

.path-frontpage #notfrontwrap {
    min-height: 0;
    height: 0 !important;
}

#page-header {}

#contentsectionwrap {}

#contentsection {
    padding: 0;
}

.breadcrumb {
    background: #EEEEEE;
    border-radius: 0;
    font: 14px poppinsR;
    /* margin: 0 -14px 12px; */
    padding: 10px 15px;
}

.breadcrumb li {
    color: ;
}

.breadcrumb li a {
    color: ;
}

.breadcrumb>li+li:before {
    color: ;
}

.breadcrumb>li.active {
    color: #24428e;
}

.dfile a {
    background: url('../images/download.png') no-repeat center center / cover;
    width: 25px;
    height: 25px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border: none !important;
    /*margin: 0 auto;*/
}

.viewp_wrap {
    margin-bottom: 1.5em;
}

.viewp_date {
    font-weight: bold;
    margin-bottom: 5px;
}

.galleryp_image img,
.video-pgallery iframe {
    display: block;
    height: 150px;
    width: 220px;
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto 1em;
}

.galleryp_title {
    text-align: center;
}

.galleryp_title a {
    display: block;
    height: 52.5px;
    overflow: hidden;
}

.highp_title {}

#block-system-main .date-display-single {
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}

.noticep-wrap ul {
    padding-left: 1em;
}

time {
    font-weight: bold;
    margin-bottom: 10px;
}

.mediap_wrap {
    display: flex;
    margin-bottom: 2em;
}

.mediap_img {
    margin-right: 1.5em;
}

.page-node-type-gallery .slick .slick__slide:focus {
    border: 0
}

.form-item,
.form-actions {
    margin: 18px 0;
}

.hiw-no {
    height: 44px;
    width: 44px;
    background: #000;
    display: block;
    margin: 0 auto;
    border-radius: 44px;
    color: #fff;
    line-height: 44px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}

#edit-submitted-email {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin-bottom: 2%;
}

/** Sitemap **/

.sitemap {
    padding: 0 1em;
}

.sitemap-item {}

.sitemap-item ul {
    padding: 0 0 0 1.5em;
    margin: 0 !important;
    float: none;
    text-align: start;
    list-style: disc;
}

.sitemap-item ul li {
    float: none;
    display: list-item;
}

.sitemap-item ul li a {
    text-decoration: none;
    display: initial;
    font: 15px poppinsR;
    color: #333333;
    padding: 0;
}

.sitemap-item ul li a:hover,
.sitemap-item ul li a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap .caret {
    display: none;
}

.sitemap-item ul li ul {
    position: initial;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    background-clip: inherit;
    list-style: circle;
}

.sitemap-item ul li ul li {
    display: list-item;
}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu>li>a {
    text-decoration: none;
    display: initial;
    font: 15px poppinsR;
    color: #333333;
    padding: 0;
}

.sitemap-item ul li ul li a:hover,
.sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu>li>a:hover,
.sitemap-item .navbar-nav .dropdown-menu>li>a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap-item .dropdown-menu>li>a:hover,
.sitemap-item .dropdown-menu>li>a:focus {
    color: #00173C !important;
}

.sitemap-item ul li ul li ul {
    display: none;
}

.sitemap-item ul li ul li.expanded ul {
    display: block;
    list-style: square;
}


/** ... **/


/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */

.section-container {
    padding: 3em 0;
}

.section-heading {
    font: 36px poppinsSB;
    color: #4F4BFF;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.section-heading::before {
    content: "";
    /*display: inline-block;
  position: absolute;
  bottom: 15px;
  left: -19px;*/

    margin-right: -70px;
    margin-bottom: 12px;
}

.white-heading {
    color: #fff;
}

.section-para {
    font: 14px poppinsR;
    color: #1E1E1E;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 2em;
}

.section-btn {
    display: block;
    width: 125px;
    background-color: #4F4BFF;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    font: 15px poppinsR;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    transition: all 0.6s ease-in-out;
}

.section-btn:hover,
.section-btn:focus,
.section-btn:active {
    background-color: transparent;
    color: #4F4BFF;
    border-color: #4F4BFF;
    text-decoration: none;
}

.section-col a {
    text-decoration: none;
}

.slick--skin--boxed .slide__content {
    margin: 0px;
    border-radius: 0;
    background-color: transparent;
    border: unset;
    border-bottom: unset;
}

.slick--skin--boxed .slide__content:hover {
    box-shadow: none;
    border-color: unset !important;
}

.slick--skin--boxed-carousel .slide__caption {
    padding: 0;
}

.slick-dots {
    display: none !important;
}

/*.path-node #block-views-block-what-we-do-block-1,
.path-tenders #block-views-block-what-we-do-block-1,
.path-highlights #block-views-block-what-we-do-block-1,
.path-gallery-meetings #block-views-block-what-we-do-block-1,
.path-gallery-events #block-views-block-what-we-do-block-1,
.path-gallery-visits #block-views-block-what-we-do-block-1,
.path-sitemap #block-views-block-what-we-do-block-1{
    display: none;
}*/

/*#block-views-block-what-we-do-block-1*/

#backtotop {
    bottom: 90px;
    height: 50px;
    width: 50px;
    border-radius: 10px;
}

/* ----------------------------------------- */
/* BANNER 1 MAIN BANNER */
/* ----------------------------------------- */

#site-b01 {
    position: relative;
    top: -106px;
}

.main-banner {
    position: relative;
}

.banner-image img {
    width: 100%;
}

.banner-tagline-wrap {
    position: absolute;
    left: 10%;
    bottom: 17%;
    /* top: 50%;
    transform: translateY(-50%);
    left: 5%; */
    text-transform: uppercase;
}

.banner-tagline-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    text-transform: uppercase;
    top: unset;
    transform: unset;
    bottom: 17%;
}

.banner-tagline1 {
    font: 65px poppinsB;
    color: #1E1E1E;
}

.banner-tagline1 {
    font: 65px/42px poppinsB;
}

.banner-tagline2 {
    font: 75px poppinsB;
    /* color: #232097; */
    color: #B80C0C;
}

.bnr-readmore {
    width: 159px;
    height: 28px;
    background: #232097;
    border: 1px solid transparent;
    color: #fff !important;
    font: 400 14px 'poppinsR', sans-serif;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: all 0.4s ease;
    animation: 2s slide-right 2.2s forwards;
    transform: translateX(-175%);
}

.bnr-readmore:hover,
.bnr-readmore:focus {
    background: transparent;
    border: 1px solid #232097;
    color: #232097 !important;
    text-decoration: none;
}

@media screen and (min-width: 767px) {
    .banner-tagline1 {
        animation: 0.7s slide-right 0.5s forwards;
        transform: translateX(-175%);
    }
}

@media screen and (min-width: 767px) {
    .banner-tagline2 {
        animation: 0.7s slide-right 1s forwards;
        transform: translateX(-175%);
    }

    .bnr-readmore {
        animation: 0.7s slide-right 1.5s forwards;
        transform: translateX(-300%);
    }
}

@keyframes slide-right {
    to {
        transform: translateX(0);
    }
}

/* ----------------------------------------- */
/* BANNER 2 - OVERVIEW */
/* ----------------------------------------- */

#block-banner2overview {
    margin-top: -106px;
}

#block-banner2overview {
    margin-top: 0 !important;
}

#section-overview {
    padding: 4em 3em;
}

#section-overview .section-heading {
    justify-content: flex-start;
}

.row-flex {
    display: flex;
    align-items: center;
}

#section-overview .oheading {}

#section-overview .oheading::before {
    content: unset !important;
}

/* .oheading::before {
    background: url("../images/O.png") no-repeat;
    height: 86px;
    width: 78px;
} */

#section-overview .section-heading {
    text-align: left;
}

.overview-left {
    padding-right: 8em;
}

.overview-icon {
    text-align: center;
    margin-bottom: 0.75em;
}

.overview-icon img {
    transition: all 0.6s ease-in-out;
}

.overview-box:hover .overview-icon img {
    transform: scale(1.1);
}

.overview-title {
    font-family: poppinsR;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
    color: #000;
}

.overview-right>.row>div {
    margin-bottom: 2em;
}

/* ----------------------------------------- */
/* BANNER 2 - INTRODUCTION */
/* ----------------------------------------- */
/* tyb */
#site-b01 {
    top: unset;
    position: unset;
}

.path-frontpage #navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

03228888858 03004134913 waqar shahab 03214150545 waseem bhatti .path-frontpage #navbar.sticky {
    position: sticky;
    /* When it becomes sticky */
    top: 0;
}

#section-overview.overview-override {
    background: url(../images/section02_bg.png) no-repeat center center /cover;
    background-attachment: fixed;
}

#section-overview.overview-override .section-heading {
    display: block;
    text-align: center;
    margin: 0 0 36px;
    color: #232097;
    ;
}

#section-overview.overview-override .section-heading>span {
    color: #454545;
}

.section-subheading {
    font: 42px 'poppinsSB', sans-serif;
    color: #232097;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 12px;
}

.text-fill {
    background: #4F4BFF;
    color: #fff;
    font: 20px 'poppinsSB', sans-serif;
    text-transform: uppercase;
    width: fit-content;
    margin: 0 auto 24px;
    padding: 0.25em 4em;
}

.text-primary {
    font: 20px 'poppinsSB', sans-serif;
    color: #232097;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.text-default {
    color: #1E1E1E;
    font: 24px/31px 'poppinsR', sans-serif;
    text-align: center;
    padding: 0 5em;
    margin: 0 0 24px;
}

.bfc-btn {
    display: block;
    border-radius: 5px;
    background: #4F4BFF;
    color: #fff;
    font: 14px 'poppinsR', sans-serif;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 16px;
}

.knowledge-btn .section-btn {
    width: 180px;
    margin: 0 auto;
}

.second-btn-bfc .section-btn,
.footer-btn-bfc .section-btn {
    width: 197px;
}

.footer-btn-bfc {
    margin-top: 3em;
}

.wrapper-fc-btn {
    display: flex;
    justify-content: center;
}


.banner06 .knowledge-btn .section-btn {
    margin: unset;
}

.second-btn-bfc {
    MARGIN-LEFT: 2EM;
}

#section-overview.overview-override .section-heading::before {
    content: unset;
}

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

.block-item {
    display: block;
}

/* ----------------------------------------- */
/* BANNER 3 - FLAGSHIP SERVICES */
/* ----------------------------------------- */

.section-flagship {}

.flagship-top {
    background: url("../images/flagship.jpg") no-repeat center center/cover;
    height: 389px;
    padding: 3em;
}

.fheading::before {
    background: url("../images/F.png") no-repeat;
    height: 89px;
    width: 58px;
    margin-right: -59px;
    margin-bottom: 14px;
}

.flagship-content {
    margin-top: -139px;
    padding: 0 6em;
}

.flagship-box {
    width: 564px;
    max-width: 100%;
    height: 278px;
    margin: 0 auto;
    border-radius: 6px;
    background: #E9F0FB;
    padding: 2em;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease-in-out;
    position: relative;
}

.flagship-box:hover {
    border-radius: 6px;
    background: var(--Main-Color, #4F4BFF);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.flagship-items {
    display: flex;
    align-items: flex-end;
}

.fi-left {
    padding-right: 2em;
}

.f-para {
    min-height: 125px;
}

.business-image {
    overflow: hidden;
}

.business-image>img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 260px;
    float: left;
    transition: all 0.6s ease-in-out;
}

.business-image img:hover {
    transform: scale(1.1);
}

.f-title {
    color: #4F4BFF;
    font-family: poppinsR;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flagship-box:hover .f-title,
.flagship-box:hover .f-para {
    color: #fff;
}

.f-para {
    margin-bottom: 0;
}

.flagship-box:hover .f-icon img {
    filter: brightness(0) invert(1);
}

.f-btn a {
    display: inline-block;
    height: 47px;
    width: 65px;
    background: url("../images/Group 65.png") no-repeat;
    position: absolute;
    bottom: -8px;
    right: -4px;
}

.flagship-box:hover .f-btn a {
    background: url("../images/Group 15.png") no-repeat;
}


/* ----------------------------------------- */
/* BANNER 4 - STARTING A BUSINESS */
/* ----------------------------------------- */

#section-business {
    padding: 4em 0;
}

.bheading::before {
    background: url("../images/S.png") no-repeat;
    height: 70px;
    width: 51px;
    margin-right: -49px;
    margin-bottom: 14px;
}

.business-items {
    display: flex;
    align-items: center;
}

.bi-1 {
    margin-bottom: 4em;
}

.business-item {
    width: 50%;
    padding: 0 4em;
}

.business-title {
    color: #000;
    font-family: poppinsSB;
    font-size: 24px;
}

.business-image {
    text-align: right;
}

.bi-2 .bi-left {
    order: 2;
}

.business-btn {
    color: #4F4BFF;
    font-family: poppinsR;
    font-size: 16px;
}

.business-btn a {
    text-decoration: none;
}

.business-btn img {
    margin-left: 6px;
}


/* ----------------------------------------- */
/* BANNER 5 - FACILITATION SERVICES */
/* ----------------------------------------- */

#section-fservices {
    background-color: #4F4CFF;
    padding: 4em;
}

.fsheading {
    color: #fff;
}

.fservices-items {
    display: flex;
    justify-content: space-around;
    padding: 0 5em;
}

.fservices-items a {
    text-decoration: none;
}

.fservices-item {
    width: 221px;
    height: 442px;
    border-radius: 4px;
    opacity: 0.9;
    background: #6B67F9;
    backdrop-filter: blur(2px);
    padding: 2em 0;
    position: relative;
}

.fservices-item::after {
    content: "";
    background-color: #ECEDFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0%;
    z-index: -1 !important;
    -webkit-transition: 0.2s height;
    transition: 0.4s height;
    border-radius: 4px;
}


.fservices-item:hover::after {
    height: 100%;
}

.fservice-icon {
    padding: 0 20px;
}

.fservice-title {
    color: #fff;
    font-family: poppinsM;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid #4F4CFF;

    /*    padding: 0 20px 10px;*/
    /* padding: 0 0 10px; */
    /*    margin: 10px 0;*/
    margin: 10px 20px;
    padding: 12px 0;
    transition: all 0.5s ease-in-out;
}

.fservice-list-wrap {
    padding: 0 20px;
}

.fservice-list {
    color: #fff;
    font-family: poppinsR;
    font-size: 16px;
    padding: 12px 0;
    border-bottom: 1px solid #4F4CFF;
    transition: all 0.5s ease-in-out;
}

.fservice-list:last-of-type {
    border: 0;
}

.fservices-item:hover .fservice-title,
.fservices-item:hover .fservice-list {
    color: #4F4BFF;
}

/* tyb */
.fservices-items {
    flex-wrap: wrap;
    column-gap: 30px;
}

.fservices-item {
    width: 100%;
}

.fservices-items a {
    display: block;
    width: calc(33.33% - 30px);
    max-width: 337px;
    margin-bottom: 30px;
}

.fheading::before {
    background: transparent;
}

/* ...........................
Contact us Page 
......................... */

/* ----------------------------------------- */
/* Contact Us Page Code-  */
/* ----------------------------------------- */


.page-node-type-contact-us- h1#page-title {
    overflow: hidden;
    font-family: 'latoB';
    color: white;
    background-position: 100%;
    margin-left: unset;
    margin-right: unset;
    height: 339px;
    width: 100%;
    /* background: url(/system/files/Reskill%20web_contact%20us%20page-64.png) no-repeat center center fixed; */
    background-color: #4F4CFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -5em;
}




.page-node-type-contact-us- #page-title>span {
    position: relative;
    font-family: 'latoB';
    font-size: 36px;
}

.page-node-type-contact-us- h1#page-title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    font-family: 'latoB';
}


/* ----------------------------------------- */
/* Contact Us Div Contact Section Footer Above-  */
/* ----------------------------------------- */

/* Footer Above Section */
/* .......................................... */
.container_above {
    width: 80%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    /* margin-bottom: 2em; */
    border-radius: 10px;
    /* opacity: 0.8; */
}

p.address_above {
    font-family: 'latoR';
    color: #808080;
}

.address_above,
.contact_above,
.email_above {
    font-family: 'latoR';
    font-size: 16px;
    color: #808080;
}

.footer_above {
    display: flex;
    justify-content: space-between;
    margin-top: -4em;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    /* position: absolute;
    top: -41%;
    bottom: 50%;
    right: -1%;
    z-index: 999;
    width: 100%; */
}

.container_above {
    position: relative;
    padding: 0;
}

.column_above {
    width: 33%;
    border-bottom: 4px solid #7263BD;
    padding: 7em 5em 7em 5em;
    margin: 2em;
    background-color: #E0E1E1;
    text-align: center;
    /* margin: 0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
}

.organization_above {
    font-family: 'latoB';
    font-size: 21px;
    color: black;
    text-align: center !important;
}

.column_above img {
    width: 55px;
    height: 55px;
    margin: 0.5em;
}

.address_above,
.contact_above,
.email_above {
    font-family: 'latoR';
    font-size: 16px;
    color: #4D4D4D;
}

.icon_above {
    width: 20px;
    height: 20px;
}

.news-btn .section-btn {
    margin-top: 3em !important;
}

/* End of Footer Contact us section*/

.footer-logo img {
    width: 200px;
}






/* ---------------------End Contact us-------------------- */

/********************************* Site Popup ***********************************/

.spb-popup-main-wrapper {
    /*width: 55%;*/
    width: 48%;
    top: 50%;
    transform: translateY(-50%);
}

.spb_top_center {
    left: 25%;
}

#popup-img h3 {
    font: 36px poppinsSB;
    color: #4F4BFF;
    text-align: center;
    text-transform: uppercase;
}

#popup-img p {
    /*font: 400 22px 'poppinsR', sans-serif;
  color: #1e1e1e;*/
    font: 28px poppinsR;
    color: #4F4BFF;
    text-align: center;
    margin: 40px 0;
}

#popup-img p span {
    font: 30px poppinsSB;
    display: inline-block;
    margin-top: 10px;
}

#block-bfcinaugurationpopup a {
    text-decoration: none;
}

#block-banner6ourcentersheading .section-heading::before {
    display: none;
}

#block-bfcinaugurationpopup {
    display: none;
}

/* ----------------------------------------- */
/* BANNER 6 - SEZs*/
/* ----------------------------------------- */

#block-banner6ourcentersheading {
    padding-top: 4em;
}

#section-sezs {
    padding: 4em 0 0;
}

.seheading::before {
    background: url("../images/L.png") no-repeat;
    height: 89px;
    width: 50px;
    margin-right: -51px;
    margin-bottom: 14px;
    opacity: 0.3;
}

/* tyb */
.contact-us-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-us-row .section-heading {
    margin: 0 0 24px;
    text-align: left !important;
    display: block;
}

.contact-us-row .section-heading::before {
    content: unset;
}

.contact-us-row .section-heading {
    margin: 0 0 12px;
}

#section-sezs {
    padding: 0;
}

.tagline {
    font: 400 24px 'poppinsSB', sans-serif;
    color: #1E1E1E;
}

.address-block {
    list-style: none;
    margin: 0;
    padding: 0;
}

.address-block>li {
    font: 400 14px 'poppinsR', sans-serif;
    color: #1e1e1e;
    margin: 0 0 18px;
    position: relative;
    padding-left: 41px;
}

.contactus-text-wrap {
    padding: 0 0 0 30px;
}

.address-block>li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.address-block>li.location::before {
    width: 21px;
    height: 21px;
    background: url(../images/location-icon.png) no-repeat center center;
}

.address-block>li.timings::before {
    width: 18px;
    height: 18px;
    background: url(../images/time-frame-icon.png) no-repeat center center;
}

.address-block>li.phone::before {
    width: 18px;
    height: 13px;
    background: url(../images/phone.png) no-repeat center center;
}

.address-block>li.email::before {
    width: 18px;
    height: 13px;
    background: url(../images/email-icon.png) no-repeat center center;
}

.address-block>li.phone::before {
    width: 14px;
    height: 16px;
    background: url(../images/phone-icon.png) no-repeat center center;
}

#quicktabs-business_facilitation_centers .quicktabs-tabs li {
    display: block;
}

#quicktabs-business_facilitation_centers {
    display: flex;
    justify-content: space-between;
    /*  align-items: center;*/
}

#quicktabs-container-business_facilitation_centers {
    width: 100%;
}

.quicktabs-tabs {
    /*  width: 30%;*/
}

#quicktabs-business_facilitation_centers .quicktabs-tabs {
    margin-top: 0;
    height: calc(100vh - 181px);
    background-color: #EAECEE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2em;
    margin: 0;
}

.quicktabs-tabs li {
    padding: 12px 0 !important;
}

.quicktabs-tabs li a {
    font: 20px poppinsM;
    color: #000;
}

.quicktabs-tabs li.active a {
    color: #4F4BFF;
}

#section-sezs iframe {
    height: 429px !important;
}

.contact-us-row>div:last-child {
    padding: 0;
}

/* ----------------------------------------- */
/* BANNER 7 -  */
/* ----------------------------------------- */


/* ----------------------------------------- */
/* BANNER 8 -  */
/* ----------------------------------------- */


/* ----------------------------------------- */
/* FOOTER  */
/* ----------------------------------------- */

#section-footer,
#section-footer a {
    font: 15px barlowM;
    color: #00173c;
    text-decoration: none;
}

.footer-top {
    background-color: #ff5e15;
    padding: 10px 0;
    text-align: center;
}

.footer-links a {
    margin: 0 15px;
}

.footer-bottom {
    background-color: #4F4BFF;
    padding: 10px 1em;
}

.footer-bottom,
.footer-bottom a {
    font: 14px poppinsR;
    color: #fff !important;
}

.power-sec {
    text-align: right;
}

/* ----------------------------------------- */
/* MEDIA QUERIES  */
/* ----------------------------------------- */

/*@media only screen and (min-width: 1366px){

    body {
      max-width: 1366px;
      margin: 0 auto;
    }
}*/
@media screen and (max-width: 1024px) {
    .navbar-nav {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 992px) {
    .banner-tagline-wrap {
        transform: translateY(-25%);
    }

    .contact-us-row>div {
        width: 50%;
    }

    .fservices-items {
        padding: 0;
    }

    .text-default {
        padding: 0;
    }
}

@media screen and (max-width: 840px) {
    .fservices-items a {
        width: calc(50% - 30px);
    }
}

@media only screen and (max-width: 767px) {
    .path-frontpage #navbar {
        position: unset;
        background: #eaecee;
    }

    .fservices-items a {
        width: calc(100%);
        margin: 0 auto;
    }

    .contact-us-row>div {
        width: 100%;
    }

    .banner-tagline2 {
        font: 65px poppinsB;
    }

    #navbar {
        background-color: ;
    }

    .navbar-header {
        padding: 0.5em;
    }

    .navbar .logo {
        width: 77%;
    }

    .navbar .logo img {
        width: 96%;
    }

    .navbar-nav {
        margin: 0 !important;
        float: left;
        text-align: left;
        width: 100%;
        border-radius: 0;
        box-shadow: unset;
    }

    .navbar-default .navbar-nav>li {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px !important;
        margin: 0px !important;
        display: block;
        width: 100%;
    }

    .navbar .search-block-form {
        position: unset;
        /*        margin-bottom: 15px;*/
        background-color: #EAECEE;
        width: 100%;
        padding-bottom: 1em;
    }

    .section-heading {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .section-para {
        font-size: 14px;
    }

    .section-btn {
        width: 100px;
        font-size: 12px;
        padding: 0.8em 0;
    }

    #site-b01 {
        position: initial;
        margin: 0;
    }

    #block-banner2overview {
        margin-top: 0;
    }

    #section-overview {
        padding: 2em 0;
    }

    .row-flex {
        display: block;
    }

    .overview-left {
        padding-right: 0;
        margin-bottom: 3em;
    }

    .overview-box {
        margin-bottom: 3em;
    }

    .flagship-top {
        padding: 2em 0;
    }

    .flagship-content {
        margin-top: -200px;
        padding: 0;
    }

    .second-btn-bfc {
        MARGIN-LEFT: 0EM;
        margin-top: 2em;
    }

    .wrapper-fc-btn {
        display: block !important;
        width: 100%;
    }

    .second-btn-bfc .section-btn,
    .footer-btn-bfc .section-btn {
        width: 178px;
    }

    .banner06 .knowledge-btn .section-btn {
        margin: 0 auto;
        margin-bottom: 2em;
    }

    .flagship-items {
        align-items: flex-start;
    }

    .flagship-box {
        margin-bottom: 3em;
        height: auto;
    }

    #section-business {
        padding: 1em 0 4em;
    }

    .business-items {
        flex-wrap: wrap;
    }

    .business-item {
        width: 100%;
        padding: 0 1em;
    }

    .bi-1 .bi-left,
    .bi-2 .bi-left {
        order: 2;
    }

    .business-image {
        margin-bottom: 1em;
    }

    .fservices-items {
        display: block;
    }

    .fservices-item {
        height: auto;
        min-height: 350px;
        width: 100%;
        margin-bottom: 2em;
    }

    .footer-bottom,
    .footer-bottom a {
        font-size: 13px;
    }

    .footer-bottom,
    .power-sec {
        text-align: center;
    }

    .map-wrap iframe {
        height: 275px;
    }

    .sitemap-item ul li ul li a,
    .sitemap-item .navbar-nav .dropdown-menu>li>a {
        white-space: normal;
    }

    /* customization */
    .flagship-items {
        flex-direction: column-reverse;
        justify-content: center;
        align-content: center;
    }

    .flagship-items>div {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .flagship-items>.fi-right {
        margin-bottom: 2em;
    }
}

@media screen and (max-width: 640px) {
    #section-sezs {
        padding: 2em 0 0;
    }

    .contact-us-row>div {
        padding: 0;
    }

    #section-fservices {
        padding: 1em;
    }

    .section-subheading {
        font: 36px 'poppinsSB', sans-serif;
    }

    .contact-us-row>div:first-child {
        padding: 0 15px;
    }

    .banner-tagline-wrap {
        top: 0;
        transform: unset;
    }

    .text-fill {
        margin: 0 10px 24px;
    }

    .banner-tagline1 {
        font: 55px poppinsB;
    }

    .banner-tagline2 {
        font: 65px poppinsB;
    }
}

@media screen and (max-width: 480px) {
    .banner-tagline-wrap {
        left: 4%;
    }

    .banner-tagline1 {
        font: 40px poppinsB;
    }

    .banner-tagline2 {
        font: 30px poppinsB;
    }
}

/********** About us new ***********/

.page-node-type-about-us .content {
    PADDING-LEFT: 15PX;
    PADDING-RIGHT: 15PX;
    letter-spacing: 1px;
    line-height: 1.3;
}


.page-node-type-about-us .breadcrumb {
    display: none;
}

#notfrontwrap {
    padding: 0;
}

.page-node-type-about-us #notfrontwrap #page-title {
    margin-left: 0 !important;
}

.page-node-type-about-us #notfrontwrap {
    min-height: calc(100vh - 178px);
    overflow: hidden;
}

.page-node-type-about-us h1 {
    background: url("../images/page-header.jpg") no-repeat center center;
    height: 371px;
    text-align: center;
    color: #fff !important;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}




.page-node-type-about-us h1#page-title {
    overflow: hidden;
    font-family: 'latoB';
    color: white;
    background-position: 100%;
    margin-left: unset;
    margin-right: unset;
    height: 164px;
    width: 100%;
    /* background: url(/system/files/Reskill%20web_contact%20us%20page-64.png) no-repeat center center fixed; */
    background-color: #4F4CFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




.page-node-type-about-us #page-title>span {
    position: relative;
    font-family: 'latoB';
    font-size: 36px;
}

.page-node-type-about-us h1#page-title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    font-family: 'latoB';
    margin-bottom: 1em;
}




/********** CONTACT US ***********/

.page-node-type-contact-us- .breadcrumb {
    display: none;
}

a.contactus-title:hover {
    text-decoration: none;
}

#notfrontwrap {
    padding: 0;
}

.page-node-type-contact-us- #notfrontwrap #page-title {
    margin-left: 0 !important;
}

.page-node-type-contact-us- #notfrontwrap {
    min-height: calc(100vh - 178px);
    overflow: hidden;
}

.page-node-type-contact-us- h1 {
    background: url("../images/page-header.jpg") no-repeat center center;
    height: 371px;
    text-align: center;
    color: #fff !important;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-node-type-contact-us- .btn-primary {
    color: #fff;
    background-color: #FB9904;
    border-color: #FB9904;
    border-radius: 10px;
}

.contact-wrap {
    margin-top: -5em;
    padding: 0 6em;
    margin-bottom: 5em;
}

.contact-box {
    height: 255px;
    width: auto;
    background: #E0E1E1;
    margin: 0 auto;
    text-align: center;
    padding: 4em 3em;
}

.contact-body a {
    font: 14px latoR;
    color: #3e404f;
    font-weight: bold;
}

.cb1,
.cb3 {
    border-bottom: 3px solid #4F4CFF;
}

.cb2 {
    border-bottom: 3px solid #4F4CFF;
}

.contact-title {
    font: 20px latoB;
    color: #3e404f;
    margin-bottom: 0.5em;
}

.contact-body {
    font: 14px latoR;
    color: #3e404f;
    letter-spacing: 1px;
    line-height: 1.3;
    font-weight: bold;
}

#webform-submission-contact-us-node-7-add-form {
    background: #DFE0E0;
    margin: 0;
    padding: 0em 8em 2em 8em;
}

#webform-submission-contact-us-node-7-add-form .form-control {
    background-color: #fff;
    border: 1px solid #fff;
}

#webform-submission-contact-us-node-7-add-form .form-control::placeholder {
    font: 18px latoR;
    color: #808080;
}

#webform-submission-contact-us-node-7-add-form .panel-title {
    display: none;
}

#webform-submission-contact-us-node-7-add-form .panel-heading {
    padding: 0;
    border: 0;
}

#webform-submission-contact-us-node-7-add-form .panel-body {
    padding: 0;
}

#webform-submission-contact-us-node-7-add-form .panel-default {
    background: transparent;
    border: 0;
    box-shadow: unset;
}

#webform-submission-contact-us-node-7-add-form .webform-heading {
    font: 40px latoB;
    color: #4F4CFF;
}

#webform-submission-contact-us-node-7-add-form .form-item,
.form-actions {
    margin: 18px 0;
}

@media only screen and (max-width: 1225px) {

    .stats-box {
        padding: 0 2em;
    }

    .stats-body {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1180px) {

    .navbar .logo img {
        width: 400px;
    }

    .learning-wrap {
        padding: 3em 0;
    }
}

@media only screen and (max-width: 1101px) {

    .navbar-default .navbar-nav>li {
        margin: 0;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1085px) {

    #navbar {
        padding: 0 1em !important;
    }

    .navbar .logo img {
        width: 370px;
    }
}

@media only screen and (max-width: 955px) {


    .navbar-nav {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 767px) {

    .spb-popup-main-wrapper {
        width: 95%;
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar .logo img {
        width: 100%;
    }

    .page-node-type-contact-us- h1 {
        height: 200px;
    }

    .page-node-type-contact-us- h1#page-title {
        height: 142px;
        margin-top: unset;
    }

    .path-frontpage .bnr-readmore {
        animation: 0.5s slide-right 0.5s forwards;
    }

    .page-node-type-about-us h1#page-title {
        height: 95px;
    }


    .contact-box {
        height: auto;
        width: 100%;
    }

    .contact-wrap {
        margin-top: -2em;
        padding: 0;
    }

    .contact-wrap {
        margin-bottom: 0em;
    }

    .contact-box {
        margin-bottom: 3em;
    }

    #webform-submission-contact-us-node-7-add-form {
        padding: 2em 1em;
    }

    #webform-submission-contact-us-node-7-add-form .webform-heading {
        text-align: center;
    }

    #webform-submission-contact-us-node-7-add-form div#edit-actions {
        justify-content: center;
        display: flex;
    }

    .cb03 {
        margin-bottom: 0;
    }

    #quicktabs-business_facilitation_centers {
        display: block;
    }

    #quicktabs-business_facilitation_centers .quicktabs-tabs {
        height: auto;
        display: block;
        padding: 0;
        text-align: center;
    }

    #quicktabs-business_facilitation_centers .quicktabs-tabs li {
        display: inline-block;
    }

    #quicktabs-business_facilitation_centers .quicktabs-tabs li {
        padding: 8px 10px !important;
    }

    .quicktabs-tabs li a {
        font-size: 15px;
    }
}




/*********************************************************/
/* DASTAK BANNER */
/*********************************************************/

@font-face {
  font-family: "archivo";
  src: url("Archivo-Regular.ttf");
}
@font-face {
  font-family: "archivoB";
  src: url("Archivo-Bold.ttf");
}

#block-dastakbannerqr {
    padding: 4em 3em;
}
#block-dastakbanner {
    padding: 1em 36px;
}
#maryam-banner-wrapper {
  background: #f1fcff;
  position: relative;
  display: block;
  overflow: hidden;
  background: #f1fcff url("/system/files/banner-bg.png") no-repeat center center /
    cover;
  background-size: 100% 100%;
  padding: 48px 28px;
  /* padding: 28px; */
}
.left-block > img {
  position: relative;
  right: 48px;
}
.right-block {
  position: relative;
  left: 24px;
}
.icons-wrap {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
.icons-wrap > li {
  width: calc(20% - 12px);
  height: 115px;
  min-width: 153px;
  
}

.icons-wrap > li > a {
  display: block;
}
.icons-wrap > li > a img {
  display: block;
  width: 100%;
  height: auto;
}
.icons-wrap > li > a:hover,
.icons-wrap > li > a:focus {
  text-decoration: none;
}
.img-links-wd-qr-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  column-gap: 12px;
}
.img-links-wd-qr-wrap > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}
.heading-wrap > img {
  display: block;
  margin: 0 auto 18px;
  width: 161px;
  height: 69px;
}
.dastak-title {
  font: 26px/26px "archivoB", sans-serif;
  margin: 0 0 6px;
  text-align: center;
  color: #038b45;
}
.heading-wrap {
  text-align: center;
  margin: 0 0 36px;
}
.heading-wrap p {
  color: #6b6b6b;
  text-align: center;
  font: 16px/20px "archivo", sans-serif;
}
.sidebar img {
  display: block;
  width: 100%;
  height: auto;
}
.img-links-wd-qr-wrap a img {
  min-width: 135px;
  width: 135px;
  height: 40px;
}
.img-links-wd-qr-wrap > div > img {
    width: 135px;
    height: 135px;
    display: block;
    overflow: hidden;
}

/* 
    dastak banner for all others 
*/
.qrcode-wrap > img {
    width: 142px;
    height: 142px;
    display: block;

}
.appstore-area, .playstore-area {
    width: fit-content;
}
.qr-app-content {
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 12px;
}
.qrcode-wrap {
    display: block;
    overflow: hidden;
    margin: 0 0 8px;
}
@media screen and (max-width: 1366px) {
  .icons-wrap > li {
    min-width: 153px;
  }
}
@media screen and (max-width: 768px) {
    .qr-app-content {
        flex-direction: column;
        align-items: center;
    }
    .qr-app-content > div:first-child {
        margin: 0 0 48px;
    }
  .right-block {
    z-index: 10;
    left: 0;
  }

  .icons-wrap > li {
    min-width: 153px;
  }
  #maryam-banner-wrapper {
    background-image: none;
    background: #f1fcff;
    position: relative;
    z-index: 10;
  }
  .left-block > img {
    width: 75%;
    margin: 0 auto 48px;
  }
  .content-section {
    margin: 0 0 48px;
  }
  .img-links-wd-qr-wrap > div {
    width: calc(50% - 12px);
  }

  #maryam-banner-wrapper::before {
    content: "";
    width: 100%;
    height: 292px;
    background: url("/system/files/mob-top-bg.svg") no-repeat center center /
      cover;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  #maryam-banner-wrapper::after {
    content: "";
    background: url("/system/files/mob-btm-bg.svg") no-repeat center center /
      cover;

    width: 100%;
    height: 490px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
    .img-links-wd-qr-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
  }
  .img-links-wd-qr-wrap > div {
    width: calc(80% - 12px);
  }
}


/*********************************************************/
/* END OF DASTAK BANNER */
/*********************************************************/