@charset "UTF-8";
@import url(fonts.css);
@import url(slick.css);
@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap);

html body{
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0;
  }

body{
    line-height:1.5;
    color:#3f3e3e;
    font-size:16px;
    background:#fff;
    font-weight:400;
    padding-top:120px
}
.no-pding{
    padding-top:0
}
*{
    margin:0;
    padding:0
}
a{
    color:#b0976f
}
a:hover{
    text-decoration:none;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    color:#b0976f   ;
    opacity:.9
}
ol,ul{
    list-style:none
}
ol{
    padding:0;
    text-align:justify
}
ol li{
    margin-top:1rem
}
ol li::marker{
    font-size:1.2em;
    font-weight:600
}
blockquote,q{
    quotes:none
}
img{
    max-width:100%
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
input::placeholder{
    overflow:visible
}
table{
    border-collapse:collapse;
    border-spacing:0
}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    color:#585858;
}
.h3,h3{
    font-size:1.5rem
}
a,a:active,a:focus,a:hover{
    outline:0;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    text-decoration:none
}
.calbri{
    font-family:Calibri!important
}
.display-6{
    font-size:2rem
}
p{
    color:#6d6d6d;
    text-align:justify
}
.text-justify{
    text-align:justify
}
.clearfix{
    clear:both
}
.nvColor{
    color:#b0976f!important
}
.darkgrey{
    color:#3f3e3e!important
}
.boxShadow{
    box-shadow:0 0 15px 0 rgb(0 0 0 / 42%);
    -webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / 42%);
    -moz-box-shadow:0 0 15px 0 rgb(0 0 0 / 42%);
    -ms-box-shadow:0 0 15px 0 rgb(0 0 0 / 42%)
}
.ulList{
    list-style:none;
    margin:0 0 1.5rem;
    padding:0 0 0 15px
}
.ulList li{
    margin-bottom:.5rem;
    color:#3f3e3e;
    background-repeat:no-repeat;
    background-size:14px auto
}
.ulList li a{
    color:#3f3e3e
}
.contentWrap{
    background:#fff;
    padding:20px;
    border:1px solid rgba(137,135,135,.21)
}
.table{
    border:1px solid #eee
}
.table>thead th{
    border:none;
    border-right:1px solid #ddd;
    background-color:#ececec
}
.table>thead th:last-child{
    border:none
}
.table>tbody td:last-child{
    border-right:none
}
.table>:not(caption)>*>*{
    border-bottom-width:1px;
    border-right-width:1px;
    background-color:transparent;
    padding:.5rem 1rem
}
.download_brochures{
    background-color:#b0976f;
    color:#fff;
    font-size:17px;
    font-weight:700;
    background-image:url(../images/arrow-down.png);
    background-repeat:no-repeat;
    min-width:200px;
    display:inline-block;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px
}
.download_brochures:hover{
    background-color:#eb1d23;
    color:#fff
}
.container{
    max-width:1590px;
    padding:0 22px
}
.section_padding{
    padding:65px 0
}
.gradient {
    background: rgb(0,0,0) !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(73,73,73,0.4) 53%, rgba(217,217,217,0) 73%) !important;
    position: absolute !important;
    z-index: 1 !important;
    height: 200px;
    width: 100%;
    display: inline-block;
    top: 0;
}
.header{
    padding:10px 0 0;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    right:0;
    margin:auto;
}

.header.fixedHeader{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:11;
    background:0 0
}

