@charset "UTF-8";

@font-face {
    font-family: GothamBlack;
    src: local("Gotham Black"), local("Gotham-Black"), url(../fonts/Gotham-Black.woff2) format("woff2"), url(../fonts/Gotham-Black.woff) format("woff"), url(../fonts/Gotham-Black.otf) format("opentype");
    font-weight: 900;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamBlackItalic;
    src: local("Gotham Black Italic"), local("Gotham-BlackItalic"), url(../fonts/Gotham-BlackItalic.woff2) format("woff2"), url(../fonts/Gotham-BlackItalic.woff) format("woff"), url(../fonts/Gotham-BlackItalic.otf) format("opentype");
    font-weight: 900;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamBold;
    src: local("Gotham Bold"), local("Gotham-Bold"), url(../fonts/Gotham-Bold.woff2) format("woff2"), url(../fonts/Gotham-Bold.woff) format("woff"), url(../fonts/Gotham-Bold.otf) format("opentype");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamBoldItalic;
    src: local("Gotham Bold Italic"), local("Gotham-BoldItalic"), url(../fonts/Gotham-BoldItalic.woff2) format("woff2"), url(../fonts/Gotham-BoldItalic.woff) format("woff"), url(../fonts/Gotham-BoldItalic.otf) format("opentype");
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamBook;
    src: local("Gotham Book"), local("Gotham-Book"), url(../fonts/Gotham-Book.woff2) format("woff2"), url(../fonts/Gotham-Book.woff) format("woff"), url(../fonts/Gotham-Book.otf) format("opentype");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamBookItalic;
    src: local("Gotham Book Italic"), local("Gotham-BookItalic"), url(../fonts/Gotham-BookItalic.woff2) format("woff2"), url(../fonts/Gotham-BookItalic.woff) format("woff"), url(../fonts/Gotham-BookItalic.otf) format("opentype");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamLight;
    src: local("Gotham Light"), local("Gotham-Light"), url(../fonts/Gotham-Light.woff2) format("woff2"), url(../fonts/Gotham-Light.woff) format("woff"), url(../fonts/Gotham-Light.otf) format("opentype");
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamLightItalic;
    src: local("Gotham Light Italic"), local("Gotham-LightItalic"), url(../fonts/Gotham-LightItalic.woff2) format("woff2"), url(../fonts/Gotham-LightItalic.woff) format("woff"), url(../fonts/Gotham-LightItalic.otf) format("opentype");
    font-weight: 300;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamMedium;
    src: local("Gotham Medium"), local("Gotham-Medium"), url(../fonts/Gotham-Medium.woff2) format("woff2"), url(../fonts/Gotham-Medium.woff) format("woff"), url(../fonts/Gotham-Medium.otf) format("opentype");
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamMediumItalic;
    src: local("Gotham Medium Italic"), local("Gotham-MediumItalic"), url(../fonts/Gotham-MediumItalic.woff2) format("woff2"), url(../fonts/Gotham-MediumItalic.woff) format("woff"), url(../fonts/Gotham-MediumItalic.otf) format("opentype");
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamThin;
    src: local("Gotham Thin"), local("Gotham-Thin"), url(../fonts/Gotham-Thin.woff2) format("woff2"), url(../fonts/Gotham-Thin.woff) format("woff"), url(../fonts/Gotham-Thin.otf) format("opentype");
    font-weight: 100;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamThinItalic;
    src: local("Gotham Thin Italic"), local("Gotham-ThinItalic"), url(../fonts/Gotham-ThinItalic.woff2) format("woff2"), url(../fonts/Gotham-ThinItalic.woff) format("woff"), url(../fonts/Gotham-ThinItalic.otf) format("opentype");
    font-weight: 100;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamUltra;
    src: local("Gotham Ultra"), local("Gotham-Ultra"), url(../fonts/Gotham-Ultra.woff2) format("woff2"), url(../fonts/Gotham-Ultra.woff) format("woff"), url(../fonts/Gotham-Ultra.otf) format("opentype");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamUltraItalic;
    src: local("Gotham Ultra Italic"), local("Gotham-UltraItalic"), url(../fonts/Gotham-UltraItalic.woff2) format("woff2"), url(../fonts/Gotham-UltraItalic.woff) format("woff"), url(../fonts/Gotham-UltraItalic.otf) format("opentype");
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

@font-face {
    font-family: GothamXLight;
    src: local("Gotham Extra Light"), local("Gotham-ExtraLight"), url(../fonts/Gotham-ExtraLight.woff2) format("woff2"), url(../fonts/Gotham-ExtraLight.woff) format("woff"), url(../fonts/Gotham-XLight.otf) format("opentype");
    font-weight: 200;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: normal
}

@font-face {
    font-family: GothamXLightItalic;
    src: local("Gotham Extra Light Italic"), local("Gotham-ExtraLightItalic"), url(../fonts/Gotham-ExtraLightItalic.woff2) format("woff2"), url(../fonts/Gotham-ExtraLightItalic.woff) format("woff"), url(../fonts/Gotham-XLightItalic.otf) format("opentype");
    font-weight: 200;
    font-display: swap;
    unicode-range: U+0-5FF;
    font-style: italic
}

.gotham-light {
    font-family: GothamLight, helvetica, arial, sans-serif
}

.gotham-medium {
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.gotham-book {
    font-family: GothamBook, helvetica, arial, sans-serif
}

.gotham-bold {
    font-family: GothamBold, helvetica, arial, sans-serif
}

body {
    color: #4b4f54;
    font: normal 14px "DeliveryArabic", arial
}

a,
a:hover {
    cursor: pointer;
    color: #ff5959;
    outline: none
}

body {
    font-family: GothamMedium, helvetica, arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: GothamBold, helvetica, arial, sans-serif;
    font-weight: 300
}

img {
    max-width: 100%;
    height: auto
}

.error-page {
    padding: 80px 0;
    max-width: 500px
}

h2 {
    color: #003865;
    font-size: 32px;
    padding-bottom: 20px
}

@media(max-width:991px) {
    h2 {
        color: #003865;
        font-size: 26px;
        padding-bottom: 20px
    }
}

@media(max-width:767px) {
    .error-page {
        padding: 40px 0
    }

    .textBold {
        font-family: GothamBold, helvetica, arial, sans-serif !important
    }
}

.loading {
    position: absolute;
    z-index: 999;
    top: 47%;
    left: 0%;
    text-align: center;
    width: 100%;
    background: #fff;
    height: 100%
}

.covid-wrap {
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex
}

.covid-wrap img {
    padding-right: 10px
}

.covid-wrap div {
    color: #4b4f54
}

.covid-wrap div a {
    border-bottom: 1px solid;
    color: inherit
}

.covid-wrap div a:hover {
    border-bottom: 0 none;
    color: inherit;
    text-decoration: none
}

.clearShadow {
    box-shadow: 0 0 0 0;
    transition: .4s top cubic-bezier(.3, .73, .3, .74)
}

.darkShadow {
    box-shadow: 0 0 6px 1px rgba(29, 17, 51, .08);
    position: fixed
}

#eg-slider .eg-slide {
    width: 100%
}

#eg-slider .owl-item {
    opacity: .3
}

#eg-slider .owl-item.active {
    opacity: 1
}

.covid-wrap p {
    margin-bottom: 0
}

#eg-slider .owl-prev.disabled,
#eg-slider .owl-next.disabled {
    opacity: .3 !important
}

.event-gallery>.row {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:991px) {
    #eg-slider .owl-nav .owl-prev {
        left: 10% !important
    }

    #eg-slider .owl-nav .owl-next {
        right: 10% !important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    #eg-slider .owl-nav .owl-prev {
        left: 2% !important
    }

    #eg-slider .owl-nav .owl-next {
        right: 2% !important
    }
}

@media(min-width:1900px) {
    #eg-slider .owl-nav .owl-prev {
        left: 22% !important
    }

    #eg-slider .owl-nav .owl-next {
        right: 21% !important
    }
}

@media(max-width:767px) {
    .covid-wrap {
        min-height: 70px;
        padding: 15px 0;
        box-sizing: border-box
    }

    .covid-wrap img {
        padding-right: 15px
    }

    .covid-wrap div {
        text-align: left;
        font-size: 12px;
        line-height: 20px
    }

    .covid-wrap p {
        margin-bottom: 0
    }
}

.logo {
    width: 180px
}

.navbar {
    padding: 23px 0
}

.nav-link {
    float: left
}

.navbar-nav .nav-link {
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    font-size: 14px;
    line-height: 14px
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 15px 0 30px;
    color: #4b4f54
}

@media(max-width:991px) {
    .navbar {
        padding: 23px 0 0
    }

    .lg-wd img {
        padding-bottom: 23px
    }
}