.header .navbar{
    padding:0;
    margin-bottom:10px
}
.header.fixedHeader .navbar{
    margin-bottom:0
}
.header .logo{
    max-width:215px;
    width:100%;
}
.header .logo img{
    width:100%
}
.header .navbar-collapse{
    flex-grow:0;
    margin:25px 0 0;
    position:relative
}
.topNav{
    display:flex;
    width:100%;
    flex-wrap:wrap
}
.topNav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end
}
.topNav ul.dropdown-menu{display:none;background-color: rgba(0,0,0,.75);border:0;}
.topNav ul.dropdown-menu.show{display:block;}
.topNav .dropdown-toggle{border:0;background:transparent;width:32px;}
.topNav .dropdown-toggle:after{display:none;}
.topNav ul.dropdown-menu li{margin:0!important;}
.topNav .dropdown-item .fa-phone{transform:rotate(90deg);}
.topNav .dropdown-item{color:#fff;}
.topNav .dropdown-item:focus, .topNav .dropdown-item:hover{color:#fff;background-color:transparent;}
.header.sticky_header .topNav a.dropdown-item{color:#fff!important;}
.topNav ul.dropdown-menu:hover li:not(:hover){
    opacity:.5;
    transition:opacity .25s;
    -webkit-transition:opacity .25s;
    -moz-transition:opacity .25s;
    -ms-transition:opacity .25s
}
.topNav a{
    color:#5a5a5a
}
.topNav a.lang{
    font-size:13px;
    font-family:Almarai,sans-serif
}
.fixedHeader .topNav a{
    color:#fff
}
.header .empPortal{
    background-image:url(../images/male-user-grey.svg);
    background-repeat:no-repeat;
    background-size:14px auto
}
.header.fixedHeader .empPortal{
    background-image:url(../images/male-user.svg)
}
.header .navbar-nav .nav-link{
    font-size:16px;
    text-transform:uppercase;
    color:#b0976f   
}
.header .navbar-nav .nav-link.active,.header .navbar-nav .nav-link:hover{
    color:#b0976f   ;
    opacity:.9
}
.header.fixedHeader .navbar-nav .nav-link{
    color:#fff
}
.header .navbar-nav li{
    padding:0 17px;
    position:relative
}
.header .navbar-nav a.homemenu{
    padding-top:4px
}
.header .navbar-nav .subMenu{
    width:250px;
    position:absolute;
    background:rgba(0,0,0,.75);
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    box-shadow:0 0 15px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow:0 0 15px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow:0 0 15px 0 rgb(0 0 0 / 25%);
    -ms-box-shadow:0 0 15px 0 rgb(0 0 0 / 25%);
    z-index:111;
    transition:transform .4s ease-out,opacity .1s ease-out;
    -webkit-transition:transform .4s ease-out,opacity .1s ease-out;
    -moz-transition:transform .4s ease-out,opacity .1s ease-out;
    -ms-transition:transform .4s ease-out,opacity .1s ease-out;
    opacity:0;
    top:47px;
    left:7px;
    pointer-events:none;
    padding:15px 0;
    margin:0;
    min-width:10rem;
    visibility:hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    transition:top .25s ease 0s;
    -webkit-transition:top .25s ease 0s;
    -moz-transition:top .25s ease 0s;
    -ms-transition:top .25s ease 0s
}
.header .navbar-nav li.dropdownMenu:hover .subMenu{
    opacity:1;
    pointer-events:all;
    visibility:visible;
    transition:top .25s ease 0s;
    -webkit-transition:top .25s ease 0s;
    -moz-transition:top .25s ease 0s;
    -ms-transition:top .25s ease 0s;
    top:35px
}
.header .navbar-nav li.dropdownMenu .subMenu.level_2{
    opacity:0;
    left:100%;
    visibility:hidden;
    top:47px;
    transition:top .25s ease 0s;
    -webkit-transition:top .25s ease 0s;
    -moz-transition:top .25s ease 0s;
    -ms-transition:top .25s ease 0s
}
.header .navbar-nav .subMenu li.subNav:hover .subMenu.level_2{
    opacity:1;
    top:0;
    visibility:visible;
    transition:top .25s ease 0s;
    -webkit-transition:top .25s ease 0s;
    -moz-transition:top .25s ease 0s;
    -ms-transition:top .25s ease 0s
}
.header .navbar-nav li.dropdownMenu:nth-child(4) .subMenu.level_2,.header .navbar-nav li.dropdownMenu:nth-child(5) .subMenu.level_2,.header .navbar-nav li.dropdownMenu:nth-child(6) .subMenu.level_2{
    left:auto;
    right:100%
}
.header .navbar-nav li.dropdownMenu:last-child .subMenu,.header .navbar-nav li.dropdownMenu:nth-child(5) .subMenu{
    left:auto;
    right:7px
}
.header .navbar-nav .subMenu li{
    padding:0
}
.header .navbar-nav .subMenu li a{
    color:#fff;
    padding:7px 22px;
    display:block;
    font-weight:600;
    font-size:15px
}
.header .navbar-nav li.dropdownMenu .subMenu:hover li:not(:hover){
    opacity:.5;
    transition:opacity .25s;
    -webkit-transition:opacity .25s;
    -moz-transition:opacity .25s;
    -ms-transition:opacity .25s
}
.header .navbar-nav .subMenu li a:hover{
    color:#fff
}
.header .navbar-nav li a.nav-link:after{
    content:'';
    width:100%;
    height:0;
    border:1px solid transparent;
    border-top-color:currentColor;
    display:block;
    transition:transform .2s ease-out,opacity .2s ease-out;
    opacity:0;
    transform:scaleX(0)
}
.header .navbar-nav li a.nav-link:hover:after{
    opacity:1;
    border-top-style:solid;
    border-top-color:#b0976f;
    border-top-width:1px;
    transform:scaleX(1)
}
.header.fixedHeader .navbar-nav li a.nav-link:hover:after{
    border-top-color:#fff
}
.header .homemenu img{
    width:20px;
    height:18px
}
.fixedHeader .navbar-light .navbar-nav .nav-link.active,.fixedHeader .navbar-light .navbar-nav .nav-link:hover,.fixedHeader .navbar-light .navbar-nav .show>.nav-link{
    color:#fff
}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{
    color:#b0976f
}
.topSearch{
    display:flex;
    flex-wrap:wrap
}
.topSearch .searchBtn{
    background-color:transparent;
    background-image:url(../images/search-grey.svg);
    background-repeat:no-repeat;
    width:15px;
    border:none;
    box-shadow:none;
    height:15px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.header.sticky_header{
    position:fixed;
    top:0;
    width:100%;
    background:#fff;
    border-bottom:1px solid #ddd;
    z-index:999;
    padding:7px 0;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}
.header.sticky_header .topNav a{
    font-size:13px;
    color:#5a5a5a!important
}
.header.sticky_header .logo{
   /* max-width:170px*/
}
.header.sticky_header .whiteLogo{
    display:none
}
.header.sticky_header .fixedNav_logo{
    display:block
}
.header.sticky_header .empPortal{
    background-size:11px auto;
    padding-left:20px;
    background-image:url(../images/male-user-grey.svg)
}
.header.sticky_header .navbar-nav .nav-link{
    font-size:14px;
    color:#b0976f!important
}
.header.sticky_header .navbar-collapse{
    margin-top:15px
}
.header.sticky_header .topSearch .searchBtn{
    background-image:url(../images/search-grey.svg)
}
.header.sticky_header .topSearch .searchBtn.close{
    background-image:url(../images/close-button-grey.svg)
}
.header.fixedHeader.sticky_header .toggleSearch,.header.sticky_header .toggleSearch{
    width:100%;
    top:-4px
}
.header.fixedHeader.sticky_header .toggleSearch .form-control,.header.sticky_header .toggleSearch .form-control{
    background-color:#fff;
    border-color:#ccc;
    color:#5a5a5a
}
.header.sticky_header .navbar{
    margin-bottom:0
}
.fixedHeader .topSearch .searchBtn{
    background-image:url(../images/search.svg)
}
.fixedHeader .topSearch .searchBtn.close{
    background-image:url(../images/close-button.svg)
}
.topSearch .searchBtn.close{
    background-image:url(../images/close-button-grey.svg)
}
.header .toggleSearch{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    position:absolute;
    top:-4px
}
.header.fixedHeader .toggleSearch{
    top:50px;
}
.toggleSearch .form-control{
    background:#fff;
    border-color:#ccc;
    border-radius:0;
    min-height:44px;
    color:#5a5a5a
}
.header.fixedHeader .toggleSearch .form-control{
    background:0 0;
    border-color:#fff;
    border-radius:0;
    min-height:44px;
    color:#fff
}
.toggleSearch .form-control:placeholder{
    color:#fff
}
.heroSlider .carousel-control-next,.heroSlider .carousel-control-prev{
    top:auto;
    bottom:6%;
    width:20px;
    height:20px;
    opacity:1;
    transition:opacity 1s ease
}
.heroSlider .carousel-control-next-icon,.heroSlider .carousel-control-prev-icon{
    width:1.5rem;
    height:1.5rem;
    background-size:contain
}
.heroSlider .carousel-control-next-icon{
    background-image:url(../images/arrow-next.png)
}
.heroSlider .carousel-control-prev-icon{
    background-image:url(../images/arrow-prev.png)
}
.heroSlider .carousel-control-prev:after{
    content:"";
    width:1px;
    height:37px;
    background:#fff;
    left:40px;
    position:absolute
}
.heroSlider{
    position:relative
}
.heroSlider .carousel-inner{
    max-height:100vh
}
.heroSlider video{
    min-height:100vh;
    object-fit:cover
}
.botmScroll{
    position:absolute;
    right:0;
    left:0;
    bottom:15px;
    color:#fff;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:15px;
    width:85px;
    z-index:0
}
.down{
    position:relative;
    width:26px;
    height:44px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    border-radius:20px;
    background:0 0;
    border:2px solid #fff;
    overflow:hidden;
    cursor:pointer;
    z-index:11;
    margin-bottom:5px
}
.down:before{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:#fff;
    left:50%;
    top:10px;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    animation:animate 1s linear infinite
}
.down:after{
    content:"";
    position:absolute;
    width:7px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:#fff;
    left:50%;
    top:5px;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    border-radius:3px
}
@keyframes animate{
    0%{
        transform:translate(-50%,0);
        opacity:1
    }
    50%{
        transform:translate(-50%,40px);
        opacity:1
    }
    100%{
        transform:translate(-50%,80px);
        opacity:1
    }
}
.section_title{
    margin-bottom:25px
}
.page_heading,.section_title h2{
    font-size:36px;
    color:#585858;
    font-weight:700
}
h3.page_heading{
    font-size:30px;
    font-weight:700
}
.section_title h2 a{
    color:#585858;
}
.section_title span{
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    color:#b0976f
}
.headingLine{
    width:65px;
    height:3px;
    background:#eb1d23;
    margin-top:8px
}
.aboutContent{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.abDescription{
    width:calc(100% - 90px)
}
.aboutImage{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center
}
.readmore{
    color:#b0976f   ;
    font-weight:600;
    background-repeat:no-repeat;
    position:relative;
    min-width:180px;
    display:inline-block;
    font-weight:600
}
.readmore:hover{
    color:#b0976f   
}
.readmore:after{
    content:"";
    width:42px;
    height:42px;
    border:1px solid #ddd;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    border-radius:50px;
    position:absolute;
    top:3px;
    bottom:0;
    margin:0 auto;
    z-index:-1
}
.frontline_banner{
    display:flex;
    flex-wrap:wrap;
    background-image:url(../images/998-frontline-emergency-banner-1.jpg);
    background-repeat:no-repeat;
    background-size:100% auto;
    position:relative;
    min-height:65vh;
    background-attachment:fixed;
    background-position:center
}
.frontline_banner h2{
    font-size:50px;
    font-weight:400;
    color:#fff
}
.learnMore{
    display:inline-flex;
    flex-wrap:wrap;
    min-width:190px;
    padding:8px;
    border:2px solid #fff;
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    justify-content:center
}
.learnMore:hover{
    background:#b0976f;
    color:#fff;
    border-color:#b0976f
}
.frontline_banner .container{
    position:relative;
    z-index:1;
    height:max-content
}
.counterWrapper{
    position:absolute;
    bottom:-120px;
    width:100%;
    left:0;
    right:0;
    z-index:0
}
.counterBox{
    background:#fff;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-around;
    box-shadow:5px 11px 27px rgba(36,58,118,.33);
    -webkit-box-shadow:5px 11px 27px rgba(36,58,118,.33);
    -moz-box-shadow:5px 11px 27px rgba(36,58,118,.33);
    -ms-box-shadow:5px 11px 27px rgba(36,58,118,.33);
    padding:10px 20px 12px
}
.counterBox h3{
    font-weight:400;
    color:#373737;
    flex:0 0 100%;
    margin:10px 0 20px;
    text-align:center
}
.numberColumn{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}
.counterBox .headphones{
    width:60px
}
.counterBox .patient{
    width:70px
}
.counterBox .ambulance{
    width:80px
}
.counterBox .n_data{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.counterBox .number{
    font-size:38px;
    color:#b0976f;
    font-weight:600;
    line-height:50px;
    margin-bottom:6px;
    position:relative;
    font-family:Calibri
}
.counterBox .number:before{
    content:"";
    width:40px;
    height:2px;
    background:#eb1d23;
    display:block;
    position:absolute;
    bottom:0
}
.counterBox .number:after{
    content:"+";
    display:inline-block;
    margin-left:7px
}
.counterBox .n_data p{
    color:#b0976f;
    font-size:18px;
    margin:0
}
.numbertxt{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    flex-direction:column
}
.numbertxt h5{
    text-align:center;
    margin:20px 0 0
}
.numbertxt p{
    margin:0;
    color:#797777
}
.numbertxt h5:after{
    content:"";
    width:80px;
    height:3px;
    background:#eb1d23;
    display:block;
    margin:5px auto 0
}
.counterWrapper_abt{
    width:100%;
    left:0;
    right:0;
    z-index:0
}
.counterWrapper_abt .container{
    padding:0
}
.services{
    margin-top:120px
}
.serviceList{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between
}
.serviceBox{
    flex:0 0 48%;
    max-width:48%;
    margin:35px 0 0
}
.serviceImage{
    margin-bottom:35px
}
.serviceImage img{
    width:100%;
    float:none;
    margin:0
}
.serviceInfo h3{
    font-size:24px;
    color:#b0976f;
    
    margin-bottom:20px;
    min-height:40px
}
.serviceInfo .learnMore{
    border-color:#b0976f;
    color:#b0976f;
    min-width:155px;
    font-size:15px
}
.serviceInfo .learnMore:hover{
    color:#fff
}
.newsAds{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:2rem
}
.newsAds .largeNews{
    max-width:64%;
    position:relative;
    flex:0 0 64%
}
.newsAds .largeNews img{
    width:100%
}
.newsAds .largeNews .hoverEffect{
    max-height:435px;
    overflow:hidden;
    position:relative
}
.newsAds .smallNews{
    max-width:35%;
    flex:0 0 35%
}
.newsAds .coverNews{
    margin-bottom:10px;
    position:relative;
    max-height:212px
}
.newsAds .newsContent{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:space-between;
    background:rgba(0,0,0,.3);
    width:100%;
    height:100%;
    padding:15px
}
.newsContent .newsDate{
    background:#b0976f   ;
    width:50px;
    height:58px;
    color:#fff;
    font-size:24px;
    font-weight:700;
    text-align:center;
    line-height:26px;
    font-family:Calibri
}
.newsAds .newsDate span{
    text-transform:uppercase;
    font-size:16px;
    font-weight:400;
    line-height:16px
}
.newsAds .newsTag{
    color:#fff;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    text-align:right
}
.newsAds .largeNews .newsTitle{
    margin-top:10px
}
.newsTitle h4{
    font-size:17px;
    font-weight:700;
    margin:0
}
.latestNews{
    background:#f4f5f9
}
.twitterBox{
    background:#fff;
    padding:20px;
    margin-top:2rem;
    max-height:92vh;
    overflow:hidden;
    transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease
}
.twitterBox:hover{
    overflow-y:scroll
}

.twitterBox .feedContent a span{
    font-size: 12px;
}
.widgetHeader{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center
}
.widgetHeader h5{
    font-size:28px;
    font-weight:700;
    color:#58595b;
    margin:0
}
.viewAllBtn{
    background-color:transparent;
    padding:10px 20px;
    color:#b0976f   ;
    font-size:17px;
    font-weight:700;
    min-width:155px;
    display:inline-block;
    border:2px solid #b0976f   ;
}
.viewAllBtn:hover{
    background-color:#b0976f   ;
    color:#fff
}
.viewAll_area{
    margin:30px 0 0
}
.Covid-19 img{
    width:100%
}
.logoSlider{
    list-style:none;
    padding:0;
    margin:0
}
.logoSlider li{
    width:270px;
    text-align:center;
    margin:0 10px
}
.logoSlider li img{
    display:block;
    margin:auto;
    filter:gray;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease
}
.logoSlider li img:hover{
    filter:none;
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.logoSlider .slick-track{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.appBanner{
    /* background:#3168c3;
    background:-moz-linear-gradient(180deg,#3168c3 0,#2a5fbc 47%,#1c459e 79%);
    background:-webkit-linear-gradient(180deg,#3168c3 0,#2a5fbc 47%,#1c459e 79%);
    background:linear-gradient(180deg,#3168c3 0,#2a5fbc 47%,#1c459e 79%); */
    background:#908070;
    background:-moz-linear-gradient(180deg,#908070 0,#908070 47%,#908070 79%);
    background:-webkit-linear-gradient(180deg,#908070 0,#908070 47%,#908070 79%);
    background:linear-gradient(180deg,#908070 0,#908070 47%,#908070 79%);
    display:flex;
    flex-wrap:wrap;
    padding:41px 30px;
    height:100%
}
.appContent{
    flex:0 0 60%;
    max-width:60%
}
.appContent h2{
    font-size:38px;
    color:#fff;
    font-weight:700
}
.appContent p{
    color:#fff
}
.appStore{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:20px 0
}
.appStore img{
    max-height:48px
}
.NA998{
    flex:0 0 40%;
    padding:26px 0 26px 10px;
    max-width:40%
}
.ambulanceNumber{
    background:#c1936c;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.footer{
    background:#b0976f;
    padding-bottom:0!important
}
.footer .row{
    justify-content:space-between
}
.footer p{
    color:#fff;
    text-align:inherit
}
.footer p span{
    display:inline-block
}
.footerColumn{
    flex:0 0 auto;
    width:auto
}
.footerColumn:nth-child(3){
    margin-right:3%
}
.footer h3{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin-bottom:15px
}
.footerLinks{
    list-style:none;
    margin:0;
    padding:0
}
.footerLinks li{
    margin-bottom:7px
}
.footerLinks li a{
    color:#fff;
    background-repeat:no-repeat
}
.footerLinks li a:hover,.linkhover:hover{
    opacity:.75
}
.footer a:hover{
    color:#fff;
    opacity:.75
}
.footerColumn address{
    background-image:url(../images/location.svg);
    background-repeat:no-repeat;
    background-size:15px auto;
    color:#fff
}
.footerPhone{
    background-image:url(../images/phone.svg);
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    background-size:18px auto;
    font-family:Calibri
}
.footerEmail{
    background-image:url(../images/email.svg);
    background-repeat:no-repeat;
    margin-top:15px;
    color:#fff;
    display:block;
    background-size:18px auto
}
.poBox{
    background-image:url(../images/contact-postbox-white.svg);
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    background-size:20px auto;
    margin-top:1rem
}
.footerSocial{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:30px 0 0;
    align-items:center;
    justify-content:center
}
.footerSocial a{
    width:44px;
    height:44px;
    border:1px solid #fff;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    margin:0 12px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}
.footerSocial svg{
    max-height:17px;
    fill:#fff;
    width:17px
}
.footerSocial .twitter svg{
    max-width:17px
}
.footerSocial a:hover{
    background-color:#fff
}
.linkhover{
    color:#fff;
    display:block
}
.footerSocial a:hover svg{
    fill:#b0976f   
}
.footerBotm{
   /* background:url(../images/footer_line.png) no-repeat;*/
    background-size:100% auto;
    margin-bottom:20px;
    direction:ltr
}
.footer .footerBotm .row{
    justify-content:flex-start
}
.ISO_logo{
    width:auto;
    max-width:130px
}
.JCI_logo{
    width:auto;
    max-width:150px
}
.copyRight{
    background:#aa9363;
    padding:12px
}
.copyRight p{
    margin:0;
    font-size:14px
}
.Covid-19{
    position:relative;
    padding-bottom:0
}
.callAction{
    position:absolute;
    left:14.5%;
    bottom:15px
}
.callAction .learnMore{
    background:#b0976f;
    border:none;
    font-size:15px;
    min-width:150px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px
}
.hoverEffect{
    overflow:hidden
}
.hoverEffect .imgHover{
    transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease
}
.hoverEffect:hover .imgHover{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.navbar-light .navbar-toggler-icon{
    background-image:url(../images/menu_icon.svg);
    width:1.4rem;
    height:1.4rem
}
.header .navbar-light .navbar-toggler{
    width:30px;
    height:24px;
    background-color:transparent;
    border:none;
    position:relative;
    z-index:11;
    padding:0
}
.navbar-toggler:focus{
    box-shadow:none
}
.header .navbar-light .navbar-toggler .burger_line{
    width:100%;
    height:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    display:block;
    background-color:#54565a
}
.header .navbar-light .navbar-toggler .burger_line:before{
    content:"";
    display:block;
    width:75%;
    height:2px;
    background-color:#54565a;
    position:absolute;
    right:0;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transform:translateY(-8px)
}
.header .navbar-light .navbar-toggler .burger_line:after{
    content:"";
    display:block;
    width:100%;
    height:2px;
    background-color:#54565a;
    position:absolute;
    right:0;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transform:translateY(8px)
}
.header.fixedHeader .navbar-light .navbar-toggler .burger_line,.header.fixedHeader .navbar-light .navbar-toggler .burger_line:after,.header.fixedHeader .navbar-light .navbar-toggler .burger_line:before{
    background-color:#fff
}
.header .navbar-light .navbar-toggler.close .burger_line:before{
    width:100%;
    transform:translate(0) rotate(45deg);
    background-color:#b0976f
}
.header .navbar-light .navbar-toggler.close .burger_line:after{
    width:100%;
    transform:translate(0) rotate(-45deg);
    background-color:#b0976f
}
.header .navbar-light .navbar-toggler.close .burger_line{
    background:0 0
}
.fixedHeader .fixedNav_logo,.whiteLogo{
    display:none
}
.fixedHeader .whiteLogo{
    display:block
}
.mobShow{
    display:none
}
.mob_lang{
    display:none
}
.scrollbar{
    margin-left:30px;
    float:left;
    height:300px;
    width:65px;
    background:#f5f5f5;
    overflow-y:scroll;
    margin-bottom:25px
}
#customScroll::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5;
    border-radius:10px
}
#customScroll::-webkit-scrollbar{
    width:10px;
    background-color:#f5f5f5
}
#customScroll::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,#7a99d9),color-stop(.72,#497dbd),color-stop(.86,#1c3a94))
}
.pageBanner{
    background-image:url(../images/about-us-banner.jpg);
    background-repeat:no-repeat;
    position:relative;
    padding:15% 0;
    background-size:100% auto;
    margin:0 22px
}
.pageHeading{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:auto;
    right:0;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    background-color:rgba(0,0,0,.4);
    padding:12px
}
.pageHeading h1{
    font-size:42px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    margin:0
}
.pageHeading .subTitle{
    color:#fff;
    font-size:20px;
    padding-left:50px
}
.pageBreadcrumbs .breadcrumb{
    padding:20px 0;
    margin:0;
    justify-content:flex-start
}
.pageBreadcrumbs .breadcrumb-item.active{
    color:#b0976f   
}
.pageBreadcrumbs .breadcrumb-item a{
    color:#5a5a5a
}
.pageWrapper{
    background-color:#f6f6f6
}
.wrapTitle{
    color:#585858;
    font-size:40px
}
.menuSidebar{
    background-color:#fff;
    border:1px solid rgba(137,135,135,.21);
    width:100%;
    padding:25px 0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    position:sticky;
    top:75px
}
.menuSidebar h4{
    color:#585858;
    font-size:22px;
    margin-bottom:18px;
    padding:0 20px
}
.menuSidebar .sidebarNav{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    width:100%;
    flex-direction:column
}
.menuSidebar .sidebarNav li{
    border-top:1px solid #e2e2e2
}
.menuSidebar .sidebarNav li a{
    padding:12px 20px;
    display:block;
    color:#b0976f  ;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    position:relative
}
.sidebarDropdown{
    padding:0 20px
}
.menuSidebar .sidebarNav li a:hover{
    color:#b0976f;
    opacity:.9;
    background-color:#e9ecef
}
.menuSidebar .sidebarNav li.active a{
    color:#264a85;
    opacity:.9;
    background-color:#e9ecef
}
.menuSidebar .sidebarNav li a.dropdown-link:after{
    content:"";
    position:absolute;
    top:21px;
    width:0;
    height:0;
    border-top:6px solid currentColor;
    border-right:6px solid transparent;
    border-left:6px solid transparent
}
.menuSidebar .sidebarNav li a.dropdown-link.open:after{
    border-top:none;
    border-bottom:6px solid currentColor
}
.menuSidebar .sidebarNav li .sidebarDropdown a{
    padding:5px 12px;
    font-size:14px;
    white-space:normal
}
.memberBlock{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    background:#fff;
    border:1px solid rgba(137,135,135,.21);
    flex-direction:column;
    align-items:center
}
.memberImage{
    flex:0 0 30%;
    max-width:30%;
    padding:10px;
    border:1px solid rgba(137,135,135,.21)
}
.memberInfo{
    padding:25px 30px;
    text-align:center
}
.memberInfo .mName{
    flex:0 0 100%;
    font-size:24px;
    color:#3c3c3c;
    margin:0 0 5px;
    line-height:normal
}
.memberInfo .designation{
    display:block;
    margin-bottom:15px
}
.memberInfo .viewAllBtn{
    padding:10px 20px 10px 27px;
    background-position:83% 18px;
    min-width:175px;
    text-transform:uppercase;
    margin-top:15px;
    border-radius:0
}
.listWrapper{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:space-between
}
.listWrapper .listItem{
    background:#fff;
    padding:20px;
    box-shadow:4px 8px 10px rgba(36,58,118,.1);
    -webkit-box-shadow:4px 8px 10px rgba(36,58,118,.1);
    -moz-box-shadow:4px 8px 10px rgba(36,58,118,.1);
    -ms-box-shadow:4px 8px 10px rgba(36,58,118,.1);
    max-width:23%;
    margin-bottom:2.5rem;
    cursor:pointer
}
.listItem .itemInfo{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-bottom:10px
}
.contentWrap .itemImage img,.contentWrap .memberImage img{
    float:none;
    margin:0
}
.itemInfo .mName{
    font-size:15px;
    color:#54565a;
    text-align:center
}
.itemInfo span{
    font-size:14px;
    color:#54565a;
    display:block;
    text-align:center
}
.careerpage_video{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    justify-content:center;
    max-height:63vh;
    overflow:hidden
}
.careerpage_video video{
    width:100%;
    height:100%
}
.video_caption{
    position:absolute;
    width:100%;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    padding:0 15px;
    bottom:25px;
    color:#fff;
    max-width:992px
}
.video_caption p{
    color:#fff;
    font-size:18px
}
.video_caption h1{
    margin-bottom:1.5rem
}
.video_caption .viewAllBtn{
    max-width:200px;
    min-width:inherit;
    padding:10px 20px 10px 30px;
    text-align:left;
    margin:.5rem auto 0
}
.categoryBox{
    display:flex;
    flex-wrap:wrap;
    max-width:25%;
    max-height:325px;
    min-height:325px;
    position:relative;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:0 2px;
    margin-bottom:4px
}
.categoryLink{
    position:relative;
    display:block;
    max-height:325px
}
a:hover.categoryLink .categoryInfo{
    background:rgba(0,0,0,.6);
    transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease
}
.categoryInfo{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.4);
    width:100%;
    height:100%;
    transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -ms-transition:all .7s ease
}
.categoryInfo h3{
    color:#fff
}
.categoryList{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    padding:0 10px
}
.menuSidebar .sidebarNav li.sidebarSubMenu .dropdownMenu a{
    padding:7px 15px
}
.modal .close{
    position:absolute;
    right:-7px;
    top:-12px;
    border:none;
    background:#fff;
    font-size:20px;
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ccc;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px
}
.modal .modal-header{
    padding:1rem 1.3rem 0;
    border:none
}
.modal .modal-body{
    padding:.5rem 1.3rem 1rem
}
.modal .modal-dialog{
    max-width:750px;
    width:100%
}
.modal .modal-content{
    border:1px solid #ccc;
    background-clip:border-box;
    border-radius:0
}
.modal-body img{
    max-width:254px
}
.bannerSlider .slick-next,.bannerSlider .slick-prev{
    width:34px;
    height:34px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    background-color:#b0976f
}
.bannerSlider .slick-next:after,.bannerSlider .slick-next:before,.bannerSlider .slick-prev:after,.bannerSlider .slick-prev:before{
    background:#fff;
    height:13px;
    width:2px
}
.bannerSlider .slick-prev{
    left:10px
}
.bannerSlider .slick-next{
    right:10px
}
.bannerSlider .slick-next:before,.bannerSlider .slick-prev:before{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg)
}
.bannerSlider .slick-next:after,.bannerSlider .slick-prev:after{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg)
}
.bannerSlider .slick-next:after,.bannerSlider .slick-prev:after{
    top:-4px
}
.bannerSlider .slick-next:before,.bannerSlider .slick-prev:before{
    top:4px
}
.form_panel form label{
    color:#999;
    font-weight:600;
    font-size:15px;
    margin-bottom:12px;
    padding:0 8px 0 0
}
.form_panel form h5{
    color:#585858;
    font-weight:600;
    font-size:17px;
    margin-bottom:1rem
}
.form_panel form h6{
    font-size:16px;
    color:#747474
}
.form_panel .custom-control-inline{
    margin-right:0;
    margin-left:1rem
}
.form_panel{
    position:relative;
    z-index:0
}
.form_panel .page_title{
    margin-bottom:35px
}
.form_panel .country_code_input{
    background:0 0;
    border:1px solid #ccc;
    min-height:57px;
    height:auto;
    border-radius:0;
    padding:0 15px
}
.form_panel .form-group{
    margin-bottom:1.1rem
}
#spl_accordion .form_panel .form-group{
    margin-bottom:1.2rem
}
.form_panel .form-group small{
    opacity:.6
}
.form-row>[class*=col-],.form_panel .form-row>.col{
    padding-right:15px;
    padding-left:15px
}
.form_panel .form-control{
    min-height:48px;
    border-color:#ccc;
    border-radius:0;
    padding:0 15px
}
.form-control::-webkit-input-placeholder{
    color:#a7a7a7
}
.form-control::-moz-placeholder{
    color:#a7a7a7
}
.form-control:-ms-input-placeholder{
    color:#a7a7a7
}
.form-control:-moz-placeholder{
    color:#a7a7a7
}
.form_panel select{
    color:#a7a7a7
}
.form_panel strong{
    color:#a3a3a3
}
.form-row h5{
    color:#999;
    font-size:18px;
    margin-bottom:20px;
    flex:0 0 100%
}
.radio_row .custom-control-inline{
    margin-left:0!important
}
.form_column .default_btn{
    border-radius:0;
    min-width:230px;
    background:#b0976f   ;
    border-color:#b0976f   ;
    text-transform:uppercase;
    font-weight:600;
    font-size:18px
}
.form_column .default_btn:hover{
    background:0 0;
    border-color:#b0976f   
}
.radio_row{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.form_panel .radio input.form-control{
    position:relative;
    opacity:1;
    top:-6px;
    height:32px;
    z-index:1000;
    cursor:auto;
    max-width:140px;
    min-height:inherit;
    font-size:13px;
    padding:0 10px
}
.form_panel h3{
    color:#afafaf;
    text-align:center;
    margin:0 0 30px
}
.form_panel h3.counsell_head{
    text-align:left
}
.form_panel .radio{
    position:relative;
    cursor:pointer;
    font-weight:400;
    padding:0 0 0 25px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.form_panel .radio input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.form_panel .checkround{
    position:absolute;
    top:4px;
    left:0;
    display:block;
    width:1rem;
    height:1rem;
    content:"";
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#dee2e6;
    border-radius:50%
}
.form_panel .radio input:checked~.checkround{
    background-color:#fff
}
.form_panel .checkround:after{
    content:"";
    position:absolute;
    display:none
}
.form_panel .radio input:checked~.checkround:after{
    display:block
}
.form_panel .radio .checkround:after{
    width:1rem;
    height:1rem;
    border-radius:50%;
    background-color:#b0976f ;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50% 50%
}
.form_panel .custom-control-inline input.form-control{
    position:relative;
    opacity:1;
    top:-6px;
    height:32px;
    z-index:1000;
    cursor:auto;
    max-width:140px;
    min-height:inherit;
    font-size:13px;
    padding:0 10px
}
.form_panel form label.ft_0{
    font-size:0
}
.form_panel .input.text{
    flex:0 0 100%
}
.customTabs span.input-group-addon{
    position:absolute;
    right:12px;
    top:13px;
    font-size:20px;
    color:#929292;
}
.customTabs .input-group>.form-control:focus{
    z-index:0
}
.customTabs{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
    padding:0;
}
.customTabs ul.step_list li{
    position:relative
}
.customTabs ul.step_list li a.active{
    background:#b0976f;
    color:#fff;
    border-color:#b0976f; 
}
.customTabs ul.step_list li a:focus.active,.customTabs ul.step_list li a:hover.active{
    border-color:#b0976f;
    opacity:1;
}
.customTabs ul.step_list li a:hover{
    opacity:1;
}
.customTabs ul.step_list{
    margin:15px 0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border:none;
}
.customTabs ul.step_list li{
    margin-bottom:1rem;
}
.customTabs ul.step_list a{
    background:#e7e7e7;
    color:#6f6f6f;
    font-size:16px;
    display:flex;
    position:relative;
    border-color:#e7e7e7;
    min-width:206px;
    justify-content:center;
    border-width:0;
    border-radius:0;
}
.customTabs ul.step_list a:after{
    content:"";
    position:absolute;
    top:0;
    left:100%;
    content:'';
    height:0;
    width:0;
    border:27px solid transparent;
    z-index:2;
}
.customTabs ul.step_list li:after{
    content:"";
    position:absolute;
    top:0;
    height:0;
    width:0;
    border:27px solid transparent;
    z-index:1;
}
.customTabs ul.step_list li:after{
    border-left-color:#fff;
    margin:0
}
.customTabs .tab-content{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:20px 0
}
.customTabs .tab-content>.active{
    width:100%
}
.form_panel .customTabs .radio{
    margin:0 15px 0 0
}
.form_panel .customTabs .radio_row strong{
    margin-bottom:10px;
    flex:0 0 100%
}
.form_panel .customTabs .radio_row{
    justify-content:flex-start;
    margin-top:1rem
}
.form_column .grey_bgbtn{
    background:#747474;
    color:#fff;
    border-color:#747474;
    margin:0
}
.form_column .grey_bgbtn:hover{
    color:#b0976f!important
}
.btn_column{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.form_panel .customTabs .custom-control-inline{
    margin:0;
    padding-left:2rem;
    min-width:90px
}
.customTabs .custom-checkbox .custom-control-label::before{
    border-radius:0;
    width:18px;
    height:18px;
    top:.05rem;
    background-color:transparent;
    border:2px solid #ccc;
    left:-2rem
}
.form_panel form .custom-checkbox label{
    font-size:16px;
    font-weight:400;
    color:#a7a7a7
}
.form_panel .study_tags .form-control{
    min-height:inherit;
    border-color:#ccc;
    border-radius:0;
    padding:0 15px;
    max-width:130px;
    margin:0 15px 0 0;
    text-align:center;
    background:#f1f1f1
}
.form_panel #step_4 .form-group{
    margin:1rem 0 1rem
}
.customTabs .custom-control-label::after{
    top:.05rem;
    left:-2rem;
    width:18px;
    height:18px
}
.customTabs .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color:#1f2f46;
    border-color:#1f2f46
}
.customTabs .custom-checkbox .custom-control-input:focus{
    display:none
}
button.add_more.grey_bgbtn{
    font-size:16px;
    padding:7px 10px;
    position:relative;
    cursor:pointer;
    border:none
}
.form_column button.add_more.grey_bgbtn:hover{
    background:#0095fc;
    color:#fff!important;
    border-color:#0095fc
}
button.add_more.grey_bgbtn .fa{
    position:relative;
    left:-3px;
    top:1px;
    font-size:17px;
    font-weight:400;
    margin-right:5px
}
.study_tags{
    display:inline-flex;
    width:calc(100% - 100px);
    flex-wrap:wrap
}
.customTabs .nav-tabs .nav-link:focus,.customTabs .nav-tabs .nav-link:hover{
    isolation:auto;
    border-color:#e7e7e7
}
.form_panel select.form-control,select.form-control{
    background-image:url(../images/caret-down.svg);
    background-repeat:no-repeat;
    background-size:10px auto
}
.default_btn{
    display:inline-block;
    border:2px solid #fff;
    padding:12px 30px;
    text-align:center;
    font-size:18px;
    color:#fff;
    line-height:20px;
    cursor:pointer;
    min-width:150px;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease
}
.primary_btn{
    background:0 0;
    border-color:#b0976f   ;
    color:#b0976f   
}
.primary_btn:hover{
    background:#b0976f!important;
    color:#fff!important
}
.blue_btn{
    background:#0095fc;
    border-color:#0095fc;
    color:#fff
}
.blue_btn:hover{
    background:0 0;
    color:#0095fc!important;
    color:#0095fc
}
.navyblue_btn{
    background:#b0976f ;
    border-color:#b0976f 
}
.wh_btn{
    background:0 0;
    color:#fff
}
.grey_btn{
    color:#6c6c6c;
    border-color:#a4a4a4
}
.grey_bgbtn{
    background:#747474;
    color:#fff
}
.grey_bgbtn:hover{
    color:#6c6c6c!important;
    border-color:#a4a4a4
}
.default_btn:hover{
    background:#fff;
    color:#b0976f   
}
.grey_btn:hover{
    background:#0095fc;
    color:#fff;
    border-color:#0095fc
}
.form-group.halfColumn{
    display:flex;
    flex-wrap:wrap;
    flex:0 0 50%;
    max-width:50%;
    padding:0
}
.form-group.halfColumn>div{
    padding-right:calc(var(--bs-gutter-x)/ 2);
    padding-left:calc(var(--bs-gutter-x)/ 2)
}
.custom-file .form-control{
    padding-top:11px!important;
    width:auto;
    position:relative;
    z-index:1
}
.scroll-top{
    box-sizing:border-box;
    position:fixed;
    bottom:12rem;
    right:2rem;
    width:45px;
    height:45px;
    z-index:999
}
.scroll-top #scrolltop-bg{
    fill:#007bff
}
.scroll-top #scrolltop-arrow{
    fill:#fff
}
.scroll-top:hover #scrolltop-bg{
    fill:#2990ff
}
.scroll-top:hover #scrolltop-arrow{
    fill:#fff
}
.scroll-top svg{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%
}
.scroll-top svg path{
    transition:all .1s;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    -ms-transition:all .1s
}
.scroll-top #scrolltop-arrow{
    transform-origin:center;
    transform:scale(.66);
    -webkit-transform:scale(.66);
    -moz-transform:scale(.66);
    -ms-transform:scale(.66)
}
#spl_accordion .accordion-body{
    background:#fff;
    width:100%;
    padding:20px;
    border:1px solid #ddd;
    border-top:0;
    flex-wrap:wrap
}
#spl_accordion .accordion-button:not(.collapsed){
    background-color:#fff;
    color:#b0976f   
}
#spl_accordion .accordion-button{
    font-size:1.1rem;
    color:#b0976f;
    border:1px solid #ddd;
    font-weight:600;
    background:#fff
}
#spl_accordion .accordion-item:first-of-type .accordion-button{
    border-radius:none
}
#spl_accordion .accordion-button.collapsed{
    border-bottom-width:1px
}
#spl_accordion .accordion-button:focus{
    border-color:#ddd;
    box-shadow:none
}
#spl_accordion .accordion-item:last-of-type .accordion-collapse{
    border-radius:none;
    border-bottom-width:0
}
#spl_accordion .accordion-item{
    margin-bottom:1rem
}
#spl_accordion .accordion-collapse{
    border:none
}
.contactBlock{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:3rem 0 0
}
.contactRow{
    margin-bottom:1.5rem;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    align-items:center;
    flex:0 0 32%;
    max-width:32%;
    background:#fff;
    padding:30px 20px 20px;
    box-shadow:0 0 10px rgb(36 58 118 / 20%);
    -webkit-box-shadow:0 0 10px rgb(36 58 118 / 20%);
    -moz-box-shadow:0 0 10px rgb(36 58 118 / 20%);
    -ms-box-shadow:0 0 10px rgb(36 58 118 / 20%)
}
.contact_icon{
    width:48px;
    height:48px;
    margin-bottom:1rem
}
.contactBlock img{
    margin:0;
    float:none;
    max-width:48px;
    max-height:48px
}
.contactRow label{
    display:inline-block;
    font-weight:600;
    font-size:18px
}
.form_panel form label.form-check-label{
    margin-bottom:0;
    width:calc(100% - 24px)
}
.form_panel .form-check{
    flex:0 0 100%;
    margin-bottom:1rem
}
.form_panel .form-check-input{
    margin-top:.255em;
    border-width:2px;
    border-radius:0
}
.tenderWrapper{
    background:#f6f6f6;
    padding:20px;
    margin-bottom:1.5rem
}
.tenderWrapper:last-child{
    margin-bottom:0
}
.tenderRow{
    margin-bottom:.5rem;
    display:flex;
    flex-wrap:wrap
}
.tenderRow label{
    display:inline-block;
    font-weight:600;
    margin-right:20px;
    min-width:120px
}
.tenderRow img{
    max-width:24px;
    margin-top:4px
}
.tenderRow p{
    display:inline-block;
    width:calc(100% - 140px)
}
.tenderForm.form_panel .form-group{
    margin-bottom:.75rem
}
.tenderForm{
    padding-left:25px
}
.tenderForm .form_column .default_btn{
    min-width:125px;
    padding:8px 15px
}
.tenderForm.form_panel .form-control{
    min-height:38px;
    padding:0 10px
}
.form_panel .form-check a{
    color:#b0976f;
    opacity:.9
}
.form_panel .form-check a:hover{
    color:#b0976f   ;
    opacity:.9
}
.form_panel .form-check-input:checked{
    background-color:#b0976f   ;
    border-color:#b0976f   
}
.countingIcons img{
    float:none;
    margin:0;
    max-width:225px;
    height:auto!important;
    width:auto!important
}
.contentWrap .countingIcons img{
    float:none;
    margin:0
}
.countingIcons{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
}
@-webkit-keyframes pulsedot{
    0%{
        box-shadow:0 0 0 0 #346ab4
    }
    100%{
        box-shadow:0 0 0 7px rgba(52,106,180,0)
    }
}
@keyframes pulsedot{
    0%{
        box-shadow:0 0 0 0 #346ab4
    }
    100%{
        box-shadow:0 0 0 7px rgba(52,106,180,0)
    }
}
.mapWrapper{
    position:relative;
    max-width:1280px;
    margin:0 auto
}
.mapWrapper .dot{
    -webkit-animation:pulsedot 1.5s infinite ease-out;
    animation:pulsedot 1.5s infinite ease-out
}
.mapWrapper .dot:nth-child(odd){
    -webkit-animation:pulsedot 1.5s infinite ease-out .3s;
    animation:pulsedot 1.5s infinite ease-out .3s
}
.contentWrap .mapWrapper img{
    float:none;
    margin:0
}
.hovercity .hoverText{
    opacity:0;
    transition:all .5s ease-out
}
.mapWrapper .hovercity:hover .hoverText{
    opacity:1
}
.cls-1,.cls-2{
    fill:#eb1d23
}
.cls-1{
    opacity:.58
}
.cls-3{
    fill:#fff;
    opacity:.4
}
.cls-4{
    fill:none;
    stroke:#5a5a5a;
    stroke-width:.75px
}
.cls-5{
    font-size:13px;
    font-weight:500;
    fill:#5a5a5a
}
.cls-6{
    letter-spacing:-.09em
}
.cls-7{
    letter-spacing:0
}
.navy_blue{
    fill:#b0976f
}
.navy_blue_stroke{
    stroke:#b0976f
}
.greyColor{
    fill:#5a5a5a
}
.navyColor{
    color:#b0976f   
}
.greyColorStroke{
    stroke:#5a5a5a
}
.head_office{
    position:absolute;
    top:25%;
    left:35%
}
.north_adress{
    position:absolute;
    top:30px;
    right:15%
}
.north_adress p{
    color:#eb1d23
}
.head_office p{
    color:#b0976f;
    font-weight:600
}
.serviceIconList{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    padding:20px;
    background:#eee;
    margin:1.5rem 0 0
}
.serviceIconList li{
    flex:0 0 25%;
    max-width:25%;
    padding:0 15px;
    text-align:center;
    flex-wrap:wrap;
    display:flex;
    align-items:flex-start;
    justify-content:center
}
.serviceIconList img{
    width:140px!important;
    height:auto!important;
    float:none;
    margin:0;
}
.serviceIconList h5{
    font-size:16px;
    margin:0px 0 0;
}
.infoiconlist h4,.serviceIconList h4{
    flex:0 0 100%;
    text-align:center;
    margin:0 0 1.5rem;
}
.serviceIconList ul{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    padding:0;
}
.infoiconlist{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:30px 0 0;
}
.listBox{
    display:flex;
    flex:0 0 31.222%;
    flex-wrap:wrap;
    margin:0 10px 20px;
    align-items:center;
    box-shadow:0 0 10px rgb(36 58 118 / 13%);
    padding:15px;
    min-height:120px;
    border:1px solid #eee;
}
.listBox img{
    float:none;
    margin:0;
    max-height:70px;
    max-width:70px;
}
.contentWrap .listBox img{
    margin:0;
}
.KeyPoints{
    margin:3rem 0 0;
    text-align:center;
}
.KeyPoints h4{
    margin-bottom:2rem;
}
.key_icon{
    width:100px;
    height:65px;
    margin:0;
}
.key_icon img{
    max-height:65px;
    max-width:inherit;
}
.key_text{
    width:calc(100% - 100px)
}
span.listtxt{
    width:calc(100% - 70px)
}
@media (min-width:768px){
    .mapWrapper .dot{
        width:16px;
        height:16px;
    }
    @-webkit-keyframes pulsedot{
        0%{
            opacity:0;
        }
        50%{
            opacity:.3;
        }
        100%{
            opacity:.6;
        }
    }
    @keyframes pulsedot{
        0%{
            opacity:0;
        }
        50%{
            opacity:.3;
        }
        100%{
            opacity:.6;
        }
    }
}
.news_item{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:30px;
}
.newsImage{
    max-height:230px;
    position:relative;
    overflow:hidden;
    min-height:230px;
    background:#eee;
}
.newsImage img{
    float:none;
    margin:0;
    min-height:230px;
}
.newsDescription{
    padding:25px 0 0;
}
.newsTitle{
    color:#5a5a5a;
    font-size:1.25rem;
    margin-bottom:5px;
}
.newsDate{
    font-size:16px;
    font-weight:400;
    color:rgb(0 0 0 / 42%);
}
span.news_tag{
    background:#b0976f;
    position:absolute;
    left:10px;
    bottom:10px;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    padding:4px 10px;
    font-weight:600;
    z-index:4;
    display:none;
}
.search_videoForm{
    margin:0 0 30px;
}
.search_videoForm .form-control{
    border-radius:0.25rem !important;
    min-height:40px;
}

.search_videoForm .input-group{
    position:relative
}
.search_videoForm .searchbtn{
    background-color:transparent;
    background-image:url(../images/search-grey.svg);
    background-repeat:no-repeat;
    width:15px;
    border:none;
    height:15px;
    position:absolute;
    top:12px
}

.videoInfo{
    margin:15px 0 0
}
.videoTitle{
    color:#5a5a5a;
    font-size:1.3rem;
    margin-bottom:5px
}
.videoBox{
    position:relative;
    align-items:center;
    justify-content:center;
    display:flex;
    flex-wrap:wrap
}
.videoBox:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,.25);
    z-index:1;
    height:100%
}
.video_item{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    position:relative;
    margin-bottom:40px
}
.videoBox img{
    float:none;
    margin:0
}
.videoPlay{
    background-color:rgba(0,0,0,.5);
    border:2px solid #fff;
    background-image:url(../images/play-button.svg);
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:42px;
    height:42px;
    border-radius:30px;
    background-size:14px auto;
    background-position:14px center;
    z-index:2
}
.video_item:hover .videoTitle{
    color:#b0976f
}
.video_item:after,.video_item:before{
    position:absolute;
    top:15px;
    right:15px;
    bottom:15px;
    left:15px;
    content:"";
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform:scale(0,1);
    transform:scale(0,1);
    height:75%;
    z-index:2
}
.video_item:after{
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    -webkit-transform:scale(1,0);
    transform:scale(1,0);
    border-top:none;
    border-bottom:none
}
.video_item:hover:after,.video_item:hover:before{
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1)
}
#newsSlider .carousel-control-next,#newsSlider .carousel-control-prev{
    width:32px;
    height:32px;
    margin:auto;
    background-color:#b0976f;
    opacity:1
}
.newsWrapper{
    border-top:1px solid #ddd
}
.newsWrapper .container{
    max-width:900px
}
.newsWrapper .carousel-control-prev{
    left:15px
}
.newsWrapper .carousel-control-next{
    right:15px
}
.newsContent{
    padding:35px 0 0;
    max-width:900px;
    margin:auto
}
.publishDate{
    color:rgba(0,0,0,.46);
    display:inline-block;
    text-align:center;
    background-image:url(../images/calendar.svg);
    background-repeat:no-repeat;
    padding-left:22px;
    background-size:16px auto;
    background-position:0 3px;
    margin-bottom:1.5rem
}
.newsHeading{
    color:#b0976f;
    margin:1rem 0
}
#newsSlider .carousel-control-next-icon,#newsSlider .carousel-control-prev-icon{
    background-size:75% auto
}
.c-share{
    position:fixed;
    width:3em;
    height:3em;
    top:0;
    bottom:0;
    margin:auto;
    z-index:10;
    margin-left:10px
}
.c-share-news{
    position:absolute;
    width:3em;
    height:3em;
    right:-65px;
    top:-350px;
    bottom:0;
    margin:auto;
    z-index:99
}
.c-share__input{
    display:none
}
.c-share__input:checked~.c-share_options{
    width:5.0625em;
    height:24em;
    border-radius:.3125em;
    left:0
}
.c-share__input:checked~.c-share_options li,.c-share__input:checked~.c-share_options::before{
    transition:.3s .15s;
    opacity:1
}
.c-share__toggler,.c-share_options{
    position:absolute;
    right:0;
    width:inherit;
    height:inherit;
    border-radius:50%
}
.c-share__toggler{
    cursor:pointer;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #f3fefe;
    background:#fff
}
.c-share__icon{
    position:relative;
    left:-.3125em;
    width:.5em;
    height:.5em;
    border-radius:50%;
    color:#b0976f;
    background-color:currentColor;
    box-shadow:.625em -.625em,.625em .625em;
    transition:.1s 50ms
}
.c-share__icon::after,.c-share__icon::before{
    content:"";
    position:absolute;
    width:1em;
    height:.125em;
    background-color:currentColor;
    transition:.1s
}
.c-share__icon::before{
    top:.1875em;
    left:.1875em;
    transform-origin:bottom left;
    transform:rotate(45deg)
}
.c-share__icon::after{
    top:-.125em;
    left:.03125em;
    transform-origin:center;
    transform:rotate(-45deg)
}
.c-share_options{
    list-style:none;
    margin:0;
    padding:1.5em 0;
    box-sizing:border-box;
    overflow:hidden;
    transition:.2s
}
.c-share_options::before{
    display:block;
    margin-bottom:1em;
    font-weight:700
}
.c-share_options li{
    font-size:.875em;
    color:#464646;
    cursor:pointer
}
.c-share_options li{
    margin-top:0
}
.c-share_options li,.c-share_options::before{
    opacity:0;
    transform:translateY(1.8em);
    transition:0s
}
.newsTabs{
    position:relative
}
.newsTabs .nav-tabs{
    width:100%;
    border:none
}
.newsTabs .nav-tabs li{
    width:50%;
    text-align:center
}
.newsTabs .nav-tabs .nav-item.show .nav-link,.newsTabs .nav-tabs .nav-link.active{
    color:#fff;
    background-color:#b0976f;
    border-color:transparent
}
.newsTabs .nav-tabs .nav-link{
    margin-bottom:0;
    background:0 0;
    border:none;
    border-top-left-radius:0;
    border-top-right-radius:0;
    background:#f6f6f6;
    color:#333;
    padding:1rem
}
.newsTabs .c-share{
    position:absolute;
    bottom:auto
}
.newsTabs .c-share__toggler{
    border-color:#ebebeb
}
.QHSEIconList{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    padding:20px;
    margin:1.5rem 0 0
}
.QHSEIconList li{
    flex:0 0 25%;
    max-width:25%;
    padding:0 15px;
    text-align:center;
    flex-wrap:wrap;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center
}
.QHSEIconList img{
    width:130px!important;
    height:auto!important;
    float:none!important;
    margin:0!important
}
.QHSEIconList h5{
    font-size:20px;
    margin:10px 0 0
}
.QHSEIconList h4{
    flex:0 0 100%;
    text-align:center;
    margin:0 0 1.5rem;
    font-size:1.75rem
}
.QHSEIconList ul{
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    padding:0
}
.btn-primary{
    color:#fff;
    background-color:#b0976f   ;
    border-color:#b0976f   
}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#b0976f   ;
    border-color:#b0976f   
}
.btn-primary:hover{
    color:#b0976f;
    background-color:#fff ;
    border-color:#b0976f 
}
.back-icon{
    background-image:url(../images/chevron-sign-to-right-ar.svg);
    padding:0 0 0 22px;
    background-repeat:no-repeat;
    background-position:0;
    background-size:16px auto
}
.page-item.active .page-link{
    background-color:#b0976f   ;
    border-color:#b0976f   
}
.page-link{
    color:#b0976f;
}
.page-link:hover{
    background-color:#F5F5F5 !important;
    color:#b0976f;
}