@media(max-width:767px) {
    .navbar {
        padding: 13px 0
    }
}

.dropdown-toggle::after {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    border: 0 none;
    vertical-align: middle;
    font-weight: bold
}

.globeIcon .globe-icon {
    margin: 10px 10px 0
}

.searchGlobal .search-icon {
    margin: 0
}

.searchGlobal a {
    color: #4b4f54
}

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

.header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: #fff
}

.header.editor-header {
    position: fixed
}

body.editor-body {
    padding-top: 90px;
    padding-right: 0 !important
}

body.covid-banner {
    padding-top: 145px
}

@media(max-width:991px) {
    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        background-color: #fff;
        border-bottom: 1px solid rgba(75, 79, 84, .2)
    }

    body.eeditor-body {
        padding-top: 80px
    }

    body.covid-banner {
        padding-top: 135px
    }
}

@media(max-width:767px) {
    .navbar {
        padding: 12px 0 0
    }

    body.eeditor-body {
        padding-top: 59px
    }

    body.covid-banner {
        padding-top: 127px
    }

    .lg-wd img {
        padding-bottom: 12px
    }
}

.search-form-wrapper {
    display: none;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px 15px;
    margin-top: 0;
    border-top: 1px solid rgba(75, 79, 84, .2);
    border-bottom: 1px solid rgba(75, 79, 84, .2);
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    font-size: 16px
}

.search-form-wrapper.open {
    display: block
}

.search-form input {
    border: 0 none;
    margin-left: 5px
}

.searchInput {
    margin-top: 15px;
    width: 20px;
    height: 20px
}

.search-close {
    padding-top: 10px
}

.search-close img {
    width: 80%;
    cursor: pointer
}

.search-arrow {
    padding: 10px;
    border-right: 1px solid #dbdcdd;
    margin-right: 15px
}

.search-arrow img {
    transform: rotate(-90deg)
}

.sub-menu img {
    width: 39px
}

.navbar-nav .dropdown-menu {
    border: 0 none;
    padding: 20px 15px;
    color: #4b4f54;
    font-size: 15px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    text-align: left
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: #4b4f54;
    padding: 10px 15px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 15px
}

.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item.active {
    color: #e10057;
    text-decoration: underline;
    background-color: transparent
}

.sub-menu .nav-link {
    font-family: GothamBold, helvetica, arial, sans-serif;
    font-size: 15px !important
}

@media(min-width:768px) {
    .navbar {
        margin: 0 -15px
    }
}

@media(min-width:992px) {
    .globeIcon .dropdown-toggle::after {
        display: none
    }

    .navbar-nav .dropdown-menu.region {
        left: -98px;
        width: 265px
    }

    .navbar-nav .dropdown-menu {
        border-radius: 10px;
        -moz-box-shadow: 0 0 10px rgba(68, 68, 68, .2);
        top: 60px;
        left: -50px;
        -webkit-box-shadow: 0 0 10px rgba(68, 68, 68, .2);
        box-shadow: 0 0 10px rgba(68, 68, 68, .2);
        font-family: GothamMedium, helvetica, arial, sans-serif;
        text-align: left
    }

    .navbar-nav .dropdown-menu:before {
        content: "";
        font-family: FontAwesome;
        display: block;
        color: #fff;
        font-size: 50px;
        margin-top: -54px;
        border: 0 none;
        text-align: center;
        text-shadow: 0 -8px 9px rgba(68, 68, 68, .2);
        vertical-align: top
    }

    .sub-menu {
        width: 1126px;
        left: -207px !important
    }

    .sub-menu .nav-link {
        width: 218px;
        white-space: normal;
        line-height: 18px;
        min-height: 120px
    }

    .sub-menu .dropdown-menu {
        width: 218px
    }

    .sub-menu img {
        width: 39px;
        display: block;
        margin: 22px 0
    }

    .sub-menu .nav-link:after {
        display: none
    }

    .sub-menu .dropdown-menu {
        position: static !important;
        box-shadow: 0 0 0 transparent !important;
        display: block !important
    }

    .sub-menu .dropdown-menu:before {
        display: none;
        margin: 0;
        text-shadow: 0 0 0 transparent !important
    }

    .sub-menu-wrap {
        float: left
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 0;
        font-size: 13px;
        white-space: pre-wrap
    }

    .sub-menu:before {
        text-align: left !important;
        margin-left: 244px
    }

    .navbar-nav .dropdown-menu .dropdown-item:first-child {
        padding-top: 20px
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .sub-menu img {
        margin: 15px 0
    }

    .sub-menu {
        width: 945px;
        left: -206px !important
    }

    .sub-menu .nav-link {
        width: 182px;
        white-space: normal;
        line-height: 18px
    }

    .sub-menu .dropdown-menu {
        width: 182px
    }

    .navbar-nav .dropdown-menu:before {
        margin-left: 27%
    }

    .navbar-nav .dropdown-menu.region {
        left: -98px;
        width: 215px
    }
}

@media(max-width:991px) {
    .sub-menu img {
        margin-right: 15px
    }

    .navbar-nav .dropdown-toggle::after {
        float: right
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        width: 100%;
        font-size: 18px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 14px;
        border-top: 1px solid rgba(75, 79, 84, .2);
        padding: 28px 0;
        margin: 0
    }

    .navbar-nav .dropdown-menu {
        padding: 20px 0 0
    }

    .navbar-nav .dropdown-menu .dropdown-item:after {
        content: '';
        font-family: FontAwesome;
        font-size: 11px;
        border: 0 none;
        vertical-align: middle;
        float: right
    }
}

@media(max-width:374px) {
    .sub-menu img {
        width: 28px;
        margin-right: 10px
    }

    .sub-menu .nav-link {
        font-size: 12px !important
    }

    .rmm.style .mlmenu li.ml-sub-child img {
        width: 32px;
        margin-right: 10px
    }
}

.breadcrumb-heading {
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 56, 101, .1);
    margin-bottom: 0
}

.breadcrumb-heading ul {
    margin: 0;
    padding: 0
}

.breadcrumb-heading ul li a,
.breadcrumb-heading ul li {
    text-transform: uppercase;
    color: #ff5959;
    font-size: 14px;
    line-height: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    display: inline
}

.breadcrumb-heading li+li:before {
    content: '>';
    padding: 10px 5px
}

@media(min-width:768px)and (max-width:991px) {
    .breadcrumb-heading {
        padding: 15px 0
    }

    .breadcrumb-heading ul li a,
    .breadcrumb-heading ul li {
        color: #ff5959;
        font-size: 12px;
        line-height: 16px
    }
}

@media(min-width:768px)and (max-height:1024px)and (orientation:portrait) {

    .api-modal,
    .modal-dialog.api-modal-width {
        max-height: 900px;
        height: auto
    }
}

@media(width:768px)and (max-height:1024px)and (orientation:landscape) {

    .api-modal,
    .modal-dialog.api-modal-width {
        max-height: 700px;
        height: auto
    }
}

@media(max-width:400px)and (max-height:850px)and (orientation:portrait) {

    .api-modal,
    .modal-dialog.api-modal-width {
        max-height: 700px;
        height: auto
    }
}

@media(min-width:700px)and (max-height:400px)and (orientation:landscape) {

    .api-modal,
    .modal-dialog.api-modal-width {
        max-height: 300px;
        height: auto
    }
}

.breadcrumb {
    padding: 19px 0 9px;
    border-bottom: 1px solid rgba(0, 56, 101, .1);
    margin-bottom: 0
}

.breadcrumb ul {
    margin: 0;
    padding: 0
}

.breadcrumb ul li a,
.breadcrumb ul li {
    color: #4b4f54;
    font-size: 12px;
    font-family: GothamBook, helvetica, arial, sans-serif;
    display: inline
}

.breadcrumb li+li:before {
    content: '>';
    padding: 10px 5px
}

@media(min-width:768px)and (max-width:991px) {
    .breadcrumb {
        padding: 15px 0
    }

    .breadcrumb ul li a,
    .breadcrumb ul li {
        color: #4b4f54;
        font-size: 11px
    }
}

.topLink-right {
    color: #003865;
    font-size: 12px;
    font-family: GothamBook, helvetica, arial, sans-serif;
    line-height: 14px;
    text-align: center;
    padding: 15px 0
}

.topLink-right img {
    vertical-align: middle;
    margin-right: 9px;
    margin-bottom: 2px
}

.topLink-right a {
    text-decoration: none;
    color: #003865;
    border-bottom: 1px solid #003865
}

.topLink-right a:hover {
    text-decoration: none;
    color: #003865;
    border-bottom: 0 none
}