.error,.form_panel form label.error{
    color:red;
    font-weight:400;
    
}
span.error{
font-size:small;
    
}
.contactMap .locationMap{
    width:100%;
    filter:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter:grayscale(75%);
    filter:grayscale(75%)
}
.contactMap .nav-pills{
    border-bottom:2px solid #dee2e6;
    border-top:2px solid #dee2e6;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin-bottom:1.5rem
}
.contactMap .nav-pills li a{
    padding:20px;
    min-width:160px;
    color:#393939;
    font-weight:500;
    display:block;
    text-align:center;
    position:relative;
    border:none
}
.contactMap .nav-pills li a:after{
    content:"";
    position:absolute;
    bottom:-3px;
    left:0;
    right:0;
    margin:auto;
    background:0 0;
    width:100%;
    height:4px
}
.contactMap .nav-pills li a.active{
    color:#b0976f;
    background-color:transparent
}
.contactMap .nav-pills li a.active:after{
    background:#b0976f
}
.FeedbackContent .container,.contactWrapper .container{
    max-width:1200px
}
.contact_address{
    list-style:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.contact_address li{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between
}
.contact_address li i{
    font-size:24px;
    color:#b0976f
}
.contact_address li strong{
    min-width:110px
}
.contact_address li p{
    width:calc(100% - 34px);
    margin-bottom:0
}
.contact_address li p a{
    color:#6d6d6d
}
.contact_address li p span{
    display:block
}
.contactWrapper .form_panel{
    padding-left:3%
}
.contactWrapper .form_panel .form-control{
    border-color:#ebebeb;
    background-color:#f4f5f9
}
.contactWrapper .form_column .default_btn{
    margin-left:inherit
}
.contactWrapper .form_panel .form-group{
    margin-bottom:1rem
}
.contactBtns .default_btn{
    padding:12px;
    font-size:16px;
    font-weight:600;
    border-radius:0;
    min-width:197px
}
.cRed{
    color:#e20612
}
.FeedbackBox{
    display:flex;
    flex-wrap:wrap;
    padding:30px;
    box-shadow:0 0 12px rgb(48 103 194 / 25%);
    margin:2rem 0;
    position:relative
}
.FeedbackBox p{
    min-height:130px
}
.FeedbackLink{
    color:#b0976f ;
    background-repeat:no-repeat;
    background-size:20px auto;
    position:relative;
    min-width:inherit;
    display:inline-block;
    font-weight:1000;
    font-size:14px
}
.FeedbackLink.downArrow{
    background-image:url(../images/down-arrow.svg);
    background-size:auto 20px
}
.FeedbackLink.downArrow:hover{
    background-image:url(../images/down-arrow-hover.svg)
}
.FeedbackBox h5{
    font-weight:510;
    margin-top:1.5rem;
    color:#585858;
}
i.FdIcon{
    width:60px;
    height:60px;
    background:#b0976f;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    padding:12px;
    position:absolute;
    top:-28px
}
.FeedbackList i.FdIcon{
    width:80px;
    height:80px;
    background:#fff;
    box-shadow:0 0 12px rgb(48 103 194 / 25%);
    -webkit-box-shadow:0 0 12px rgb(48 103 194 / 25%);
    -moz-box-shadow:0 0 12px rgb(48 103 194 / 25%);
    -ms-box-shadow:0 0 12px rgb(48 103 194 / 25%)
}
.FeedbackList h5{
    margin-top:2.5rem
}
.eventContact h5{
    min-height:48px
}
.FeedbackList.serviceFeed .FeedbackBox p{
    min-height:175px
}
.FeedbackList.serviceFeed .FdIcon{
    background:#b0976f;
    box-shadow:none;
    padding:17px
}
.FeedbackList.serviceFeed .FdIcon.p-sm{
    padding:14px
}
.FeedbackList .FdIcon img{
    float:none;
    margin:0;
    max-height:45px
}
.socialWidget{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin:30px 0 0;
    align-items:center;
    border-top:1px solid #ddd;
    padding-top:30px
}
.socialWidget a{
    width:44px;
    height:44px;
    border:1px solid #fff;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    background-color:#f1f1f1
}
.socialWidget svg{
    max-height:17px;
    fill:#484542;
    width:17px
}
.socialWidget .twitter svg{
    max-width:17px
}
.socialWidget a:hover{
    background-color:#fff;
    border-color:#b0976f   
}
.socialWidget a:hover svg{
    fill:#b0976f   
}
.socialWidget h4{
    flex:0 0 100%
}
.servicesForm .form_panel strong{
    color:#666
}
.servicesForm .form_column i{
    position:absolute;
    top:15px
}
.servicesForm .form_column i.top{
    top:50px
}
.servicesForm .form_column i.fa-clock{
    top:17px;
    color:#929292
}
.servicesForm .form_panel .form-control{
    position:relative;
    z-index:1;
    background-color:transparent
}
.servicesForm .form_panel .form-group{
    margin-bottom:1rem;
    position:relative
}
.servicesForm .radio_row{
    justify-content:flex-start
}
.servicesForm .form_panel .radio{
    margin-right:1rem;
    margin-bottom:0
}
.servicesForm .customTabs{
    padding:5px 20px;
    border:1px solid #ccc
}
.servicesForm .form_panel form label.form-check-label{
    font-weight:400
}
.our_services .serviceImage{
    margin-bottom:22px
}
.our_services .serviceInfo h3{
    font-size:20px;
    margin-bottom:5px;
    min-height:48px;
    font-weight:bold;
}
.our_services .serviceInfo .learnMore{
    min-width:135px;
    padding:6px
}
.serviceInfo p{
    text-align:left;
    color:#666;
    font-weight:300
}
.traningLogo{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:center;
    align-items:center;
    padding:0;
    margin:2rem 0
}
.traningLogo li{
    padding:0 20px;
    text-align:center;
    width:20%;
    text-align:center;
    max-width:175px;
    flex:0 0 20%
}
.traningLogo img{
    max-width:115px;
    float:none;
    margin:0
}
.feedbackIcon ul{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:2rem 0 1rem;
    justify-content:space-between;
    text-align:center
}
.feedbackIcon ul li{
    max-width:25%;
    flex:0 0 25%;
    padding:0 15px;
    text-align:center;
    cursor:pointer
}
.fd_icon{
    width:100px;
    height:100px;
    border-radius:100px;
    background:#b0976f;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    padding:25px;
    margin:auto;
    transition:all .5s ease-out;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    border:2px solid transparent
}
.feedbackIcon ul li:hover .fd_icon{
    background:0 0;
    transition:all .5s ease-out;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    border-color:#b0976f
}
.contentWrap .feedbackIcon img{
    float:none;
    margin:0;
    max-width:100%
}
.fd_hover{
    display:none;
    transition:all .7s ease-out
}
.feedbackIcon h6{
    margin:1rem 0;
    padding:0 10px
}
.feedbackIcon a,.feedbackIcon span{
    color:#3f3e3e
}
.feedbackIcon ul li:hover a,.feedbackIcon ul li:hover h6,.feedbackIcon ul li:hover span{
    color:#b0976f;
    opacity:.9
}
.feedbackIcon ul li:hover img{
    display:none;
    transition:all .7s ease-out
}
.feedbackIcon ul li:hover img.fd_hover{
    display:block;
    transition:all .7s ease-out
}
.feedbackForm{
    border:1px solid #ddd;
    padding:20px
}
.feedbackForm .form_panel .form-control{
    border-color:#ebebeb;
    background-color:#f4f5f9;
    /* padding-top:11px */
}
.feedbackForm .form_column .default_btn{
    margin-left:inherit
}
.feedbackForm .form_panel .form-group{
    margin-bottom:1rem;
    position:relative
}
.feedbackWrapper .ulList li a{
    color:#b0976f
}
.feedbackWrapper .ulList li a:hover{
    color:#b0976f   ;
    opacity:.9
}
.lightGrey,.service_iconWrapper{
    background:#f9f9f9
}
.service_iconWrapper .container{
    padding:0 60px
}
.scBox{
    background:#fff;
    border:1px solid #f5f5f5;
    padding:40px 30px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
    border-bottom:3px solid #aa9363 ;
    margin-bottom:1.5rem;
    flex-direction:column;
    align-items:center
}
i.sricon{
    width:60px;
    margin-bottom:1rem;
    height:60px
}
i.sricon img{
    max-height:55px;
    float:none;
    margin:auto
}
.scBox p{
    font-weight:300;
    text-align:center;
    color:#656565;
    min-height:72px;
    margin:0
}
.contentWrap .default_btn{
    padding:10px;
    min-width:180px
}
.phoneBtn{
    background:#2e56c3;
    color:#fff;
    font-size:20px;
    padding:10px 20px;
    margin-left:15px
}
.phoneBtn i{
    font-size:18px
}
.poIcon{
    width:32px;
    position:relative
}
.container .form-control:focus{
    box-shadow:0 0 0 .05rem rgb(176 151 111 / 40%);
    -webkit-box-shadow:0 0 0 .05rem rgb(176 151 111  / 40%);
    -moz-box-shadow:0 0 0 .05rem rgb(176 151 111 / 40%);
    -ms-box-shadow:0 0 0 .05rem rgb(176 151 111 / 40%);
    border-color: #b0976f !important;
}
#surveyContent{
    border-top:1px solid #ddd;
    padding-top:30px
}
#surveyContent h3.navyColor{
    font-size:1.85rem
}
.dotted-line{
    display:flex;
    width:100%;
    max-width:700px;
    border-bottom:2px solid #eb1d23;
    margin:0 auto 2.5rem;
    padding-top:32px
}
.enquiryBox{
    background:#fff;
    padding:30px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin:1rem auto 3rem;
    box-shadow:0 8px 20px rgb(36 58 118 / 33%);
    -webkit-box-shadow:0 8px 20px rgb(36 58 118 / 33%);
    -moz-box-shadow:0 8px 20px rgb(36 58 118 / 33%);
    -ms-box-shadow:0 8px 20px rgb(36 58 118 / 33%);
    max-width:75%;
    text-align:center;
    flex-direction:column
}
.enquiryBox h5{
    color:#b0976f   ;
    margin-bottom:1rem
}
.enquiryBox h6{
    color:#6d6d6d;
    font-size:1.15rem;
    margin-bottom:1.5rem
}
.botm_text p{
    text-align:center
}
.botm_text{
    display:flex;
    width:100%;
    max-width:700px;
    margin:1rem auto 0;
    padding-top:40px
}
#serviceTab .accordion-button,#serviceTab .accordion-button:not(.collapsed){
    font-size:1.3rem;
    color:#b0976f;
    background:0 0;
    margin:0;
    border-radius:0
}
#serviceTab{
    padding:12px
}
.testimonialSlider{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    align-items:flex-start;
    margin-bottom:1rem
}
.testimonials_item{
    background-color:#f4f5f9;
    background-image:url(../images/qoutes-icon.png);
    background-repeat:no-repeat;
    background-position:30px 0;
    padding:30px;
    border-radius:8px;
    max-width:48%;
    text-align:left;
    margin:0 10px
}
.client_info{
    margin-top:2rem;
    padding-top:2rem
}
.client_info h4{
    color:#b0976f;
    font-weight:300;
    margin:0 0 5px
}
.desgnation{
    display:block;
    margin-bottom:1rem;
    color:#747384
}
.client_info p{
    text-align:left;
    min-height:100px
}
.testimonialSlider .slick-dots{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:1.5rem 0
}
.testimonialSlider .slick-dots button{
    width:13px;
    height:13px;
    border-radius:20px;
    font-size:0;
    margin:0 5px;
    background:#ddd;
    border:none
}
.testimonialSlider .slick-dots li.slick-active button{
    background:#b0976f
}
span.phoneBox{
    position:absolute;
    left:0;
    right:0;
    bottom:25%;
    max-width:165px;
    margin:auto
}
span.phoneBox a:hover{
    background-color:transparent;
    border-color:#b0976f   ;
    color:#b0976f   ;
    background-image:url(../images/phone-blue.svg)
}
span.phoneBox a{
    background-image:url(../images/phone.svg);
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    background-size:16px auto;
    background-color:#b0976f;
    border:2px solid transparent
}
.glyphicon{
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1
}
.glyphicon-chevron-down:before{
    content:"\f078"
}
.glyphicon-chevron-up:before{
    content:"\f077"
}
.customFile{
    position:relative;
    display:flex;
    flex-direction:column;
    /* align-items:center; */
    max-width:310px
}
.customFile .form-control{
    background:0 0;
    color:transparent
}
.customFile .file_label{
    position:absolute;
    top:0;
    margin:auto;
    bottom:0;
    display:inline-block;
    align-items:center;
    width:calc(100% - 108px);
    height:95%;
    padding:0 15px;
    z-index:0;
    line-height:46px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.file_list{
    display:flex;
    flex-wrap:wrap;
    padding:0;
    margin:0
}
.file_list li{
    display:inline-block; 
    margin:15px 0 5px;
    background:#e9ecef;
    padding:5px 15px;
    border-radius:3px;
    position:relative;
    margin-right:.5rem
}
.file_list .remove-list {
    position: absolute;  
    right: 0px;
    top: -4px;
    background: #eb1d23;
    color: #fff;
    width: 15px;
    height: 15px;
    font-size: 0.55rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; 
    line-height:3;
}
.custom-file label{
    pointer-events:none
}
.teamList{
    padding:0;
    margin:3rem 0 0;
    display:flex;
    flex-wrap:wrap;
    border:2px solid #ddd
}
.teamList li{
    border-right:4px solid rgba(36,58,118,.75);
    max-width:169px;
    width:12.5%;
    overflow:hidden
}
.teamList li img{
    filter:gray;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    object-fit:cover;
    max-width:fit-content;
    float:none;
    margin:0
}
.processList{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0
}
.processList li{
    display:flex;
    max-width:120px;
    align-items:center;
    justify-content:center;
    border:2px solid #b0976f;
    border-radius:12px;
    padding:3px;
    position:relative;
    margin:0 .5rem 2.5rem
}
.processNumber{
    background:#fff;
    width:33px;
    height:33px;
    border-radius:100%;
    color:#fff;
    align-items:center;
    display:flex;
    justify-content:center;
    font-style:normal;
    line-height:normal;
    position:absolute;
    top:-20px;
    font-size:14px;
    left:0;
    right:0;
    margin:auto;
    border:1px solid #b0976f;
    z-index:1
}
.processNumber:after{
    content:"";
    background:#b0976f;
    width:27px;
    height:27px;
    border-radius:100%;
    position:absolute;
    top:0;
    right:0;
    left:0;
    margin:auto;
    bottom:0;
    z-index:-1
}
.processContent{
    background:#f0f0f0;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px 10px;
    line-height:normal;
    font-weight:600;
    text-align:center;
    font-size:15px;
    min-height:135px
}
.processList li:last-child:after{
    display:none
}
.processList li:after{
    content:"";
    background-image:url(../images/right-arrow-en.svg);
    background-position:right center;
    padding:10px 35px 15px 0;
    position:absolute;
    right:-21px;
    top:0;
    bottom:0;
    margin:auto;
    background-repeat:no-repeat;
    background-size:20px auto
}
.careerBenefits.FeedbackList .FeedbackBox p{
    min-height:100px
}
.submitMsg{
    position:fixed;
    background:#fff;
    width:600px;
    padding:40px;
    border:1px solid #ddd;
    height:220px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    top:0;
    margin:auto;
    bottom:0;
    z-index:1111;
    left:0;
    right:0
}
.submitMsg .fa-check{
    border:2px solid #0bd175;
    color:#0bd175
}
.submitMsg .fa-times{
    border:2px solid #dc3545;
    color:#dc3545
}
.submitMsg .fas{
    width:50px;
    height:50px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    margin:0 auto 2rem
}
.swal-button{
    background-color:#b0976f!important
}
.swal-button:focus{
    box-shadow:0 0 0 1px #fff,0 0 0 3px rgb(36 58 118 / 29%)
}
.bannerSlider .slick-prev{
    transform:none
}
.bannerSlider .slick-next{
    margin-top:0
}
.pageWrapper #sl_main .sl_result_link{
    color:#b0976f
}
.pageWrapper #sl_main .sl_results_list{
    list-style-type:none;
    padding:0;
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.pageWrapper #sl_main .sl_results_list>li{
    background:#fff;
    border:1px solid rgba(137,135,135,.21);
    padding:20px;
    margin:1rem 0 0;
    font-size:15px
}
.pageWrapper #sl_main .sl_results_headline{
    margin-bottom:10px;
    background:#b0976f;
    padding:20px;
    color:#fff
}
.pageWrapper #sl_main .sl_results_headline strong:first-child{
    margin-right:10px
}
.pageWrapper #sl_main{
    margin:0
}
.sl_pagination{
    margin:25px 0;
    text-align:center;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center
}
.pageWrapper #sl_main .sl_pagination>li{
    margin:0 2px;
    background:#b0976f;
    border:1px solid rgba(137,135,135,.21);
    width:auto;
    height:auto;
    padding:5px 8px;
    align-items:center;
    justify-content:center;
    line-height:13px;
    font-size:15px;
    color:#fff;
    display:flex
}
.pageWrapper #sl_main .sl_pagination>li.page-item{background:#fff;color:#b0976f;}
.pageWrapper #sl_main .sl_pagination>li a{
    background:#fff;
    width:100%;
    height:100%;
    line-height:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    color:#b0976f;
    
}
#sl_main{font-family: Almarai,sans-serif!important;}
.pageWrapper #sl_main .sl_pagination>li:last-child{
    width:60px
}
.sitemap_title{
    border-bottom:1px solid rgba(137,135,135,.21);
    padding-bottom:8px;
    margin-bottom:3rem
}
.sitemapList{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly
}
.sitemapList>li{
    max-width:30%;
    flex:0 0 30%;
    margin-bottom:2rem
}
.sitemapList li>a{
    font-size:18px;
    color:#b0976f;
    font-weight:600
}
.sitemapList li .submenu{
    padding:0
}
.sitemapList li .submenu li a{
    font-size:16px;
    color:#3e3e3e;
    font-weight:600
}
.sitemapList li .submenu li{
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-size:13px auto
}
.sitemapList li .submenu ul{
    margin-top:10px;
    list-style-type:disc
}
.sitemapList li .submenu ul li::marker{
    color:#b0976f
}
.sitemapList li .submenu ul li a{
    font-size:15px
}
.feedbackForm .form_panel .form-group i{
    position:absolute;
    top:50px
}
.swal-overlay--show-modal .swal-icon--success__line{
    background-color:#b0976f
}
.swal-overlay--show-modal .swal-icon--success__ring{
    border-color:rgba(36,58,118,.2)
}
.filter-col-lg{
    flex:0 0 auto;
    max-width:22%;
    padding:0 5px
}
.filter-col-sm{
    flex:0 0 auto;
    max-width:16%;
    padding:0 5px
}
.filterColBtn{
    flex:0 0 auto;
    max-width:70px;
    padding:0 5px
}
.swal-overlay{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center
}
.swal-text{
    text-align:center
}
.courseAction .translate_to_arabic{
    font-family:Almarai,sans-serif!important
}
.center{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    height:100%;
    background-image:url(../images/loader.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-size:140px auto;
    background-color:#fff;
    z-index:1111
}
.page_banner{
    background-image:url(../images/career-portal/ambulance-communications-centre.jpg);
    background-repeat:no-repeat;
    min-height:70vh;
    background-size:cover
}
.page_banner .container{
    max-width:1280px
}
.course_caption{
    background:rgba(0,0,0,.5);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    padding:4% 0 0;
    min-height:70vh
}
.course_caption h1{
    font-size:3rem;
    color:#fff;
    text-shadow:2px 2px 2px rgb(15 41 112 / 90%);
    margin-bottom:2rem
}
.filterWrapper{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    background:rgba(255,255,255,.4);
    padding:25px 15px 15px
}
.coursefield{
    display:flex;
    flex-wrap:wrap;
    max-width:28.333%;
    flex:0 0 28.333%;
    flex-direction:column;
    padding:0 10px;
    position:relative
}
.coursefield input.form-control{
    padding-left:30px
}
.coursefield .form-control{
    border-radius:0;
    min-height:48px;
    border:1px solid #e3e3e4;
    color:#505050
}
.coursefield .plan-text{
    color:#fff;
    font-size:15px;
    display:block
}
.coursefield .searchBtn{
    background-image:url(../images/search-grey.svg);
    background-repeat:no-repeat;
    width:18px;
    height:18px;
    position:absolute;
    top:18px;
    left:20px;
    border:0;
    background-color:transparent;
    background-size:14px auto;
    opacity:.7
}
.courseBtn{
    display:flex;
    flex-wrap:wrap;
    max-width:15%;
    flex:0 0 15%;
    padding:0 10px
}
.courseBtn .default_btn{
    min-width:100%
}
.courseContent,.courseWrapper{
    background:#f6f7fb
}
.courseWrapper h2{
    color:#b0976f
}
.available_course{
    text-align:center;
    font-size:17px;
    font-weight:600;
    color:#b0976f
}
.courseItem{
    background:#fff;
    padding:25px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:2rem;
    position:relative
}
.courseImage{
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:100px;
    min-width:100px
}
.courseDescription{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    width:calc(100% - 115px)
}
.courseTitle{
    font-size:26px;
    color:#b0976f;
    margin-bottom:10px
}
.courseInfo{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    align-items:flex-end;
    justify-content:space-between
}
.courselisting{
    padding:0;
    display:flex;
    flex-wrap:wrap;
    max-width:79%
}
.courselisting li{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:.75rem;
    width:46%;
    font-size:15px;
    align-content:center
}
.course_icon{
    width:32px;
    height:auto;
    display:flex;
    vertical-align:top;
    line-height:normal;
    align-items:center
}
.course_icon img{
    max-height:24px;
    max-width:24px
}
.courselisting span{
    color:#6d6d6d;
    font-weight:600;
    width:calc(100% - 32px);
    display:inline-flex;
    align-content:center;
    line-height:25px
}
.courselisting span p{
    margin:0
}
.course_save{
    background-image:url(../images/career-portal/course-star.png);
    background-repeat:no-repeat;
    position:absolute;
    top:25px;
    width:17px;
    height:17px
}
.courseInfo .primary_btn{
    min-width:165px;
    padding:10px
}
.apply_course_caption{
    background:rgb(36 58 118 / 70%);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    padding:4% 0 0;
    min-height:70vh
}
.apply_course_caption h1{
    font-size:2.5rem;
    color:#fff;
    text-shadow:2px 2px 2px rgb(15 41 112 / 90%);
    margin-bottom:1rem
}
.apply_course_caption p{
    color:#fff;
    font-size:18px;
    max-width:75%;
    margin-bottom:1.5rem
}
.form_section .container{
    max-width:1280px
}
.courseID{
    color:#fff
}
.form_section .form_panel{
    background:#fff;
    padding:25px 35px;
    box-shadow:0 0 8px rgb(0 0 0 / 10%);
    -webkit-box-shadow:0 0 8px rgb(0 0 0 / 10%);
    -moz-box-shadow:0 0 8px rgb(0 0 0 / 10%);
    -ms-box-shadow:0 0 8px rgb(0 0 0 / 10%)
}
.form_section{
    position:relative;
    margin-top:-120px;
    margin-bottom:100px
}
.course_btn{
    background:#b0976f   ;
    border-color:#b0976f   ;
    color:#fff;
    position:absolute;
    right:0;
    left:0;
    margin:auto;
    bottom:30px;
    max-width:165px;
    z-index:1;
    padding:12px;
    font-size:17px;
    z-index:1;
}
.course_btn:hover{
    border-color:#fff;
    background:0 0;
    color:#fff
}
.back_to_site{
    font-size:17px;
    color:#3f3e3e;
    font-weight:600;
    background-image:url(../images/back-arrow.png);
    background-repeat:no-repeat;
    background-position:0 5px;
    padding-left:30px;
    background-size:18px auto
}
.course_des_wrapper{
    background:#fff;
    padding:30px;
    display:flex;
    flex-wrap:wrap;
    border:1px solid rgba(0,0,0,.08)
}
.courseHeader{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%;
    border-bottom:1px solid #e1e3e5;
    padding-bottom:10px
}
.courseHeader h2{
    color:#b0976f
}
.leftBlock{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    flex:0 0 75%;
    max-width:75%;
    margin-bottom:1.5rem
}
.courseHeader .courselisting{
    padding:0;
    display:flex;
    flex-wrap:wrap;
    max-width:100%
}
.courseHeader .courselisting li{
    width:auto
}
.txt_lisitng{
    padding:0;
    margin:0
}
.txt_lisitng li{
    margin-bottom:5px
}
.txt_lisitng label{
    min-width:168px;
    font-size:16px;
    color:#6d6d6d;
    font-weight:600
}
.txt_lisitng span{
    font-size:17px;
    color:#3f3e3e
}
.rightBlock{
    display:flex;
    flex-wrap:wrap;
    flex:0 0 25%;
    max-width:25%;
    justify-content:space-between;
    flex-direction:column;
    align-items:flex-end;
    text-align:right
}
.logoColumn h4{
    font-size:20px;
    color:#444;
    margin:.5rem 0
}
.course_summary{
    display:block;
    padding-top:20px
}
.course_summary h3{
    margin:1rem 0;
    font-size:1.35rem;
    color:#444;
    flex:0 0 100%
}
.summary_list{
    padding:0 15px
}
.summary_list li{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    margin-bottom:.5rem;
    color:#6d6d6d
}
.summary_list li:before{
    content:"";
    width:7px;
    height:7px;
    background:#6d6d6d;
    border-radius:100%;
    display:inline-block;
    margin-right:15px;
    position:absolute;
    top:9px
}
.course_summary .default_btn{
    min-width:180px
}
.courseAction{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    padding-top:5px;
    max-width:148px;
    position:relative
}
.courseAction a{
    width:40px;
    height:40px;
    border:1px solid #c6ccd0;
    display:flex;
    flex-wrap:wrap;
    border-radius:100%;
    background:#fff;
    font-size:18px;
    align-items:center;
    justify-content:center
}
.courseAction .fa-bookmark{
    color:#c6ccd0
}
.courseAction .fa-share-alt{
    color:#b0976f
}
.courseAction .default_btn{
    border:1px solid #c6ccd0;
    padding:4px;
    min-width:inherit;
    color:#b0976f;
    margin-bottom:10px;
    font-size:14px;
    background:0 0;
    flex:0 0 100%;
    max-width:148px
}
.courseAction .default_btn:hover{
    border-color:#b0976f;
    background:#b0976f;
    color:#fff
}
.socialShare{
    position:absolute;
    top:100%;
    margin-top:10px;
    width:100%!important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    z-index:1;
    right:-16px
}
.socialShare .share_options{
    list-style:none;
    margin:0;
    padding:5px 10px;
    background:#fff;
    border:1px solid #eff6fb
}
.socialShare .share_options a{
    border:none;
    width:auto;
    height:auto;
    margin:3px 0
}
.asideWidget{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    display:flex;
    flex-wrap:wrap;
    margin-bottom:2rem
}
.getHeader{
    background:#b0976f;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:20px 15px
}
.getHeader h3{
    color:#fff;
    text-align:center
}
.widgetContent{
    display:flex;
    flex-wrap:wrap;
    padding:38px;
    align-items:center;
    justify-content:center;
    text-align:center
}
.widgetContent p{
    text-align:center
}
.uploadCV{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%
}
.uploadCV .primary_btn{
    width:100%;
    text-transform:uppercase
}
.uploadCV input.form-control{
    position:absolute;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0
}
h3.widgetTitle{
    border-bottom:1px solid rgba(0,0,0,.08);
    color:#b0976f;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:20px 15px
}
.alert_course_form .form-check-input[type=checkbox],.alert_course_form .form-control{
    border-radius:0
}
.alert_course_form .default_btn{
    width:100%;
    text-transform:uppercase
}
.asideWidget .socialWidget{
    border:0;
    margin:0;
    padding:0 0 30px;
    justify-content:center
}
.asideWidget .socialWidget a{
    margin:20px 8px 0
}
.addMore{
    background:#b0976f;
    padding:6px 10px;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
    text-decoration:none;
    display:inline-block;
    position:relative;
    top:-2px;
    margin-left:15px;
    cursor:pointer;
    border:2px solid transparent
}
.addMore:hover{
    background:0 0;
    color:#b0976f;
    border-color:#b0976f
}
.form_panel .form-check-input:checked{
    background-color:#b0976f;
    border-color:#b0976f;
    box-shadow:0 0 0 0.25rem rgb(36 58 118 / 25%);
}
.custom_datepicker{
    position:relative
}
.custom_datepicker .far{
    position:absolute;
    top:15px
}
.careerBenefits.FeedbackList .FeedbackBox p{
    min-height:100px
}
.careerBenefits.FeedbackList h5{
    color:#b0976f
}
.careerBenefits.FeedbackList h5{
    min-height:inherit;
    font-weight:600
}
.filelist .fas{
    background:#dc3545;
    color:#fff;
    width:16px;
    height:16px;
    border-radius:100px;
    display:flex;
    align-items:center;
    font-style:normal;
    justify-content:center;
    position:absolute;
    right:-4px;
    top:-4px;
    font-size:10px;
    padding:1px 0 0;
    cursor:pointer
}
span.filelist{
    display:inline-block;
    margin:15px 0 5px;
    background:#e9ecef;
    padding:5px 15px;
    border-radius:3px;
    position:relative;
    margin-right:1rem
}
.form-check-input:checked{
    background-color:#b0976f;
    border-color:#b0976f
}
.showcontent{
    display:none
}
.form_panel form .easySelect label.error{
    position:absolute;
    bottom:-38px
}
#ar-content{
    font-family:Almarai,sans-serif;
    font-size:14px;
    font-weight:300
}
#ar-content .course_summary p{
    text-align:right
}
#ar-content .ulList li{
    background-position:right 6px;
    padding-right:25px;
    background-image:url(../images/chevron-sign-to-right-ar.svg)
}
#ar-content .course_summary{
    padding-left:5%;
    padding-right:0
}
.value_icon{
    display:flex;
    margin:20px 0 10px;
    flex-wrap:wrap
}
.value_icon img{
    float:none!important;
   /* max-width:134px*/
}
.newsSlider .slick-prev{
    left:-40px
}
.newsSlider .slick-next{
    right:-40px
}
.form-check-label label.error{display:block;margin:0;}