@media(max-width:991px) {
    .topLink-right {
        padding: 7px 0
    }
}

@media(max-width:767px) {
    .topLink-right {
        padding: 7px 0 50px
    }

    h2.client-model-heading ul {
        padding: 0
    }

    h2.client-model-heading ul li {
        list-style-type: none
    }
}

.hero {
    padding: 0 0;
    color: #fff;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.bgBlueCurve {
    padding: 52px 0;
    background-color: #003865;
    border-bottom-right-radius: 100px
}

.hero .col-md-6 img.curve-hero-image {
    border-radius: 0 0 400px 0
}

.hero .col-md-6 img.curve1-hero-image {
    border-radius: 0 0 100px 0
}

.hero .col-md-6 img.curve2-hero-image {
    border-radius: 0 0 200px 0
}

.hero .col-md-6 img.curve3-hero-image {
    border-radius: 0 0 400px 0
}

.bgBlueGradient .col-md-6 img {
    padding-right: 15px
}

.bluebanner-spacing {
    margin-left: -15px;
    margin-right: -15px
}

.banner-illustration {
    position: absolute;
    bottom: -15px;
    right: 0;
    border-radius: 0 !important;
    padding-left: 70px;
    z-index: 100
}

@media(min-width:768px) {
    .bgBlueCurve {
        padding-left: 15px !important;
        z-index: 9
    }

    .heroImg img {
        padding-right: 15px
    }

    .overlapImage {
        margin-left: -17px;
        margin-bottom: 0;
        z-index: 99;
        position: relative
    }

    .bgBlueGradient .col-md-6 img {
        margin-bottom: 40px
    }

    .bgBlueGradient .bgSkyBlue {
        right: 15px;
        padding: 0
    }
}

@media(min-width:1199px) {
    .bgBlueGradient .col-md-6 img {
        margin-bottom: 47px;
        margin-top: -1px
    }
}

@media(max-width:1199px) {
    .bgBlueCurve {
        padding: 34px 0
    }

    .hero {
        padding: 0 0
    }

    .banner-illustration {
        padding-left: 45px
    }
}

@media(max-width:767px) {

    .bgBlueGradient .btn-video-alt,
    .bgBlueGradient .btn-video-alt:hover,
    .btn-video-alt:hover:before {
        color: #ff5959;
        border-color: #ff5959
    }

    .bgBlueGradient .btn-video-alt:hover,
    .btn-video-alt:hover:before {
        background-color: #ff5959;
        color: #fff
    }

    .bgBlueGradient {
        background: #fff !important
    }

    .bgBlueGradient .bgBlueCurve {
        background-color: #fff !important;
        color: #003865;
        background: none;
        border-bottom-right-radius: 0 !important
    }

    .bgBlueCurve {
        padding: 20px 15px
    }

    .hero {
        padding: 0 0
    }

    .bgBlueGradient .col-md-6 img {
        padding-right: 0
    }

    .banner-illustration {
        bottom: 0
    }
}

@media(max-width:374px) {
    .hero h1 {
        font-size: 26px;
        color: #003865;
        padding: 15px 10% 10px 0
    }
}

@media(min-width:768px) {
    .video-dialog {
        max-width: 720px !important
    }

    .api-modal-width {
        width: 720px !important
    }
}

.video-dialog .modal-content {
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.video-dialog .modal-content .close {
    margin-bottom: 0;
    color: #fff;
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    outline: 0 none
}

.video-dialog .modal-header {
    border: 0 none;
    padding-top: 0;
    padding-bottom: 0
}

@media(max-width:575px) {
    .video-dialog .modal-content .close {
        margin-right: 2px
    }

    .video-dialog .modal-content .close img {
        opacity: 1 !important;
        background-color: transparent !important
    }
}

@media(min-width:576px) {
    .download-modal-dialog {
        width: 500px !important
    }

    .download-modal-dialog .modal-content {
        padding: 20px 40px
    }

    .download-modal-dialog .contact-form {
        margin: 0 0% 0
    }
}

@media(max-width:575px) {
    .download-modal-dialog .modal-header {
        height: 30px
    }
}

.close {
    opacity: 1 !important
}

.border-left {
    border-left: 1px solid rgba(75, 79, 84, .5) !important
}

.modal-body {
    padding: 0
}

.modal-body .modal-right-icon .client-logo img {
    fill: #007dba;
    width: 37%;
    padding-bottom: 50px
}

.modal-body .modal-right-icon .icon-description {
    display: inline;
    margin: 20px 0;
    padding-left: 50px
}

.modal-body .modal-right-icon .icon-description h3 {
    color: #4b4f54;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 22px
}

.modal-content .our-client-modal .modal-content-description {
    padding-right: 10%
}

.modal-content .our-client-modal .modal-content-description {
    max-height: 300px;
    overflow: auto;
    margin-top: 50px
}

.api-modal .modal-body h2 {
    color: #ff5959;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 0
}

.api-modal .modal-body h3 {
    color: #003865;
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 30px;
    font-family: GothamBold, helvetica, arial, sans-serif;
    padding: 0
}

.api-modal .modal-body p {
    color: #4b4f54;
    font-size: 18px;
    line-height: 32px;
    font-family: GothamBook, helvetica, arial, sans-serif
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 1080px;
        width: 90%
    }

    .api-modal-width {
        width: 100%
    }

    .modal-header {
        height: 30px
    }

    .modal-img {
        padding-right: 20px
    }

    .client-mobile-bg .modal-header {
        height: 0
    }

    .modal-body .modal-right-icon .client-logo img {
        padding-top: 10px;
        padding-right: 10px
    }
}

.modal-content .close {
    font-size: 2.5rem;
    padding: 0;
    margin-bottom: 30px;
    z-index: 999;
    outline: 0 none
}

.api-modal-width .modal-body {
    padding: 10px 0
}

.video-dialog .modal-body {
    padding: 0
}

.modal-header {
    border: 0 none;
    padding: 0;
    margin-top: -15px
}

.download-modal-dialog .modal-header {
    border: 0 none;
    padding: 0;
    margin: 5px 0 0
}

.modal-content {
    border-radius: 8px;
    padding: 40px;
    border: 0 none
}

.modal-img img {
    width: 100%;
    height: auto;
    border-bottom-right-radius: 80px
}

.modal-body h2 {
    color: #ff5959;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 16px;
    margin-bottom: 0
}

.modal-body h3 {
    color: #003865;
    font-size: 32px;
    margin: 0;
    padding-bottom: 0;
    line-height: 44px
}

.modal-body .modal-designation {
    color: rgba(75, 79, 84, .9);
    font-family: GothamBook, helvetica, arial, sans-serif;
    font-size: 14px;
    padding-bottom: 32px
}

.modal-body .modal-content-description {
    color: #71757a;
    font-family: GothamBook, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.modal-body .fa-linkedin-square {
    color: #2867b2;
    font-size: 30px
}

.modal-body .modal-content-description h2 {
    color: #4b4f54 !important;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 21px;
    padding-top: 0;
    padding-bottom: 15px;
    line-height: 25px
}

.modal-body .modal-right-icon .icon-description h3 {
    display: inline-block;
    width: 85%;
    padding-left: 20px;
    vertical-align: middle
}

.modal-body .modal-content-description p:last-child {
    margin-bottom: 0
}

.mapBg .close {
    margin: -6px -25px -1rem auto;
    font-size: inherit;
    padding: 0;
    margin-bottom: 0
}

.mapBg .close img {
    max-width: 70%
}

.map-popup .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #003865;
    position: absolute;
    margin: 0 50%;
    top: -9px
}

.modal-featured-product .modal-body h3 {
    padding-bottom: 10px
}

@media(min-width:992px) {
    .modal-body .modal-right-icon .icon-description img {
        height: 36px
    }
}

@media(min-width:768px)and (max-width:991px) {
    .modal-body .modal-right-icon .icon-description img {
        height: 27px
    }
}

@media(min-width:768px) {
    .modal-body .modal-right-icon .icon-description {
        vertical-align: middle;
        display: table
    }

    .modal {
        text-align: center
    }

    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle
    }
}

@media(min-width:768px)and (max-width:992px) {
    .modal-header {
        height: 0
    }
}

@media(max-width:991px) {
    .modal-featured-product .modal-header {
        height: 42px;
        margin-top: -8px
    }

    .modal-body .modal-right-icon .client-logo img {
        width: 58%
    }

    .modal-body h2 {
        font-size: 12px;
        line-height: 16px
    }

    .modal-body h3 {
        font-size: 26px;
        line-height: 36px
    }

    .modal-img img {
        border-bottom-right-radius: 50px;
        margin-top: 115px
    }

    .modal-body .modal-content-description {
        font-size: 12px;
        line-height: 21px
    }

    .modal-body .modal-content-description h2 {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 10px;
        line-height: 19px
    }

    .modal-body .modal-right-icon .icon-description h3 {
        font-size: 12px;
        padding-left: 10px;
        height: 100%;
        vertical-align: top;
        line-height: 16px
    }

    .modal-body .modal-right-ic.modal-dialog {
        max-width: 900px
    }

    .modal-body .modal-right-icon .icon-description {
        padding-left: 30px;
        margin: 15px 0
    }

    .client-mobile-bg .modal-header .close img {
        padding: 0
    }

    .modal-content {
        padding: 25px;
        border: 0 none
    }

    .modal-header {
        margin-top: 0
    }

    .api-modal-width .modal-body {
        margin-top: 10px
    }

    .modal-content .close {
        margin-right: -5px
    }

    .modal-header .close img {
        width: 90%
    }

    .client-mobile-bg .close img {
        width: 80% !important
    }

    .client-mobile-bg .modal-body h3 {
        padding-bottom: 0
    }

    .modal-content .our-client-modal .modal-content-description p:last-child {
        margin-bottom: 0
    }

    .modal-dialog {
        max-width: 730px
    }

    .download-modal-dialog .modal-header {
        border: 0 none;
        padding: 0;
        margin: 5px -15px
    }

    .modal-content .our-client-modal .modal-content-description {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .modal-content .our-client-modal .modal-content-description {
        margin-top: 0
    }

    .modal-content {
        padding: 15px;
        height: 100%
    }

    .modal-body h2 {
        font-size: 14px;
        line-height: 16px
    }

    .modal-body h3 {
        font-size: 26px;
        padding-bottom: 5px;
        line-height: 36px
    }

    .modal-body .modal-content-description h2 {
        font-size: 16px;
        padding-top: 0;
        line-height: 19px
    }

    .modal-content .modal-header .close img {
        padding: 15px 5px
    }

    .client-mobile-bg .modal-header .close img {
        padding: 0 5px 0 !important;
        margin-top: -15px
    }

    .client-mobile-bg .close img {
        width: 100% !important
    }

    .modal-body .modal-designation {
        font-size: 14px;
        padding-bottom: 30px;
        line-height: 16px
    }

    .client-mobile-bg .modal-body h3 {
        padding-bottom: 25px
    }

    .modal-img img {
        padding-top: 0;
        margin-top: 0
    }

    .download-modal-dialog .modal-header {
        border: 0 none;
        padding: 0;
        margin: -10px -6px 0
    }

    .modal-dialog {
        margin: 0;
        top: 0
    }

    .modal {
        background: #fff
    }

    .videoBG-mobile {
        background: #666
    }

    .api-modal .modal-body h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 30px
    }

    .api-modal .modal-content .close {
        margin-bottom: 0
    }

    .api-modal .modal-content .modal-header .close img {
        padding: 0
    }

    .api-modal .modal-content .close {
        margin-top: 2px
    }

    .api-modal,
    modal-dialog.api-modal-width {
        border-radius: 0;
        margin: 0;
        width: 100%;
        opacity: .98
    }

    .api-modal .modal-body {
        padding: 15px;
        padding-top: 0 !important
    }
}

@media(min-width:667px)and (max-width:767px) {
    .api-modal .modal-content .close {
        margin-top: -8px;
        margin-right: 2px
    }
}

@media(max-width:575px) {
    .modal-img img {
        border-radius: 0;
        height: 200px;
        width: auto
    }

    .modal-img {
        width: 100%;
        margin: -85px 0 0;
        padding-bottom: 5px
    }

    .modal-content .close {
        z-index: 999;
        margin-right: 15px;
        margin-top: 10px;
        opacity: .7
    }

    .modal-content .close img {
        background: #fff;
        border-radius: 50% 50%;
        padding: 10px;
        opacity: .7
    }

    .modal-body {
        padding: 15px
    }

    .our-client-modal {
        padding: 0
    }

    .modal-content {
        border-radius: 0;
        padding: 0
    }

    .modal-content .our-client-modal .modal-content-description {
        padding-right: 0
    }

    .modal-content .our-client-modal .modal-content-description div {
        background-color: inherit !important
    }

    .modal-body .icon-description {
        text-align: center;
        margin-top: 10px
    }

    .modal-body .modal-right-icon .icon-description h3 {
        display: block;
        padding-top: 10px;
        margin: 0 auto;
        padding-left: 0;
        width: 100%
    }

    .our-client-modal .border-left {
        border-top: 1px solid rgba(75, 79, 84, .5) !important;
        border-left: 0 none !important
    }

    .modal-body .modal-right-icon .icon-description {
        padding: 0;
        margin: 30px 0 0
    }

    .modal-content .our-client-modal .client-img {
        text-align: center;
        background-color: #fff;
        padding: 20px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 50% 35%;
        border-bottom-right-radius: 50% 35%;
        transform: rotate(360deg)
    }

    .modal-content .our-client-modal .client-img img {
        padding-bottom: 20px;
        width: 90%
    }

    .modal-dialog .client-mobile-bg {
        background: #f1f4f7;
        padding: 0
    }

    .modal-dialog .client-mobile-bg .col-sm-7,
    .modal-dialog .client-mobile-bg .col-sm-5 {
        padding: 20px 40px 10px
    }

    .modal-dialog .client-mobile-bg .modal-header {
        background-color: #fff;
        height: 40px
    }

    .modal-dialog .client-mobile-bg .modal-header .close {
        margin-top: 10px;
        margin-right: 10px
    }

    .modal-content .modal-header .close img {
        padding: 10px
    }

    .clientBG-mobile {
        background: #f1f4f7
    }
}

.modal-open .modal {
    padding-right: 0 !important;
    margin-top: 0
}

.btn {
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out
}

.btn-primary {
    transition: all 250ms ease
}

.btn-primary:hover {
    background-color: #ff5959;
    box-shadow: 0 4px 12px rgba(75, 79, 84, .2);
    transform: translateY(-1px)
}

.btn-secondary:after {
    left: 0;
    position: relative;
    transition: left .3s ease-in-out
}

.btn-secondary:hover:after {
    left: 4px
}

.labelBtn:after {
    transition: all .3s ease-in-out
}

.labelBtn:hover:after {
    margin: 3px 0 0 12px
}

.search-results-list .search-list h2:after {
    transition: all .3s ease-in-out
}

.search-results-list .search-list h2:hover:after {
    margin: 5px 0 0 12px
}

.labelBtn-no-arrow {
    display: inline-block
}

.labelBtn-no-arrow::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ff5959;
    transition: width .3s
}

.labelBtn-no-arrow:hover::after {
    width: 100%
}

.btn:disabled,
.btn[disabled] {
    opacity: .3
}

.btn-video {
    font-size: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    background-color: transparent;
    color: #ff5959;
    border-radius: 6px;
    border: 2px solid #ff5959;
    padding: 13px 20px;
    line-height: 16px
}

.btn-video-alt {
    font-size: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    background-color: transparent;
    color: #7ce0d3;
    border-radius: 6px;
    border: 2px solid #7ce0d3;
    padding: 13px 20px;
    line-height: 16px
}

.btn-video-alt:hover {
    background-color: #7ce0d3;
    color: #003865
}

.btn-video-alt:hover:before {
    color: #003865
}

.btn-video-alt:before {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px
}

.btn-video:hover {
    background-color: #ff5959;
    color: #fff
}

.btn-video:hover:before {
    color: #fff
}

.btn-video:before {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px
}