/* add position relative for text ovelapping*/
.form-control[type=file]:not(:disabled):not([readonly]){
    padding-top:11px;
    position: relative;
    z-index: 0;
}

.public_awareness .container {
    max-width: 1000px;
}
.pbFilter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 40px;
}
.inputSearch {
    border: 0;
    border-bottom: 3px solid #b0976f;
    min-width: 240px;
}
.selectFilter {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}
.selectFilter .form-control {
    width: 160px;
    border-radius: 0;
    border-color: #b0976f;
    border-width: 2px;
    color: #b0976f;
    background-position: 92% center;
}
.awrnesItem {
    display: flex;
    flex-wrap: wrap;
    background: #f9f9f9;
    box-shadow: 0 5px 15px rgb(0 0 0 / 13%);
    margin-bottom: 2rem;
}
.awrnesImage {
    flex: 0 0 40%;
    max-width: 40%;
}
.awrnesImage img{height:100%;object-fit: cover;}
.awrnesContent {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 3rem 4rem;
}
.awrnesContent h3 {
    font-size: 2.1rem;
    line-height: 1.1;
    margin-bottom: 1.3rem;
}
.awrnesContent .default_btn{background-image:url('../images/arrow-white.png');background-repeat:no-repeat;padding:10px 55px 10px 18px;background-position:90% 15px;min-width:inherit;}
.awrnesContent .default_btn:hover{background-image:url('../images/right-arrow-en.svg');background-size: 20px auto;}
.grid{column-gap:.5em;margin:auto;width:100%;column-count:3;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;}
.grid__item{margin-bottom:0.5rem;}
.grid__item iframe {width:100%;height:100%;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
}
#accordionPanel .accordion-button{background-color: #f4f5f9;
    border-color: #ebebeb;
    border-radius: 0;
    font-size: 20px;
    text-transform: capitalize;
    color: #b0976f;
    font-weight: 600;
}
#accordionPanel .accordion-body{border:1px solid #ebebeb;border-top:0;}
#accordionPanel .accordion-button:focus{box-shadow:none;}
#accordionPanel .accordion-button:not(.collapsed)::after{background-image:url('../images/accordion-down-arrow.svg');}
.form-check-input:focus{border-color:#b0976f;box-shadow:0 0 0 0.25rem rgb(36 58 118 / 25%);}

@-moz-document url-prefix() {

    select {
        height:48px;
    }
}

@media print{
    .scrolltop-wrap,.topNav{
        display:none!important
    }
    .c-share,.header .navbar-collapse,.heroSlider .carousel-control-next,.heroSlider .carousel-control-prev{
        display:none
    }
    blockquote,pre{
        page-break-inside:avoid
    }
    .Covid-19 div,.latestNews div{
        break-inside:inherit
    }
    .latestNews .col-md-5{
        page-break-before:avoid!important
    }
}
@media screen and (max-width:1400px){
    .FeedbackList h5{
        font-size:1.2rem;
        min-height:45px
    }
    .scBox p{
        min-height:100px
    }
    .h-align{
        min-height:44px
    }
}
@media screen and (max-width:1366px){
    .countingIcons img{
        max-width:25%
    }
    .listBox{
        flex:0 0 30%
    }
    .counterWrapper_abt .numberColumn{
        flex:0 0 30%
    }
    .counterWrapper_abt .counterBox .n_data p{
        font-size:16px
    }
    .contentWrap .counterWrapper_abt img{
        margin-right:0
    }
    .counterWrapper_abt .counterBox .icon{
        margin-right:15px
    }
    .counterWrapper_abt .counterBox{
        justify-content:space-between
    }
    .counterWrapper_abt .numbertxt p{
        font-size:85%
    }
    .counterWrapper_abt .counterBox .n_data{
        width:calc(100% - 95px)
    }
    .counterWrapper_abt .counterBox .number{
        font-size:30px
    }
    .heroSlider .carousel-control-prev:after{
        left:36px
    }
    .FeedbackList .FeedbackBox{
        padding:20px
    }
    .customTabs ul.step_list a{
        min-width:175px
    }
    .form-group.halfColumn .col-md-4{
        min-width:170px
    }
    .form_panel .form-control{
        padding:10px 10px;
    }
    .form-group.halfColumn .col-md-8{
        width:calc(100% - 170px);
        max-width:66.6666666667%
    }
}
@media screen and (max-width:1279px){
    .container{
        padding:0 35px
    }
    .header .navbar-nav li{
        padding:0 10px
    }
    .header .navbar-nav .nav-link{
        font-size:15px
    }
    .heroSlider .carousel-inner{
        max-height:87vh
    }
    .contactRow{
        flex:0 0 48%;
        max-width:48%
    }
    .scBox{
        padding:40px 20px
    }
    .FeedbackList.serviceFeed .FeedbackBox p{
        min-height:195px
    }
    .enquiryBox{
        max-width:100%
    }
    .accordion-button{
        padding:.75rem
    }
    #serviceTab .accordion-button,#serviceTab .accordion-button:not(.collapsed){
        font-size:1rem
    }
    .filter-col-sm{
        max-width:15%
    }
    .header .navbar-nav .subMenu{width:200px;}
    .header .navbar-nav .subMenu li a{padding:5px 12px;font-size:14px;}
}
@media screen and (max-width:1199px){
    .servicesForm .form_panel .col-md-3,.servicesForm .form_panel .col-md-4,.servicesForm .form_panel .col-md-5{
        width:50%
    }
    .form_panel .col-md-12{
        flex:0 0 auto;
        width:100%
    }
    .contentWrap .counterBox .icon img{
        float:none;
        height:auto!important
    }
    .counterWrapper_abt .numberColumn{
        flex:auto;
        align-items:flex-start;
        width:33%
    }
    .filterform .col-lg-1{
        min-width:60px;
        width:auto
    }
    .filterform .col-lg-2{
        min-width:155px;
        width:auto;
        margin-bottom:10px
    }
    .infoiconlist{
        justify-content:space-between
    }
    .listBox{
        flex:0 0 48%;
        margin:0 0 20px
    }
    .filter-col-lg{
        max-width:30%
    }
    .filter-col-sm{
        max-width:20%;
        margin-bottom:10px
    }
    .scBox{
        padding:40px 10px
    }
    .scBox p{
        min-height:125px
    }
    .form-group.halfColumn{
        flex:auto;
        max-width:100%
    }
}
@media screen and (max-width:1099px){
    .container{
        padding:0 30px
    }
    .header .navbar-nav li{
        padding:0 5px
    }
    .heroSlider .carousel-control-prev:after{
        left:30px
    }
    .botmScroll{
        bottom:25px
    }
    .newsAds .newsContent,.twitterBox{
        padding:10px
    }
    .newsAds .newsContent{
        flex-wrap:inherit
    }
    .header .navbar-nav li.dropdownMenu:nth-child(6) .subMenu{
        left:auto;
        right:7px
    }
    .header .navbar-nav li.dropdownMenu:last-child .subMenu{
        right:10px
    }
    .header .navbar-nav li.dropdownMenu:nth-child(4) .subMenu.level_2{
        left:auto;
        right:100%
    }
    .pageBanner{
        margin:0 30px
    }
    .memberImage{
        border-bottom:1px solid rgba(137,135,135,.21)
    }
    .listWrapper .listItem{
        max-width:47%
    }
    .memberBlock{
        align-items:flex-start
    }
    .categoryBox{
        max-width:33.333%;
        min-height:inherit
    }
    .service_iconWrapper .container{
        padding:0 22px
    }
    #serviceTab{
        padding:0
    }
    .accordion-body{
        padding:.75rem
    }
    .form_panel .form-control{
        padding:11px 10px;
    }
    .appStore img{
        max-height:45px;
    }
    .courselisting{
        max-width:76%;
    }
    .courselisting li{
        width:45%;
    }
    .courseBtn .default_btn{
        padding:12px;
    }
    .wow{
        animation-name:none !important;
        visibility:visible !important;
    }
}
@media screen and (max-width:992px){
    body{
        padding-top:85px;
    }
    .container{
        padding:0 15px;
    }
    .header .logo{
        max-width:150px;
        position:relative;
        z-index:12;
    }
    .header{
        padding:5px 0 10px;
    }
    .topNav{
        padding-bottom:5px;
    }
    .header .navbar-collapse{
        margin:0;
        position:fixed;
        background:#fff;
        width:100%;
        height:100%;
        top:0;
        left:-1000px;
        z-index:2;
        transition:all 1.2s ease;
        -webkit-transition:all 1.2s ease;
        -moz-transition:all 1.2s ease;
        -ms-transition:all 1.2s ease;
        padding:85px 0 0;
        overflow:auto;
    }
    .header .navbar-collapse.open{
        left:0;
        transition:all .7s ease;
        -webkit-transition:all .7s ease;
        -moz-transition:all .7s ease;
        -ms-transition:all .7s ease;
    }
    .mobHeader .whiteLogo{
        display:none;
    }
    .mobHeader .fixedNav_logo{
        display:block;
        transition:all .7s ease;
        -webkit-transition:all .7s ease;
        -moz-transition:all .7s ease;
        -ms-transition:all .7s ease;
    }
    .mobShow{
        display:flex;
        align-items:center;
        flex-wrap:wrap
    }
    header.fixedHeader .lang{
        color:#fff;
        font-family:Almarai,sans-serif
    }
    .header .lang,.mobShow .lang{
        color:#b0976f;
        font-family:Almarai,sans-serif
    }
    .mobShow .topSearch{
        margin:0 15px;
        display:block
    }
    .mobHeader .mobShow .lang,.sticky_header .mobShow .lang{
        color:#b0976f;
        position:relative;
        z-index:2
    }
    .mobHide{
        display:none!important
    }
    .topSearch .searchBtn{
        background-image:none;
        position:relative;
        z-index:12
    }
    .topSearch .searchBtn svg{
        fill:#fff
    }
    .mobHeader .topSearch .searchBtn svg{
        fill:#b0976f;
        transition:all .7s ease;
        -webkit-transition:all .7s ease;
        -moz-transition:all .7s ease;
        -ms-transition:all .7s ease
    }
    #close_icon{
        position:fixed;
        z-index:22;
        top:25px;
        width:16px;
        height:16px;
        display:none
    }
    .header .toggleSearch{
        right:0;
        top:0;
        width:100%!important;
        z-index:14;
        position:fixed
    }
    .toggleSearch .form-control{
        background-color:#fff;
        min-height:60px;
        border-bottom:1px solid #eee
    }
    #close_icon{
        fill:#b0976f
    }
    .header.fixedHeader #seacrh_icon,.header.fixedHeader .mob_searchBtn .cls-1,.header.fixedHeader .mob_searchBtn .cls-2{
        fill:#fff;
        opacity:1
    }
    #seacrh_icon{
        fill:#54565a
    }
    .mobHeader #seacrh_icon,.mobHeader.fixedHeader .mob_searchBtn .cls-1,.mobHeader.fixedHeader .mob_searchBtn .cls-2{
        fill:#b0976f;
        opacity:1
    }
    .header #seacrh_icon,.header .mob_searchBtn .cls-1,.header .mob_searchBtn .cls-2{
        fill:#b0976f;
        opacity:1
    }
    .mob_searchBtn{
        width:17px;
        height:17px;
        background:0 0;
        border:none;
        position:relative;
        z-index:15;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap
    }
    #seacrh_icon{
        width:14px;
        height:14px
    }
    .header .navbar-nav .nav-link{
        color:#54565a;
        padding:1rem 1.5rem;
        position:relative
    }
    .header .navbar-nav li{
        padding:0;
        border-top:1px solid #eee
    }
    .header .navbar-nav li.dropdownMenu a.nav-link:after,.header .navbar-nav li.dropdownMenu a.nav-link:before{
        content:"";
        width:8px;
        height:2px;
        background:#54565a;
        position:absolute;
        z-index:11;
        border:none;
        opacity:1
    }
    .header .navbar-nav li.dropdownMenu a.nav-link:before{
        top:26px
    }
    .header .navbar-nav li.dropdownMenu a.nav-link:after{
        top:31px
    }
    .header .navbar-nav .subMenu{
        width:100%;
        top:0;
        left:0;
        position:relative;
        background:0 0;
        box-shadow:none;
        padding:0;
        opacity:1;
        visibility:visible;
        display:none
    }
    .header .navbar-nav .subMenu li a{
        color:#54565a;
        padding:.5rem 1.5rem
    }
    .header .navbar-nav li.dropdownMenu:hover .subMenu{
        top:0;
        padding:0
    }
    .header .navbar-nav .subMenu li{
        width:100%
    }
    .header .navbar-nav .subMenu li.subNav>a:after,.header .navbar-nav .subMenu li.subNav>a:before{
        content:"";
        width:8px;
        height:2px;
        background:#54565a;
        position:absolute;
        z-index:11;
        border:none;
        opacity:1
    }
    .header .navbar-nav .subMenu li.subNav>a:before{
        top:19px
    }
    .header .navbar-nav .subMenu li.subNav>a:after{
        top:23px
    }
    .header .navbar-nav li .subNav .subMenu.level_2 li{
        border:none
    }
    .header .navbar-nav li.dropdownMenu .subMenu.level_2{
        left:0;
        display:none;
        opacity:1;
        visibility:visible;
        top:0
    }
    .header .navbar-nav .subMenu li a:hover{
        color:#54565a
    }
    .header .navbar-nav .subMenu li:first-child{
        border:none
    }
    .header:after{
        content:"";
        width:100%;
        background-color:transparent;
        position:absolute;
        top:0;
        left:0;
        z-index:1;
        transition:all 1s ease
    }
    .header.mobHeader:after{
        background-color:#fff;
        height:60px
    }
    body.overflow{
        overflow:hidden
    }
    .toggleSearch .form-control{
        color:#54565a
    }
    .header .navbar-nav li.dropdownMenu a.nav-link.menuOpen:after{
        top:28px
    }
    .header .navbar-nav li.dropdownMenu a.nav-link.menuOpen:before{
        top:28px
    }
    .header .navbar-nav .subMenu li.subNav>a.expandLink:before{
        top:21px
    }
    .header .navbar-nav .subMenu li.subNav>a.expandLink:after{
        top:21px
    }
    .header .navbar-nav li.dropdownMenu:nth-child(5) .subMenu.level_2,.header .navbar-nav li.dropdownMenu:nth-child(6) .subMenu.level_2,.header .navbar-nav li.dropdownMenu:nth-child(7) .subMenu.level_2{
        right:0
    }
    .header .navbar-nav li.dropdownMenu .subMenu:hover li:not(:hover){
        opacity:1;
        transition:opacity 1s;
        -webkit-transition:opacity 1s;
        -moz-transition:opacity 1s;
        -ms-transition:opacity 1s
    }
    .header .navbar-light .navbar-toggler.close .burger_line:after,.header .navbar-light .navbar-toggler.close .burger_line:before{
        width:85%
    }
    .navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .show>.nav-link{
        color:#54565a
    }
    a.mob_lang{
        padding:12px 25px;
        background:#b0976f;
        display:block;
        position:fixed;
        width:100%;
        color:#fff;
        bottom:0;
        font-size:18px;
        z-index:111
    }
    .header .navbar-nav{
        padding-bottom:60px
    }
    .header .navbar-nav li.dropdownMenu:last-child .subMenu{
        right:0
    }
    .pageBanner{
        margin:0 15px
    }
    .header .navbar{
        margin-bottom:0
    }
    .pageBreadcrumbs .breadcrumb{
        padding:15px 0
    }
    .pageHeading h1{
        font-size:34px
    }
    .pageHeading .subTitle{
        font-size:18px
    }
    .wrapTitle{
        font-size:32px
    }
    .itemInfo .mName{
        font-size:20px
    }
    .memberInfo .mName{
        font-size:22px
    }
    .listWrapper .listItem,.menuSidebar{
        padding:17px
    }
    .listWrapper,.memberBlock{
        margin-left:0
    }
    .fixedHeader .navbar-light .navbar-nav .nav-link.active,.fixedHeader .navbar-light .navbar-nav .nav-link:hover,.fixedHeader .navbar-light .navbar-nav .show>.nav-link,.header.fixedHeader .navbar-nav .nav-link{
        color:#54565a
    }
    .careerpage_video{
        max-height:78vh
    }
    .careerpage_video video{
        object-fit:cover;
        height:inherit;
        width:inherit
    }
    .header.fixedHeader .toggleSearch{
        top:60px;
        left:0;
        margin:auto;
        padding:15px
    }
    .header.fixedHeader.mobHeader .toggleSearch{
        background-color:#fff;
        top:-4px
    }
    .header.fixedHeader.sticky_header .toggleSearch{
        background-color:#fff
    }
    .header.fixedHeader .toggleSearch .form-control{
        border-color:#eee
    }
    .header.fixedHeader.sticky_header .navbar-light .navbar-toggler .burger_line,.header.fixedHeader.sticky_header .navbar-light .navbar-toggler .burger_line:after,.header.fixedHeader.sticky_header .navbar-light .navbar-toggler .burger_line:before{
        background-color:#b0976f
    }
    .fixedHeader.sticky_header #seacrh_icon,.fixedHeader.sticky_header .mob_searchBtn .cls-1,.fixedHeader.sticky_header .mob_searchBtn .cls-2{
        fill:#b0976f
    }
    .header.fixedHeader.sticky_header .navbar-light .navbar-toggler.close .burger_line{
        background-color:transparent
    }
    .header.sticky_header .logo{
        max-width:150px
    }
    .appBanner{
        padding:40px 20px
    }
    .heroSlider .carousel-control-prev:after{
        left:26px
    }
    .page_heading,.section_title h2{
        font-size:30px
    }
    .section_title{
        margin:0
    }
    .abDescription{
        width:100%;
        margin-top:.5rem
    }
    .frontline_banner h2{
        font-size:40px
    }
    .frontline_banner h2.mb-5{
        margin-bottom:2rem!important
    }
    .frontline_banner{
        background-size:cover;
        background-attachment:scroll
    }
    .counterBox .number,.counterWrapper_abt .counterBox .number{
        font-size:26px;
        line-height:36px
    }
    .counterBox .headphones{
        width:50px
    }
    .counterBox .patient{
        width:60px
    }
    .counterBox .ambulance{
        width:70px
    }
    .counterBox .n_data p{
        font-size:14px
    }
    .counterBox .n_data{
        width:calc(100% - 82px)
    }
    .counterBox{
        align-items:flex-start
    }
    .numberColumn{
        width:33%;
        align-items:flex-start
    }
    .frontline_banner{
        min-height:35vh
    }
    .serviceInfo h3{
        font-size:20px;
        min-height:48px
    }
    .serviceImage{
        margin-bottom:20px
    }
    .section_padding{
        padding:45px 0
    }
    .mapWrapper{
        display:none
    }
    .menuSidebar{
        display:none
    }
    .listBox{
        flex:0 0 32%
    }
    .our_services .serviceList .col-sm-6{
        margin-bottom:1.5rem
    }
    .service_iconWrapper .container{
        padding:0 15px
    }
    .enquiryBox{
        padding:20px
    }
    .enquiryBox h5{
        font-size:1rem
    }
    .enquiryBox h6{
        font-size:.9rem
    }
    .infoiconlist:after{
        content:"";
        flex:0 0 32%
    }
    .newsAds .coverNews{
        max-height:175px;
        min-height:175px
    }
    .newsAds .largeNews{
        max-width:100%;
        flex:0 0 100%
    }
    .newsAds .smallNews{
        max-width:100%;
        flex:0 0 100%;
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        justify-content:space-between;
        margin:1rem 0 0
    }
    .newsAds .smallNews a{
        max-width:49%;
        display:flex;
        flex-wrap:wrap
    }
    .contentWrap img{
        height:auto!important
    }
    .newsSlider .slick-prev{
        left:15px
    }
    .newsSlider .slick-next{
        right:15px
    }
    .c-share__input:checked~.c-share_options{
        width:auto
    }
    .contactBtns .default_btn{
        min-width:187px;
        font-size:15px;
        margin-top:10px
    }
    .scBox p{
        min-height:100px
    }
    .filterWrapper{
        padding:15px 10px 15px
    }
    .courseBtn,.coursefield{
        padding:0 6px
    }
    .course_caption h1{
        font-size:2.2rem
    }
    .courselisting{
        max-width:100%
    }
    .course_des_wrapper{
        padding:20px
    }
    .awrnesContent{
        padding:1rem 2rem;
    }
}
@media screen and (max-width:767px){
    body{
        font-size:14px
    }
    .footerColumn{
        width:100%;
        margin-bottom:1.5rem
    }
    .footerSocial{
        margin:0 0 30px
    }
    .footerBotm{
        background-position:0 20px
    }
    .ISO_logo{
        max-width:90px
    }
    .JCI_logo{
        max-width:110px
    }
    .pageBanner{
        min-height:235px;
        background-position:center;
        background-size:cover;
        padding:0
    }
    .pageHeading h1{
        font-size:30px;
        line-height:28px
    }
    .pageHeading .subTitle{
        font-size:16px
    }
    .pageHeading{
        padding:8px
    }
    .careerpage_video{
        max-height:60vh
    }
    .video_caption p{
        font-size:14px
    }
    .section_padding{
        padding:40px 0
    }
    .footer.section_padding{
        padding-bottom:0
    }
    .categoryBox{
        max-width:50%
    }
    .video_caption h1{
        margin-bottom:0
    }
    .video_caption{
        bottom:20px
    }
    .botmScroll{
        display:none
    }
    .serviceIconList li{
        flex:0 0 50%;
        max-width:50%
    }
    .listBox{
        flex:0 0 48%
    }
    .counterWrapper_abt .numberColumn{
        flex:0 0 100%;
        width:100%;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        margin-bottom:25px;
        text-align:center
    }
    .counterWrapper_abt .counterBox .icon{
        margin:0
    }
    .contentWrap .counterWrapper_abt img{
        float:none;
        margin:0 0 10px;
        height:auto!important
    }
    .contentWrap .page_heading{
        font-size:30px
    }
    .counterWrapper_abt .counterBox .n_data{
        width:100%
    }
    .counterWrapper_abt .counterBox .number{
        padding-bottom:8px
    }
    .counterBox .number:before{
        left:0;
        right:0;
        margin:auto
    }
    .counterWrapper_abt .counterBox .n_data p{
        text-align:center
    }
    .wrapTitle{
        font-size:22px
    }
    .serviceContent h4.mt-5{
        margin-top:0!important
    }
    .traningLogo img{
        width:100%
    }
    .heroSlider .carousel-control-prev:after{
        left:30px
    }
    .frontline_banner{
        background-size:contain;
        background-position:center 0
    }
    .counterWrapper{
        position:inherit;
        bottom:0;
        margin:100px 0 0
    }
    .learnMore{
        min-width:170px;
        font-size:14px
    }
    .numberColumn{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        margin-bottom:1.5rem
    }
    .counterBox .n_data p{
        text-align:center
    }
    .numbertxt h5{
        margin:5px 0 15px
    }
    .services{
        margin-top:0
    }
    .appStore img{
        max-height:38px
    }
    .frontline_banner h2{
        font-size:32px
    }
    .aboutImage{
        margin-top:1rem
    }
    .form-group.halfColumn .col-sm-12{
        margin-top:10px
    }
    .newsImage{
        max-height:205px;
        min-height:205px
    }
    .newsImage img{
        min-height:205px
    }
    .contactWrapper .mb-5{
        margin-bottom:.5rem!important
    }
    .contactBtns{
        margin-bottom:1.5rem
    }
    .contactWrapper .form_panel{
        margin-top:2rem
    }
    .feedbackIcon ul li{
        flex:0 0 50%;
        max-width:50%
    }
    .FeedbackList .FeedbackBox{
        max-width:350px;
        margin-left:auto;
        margin-right:auto
    }
    .FeedbackList .FeedbackBox p{
        min-height:100px
    }
    #surveyContent h3.navyColor{
        font-size:1.5rem
    }
    .courseBtn,.coursefield{
        max-width:50%;
        flex:0 0 50%;
        margin-bottom:.5rem
    }
    .courselisting li{
        width:100%;
        margin-bottom:.5rem
    }
    .course_caption h1{
        font-size:2rem
    }
    .value_icon img{
        max-width:110px;
        margin-bottom:20px!important
    }
    .header .empPortal{
        background-size:12px auto
    }
    .awrnesContent h3{
        font-size:1.75rem;
        margin-bottom:1rem;
    }
    .grid{column-count:2;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;}
}
@media screen and (max-width:576px){
    .heroSlider .carousel-control-prev{
        right:14%
    }
    .heroSlider .carousel-control-prev:after{
        left:27px
    }
    .memberImage{
        flex:0 0 100%;
        max-width:100%;
        width:100%;
        text-align:center
    }
    .memberInfo{
        padding:25px
    }
    .listWrapper .listItem,.menuSidebar{
        margin:0 auto 2.5rem;
        max-width:300px;
        width:100%;
        text-align:center
    }
    .listWrapper{
        flex-direction:column
    }
    .copyRight{
        padding:12px 0
    }
    .copyRight p{
        font-size:12px
    }
    .pageBanner{
        min-height:35vh
    }
    .categoryBox{
        max-width:100%
    }
    .contactRow{
        flex:0 0 100%;
        max-width:100%
    }
    #spl_accordion .accordion-body .col-md-12{
        width:100%
    }
    .serviceIconList ul{
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .serviceIconList li{
        flex:0 0 auto;
        max-width:100%;
        margin-bottom:20px;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .serviceIconList img{
        width:100px!important
    }
    .serviceIconList h5{
        margin:0
    }
    .contentWrap,.counterBox{
        padding:10px
    }
    .listBox{
        flex:0 0 100%
    }
    .counterBox h3{
        font-size:1.2rem
    }
    .numbertxt h5{
        font-size:1rem
    }
    .counterWrapper_abt .numbertxt p{
        margin-top:15px
    }
    .scBox p{
        min-height:50px
    }
    .traningLogo li{
        width:50%;
        flex:0 0 50%;
        margin-bottom:2rem
    }
    .traningLogo{
        margin-bottom:0
    }
    .page_heading,.section_title h2{
        font-size:22px
    }
    .FeedbackList.serviceFeed .FeedbackBox p{
        min-height:100px
    }
    #serviceTab,.FeedbackList .col-sm-6{
        padding:0
    }
    .servicesForm .form_panel .col-md-3,.servicesForm .form_panel .col-md-4,.servicesForm .form_panel .col-md-5{
        width:100%
    }
    .servicesForm .customTabs{
        padding:5px 10px
    }
    .accordion-body{
        display:block!important
    }
    .col{
        flex:0 0 100%
    }
    .form_panel .form-control{
        font-size:13px
    }
    .contentWrap iframe{
        float:none;
        width:100%
    }
    .g-recaptcha div{
        width:100%!important
    }
    .our_services .serviceInfo h3{
        min-height:inherit
    }
    .newsAds .smallNews a{
        max-width:100%;
        margin-bottom:1rem
    }
    .newsAds .coverNews{
        max-height:212px;
        min-height:212px
    }
    .bannerSlider .slick-next,.bannerSlider .slick-prev{
        display:none
    }
    .frontline_banner{
        background-image:url(../images/998-frontline-emergency-banner-mobile.jpg)
    }
    .serviceBox{
        flex:auto;
        max-width:100%
    }
    .serviceInfo h3{
        min-height:inherit
    }
    .slick-dots{
        display:flex;
        margin:1rem 0 0;
        padding:0;
        list-style-type:style none;
        font-size:0;
        align-items:center;
        justify-content:center
    }
    .slick-dots li>button{
        width:13px;
        height:13px;
        background:#bcc9df;
        border-radius:100px;
        margin:0 5px;
        border:0
    }
    .slick-dots li.slick-active>button{
        background:#b0976f
    }
    .Covid-19{
        padding-bottom:0
    }
    .appBanner{
        padding:40px 15px
    }
    .appStore img{
        max-height:33px
    }
    .NA998,.appContent{
        flex:auto;
        max-width:100%
    }
    .frontline_banner h2.mb-5{
        font-size:28px;
        margin-bottom:1.5rem!important
    }
    .appContent h2{
        font-size:30px
    }
    .QHSEIconList h4{
        font-size:1.35rem
    }
    .QHSEIconList li{
        flex:auto;
        max-width:100%;
        margin-bottom:1.5rem
    }
    .contentWrap img{
        float:none
    }
    .contentWrap .page_heading{
        font-size:20px
    }
    .h3,h3{
        font-size:1.35rem
    }
    .form-group.halfColumn .col-sm-12{
        width:100%;
        max-width:100%
    }
    .filterform .col-lg-1,.filterform .col-lg-2{
        width:100%
    }
    .filterform .col-lg-1{
        margin-bottom:10px
    }
    .filterform .btn-primary{
        width:100%
    }
    .pagination .page-link{
        padding:.35rem .6rem
    }
    .last-field{
        margin-top:10px
    }
    .form_column .default_btn,.form_column .default_btn.grey_bgbtn{
        margin:10px auto!important
    }
    .form_panel .checkround{
        top:0
    }
    .form_panel .customFile .form-control{
        padding:14px 10px 0 15px
    }
    .feedbackIcon ul li{
        flex:auto;
        max-width:100%;
        width:100%;
        padding:15px
    }
    .feedbackForm{
        padding:12px
    }
    .footerSocial a{
        margin:0 6px
    }
    .filter-col-lg,.filter-col-sm,.filterColBtn{
        max-width:100%;
        margin:10px 0 0;
        padding:0 15px
    }
    .callAction .learnMore{
        font-size:12px;
        min-width:95px;
        padding:5px 5px 3px
    }
    .callAction{
        bottom:8px;
        left:30%
    }
    .courseBtn,.coursefield{
        max-width:100%;
        flex:0 0 100%
    }
    .course_caption h1{
        font-size:1.75rem;
        margin:.5rem 0 1rem
    }
    .courseDescription{
        flex-direction:column;
        width:100%;
        margin-top:1rem
    }
    .leftBlock{
        order:2;
        max-width:100%;
        flex:0 0 100%
    }
    .rightBlock{
        order:1;
        max-width:100%;
        flex:0 0 100%;
        flex-direction:row-reverse;
        align-items:flex-start
    }
    .courseHeader{
        flex-flow:wrap
    }
    .pageHeading .subTitle{
        padding-left:35px
    }
    .course_btn{
        bottom:4%;
        padding:7px;
        min-width:120px;
        font-size:15px;
        max-width:fit-content;
        left:auto;
        right:15px;

    }
    #serviceTab .accordion-button,#serviceTab .accordion-button:not(.collapsed){
        font-size:.85rem
    }
    .pbFilter{margin-bottom:1.5rem;}
    .inputSearch, .selectFilter .form-control{width:100%;}
    .awrnesContent{flex:auto;max-width:100%;padding:1rem;}
    .awrnesImage{flex:auto;max-width:100%;}
    .grid{column-count:1;-webkit-column-count:1;-moz-column-count:1;-ms-column-count:1;}
}


.launch_page_1{
    position: fixed;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    color: #b0976f;
    font-weight: 600;    
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align: center;
}
.strip1{
    background-image:url('../images/bow.png');
    background-repeat:no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width:325px;
    height:100%;
    background-size:300px auto;
}
.strip_border{position:absolute;width:80px;height:100%;left:0;right:0;margin:auto;z-index:0;background-color:#2c354a;z-index:-1;}
.overflow{overflow:hidden;}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b0976f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0%23b0976f 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e) !important;
    transform: rotate(180deg);
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b0976f'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }
 .selectize-input input{
    border: 0px !important;
    border-color: #ffffff !important;
 }
 .selectize-input input::placeholder{
    color: #a7a7a7 !important;
 }
 .selectize-input input:focus-visible{
    outline-style: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
 }
 .selectize-control .selectize-dropdown{
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    height: 200px;
    left: 51.5%  !important;
 }

.country_code .selectize-dropdown{
    left:0px !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a7a7a7 !important;
}