.btn-primary {
    background-color: #ff5959 !important;
    color: #fff;
    padding: 13px 20px;
    border: 0 none;
    font-size: 14px;
    line-height: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.btn-primary:hover {
    background-color: #ff5959;
    color: #fff;
    -moz-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    -webkit-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    box-shadow: 0 0 10px rgba(68, 68, 68, .3)
}

.btn-primary:active {
    opacity: .7;
    background-color: #ff5959 !important;
    color: #fff
}

.btn-download {
    background-color: #ff5959;
    color: #fff;
    padding: 13px 20px;
    border: 0 none;
    font-size: 14px;
    line-height: 16px
}

.btn-download:hover {
    background-color: #ff5959;
    color: #fff;
    -moz-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    -webkit-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    box-shadow: 0 0 10px rgba(68, 68, 68, .3)
}

.btn-download:active {
    opacity: .7;
    background-color: #ff5959 !important;
    color: #fff
}

.btn-download.with-icon:before {
    content: '';
    background: url(/Content/CG/images/download.svg) no-repeat left center;
    padding-right: 20px
}

.btn-secondary {
    font-size: 14px;
    line-height: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    background-color: transparent;
    color: #ff5959;
    border-radius: 6px;
    border: 2px solid #ff5959;
    padding: 12px 15px;
    outline: none
}

.btn-secondary:hover {
    background-color: #ff5959 !important;
    color: #fff !important;
    border-color: #ff5959
}

.btn-secondary:active {
    background-color: #ff5959 !important;
    color: #fff;
    opacity: .7;
    outline: none
}

.btn-secondary:hover:after {
    color: #fff
}

.btn-secondary:after {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: bottom
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ff5959;
    border-color: #ff5959
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #ff5959;
    background-color: #fff;
    border-color: #ff5959 !important;
    outline: none !important;
    box-shadow: none !important
}

.btn:focus,
.btn-video:focus {
    outline: none !important;
    box-shadow: none !important
}

.btn-secondary-no-arrow {
    font-size: 14px;
    line-height: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    background-color: transparent;
    color: #ff5959;
    border-radius: 6px;
    border: 2px solid #ff5959;
    padding: 12px 15px;
    outline: none
}

.btn-secondary-no-arrow:hover {
    background-color: #ff5959 !important;
    color: #fff !important;
    border-color: #ff5959
}

.btn-secondary-no-arrow:active {
    background-color: #ff5959 !important;
    color: #fff;
    opacity: .7;
    outline: none
}

.btn-primary-magenta {
    font-size: 14px;
    line-height: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    background-color: #ff5959;
    color: #fff;
    border-radius: 6px;
    border: 2px solid #ff5959;
    padding: 12px 15px;
    outline: none
}

.btn-primary-magenta:hover {
    color: #fff !important;
    border-color: #ff5959;
    -moz-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    -webkit-box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    box-shadow: 0 0 10px rgba(68, 68, 68, .3);
    background-color: #b5003f;
    box-shadow: 0 4px 12px rgba(75, 79, 84, .2)
}

.btn-primary-magenta:active {
    background-color: #ff5959 !important;
    color: #fff;
    opacity: .7;
    outline: none
}

.btn-primary-magenta:hover:after {
    color: #fff
}

.btn-primary-magenta:after {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: bottom
}

.btn-primary-magenta:not(:disabled):not(.disabled).active,
.btn-primary-magenta:not(:disabled):not(.disabled):active,
.show>.btn-primary-magenta.dropdown-toggle {
    color: #fff;
    background-color: #ff5959;
    border-color: #ff5959
}

.btn-primary-magenta.focus,
.btn-primary-magenta:focus {
    color: #fff;
    background-color: #ff5959;
    border-color: #ff5959 !important;
    outline: none !important;
    box-shadow: none !important
}

.btn-primary-magenta:after {
    left: 0;
    position: relative;
    transition: left .3s ease-in-out
}

.btn-primary-magenta:hover:after {
    left: 4px
}

.btn-home {
    padding: 12px 16px;
    font-size: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    line-height: 14px
}

.labelBtn {
    color: #ff5959;
    font-size: 14px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase
}

.labelBtn:hover {
    text-decoration: none
}

.labelBtn:after {
    position: absolute;
    content: "";
    margin: 3px 4px 0 8px;
    text-decoration: none;
    vertical-align: bottom;
    background-image: url(../images/right-arrow.svg);
    width: 8px;
    height: 12px;
    background-repeat: no-repeat
}

.latest-insight h2 .labelBtn:after {
    vertical-align: inherit
}

.labelBtn-no-arrow {
    color: #ff5959;
    font-size: 13px;
    font-family: GothamBold, helvetica, arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 16px
}

.labelBtn-no-arrow:hover {
    text-decoration: none;
    color: #ff5959
}

.white {
    background-color: #fff
}

.pink {
    background-color: #f4ced7
}

.magenta {
    background-color: #ff5959
}

.cyan {
    background-color: #007dba
}

.blue {
    background-color: #003865
}

.whiteTxt {
    color: #fff
}

.blueTxt {
    color: #003865
}

.gray {
    background-color: #4b4f54
}

.bgBlue {
    background-color: #003865
}

.bgTheme {
    background-color: #008037
}

.bgSkyBlue {
    background-color: #f2faff
}

.bgGray {
    background-color: rgba(0, 56, 101, .05)
}

.bgWhite {
    background-color: #fff
}

.bgCyan {
    background-color: #7ce0d3
}

.bgBlueLight {
    background: #f4f9fb
}

.bgGrayLight {
    background-color: #f9f9f9
}

.bgNone {
    background-color: transparent !important
}

.bgBlueGradient {
    background: linear-gradient(90deg, rgba(0, 56, 101, 1) 50%, rgba(242, 250, 255, 1) 50%)
}

.bgGreen {
    background: #14aa1a
}

.bgYellow {
    background: #ffda1b
}

.bgRed {
    background: #f30000
}

.bgDarkRed {
    background: #ac0000
}

@media(max-width:767px) {
    .bgMobileSkyBlue {
        background-color: #f2faff
    }
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    margin: 0 50%
}

.learnmore {
    color: #ff5959;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    margin: 24px auto 0;
    display: block;
    text-align: center;
    font-size: 12px
}

img.learnimg {
    margin-top: 10px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-top: 12.5px
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

@media(max-width:991px) {
    .learnmore {
        margin: 20px auto 0
    }

    .bgBlueMobile {
        background-color: #003865
    }

    .bgBlueMobile .our-clients h3 {
        color: #fff !important
    }

    .bgBlueMobile .our-clients h2 {
        color: #7ce0d3 !important
    }
}

@media(max-width:767px) {
    .container {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .arrow-down {
        margin: 0 45%
    }
}

.hero-banner {
    opacity: 1;
    background: linear-gradient(90deg, rgba(0, 56, 101, 1) 100%, rgba(242, 250, 255, 1) 50%)
}

.hero-banner img {
    opacity: .4;
    height: 600px;
    object-fit: cover;
    width: 100%
}

.hero-wrapper.curve-image .hero-banner img,
.hero-wrapper.curve-image .hero-banner {
    border-radius: 0 0 200px 0
}

.hero-wrapper {
    position: relative
}

.FS-page .hero-wrapper .hero .col-md-6 {
    position: absolute;
    top: 120px
}

.hero-wrapper .hero .col-md-6 * {
    color: #fff
}

.FS-page .c-description-button {
    padding: 80px 0 80px
}

.FS-page .c-description-text {
    padding: 0
}

.FS-page .c-description * {
    text-align: left
}

.FS-page .bgWhite h2 {
    color: #ff5959
}

.FS-page .bgWhite h3 {
    color: #003865
}

.FS-page .our-clients-slide {
    border-radius: 8px;
    border: 1px solid rgba(75, 79, 84, .07);
    margin-bottom: 24px;
    -moz-box-shadow: 0 8px 16px 0 rgba(75, 79, 84, .1);
    -webkit-box-shadow: 0 8px 16px 0 rgba(75, 79, 84, .1);
    box-shadow: 0 8px 16px 0 rgba(75, 79, 84, .1)
}

@media(min-width:768px) {
    .FS-page .learnmoreWrap {
        color: #fff;
        position: relative;
        top: -36px;
        height: 0
    }

    .FS-page .learnmoreWrap * {
        color: #fff
    }

    .FS-page .learnmoreWrap .learnmore {
        margin: 0
    }

    .FS-page .learnmoreWrap img {
        /*transform: rotate(90deg);*/
        padding-left: 12.5px;
        padding-top: 0
    }
}

@media(min-width:992px) {
    .FS-page .icon-3-desc {
        padding: 60px 0
    }

    .FS-page .c-description-wrap {
        margin-bottom: 80px
    }

    .FS-page .c-description {
        padding: 80px 0 0
    }

    .FS-page .c-description h3 {
        padding-bottom: 20px;
        margin: 0
    }

    .pdright30 {
        padding-right: 13px
    }

    .pdleft30 {
        padding-left: 13px
    }

    .FS-page .our-clients {
        padding: 80px 0 56px
    }
}

@media(max-width:991px) {
    .FS-page .c-description-button {
        padding: 40px 0 40px
    }

    .FS-page .hero-wrapper .hero .col-md-6 {
        position: absolute;
        top: 40px;
        width: 84%
    }

    .FS-page .hero-wrapper .hero .col-md-6 h1 {
        padding-right: 0%
    }

    .FS-page .c-description-wrap {
        margin-bottom: 40px
    }

    .FS-page .c-description {
        padding: 40px 0 0
    }

    .FS-page .c-description h3 {
        padding: 0 0 20px 0;
        margin: 0
    }

    .FS-page .our-clients-slide {
        margin-bottom: 15px
    }

    .FS-page .our-clients {
        padding: 40px 0 25px
    }
}

@media(max-width:767px) {
    .hero-banner {
        width: 100%
    }

    .FS-page img.learnimg {
        margin-bottom: 20px
    }

    .hero-banner img {
        height: 500px
    }
}

.video-dialog .modal-body iframe {
    border: 10px solid #fff !important;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5)
}

@media(max-width:768px) {
    .video-dialog .modal-body iframe {
        width: 100%
    }

    .generic-text table tr td {
        padding: 0;
        padding-bottom: 10px
    }

    .generic-text table tr td img {
        width: 60% !important;
        margin: 0 70px !important
    }

    .generic-text table tr td {
        font-size: 16px !important;
        line-height: 18px !important;
        text-align: center !important
    }
}

@media(min-width:415px)and (max-width:961px) {

    .article-text iframe,
    .generic-text iframe {
        width: 100% !important;
        height: 411px !important
    }
}

@media(max-width:414px) {

    .article-text iframe,
    .generic-text iframe {
        width: 100% !important;
        height: 196px !important
    }
}

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

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    tr {
        border: 0
    }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
}

.event-gallery {
    padding: 80px 0;
    color: #003865;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.event-gallery h2 {
    text-align: center;
    color: #ff5959;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 16px;
    margin-bottom: 0
}

.event-gallery h3 {
    text-align: center;
    color: #003865;
    font-size: 32px;
    padding-bottom: 12px;
    line-height: 44px
}

.owl-carousel .eg-slide {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 70%
}

.owl-carousel .eg-slide .post-img {
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0
}

.owl-carousel .eg-slide .post-img img {
    width: auto;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    margin: 20px 0 0;
    display: inline
}

.owl-carousel .eg-slide .post-content {
    padding: 20px 0 5px;
    float: left
}

.owl-carousel .eg-slide .post-content .post-content-div {
    margin: 0 auto;
    max-width: 600px;
    text-align: left
}

.owl-carousel .eg-slide .post-content .post-content-div a {
    font-size: 14px
}

.owl-carousel .eg-slide .post-description {
    font-size: 14px;
    line-height: 24px;
    color: #4b4f54;
    font-family: GothamBook, helvetica, arial, sans-serif;
    margin-bottom: 0;
    padding: 0 0 10px;
    text-align: left
}

.owl-carousel .eg-slide .post-content h2 {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
    color: #123658;
    font-family: GothamBold, helvetica, arial, sans-serif;
    padding: 0 0 10px;
    text-align: left
}

.owl-carousel .eg-slide .post-content img {
    padding-top: 0;
    padding-bottom: 15px
}

@media(max-width:991px) {
    .event-gallery {
        padding: 40px 0
    }

    .eg-slide .post-content {
        padding: 25px 20px 5px 20px
    }

    .eg-slide .post-description {
        font-size: 14px;
        padding: 0
    }

    .event-gallery h2 {
        font-size: 12px;
        line-height: 16px
    }

    .event-gallery h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        padding-bottom: 7px
    }

    .eg-slide .post-content h2 {
        font-size: 16px;
        padding-bottom: 5px
    }

    .owl-carousel .eg-slide .post-img img {
        object-fit: cover;
        height: 360px;
        margin: 10px 0 0
    }

    .owl-carousel .eg-slide .post-content .post-content-div {
        margin: 0 auto;
        max-width: 540px;
        text-align: left
    }
}

@media(max-width:767px) {
    .owl-carousel .eg-slide {
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: auto;
        padding: 0 15px
    }

    .owl-carousel .eg-slide .post-img img {
        height: auto;
        margin: 10px 0 5px;
        height: 230px
    }

    .owl-carousel .eg-slide .post-content {
        padding: 0 0 0 0
    }

    .owl-carousel .eg-slide .post-content img {
        padding: 20px
    }

    .owl-carousel .eg-slide .post-description {
        font-size: 14px;
        height: auto;
        padding: 10px 0;
        width: auto;
        line-height: 25px
    }

    .owl-carousel .eg-slide .post-content h2 {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .owl-carousel .event-gallery h2 {
        font-size: 14px;
        line-height: 16px
    }

    .owl-carousel .event-gallery h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        padding-bottom: 5px
    }
}

.event-gallery .owl-theme .owl-nav .owl-prev,
.event-gallery .owl-theme .owl-nav .owl-next {
    top: 32%
}

@media(min-width:768px) {
    .event-gallery .owl-theme .owl-nav .owl-prev {
        left: 0 !important
    }

    .event-gallery .owl-theme .owl-nav .owl-next {
        right: 0 !important
    }
}

@media(max-width:991px) {

    .event-gallery .owl-theme .owl-nav .owl-prev,
    .event-gallery .owl-theme .owl-nav .owl-next {
        top: 170px !important
    }
}

@media(max-width:767px) {

    .event-gallery .owl-theme .owl-nav .owl-prev,
    .event-gallery .owl-theme .owl-nav .owl-next {
        top: 108px !important
    }
}

.search-region h2 {
    font-size: 32px;
    font-family: GothamBold, helvetica, arial, sans-serif;
    color: #003865;
    padding: 26px 0 38px;
    margin: 0;
    line-height: 50px
}

.search-region-bg {
    background-color: rgba(75, 79, 84, .05);
    border-radius: 25px;
    padding: 3px;
    color: #3e4247;
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    margin-bottom: 0 !important
}

.search-region-bg button {
    color: #4b4f54;
    margin: 0 20px;
    padding: 0;
    border: 0 none;
    background: none;
    font-size: 16px;
    line-height: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.search-region-bg button:focus {
    outline: none
}

.search-region-bg button:first-child {
    padding-left: 0;
    margin-left: 20px
}

.search-region-bg button.active:first-child {
    margin-left: 0
}

.search-region-bg button.active:last-child {
    margin-right: 0
}

.search-region-bg button:last-child {
    margin-right: 20px
}

.region-address.col-lg-3 {
    padding: 0 47px
}

.search-region-bg button.active {
    margin: 0;
    background-color: #ff5959;
    border-radius: 25px;
    padding: 8px 15px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.region-address .phone img {
    padding-right: 10px;
    margin-left: -5px
}

.region-address .map img {
    padding-right: 10px;
    margin-left: -5px
}

.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%;
    padding-bottom: 94px
}

.gallery .region-address {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease
}

.gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media(min-width:768px)and (max-width:991px) {
    .search-region-bg {
        margin-bottom: 0 !important
    }

    .search-region-bg button,
    .search-region-bg button.active {
        font-size: 14px !important;
        line-height: 14px
    }

    .search-region h2 {
        font-size: 32px;
        padding: 40px 0 40px;
        margin: 0
    }

    .region-address.col-4 {
        padding: 0 30px
    }

    .gallery {
        padding-bottom: 98px
    }

    .gallery .region-address h2 {
        padding-top: 40px
    }

    .ouroffice-page .c-description h1 {
        padding-bottom: 40px
    }
}

.gallery .region-address h2 {
    color: #ff5959;
    font-size: 16px;
    line-height: 28px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
    margin: 0
}

.region-address h3 {
    font-size: 16px;
    line-height: 18px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #003865;
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid #003865
}

.region-address .address {
    display: block;
    font-size: 16px;
    font-family: GothamBook, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 29px;
    margin-bottom: 30px
}

.region-address .address p {
    margin-bottom: 0
}

.region-address .phone {
    display: block;
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 19px;
    padding-bottom: 15px
}

.region-address .map {
    margin-bottom: 6px
}

.region-address .map a {
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 19px;
    padding-bottom: 0
}

.region-address .map a:hover {
    border-bottom: 1px solid #4b4f54;
    text-decoration: none
}

.region-address .phone,
.cd-main-nav .phone {
    display: block;
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 19px;
    padding-bottom: 15px
}

.region-address .map,
.cd-main-nav .map {
    margin-bottom: 6px
}

.region-address .map a,
.cd-main-nav .map a {
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 19px;
    padding-bottom: 0
}

.region-address .map a:hover,
.cd-main-nav .map a:hover {
    border-bottom: 1px solid #4b4f54;
    text-decoration: none
}

@media(max-width:450px) {
    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%
    }
}

@media(max-width:400px) {
    .btn.filter {
        padding-left: 1.1rem;
        padding-right: 1.1rem
    }
}

.mapBg {
    background-color: #003865;
    color: #fff
}

.mapBg .modal-header {
    height: 10px
}

.mapBg .region-address {
    margin-bottom: 0 !important;
    width: 204px;
    padding: 0 25px 0 15px !important;
    white-space: normal
}

.mapBg .region-address h2 {
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    margin-bottom: 0;
    padding-bottom: 0
}

.mapBg .region-address h3 {
    font-size: 14px;
    line-height: 18px;
    color: #76e1d3;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    padding-bottom: 10px;
    margin-bottom: 0
}

.mapBg .region-address .address {
    color: #fff;
    font-family: GothamBook, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px
}

.mapBg .region-address .phone {
    color: #fff;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    white-space: pre
}

.mapBg .region-address .map a {
    color: #fff;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.product-page .bgSkyBlueNoGradient .product-spacing {
    padding-bottom: 35px
}

.product-page .bgSkyBlueNoGradient {
    padding-bottom: 26px
}

.product-page .hero h1,
.division-page .hero h1 {
    padding-right: 0;
    margin-bottom: 0
}

.product-page h3.icon-heading {
    margin: 0 33px 0 28px
}

.product-page .learnmore,
.division-page .learnmore {
    margin: 0 auto 0
}

.product-page .c-description-wrap {
    margin-bottom: 75px
}

.division-page .c-description-wrap {
    margin-bottom: 70px
}

.product-page .c-description-button {
    padding: 0 0 80px
}

.product-page .download-block {
    padding: 0 0 40px
}

.division-page .casestudy {
    padding-top: 40px
}

.leadership-page .our-people {
    padding-top: 24px
}

.leadership-page .c-description-text,
.sectors-page .c-description-text {
    text-align: center
}

.product-page .c-description {
    padding-top: 57px
}

.product-page .learnmore img,
.division-page .learnmore img {
    width: 25px
}

.product-page .our-products h3 {
    padding-bottom: 45px
}

.product-page img.learnimg,
.division-page img.learnimg {
    margin: 0 auto;
    padding: 0
}

.product-page img.learnimg,
.division-page img.learnimg {
    width: 25px
}

.leadership-page .c-description,
.contact-page .c-description,
.case-study-page .c-description,
.sectors-page .c-description {
    padding-top: 40px
}

.leadership-page .people-block {
    margin-bottom: 25px
}

.csr-page .c-description h3,
.about-page .c-description h3 {
    color: #003865;
    font-family: GothamBold, helvetica, arial, sans-serif;
    font-size: 32px;
    padding-bottom: 12px;
    line-height: 44px
}

.csr-page .c-description-wrap,
.about-page .c-description-wrap {
    margin-bottom: 30px
}

.csr-page .icon-3-desc,
.about-page .icon-3-desc {
    padding-bottom: 80px;
    padding-top: 50px
}

.csr-page .icon-3-desc .icon-description {
    padding-top: 25px
}

.our-people-popup .modal-img {
    height: 450px;
    margin-bottom: 30px
}

.our-people-popup .modal-content-description {
    min-height: 350px
}

.about-page .hero h1 {
    padding-right: 28%
}

.about-page .icon-3-center .icon-description {
    width: 82%
}

.our-people-popup .modal-body .modal-img img {
    width: 100%;
    height: 453px;
    object-fit: cover
}

@media(min-width:1024px) {
    .leadership-page .our-people {
        padding-bottom: 50px
    }
}

@media(min-width:992px) {

    .product-page .hero .hero-description,
    .division-page .hero .hero-description {
        padding-bottom: 40px
    }

    .product-page .our-products {
        padding-top: 40px
    }

    .contact-page .c-description-wrap {
        margin-bottom: 40px
    }

    .csr-page .bgBlueGradient .bgBlueCurve,
    .about-page .bgBlueGradient .bgBlueCurve {
        z-index: 9;
        margin-top: 0;
        padding-top: 36px
    }

    .leadership-page .c-description-text,
    .sectors-page .c-description-text {
        text-align: center;
        padding-bottom: 6px !important
    }

    .leadership-page .c-description h1,
    .sectors-page .c-description h1 {
        margin-bottom: 5px
    }

    .pillar-card-content-block {
        padding-right: 11%
    }

    .insights-page .c-description-text,
    .case-study-page .c-description-text {
        text-align: center
    }
}

@media(min-width:992px)and (max-width:1199px) {}

@media(max-width:992px) {
    .our-people-popup .modal-body .modal-img img {
        width: 100%;
        height: 272px
    }

    .product-page .hero h1 {
        padding-right: 0%
    }

    .product-page h3.icon-heading {
        margin: 0 10px 0 15px
    }

    .product-page .c-description-text {
        padding: 10px 15% 30px 15%
    }

    .product-page .c-description-wrap {
        margin-bottom: 0
    }

    .product-page h3.icon-heading,
    .division-page h3.icon-heading {
        padding-bottom: 0
    }

    .product-page .c-description-text {
        padding: 10px 15% 28px 15%
    }

    .division-page .c-description-text {
        padding: 10px 15% 60px 15%
    }

    .product-page .c-description-wrap,
    .division-page .c-description-wrap {
        margin-bottom: 0
    }

    .product-page .c-description-button .decription-button-text {
        padding-bottom: 25px
    }

    .product-page .c-description-button {
        padding: 0 0 40px
    }

    .product-page .download-block {
        padding: 0 0 30px
    }

    .division-page .casestudy {
        padding-top: 20px
    }

    .leadership-page .our-people {
        padding-top: 0;
        padding-bottom: 26px
    }

    .csr-page .bgBlueGradient .bgBlueCurve,
    .about-page .bgBlueGradient .bgBlueCurve {
        z-index: 9;
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .product-page .learnmore img,
    .division-page .learnmore img {
        width: 16px
    }

    .division-page .c-description {
        padding: 40px 0 0
    }

    .product-page .c-description {
        padding: 20px 0 0
    }

    .product-page img.learnimg,
    .division-page img.learnimg {
        width: 20px
    }

    .leadership-page .people-block {
        margin-bottom: 10px
    }

    .leadership-page .c-description-text,
    .case-study-page .c-description-text,
    .sectors-page .c-description-text {
        text-align: center;
        padding-bottom: 26px
    }

    .csr-page .c-description {
        padding-top: 10px
    }

    .leadership-page .c-description,
    .contact-page .c-description,
    .sectors-page .c-description {
        padding-top: 20px
    }

    .csr-page .bgBlueGradient .hero h1,
    .about-page .bgBlueGradient .hero h1 {
        font-size: 26px;
        line-height: 33px;
        font-family: GothamBold, helvetica, arial, sans-serif
    }

    .csr-page .c-description h3,
    .about-page .c-description h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .about-page .icon-3-desc {
        padding-bottom: 40px;
        padding-top: 34px
    }

    .csr-page .icon-3-desc .icon-description {
        padding-top: 18px
    }

    .csr-page .c-description-text {
        line-height: 22px;
        padding-bottom: 20px
    }

    .about-page .c-description-wrap,
    .csr-page .c-description-wrap {
        margin-bottom: 0
    }

    .csr-page .icon-3-desc {
        padding-bottom: 45px;
        padding-top: 24px
    }

    .our-people-popup .modal-img {
        height: 270px;
        margin-bottom: 25px
    }

    .video-dialog .modal-content .close {
        margin-top: -44px
    }

    .our-people-popup .modal-content-description {
        min-height: 313px
    }

    .about-page .c-description-text {
        padding: 10px 11% 40px 11%
    }

    .csr-page .c-description-text {
        padding: 10px 11% 20px 11%
    }

    .about-page .icon-3-center .icon-description {
        width: 88%
    }

    .leadership-page .c-description-text,
    .case-study-page .c-description-text {
        padding: 10px 13% 26px 13%
    }

    .sectors-page .c-description-text {
        padding: 10px 13% 48px 13%
    }

    .about-page .hero h1 {
        padding-right: 15%
    }

    .product-page .bgSkyBlueNoGradient .product-spacing {
        padding-bottom: 40px
    }

    .generic-page .btn-primary,
    .generic-page .btn-primary:hover {
        color: #fff !important
    }
}

@media(min-width:768px) {

    .csr-page .bgBlueGradient .bgSkyBlue,
    .about-page .bgBlueGradient .bgSkyBlue,
    .generic-page .bgBlueGradient .bgSkyBlue {
        right: 15px;
        padding: 0
    }
}

@media(max-width:767px) {
    .product-page .bgSkyBlueNoGradient .product-spacing {
        padding-bottom: 20px
    }

    .product-page .download-block {
        padding: 0 0 40px
    }

    .product-page .c-description-button .decription-button-text {
        padding-bottom: 30px
    }

    .division-page .hero h1,
    .product-page .hero h1 {
        font-size: 34px;
        line-height: 43px
    }

    .division-page .c-description-text {
        padding: 10px 15px 40px 15px
    }

    .product-page .c-description-text {
        padding: 10px 15px 30px 15px
    }

    .leadership-page .our-people {
        padding-top: 0;
        padding-top: 0 !important
    }

    .leadership-page .c-description-text,
    .case-study-page .c-description-text,
    .sectors-page .c-description-text {
        text-align: left;
        padding: 0 15px 20px 15px
    }

    .division-page .c-description {
        padding: 30px 0 0
    }

    .product-page .our-products h3 {
        padding-bottom: 30px
    }

    .product-page .c-description-button {
        padding: 0 0 60px
    }

    .product-page .download-block {
        padding: 0 0 40px
    }

    .product-page .icon-3-desc,
    .division-page .icon-3-desc {
        padding-top: 0;
        margin-bottom: 30px
    }

    .leadership-page .c-description-text,
    .case-study-page .c-description-text,
    .sectors-page .c-description-text {
        padding-bottom: 20px;
        padding-top: 0
    }

    .leadership-page .people-block {
        margin-bottom: 20px
    }

    .csr-page .bgBlueGradient .bgBlueCurve,
    .about-page .bgBlueGradient .bgBlueCurve {
        z-index: 9;
        margin-top: 0;
        padding-top: 34px;
        padding-bottom: 15px
    }

    .csr-page .bgBlueGradient .hero h1,
    .about-page .bgBlueGradient .hero h1 {
        font-size: 26px;
        line-height: 36px;
        font-family: GothamBold, helvetica, arial, sans-serif;
        color: #003865
    }

    .csr-page .bgBlueGradient,
    .about-page .bgBlueGradient,
    .csr-page .bgBlueGradient .bgBlueCurve,
    .about-page .bgBlueGradient .bgBlueCurve {
        background-color: #f2faff !important
    }

    .csr-page .bgBlueGradient .col-md-6 img,
    .about-page .bgBlueGradient .col-md-6 img {
        padding-bottom: 40px
    }

    .csr-page .c-description h3,
    .about-page .c-description h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .csr-page .icon-3-desc,
    .about-page .icon-3-desc {
        padding-bottom: 40px;
        padding-top: 0
    }

    .csr-page .c-description-wrap,
    .about-page .c-description-wrap {
        margin-bottom: 20px
    }

    .csr-page .c-description-text,
    .about-page .c-description-text {
        line-height: 26px
    }

    .our-people-popup .modal-img {
        height: auto !important;
        margin-bottom: 5px;
        background: #dadad8;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 0
    }

    .about-page .icon-3-center .icon-description {
        width: 70%
    }

    .about-page .c-description-text {
        width: 94%;
        margin: 0 auto;
        padding: 10px 5px 20px 5px
    }

    .csr-page .c-description-text {
        padding: 10px 20px 28px 20px
    }

    .leadership-page .our-products h3 {
        padding: 0 18px 30px
    }

    .video-dialog .modal-content .close {
        margin-top: 0
    }

    .our-people-popup .modal-content-description {
        min-height: inherit
    }

    .about-page .our-products h3 {
        padding: 0 12% 30px
    }

    .about-page .hero h1 {
        padding-right: 0
    }
}

@media(max-width:575px) {
    .our-people-popup .modal-header {
        height: 0
    }
}

@media(max-width:575px) {
    .popup {
        background: #fff !important;
        padding: 0 14px 49px 2px !important
    }
}

@media(max-width:575px) {
    .popuptxt {
        padding: 3px 40px 10px !important
    }
}

.our-people-profile {
    padding: 80px 0;
    color: #003865;
    font-family: GothamMedium, helvetica, arial, sans-serif
}

.opf-block {
    background-color: #fff;
    display: flex;
    border-radius: 8px;
    -moz-box-shadow: 0 8px 24px 0 rgba(50, 54, 64, .07);
    -webkit-box-shadow: 0 8px 24px 0 rgba(50, 54, 64, .07);
    box-shadow: 0 8px 24px 0 rgba(50, 54, 64, .07)
}

.opf-img {
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0
}

.opf-img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 150px
}

.opf-block h2 {
    color: #ff5959;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 16px;
    margin-bottom: 0
}

.opf-block h3 {
    color: #003865;
    font-size: 32px;
    margin: 0;
    padding-bottom: 5px;
    line-height: 44px
}

.opf-block .opf-designation {
    color: rgba(75, 79, 84, .9);
    font-family: GothamBook, helvetica, arial, sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    line-height: 17px
}

.opf-block .opf-content-description {
    color: #71757a;
    font-family: GothamBook, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 26px
}

.opf-block .opf-content {
    padding: 30px
}

.opf-block .opf-content-description button {
    margin-top: 10px
}

.opf-content-limit {
    height: 216px
}

@media(min-width:1200px) {
    .opf-img img {
        height: 450px
    }
}

@media(min-width:1024px)and (max-width:1199px) {
    .opf-img img {
        height: 512px
    }

    .opf-content-limit {
        height: 280px
    }
}

@media(max-width:991px) {
    .our-people-profile {
        padding: 40px 0
    }

    .opf-img img {
        object-fit: cover;
        height: 400px
    }

    .opf-block h2 {
        font-size: 12px;
        line-height: 16px
    }

    .opf-block h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .opf-block .opf-designation {
        font-size: 14px;
        padding-top: 7px;
        padding-bottom: 10px
    }

    .opf-block .opf-content-description {
        font-size: 12px;
        line-height: 22px
    }

    .opf-block .opf-content {
        padding: 18px
    }

    .opf-content-limit {
        height: 200px
    }

    .navbar.opened~.search-form-wrapper {
        bottom: 16%
    }
}

@media(max-width:767px) {
    .opf-block {
        display: inherit;
        background-color: transparent
    }

    .opf-img img {
        border-bottom-left-radius: 0;
        height: auto;
        border-top-left-radius: 0;
        padding: 0 15px 20px
    }

    .opf-block h2 {
        font-size: 14px;
        line-height: 16px
    }

    .opf-block h3 {
        font-size: 26px;
        padding-bottom: 0;
        line-height: 36px
    }

    .opf-block .opf-content {
        padding: 15px;
        text-align: center
    }

    .opf-content-limit {
        height: auto
    }

    .our-people-profile {
        padding: 40px 0 25px
    }

    .opf-block .opf-content-description {
        font-size: 14px;
        line-height: 24px
    }

    .opf-block .opf-designation {
        padding-bottom: 30px
    }
}

.book-footer {
    margin-top: 16px;
    font-family: GothamBook, helvetica, arial, sans-serif
}

.book-footer a {
    text-decoration: underline
}

.book-footer a:hover {
    text-decoration: none
}

.bgBlueGradient .book-footer a {
    color: #7ce0d3;
    text-decoration: underline
}

.bgSkyBlueNoGradient .book-footer {
    color: #4b4f54
}

.bgSkyBlueNoGradient .book-footer a {
    color: #ff5959
}

.product-block-footer {
    font-family: GothamBook, helvetica, arial, sans-serif;
    color: #444;
    padding: 0 20px 20px;
    font-size: 12px
}

.product-block-footer a {
    color: #ff5959;
    text-decoration: underline
}

.product-block-footer a:hover {
    text-decoration: none
}

.region-address .map {
    display: block
}

.region-address .region-address-icon {
    display: block;
    margin-top: 15px
}

.region-address .map a,
.cd-main-nav .map a {
    font-family: GothamBook, helvetica, arial, sans-serif
}

.region-address-icon img {
    padding-right: 14px;
    margin-left: -5px;
    width: 22px;
    box-sizing: initial
}

.region-address-icon a {
    font-size: 16px;
    font-family: GothamMedium, helvetica, arial, sans-serif;
    color: #4b4f54;
    line-height: 19px;
    padding-bottom: 0
}

.cd-main-nav .region-address-icon {
    display: block;
    margin-top: 20px
}

.cd-main-nav .region-address-icon img {
    padding-right: 0;
    margin-left: 0
}

.cd-main-nav .region-address-icon a {
    display: inline-block;
    border-bottom: none;
    padding-top: 0;
    margin-left: 10px
}

.dropdown button {
    color: #fff !important
}

.rmm.style .dropdown ul.slmenu-child2 li {
    width: initial
}

@media(max-width:767px) {
    .bgBlueGradient .book-footer a {
        color: #ff5959
    }
}

@media(min-width:768px) {
    .book-footer {
        padding-right: 15%
    }
}

.slmenu.dropdown-button-ul {
    padding-bottom: 12px !important;
    right: 0
}

.rmm.style ul.slmenu.dropdown-button-ul:before {
    text-align: right !important
}

.rmm.style .slmenu.slmenu.dropdown-button-ul {
    padding-bottom: 12px !important
}

button.menu-inactive.btn.btn-primary.btn-home.d-none.d-lg-block:after {
    content: '';
    font-family: FontAwesome;
    font-size: 18px;
    vertical-align: bottom;
    margin-left: 6px
}