a,a:hover{text-decoration:none}body.home{overflow:scroll;height:100vh;background-color:#001429;}body{overflow-x:hidden}input,button,button:focus{outline:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.close,.overlay,.main_slide .owl-dots button span,.main_slide .owl-dots button span:before,.main_slide .owl-nav button img{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}@media(min-width:1200px){.container{max-width:1170px}}ul{list-style:none}h1,h2,h3,h4,h5,h6,p,span,small,b,div{margin-bottom:0}@font-face{font-family:titilliumweb-bold;src:url(../lib/fontsource-titillium-web/files/titillium-web-latin-700-normal.woff2) format('woff2'),url(../lib/fontsource-titillium-web/files/titillium-web-latin-700-normal.woff) format('woff')}@font-face{font-family:titilliumweb-semibold;src:url(../lib/fontsource-titillium-web/files/titillium-web-latin-600-normal.woff2) format('woff2'),url(../lib/fontsource-titillium-web/files/titillium-web-latin-600-normal.woff) format('woff')}@font-face{font-family:titilliumweb-regular;src:url(../lib/fontsource-titillium-web/files/titillium-web-latin-400-normal.woff2) format('woff2'),url(../lib/fontsource-titillium-web/files/titillium-web-latin-400-normal.woff) format('woff')}@font-face{font-family:titilliumweb-light;src:url(../lib/fontsource-titillium-web/files/titillium-web-latin-300-normal.woff2) format('woff2'),url(../lib/fontsource-titillium-web/files/titillium-web-latin-300-normal.woff) format('woff')} @font-face { font-family: almarai; src: url(../lib/fontsource-titillium-web/files/almarai-v12-arabic-regular.woff2) format('woff2'), url(../lib/fontsource-titillium-web/files/almarai-v12-arabic-regular.woff) format('woff') }body{font-size:18px;} english-font { font-size: 18px; font-family: 'titilliumweb-light' !important; } @font-face { font-family: 'BeTomorrow-Regular'; src: url('../lib/BeTogether/English/TTF/BeTomorrow-Regular.ttf') format('truetype'), url(../lib/BeTogether/English/TTF/BeTomorrow-Regular.woff) format('woff'), url(../lib/BeTogether/English/TTF/BeTomorrow-Regular.woff2) format('woff2'); } @font-face { font-family: 'BeTomorrowArabic-Regular'; src: url('../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Regular.ttf') format('truetype'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Regular.woff) format('woff'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Regular.woff2) format('woff2'); } @font-face { font-family: 'BeTomorrow-Bold'; src: url('../lib/BeTogether/English/TTF/BeTomorrow-Bold.ttf') format('truetype'), url(../lib/BeTogether/English/TTF/BeTomorrow-Bold.woff) format('woff'), url(../lib/BeTogether/English/TTF/BeTomorrow-Bold.woff2) format('woff2'); } @font-face { font-family: 'BeTomorrowArabic-Medium'; src: url('../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Medium.ttf') format('truetype'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Medium.woff) format('woff'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Medium.woff2) format('woff2'); } @font-face { font-family: 'BeTomorrow-Light'; src: url('../lib/BeTogether/English/TTF/BeTomorrow-Light.ttf') format('truetype'), url(../lib/BeTogether/English/TTF/BeTomorrow-Light.woff) format('woff'), url(../lib/BeTogether/English/TTF/BeTomorrow-Light.woff2) format('woff2'); } @font-face { font-family: 'BeTomorrowArabic-Light'; src: url('../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Light.ttf') format('truetype'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Light.woff) format('woff'), url(../lib/BeTogether/Arabic/TTF/BeTomorrowArabic-Light.woff2) format('woff2'); } arabic-font { font-size: 18px; font-family: 'AraJozoor-Regular.woff' !important; }@media only screen and (min-width:1200px){.mega-menu-masonry-item{width:50%}}.slide_title_tag,.header_col_2 a,.mega_menu_inner_list h4,.mega_menu_inner_list a{}.header_col_1 a,.make-me-sticky h3,.make-me-sticky h4{}.responsive_menu{cursor:pointer}.header_col.header_col_1 ul{padding-right:10px}.header_col li{}header{z-index:99999}.main_header_menu{flex-wrap:wrap}.header_col_1 i{width:6px;height:6px;border-radius:50%}.header_col_1 a{font-size:14px;font-family:titilliumweb-light}.header_col_1 a:hover{color:#07114C}.mega_menu_inner_list h4,.mega_menu_inner_list_title a{color:#b7b0a2;font-size:16px}a:hover,.mega_menu_inner_list h4:hover,.header_col .mega_menu_inner_list a:hover,.header_col .mega_menu_inner_list a.active{color:#F90019} header .header_col > ul > li > a { color: #0D1B62; text-shadow: none; }header .header_col>ul>li>a:hover,.news_page header .header_col>ul>li>a,header.sticky .header_col>ul>li>a{text-shadow:unset}.mega_menu_inner_list a{font-size:13px}.header_col_2 a.menu_hover_effect i{font-size:16px}.header_col_2 a.menu_hover_effect{font-size:13px}.mega_menu_inner_list a{color:#0D1B62;font-family:BeTomorrow-Regular}.main_logo img{width:160px}.header_style_2{-moz-transition:position .5s;-ms-transition:position .5s;-o-transition:position .5s;transition:all .5s ease}.sticky,.news_page #myHeader{position:fixed;top:0;left:0;box-shadow:0 0 6px 1px rgba(0,0,0,.4);background:#fff;text-shadow:none}a.main_logo.sticky_logo{display:none}.sticky a.main_logo.fixed_logo,.news_page #myHeader a.main_logo.fixed_logo{display:none}.sticky a.main_logo.sticky_logo,.news_page #myHeader a.main_logo.sticky_logo{display:block}@media screen and (max-width:1199px){.main_header_menu{position:fixed;background-color:#fff;width:100%;top:0;left:-150%;height:100vh;box-shadow:none;overflow-y:auto;padding:70px 0 10px}.main_header_menu{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.header_col ul{width:100%}.header_col ul li{border-bottom:none;padding:0;margin:0}.header_col>ul>li>a{padding:10px 15px;margin:0;border-bottom:1px solid #534f47;font-family:titilliumweb-light;font-size:16px}.header_col>ul>li>a:hover{background:#fff;color:#07114C !important}.header_col_2 a.menu_hover_effect{font-size:16px;font-family:titilliumweb-light}.mega_menu_inner_list a{font-size:14px;font-family:titilliumweb-light}.mega_menu{padding:0 15px}.mega_menu_inner_list ul li{line-height:normal}header .header_col .mega_menu_inner_list ul li a{color:#b7b0a2}.header_col ul li.active a{border-bottom-color:#07114C}.header_col_2 a.menu_hover_effect i{position:relative;right:-10px;top:1px}.header_col_2 a.menu_hover_effect,header.sticky .header_col_2 a.menu_hover_effect{color:#fff;display:block}header .header_col .mega_menu_inner_list h4 a,.header_col_2 li.active a.menu_hover_effect{color:#fff}.mega_menu{transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;position:relative !important;background-color:transparent !important;padding-bottom:15px}.header_col ul li.active{background-color:#544f47}.responsive_menu .line{width:30px;height:3px}.main_header_menu.intro{left:0}.mega_menu_img{display:none}.close{position:absolute;right:40px;top:40px;width:24px;height:24px;opacity:1;color:#fff}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:1}.close:before,.close:after{position:absolute;left:15px;content:' ';height:24px;width:2px;background-color:#fff}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.overlay{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:9999;opacity:0;transition:all .5s ease-in-out;visibility:hidden;top:0}html.intro .overlay{opacity:1;visibility:visible}.position-relative .intro .responsive_menu{opacity:0}#myHeader .responsive_menu .line{width:30px;height:3px}#myHeader.sticky .responsive_menu .line,.header_style_2 .responsive_menu .line{background-color:#e7dcca}.sticky .header_col_2 li.main_menu_li:hover a.menu_hover_effect,.sticky .header_col_2 li.active a.menu_hover_effect{color:#F90019}.inner-dropdown-sec>ul>li a.active,.inner-dropdown-sec>ul>li a:hover,.make-me-sticky h4 a:hover,.make-me-sticky h4 a.active,.make-me-sticky h4 a.active,.make-me-sticky h4 a.hover,header.sticky .make-me-sticky h4 a.active,header.sticky .make-me-sticky h4 a:hover,header.sticky .mega_menu_inner_list a.active,header.sticky .header_col li a.active{color:#07114C !important}}@media screen and (min-width:1200px){.header_col_2 li.main_menu_li:hover a.menu_hover_effect,.header_col_2 li.active a.menu_hover_effect{color:#07114C !important;text-shadow:unset}.header_col_2 a.menu_hover_effect i{padding-left:5px}.header_col_2 a.menu_hover_effect{background-color:transparent;padding:11px 10px;margin:0;z-index:9}.header_col_2 li.main_menu_li:hover{background:rgba(255,255,255,.9)}.header_col_2 li.main_menu_li:hover a.menu_hover_effect,.header_col_2 li.active a.menu_hover_effect{background:rgba(255,255,255,.9);position:relative}.header_col_2 ul li:first-child a.menu_hover_effect{margin-left:0}.header_col_2 ul li:last-child a.menu_hover_effect{margin-right:0}.mega_menu{top:auto;box-shadow:0 4px 5px rgba(0,0,0,.2);padding:25px 15px 15px;background-color:rgba(255,255,255,.9);visibility:hidden;opacity:0}.main_menu_li:hover .mega_menu{visibility:visible;opacity:1}.border-xl-bottom-0{border-bottom:0}ul.mega_menu_inner_list_title{margin-top:-5px}}.home_main_slider .slider_layer{height:414px;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}@media (min-width: 769px) { .index_slide { height: 750px !important; } } .index_slide { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center top -200px; }.slide_title_tag{line-height:1.15;text-shadow:0 0 4.65px rgba(0,0,0,.6);padding:20px 0}.owl-item.active h2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInUp;animation-delay:.3s}.main_slide .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.main_slide .owl-nav button.owl-prev{left:30px}.main_slide .owl-nav button.owl-next{right:30px}.main_slide .owl-nav button:hover img{opacity:.6}.main_slide .owl-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.main_slide .owl-dots button span{height:11px;width:11px;background-color:#fff;border-radius:50%;display:inline-block;margin:0 5px;position:relative;overflow:hidden}.main_slide .owl-dots button span:before{content:"";position:absolute;width:100%;height:100%;background-color:#ed1b2f;left:0;top:0;transform:scale(0);border-radius:50%}.main_slide .owl-dots button.active span:before{transform:scale(1)}.main_slide .owl-dots button.active span{background-color:transparent}section.home_main_slider .home_main_container{position:relative}section.home_main_slider .home_main_container:before{position:absolute;content:none;background-image:url(../../images/border.png);left:0;right:0;bottom:-1px;width:100%;height:3px}@media screen and (max-width:767px){.close{right:25px;top:35px}}@media screen and (max-width:575px){.main_slide .owl-nav button.owl-prev{left:15px}.main_slide .owl-nav button.owl-next{right:15px}}@media screen and (max-width:400px){.slide_title_tag{font-size:30px;max-width:210px;margin:0 auto}.main_slide .owl-nav button.owl-prev{left:15px}.main_slide .owl-nav button.owl-next{right:15px}}@media screen and (min-width:400px){.slide_title_tag{font-size:40px;max-width:270px;margin:0 auto}}@media screen and (min-width:768px){.slide_title_tag{font-size:60px;max-width:470px}}@media screen and (min-width:992px){.slide_title_tag{font-size:70px;max-width:600px}}@media screen and (max-width:1199px){.slide_title_tag{max-width:930px;padding:12px 0}}@media(min-width:1200px) and (max-width:1359px){.main_slide .owl-nav button.owl-prev{left:10px}.main_slide .owl-nav button.owl-next{right:10px}.slide_title{padding-left:50px}}@media screen and (min-width:1200px){.slide_title_tag{font-size:80px;}}.about-top-sec a{color:#fff;font-size:17px}.about-top-sec a i{background:#fff;height:11px;width:11px;color:#a0b5ae;text-align:center;border-radius:50%;font-size:13px;line-height:.9;font-weight:600;position:relative;top:-1px;left:10px}.fixed-sidebar-sec .sidebar-item{position:relative;top:0;left:0;width:100%;height:100%}.fixed-sidebar-sec .make-me-sticky{position:-webkit-sticky;position:sticky;top:0;padding:0 15px}.fixed-sidebar-sec .sidebar-item{position:relative;top:0;left:15px;width:100%;height:100%;z-index:1}.fixed-sidebar-sec .make-me-sticky{position:-webkit-sticky;position:sticky;top:100px;padding:4px 7px;background:rgba(255,255,255,.5)}.no_sidevar_sticky .fixed-sidebar-sec .make-me-sticky{position:relative;top:0}.no_sidevar_sticky .fixed-sidebar-sec .sidebar-item{position:relative;left:0}.fixed-sidebar-sec{width:100%;padding-top:60px}.fixed-sidebar-sec .content-section{padding-left:20px}.fixed-sidebar-sec .content-section .col-md-4,.fixed-sidebar-sec .content-section .col-12{padding:0 5px}.make-me-sticky h3{color:#0D1B62;font-size:25px}.make-me-sticky h4 a:hover,.inner-dropdown-sec>ul>li a.active,.make-me-sticky h4 a.active{color:#31E7DF}.make-me-sticky h4 a{font-size:13px;color:#0D1B62;padding-top:10px;text-transform:uppercase}.inner-dropdown-sec>ul{padding-left:8px;margin-bottom:0}.inner-dropdown-sec>ul>li a{color:#797369;font-size:13px}.core-drodown-sec{padding-left:0}.boardd-irectors-sec .main{background:url(../../images/about-bg.png);background-size:cover;background-position:center right}.bottom-section{padding-bottom:35px}.bottom-section a{color:#797369}img{width:100%}h2{color: #0D1B62; padding-bottom: 20px; font-size: 24px; text-align: center; font-weight: bold;}h5{font-size:20px;line-height:30px}figcaption{padding:25px 0 10px;color:#797369}span.designation{line-height:30px}@media screen and (max-width:767px){.fixed-sidebar-sec .sidebar-item{position:relative;left:auto}.fixed-sidebar-sec .left-siderbat-sec{flex:100%;max-width:100%;padding-bottom:20px;display:none}.fixed-sidebar-sec .right-sidebar-sec{flex:100%;max-width:100%}.fixed-sidebar-sec .content-section{padding:0 15px}}@media screen and (max-width:575px){.right-sidebar-sec .col-xs-12.col-sm-6.col-md-4{width:50%}.download-btn{margin-right:7px}}@media screen and (max-width:480px){.right-sidebar-sec .col-xs-12.col-sm-6.col-md-4{width:100%}.boardd-irectors-sec .main{background-size:cover}}@media screen and (max-width:479px){.bottom-section a{display:flex;align-items:center}}.ch-name{font-family:titilliumweb-semibold}.cm-title{font-family:titilliumweb-light;padding-bottom:30px}.cm-description{font-family:titilliumweb-light}.content-desc>p{font-family:titilliumweb-light}.cm-title{color:#797369;font-size:25px;line-height:30px}.cm-description{color:#797369;font-size:25px;line-height:30px}.ch-name>a{color:#797369;font-size:25px;line-height:30px}.ch-designation>a{color:#797369;font-size:25px;line-height:30px}.ch-name:hover>a,.ch-designation:hover>a{color:#ec1b2e}.cm-description{padding-top:20px}.about-sec .fixed-sidebar-sec .content-section .col-12{overflow:hidden}.ch-main{background:#dbd7d0}.chh{position:relative}.chm{position:absolute;bottom:40px;z-index:1}.ch-left{flex:44%;max-width:44%}.chh{flex:56%;max-width:56%}.top-sec{z-index:1}.content-desc{font-size:20px;color:#797369;padding-top:20px}.chairman-sec .content-desc{padding-top:120px}.content-desc>p{padding-bottom:20px}.chairman-sec .main,.work-sec .main{position:relative}.chairman-sec .main:before{background:#ebe6de;position:absolute;content:"";height:300px;top:34%;width:100%}.chairman-sec .main:after,.work-sec .main:after,.affilite-sec .main:after{position:absolute;right:0%;width:500px;height:1241px;background-image:url(../../images/about-ch-bg.png);content:"";top:-9%;background-repeat:repeat;background-size:490px;background-repeat:no-repeat;background-position:right}@media screen and (max-width:1440px){.chairman-sec .main:after{width:400px;background-size:390px}}@media screen and (max-width:1280px){.chairman-sec .main:after{background-size:240px}.chairman-sec .main:before{height:300px}}@media screen and (max-width:1199px){.chairman-sec .main:after{background-size:220px;top:-12%}.chairman-sec .main:before{height:250px}body .terms,body p.follow-us{padding-bottom:15px}}@media(min-width:768px) and (max-width:991px){.chairman-sec .main:before{top:25%;height:250px}.chairman-sec .main:after{background-size:220px;top:-12%}.chm{position:absolute;bottom:30px;padding-right:15px}}@media screen and (max-width:767px){.chairman-sec .content-desc{padding-top:30px}.chairman-sec .main:before{content:none}.chairman-sec .main:after{top:8%;right:-140px}.ch-name>a,.ch-designation>a{font-size:20px;line-height:24px}.content-desc{padding-top:40px;padding-bottom:30px}.cm-description{padding-bottom:30px;padding-top:10px}.content-desc>p{padding-bottom:10px}.cm-title{font-size:16px;line-height:25px}.cm-description{font-size:16px;line-height:25px}.ch-name{font-size:16px;line-height:25px}.ch-designation{font-size:16px;line-height:25px}.chm{padding-right:30px;bottom:30px}}@media screen and (max-width:480px){.ch-left,.chh{flex:100%;max-width:100%}.chm{padding:15px;bottom:auto;position:relative}.chairman-sec .main:after{z-index:-1}.ch-designation>a{font-size:18px}}.fixed-sidebar-sec .content-section .col-12.banner-sec{padding:30px 0}.banner-desc .content-desc{padding:0;position:relative;z-index:1}.mission-sec{padding:25px 10px}.mission-sec .title{font-family:titilliumweb-semibold}.mission-sec .title{color:#07114C;font-size:20px}.mission-sec .top-box{padding:25px 0 0}.mission-sec .col-xs-12.col-sm-6.col-lg-4{padding:5px}.Strategy-sec{padding:0 10px 25px}.Strategy-sec .title{font-family:titilliumweb-semibold}.Strategy-sec .title{color:#797369;font-size:20px}.Strategy-sec .sub-title{color:#797369;font-size:20px}.Strategy-sec .top-box{padding:25px 0 0}.Strategy-sec .inner-box .title{color:#797369}.Strategy-sec .inner-box{margin:0 0 10px;min-height:280px}.affiliates-sec .title{font-family:titilliumweb-semibold}.affiliates-sec .title{color:#797369;font-size:20px}.affiliates-sec .content-desc{padding:0 0 0 15px}.affiliates-sec{padding:0 10px 25px}.left-aff{flex:26.2%;max-width:26.2%}.right-aff{flex:73.8%;max-width:73.8%}.affilite-sec .main{position:relative}.affilite-sec .main:after{right:0;top:30%;z-index:-1;width:700px;background-size:710px}.inner-box .title{color:#ffffff;text-align:center;font-size:25px;line-height:30px}.top-box .inner-box.odd,.top-box .inner-box.even{background:#1C6EE4;padding:20px}.top-box .inner-box.even{background:#6434FA}.bottom-box .inner-box.odd,.bottom-box .inner-box.even{background:#ebe6de;padding:20px}.bottom-box .inner-box.even{background:#f4f2ee}.desc{color:#07114C;font-size:20px;line-height:25px;padding-top:10px}a.danger,.inner-dropdown-sec>ul>li a:hover,header.sticky .mega_menu_inner_list_title a.active:hover{color:#ed1b2f}.right-sidebar-sec figcaption h5{font-family:titilliumweb-semibold}@media screen and (max-width:1440px){.affilite-sec .main:after{width:500px;background-size:520px}}@media screen and (max-width:1360px){.affilite-sec .main:after{width:400px;background-size:390px}}@media(min-width:768px) and (max-width:991px){.Strategy-sec .top-box .col-xs-12.col-sm-6.col-lg-4{padding-bottom:10px}.left-aff{flex:36.2%;max-width:36.2%}.right-aff{flex:63.8%;max-width:63.8%}.affiliates-sec .content-desc{padding:0 0 0 15px;font-size:16px}.content-desc>p{padding-bottom:15px;font-size:16px}.desc{font-size:16px;line-height:24px}.content-desc{font-size:16px;line-height:24px}.cm-title{font-size:16px;line-height:24px}.cm-description{font-size:16px;line-height:24px}.fixed-sidebar-sec .content-section .col-12.banner-sec{padding:15px 0}}@media screen and (max-width:767px){.right-sidebar-sec figcaption{padding:10px 0 10px}.Strategy-sec .top-box .col-xs-12.col-sm-6.col-lg-4{padding-bottom:10px}.affiliates-sec .content-desc{padding:0 0 0 15px;font-size:16px}.content-desc>p{padding-bottom:15px;font-size:16px}.desc{font-size:16px;line-height:20px}.content-desc{font-size:16px;line-height:20px}.desc{text-align:center}.fixed-sidebar-sec .content-section .col-12.banner-sec{padding:15px 0}.cm-title{font-size:16px;line-height:24px}.cm-description{font-size:16px;line-height:24px}}@media(min-width:768px) and (max-width:1199px){figcaption{padding:10px 0 10px;color:#797369}}@media screen and (max-width:480px){.left-aff,.right-aff{flex:100%;max-width:100%;margin-bottom:15px}.affiliates-sec .content-desc{padding:0}}#footer{background:#07114C;color:#fff;z-index:2;position:relative;margin-top:15px}.top-inner{padding:20px 185px;border-bottom:1px solid #fff;width:100%}#footer a{color:#fff;font-size:15px}h6{font-size:12px;font-weight:400;padding-bottom:20px}#footer ul>li>a{font-size:12px;font-family:titilliumweb-light;letter-spacing:.5px}#footer a:hover,.footer-right a:hover i{color:#ec1b2e}#footer ul{padding-left:0}#footer ul>li>ul{padding-left:5px}.footer-middle{padding:40px 0}a.backtotop i.fa.fa-angle-up{margin-left:10px}.footer-bottom{background:#001429;padding:30px 0 40px}#footer .footer-bottom a,.copyright,p.follow-us{font-size:14px;padding:10px;}.footer-right{text-align:center;order:2}.footer-right a i{color:#666;font-size:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.footer-right a{font-size:16px !important;padding:7px 11px !important}.terms,p.follow-us{padding-bottom:30px}.terms .fa{font-size:5px;margin-left:14px;margin-right:14px;vertical-align:middle}.top-inner a{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}@media screen and (max-width:1024px){.top-inner{padding:20px 135px}}@media screen and (min-width:768px){.footer-right a{padding:7px 10px !important}.col-md-6{padding-bottom:30px}.footer-middle{padding:40px 0 0}.top-inner{padding:20px 15px}}@media screen and (max-width:767px){.top-inner{margin:0}#footer .sub-menu-title{position:relative}#footer .sub-menu-title:after{position:absolute;content:"";font-family:fontawesome;color:#fff;top:29%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:18px}#footer .sub-menu-title.active:after{content:""}.top-inner{padding:20px 15px;border:none}.footer-right{order:1;padding-bottom:10px}.footer-left{order:2;text-align:center}.footer-middle{padding:40px 0 25px;display:none}.terms,p.follow-us{padding-bottom:10px}.footer-bottom{padding:50px 0}}@media screen and (max-width:481px){#footer .sub-menu-title:after{top:24%}.terms .fa{margin-left:8px;margin-right:8px}} .header_col li a.menu-text-white { color: #0D1B62; text-shadow: none }.news_page header .header_col li a,header.sticky .header_col li a,.small_text,.counter-value,.counter_multi sub,.counter_box p,.strategic_objectives_content h4,.inner_point h4,.inner_point ul li a,.home .header_col_1 ul li a:hover{color:#07114C}@media screen and (min-width:1200px){.modernization_programme_sec .slide_title_tag{font-size:75px}}.strategic_objectives_content li{font-family:titilliumweb-light}.counter_multi sup{font-family:titilliumweb-bold}.counter-value{font-family:titilliumweb-bold}.counter_multi sub{font-family:titilliumweb-bold}.counter_box p{font-family:titilliumweb-semibold}.strategic_objectives_content h4{font-family:titilliumweb-semibold}.inner_point h4{font-family:titilliumweb-semibold}.inner_point h6{font-family:titilliumweb-semibold}.inner_point h6 a{font-family:BeTomorrow;font-weight: 700;}.inner_point a{font-family:titilliumweb-regular}.font_18{font-size:18px}.font_25{font-size:25px}.counter_box{background-color:#ebe6de;padding:50px 40px 20px}.counter_multi sup{font-size:80px;color:#ed1b2f;left:-20px;top:-20px}.counter-value{font-size:125px;line-height:.8}.counter_multi sub{font-size:75px}.strategic_objectives_content h4{font-size:20px}.strategic_objectives_content li{font-size:18px}.system_grid_img{width:110vw;position:relative;bottom:0;transform:translateX(-50%);left:50%}@media screen and (min-width:1200px) and (max-width:1599px){body{overflow-x:hidden}.system_grid_img{transform:translateX(-55%);width:115vw !important}}.system_grid_img,.doing_business_sec .main:after,.divider_small{background-color:#eae6de}.our_business{background-image:url(../images/business/business-bg.jpg);background-position:center top}.our_bmp{background-image:url(../images/bmp/bmp-bg.jpg);background-position:center top}.we_care{background-image:url(../images/care/care-bg.jpg);background-position:center top}.about_us{background-image:url(../images/about/about-bg.jpg);background-position:center top}.doing_business_sec .main:before,.faq .main:before{content:"";position:absolute;left:0;bottom:-360px;width:100%;height:928px;background-image:url(../../images/doing_business_sec.png);background-position:left bottom;background-repeat:no-repeat;background-size:contain;z-index:-1}.inner_point h4{font-size:20px}.inner_point h6{font-size:20px}.divider_small{width:100%;height:30px}.inner_point a{font-size:13px}.inner_point_small h6{font-size:16px}.img_grid img{margin:0 auto}.box{width:110vw;position:absolute;bottom:0;transform:translateX(-31%);height:300px;z-index:-1;background-color:#eae6de}.box1{width:110vw;position:absolute;bottom:0;transform:translateX(-31%);height:600px;z-index:-1;background-color:#eae6de}.tenders_block ul>li>a{display:flex;align-items:center}@media(min-width:992px) and (max-width:1199px){.doing_business_sec .main:after{top:471px;height:250px}}@media(min-width:768px) and (max-width:991px){.doing_business_sec .main:after{top:365px;height:190px}.counter-value{font-size:60px}.counter_multi sup{font-size:50px;left:0}.counter_multi sub{font-size:35px}.counter_box{padding:50px 15px 20px}.counter_box p{font-size:13px}.terms,p.follow-us{padding-bottom:15px}.font_25{font-size:16px}.strategic_objectives_content li{font-size:16px}h2{padding-bottom:10px}.cm-description{font-size:16px}.ch-designation>a{font-size:18px}}@media screen and (max-width:767px){.font_25{font-size:16px}.box{display:none}.inner_point a{font-size:16px}.strategic_objectives_content li{font-size:16px}#counter .col-md-4.px-2{margin-bottom:15px}#counter{margin-top:1.5rem}.counter-value{font-size:60px}.counter_multi sup{font-size:50px;left:50px;top:-10px}.counter_multi sub{font-size:35px}.counter_box{text-align:center}.doing_business_sec .main:after{content:none}h2{font-size:27px;padding-bottom:10px}.counter_box p{font-size:13px}.fixed-sidebar-sec{padding-top:40px}.content-section p{font-size:16px}.strategic_objectives_content ul.mt-3.mb-0{padding-left:30px}.content-section .counter_box p{margin-top:10px}}@media screen and (max-width:320px){.counter_box{padding:50px 20px 20px}}@media(min-width:992px) and (max-width:1199px){.inner_page_title h2{max-width:100%;font-size:50px}.counter_box{padding:50px 20px 20px}.counter-value{font-size:95px}.counter_multi sub{font-size:55px}.counter_multi sup{font-size:70px;left:0}.counter_box .font_18{font-size:16px}.right-sidebar-sec .font_25{font-size:20px}h2{padding-bottom:10px}}html.intro{overflow:hidden}@media screen and (max-width:767px){html{overflow-x:hidden}.doing_business_sec .main:before,.faq .main:before{bottom:-170px;height:430px}}@media(min-width:768px) and (max-width:991px){.content-desc{padding-top:65px}.chairman-sec:after{background-size:120px}body .chairman-sec:after{top:-23%}}@media(min-width:992px) and (max-width:1199px){.chairman-sec:before{top:470px}.content-desc{padding-top:95px}.content-desc>p{padding-bottom:25px}}.acc-main{width:100%}.container{margin:0 auto;width:100%;padding:0 15px}.pockets-main h1{font-size:60px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#111;margin:0 0 35px}.intro-cont h3{font-size:35px;font-weight:600;color:#111;margin:50px 0}.kind h2{text-align:center;font-size:45px;font-weight:600;color:#111;margin:50px 0 30px}.accordion-main{margin-bottom:15px}.accordion-main:last-child .accordion_body{padding-bottom:0}.accordion_head{background-color:#b8afa0;color:#fff;cursor:pointer;font-size:18px;padding:5px 20px}.accordion_body{background:transparent;font-size:18px;text-align:left;padding:20px 15px 0}.accordion_body img{width:100%;max-width:230px;margin-bottom:30px}.accordion_body p,.accordion_body ul{margin:0;color:#797369}.accordion_body p{padding-bottom:30px}.accordion_body>ul>li{padding-bottom:20px;list-style:disc}.accordion_body h3,.div-bott h3{font-size:25px;font-weight:600;margin:15px 0;color:#1e352e}.div-bott h3{font-size:35px}.div-bott{text-align:center}.div-bott p{font-size:24px}.plusminus{float:right;font-size:36px;margin-top:-16px}.hr-clc{height:3px;background:#fff;margin-top:30px;width:17px;padding:0;border:0;margin-left:-18px}@media(min-width:992px) and (max-width:1100px){.pockets-main p{font-size:22px;width:684px;margin:0 auto;margin-bottom:20px !important}.accordion_body{padding:35px 40px 5px}.accordion_body img{max-width:205px;margin-bottom:20px}}@media(min-width:768px) and (max-width:991px){.pockets-main{padding:30px 15px}.pockets-main h1{font-size:45px;margin:0 0 20px}.pockets-main p{font-size:20px !important;margin-bottom:20px !important;width:600px;margin:0 auto}.intro-cont h3,.div-bott h3{font-size:30px;margin:35px 0}.kind h2{font-size:30px;margin:35px 0 30px}.accordion_head{font-size:16px;padding:11px 15px}.plusminus{font-size:27px;margin-top:-12px}.accordion-main{margin-bottom:24px}.hr-clc{margin-top:22px;width:15px;margin-left:-15px}.accordion_body{font-size:16px}.accordion_body img{width:100%;max-width:185px;margin-bottom:20px}.accordion_body h3{font-size:24px}.accordion_body p,.accordion_body ul,.accordion_body>ul>li{font-size:16px;padding-bottom:10px}.accordion_body ul{padding-left:30px}}@media(min-width:576px) and (max-width:767px){.accordion_body p,.accordion_body ul,.accordion_body>ul>li{font-size:16px;padding-bottom:10px}.accordion_body ul{padding-left:30px}.pockets-main{padding:35px 15px}.pockets-main h1{font-size:40px;margin:0 0 30px}.pockets-main p{font-size:18px !important;margin-bottom:20px !important;width:400px;margin:0 auto}.intro-cont h3,.div-bott h3{font-size:26px;width:400px;margin:30px auto;line-height:1.2 !important}.div-bott h3{width:unset}.kind h2{font-size:26px;margin:30px 0 30px}.accordion-main{margin-bottom:20px}.plusminus{font-size:30px;margin-top:-10px}.accordion_body{padding:30px 25px 5px}.accordion_body img{max-width:170px;margin-bottom:20px}.hr-clc{margin-top:23px;width:16px}.accordion_body h3{font-size:22px;margin:15px 0}.accordion_head{padding:5px 15px}}@media(max-width:575px){.accordion_body p{font-size:16px;padding-bottom:10px}.accordion_body ul{font-size:16px;padding-bottom:10px}.accordion_body>ul>li{font-size:16px;padding-bottom:10px}.accordion_body ul{padding-left:30px}.pockets-main{padding:15px 0}.pockets-main h1{font-size:30px;margin:0 0 15px}.pockets-main p{font-size:16px !important;margin-bottom:15px !important}.intro-cont h3,.kind h2,.div-bott h3{margin:30px 0;line-height:normal !important;font-size:24px}.accordion_head{font-size:16px;padding:8px 12px}.plusminus{font-size:27px;margin-top:-12px}.accordion-main{margin-bottom:20px}.accordion_body{font-size:16px}.accordion_body img{max-width:150px;margin-bottom:20px}.accordion_body h3{font-size:18px;margin:10px 0;line-height:normal}.hr-clc{height:2px;margin-top:22px;width:15px;margin-left:-15px}}@media screen and (max-width:320px){.accordion_head{display:flex}.plusminus{margin-top:-7px}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.doing_business_sec.main:after{top:574px}}@supports (-ms-ime-align:auto){.doing_business_sec .main:after{top:574px;}}.news_content p{font-family:titilliumweb-light}.news_text_box span{font-family:titilliumweb-regular}.news_article_arrow .media span{font-family:titilliumweb-regular}.search_cus input{font-family:titilliumweb-semibold}.news_content h6{font-family:titilliumweb-semibold}.news_content span{font-family:titilliumweb-semibold}.news_content a{font-family:titilliumweb-semibold}.news_content a span{font-family:titilliumweb-semibold}.def_drop_news .current{font-family:titilliumweb-semibold}.news_text_box h6{font-family:titilliumweb-semibold}.download_box_news a{font-family:titilliumweb-semibold}.search_cus button{top:50%;right:20px;width:auto;transform:translateY(-50%)}.search_cus input::placeholder{color:#797369}.news_content h6{color:#7a7368;font-size:20px;line-height:25px}.news_content h6 a{color:#7a7368;font-size:20px;line-height:25px}.news_content a span{color:#7a7368;font-size:20px;line-height:25px}.news_content a span{transition:all .3s}.news_content h6 a:hover,.news_content a:hover span,.download_box_news ul a:hover{opacity:.7}.news_img{height:300px}.news_content{margin:0 35px;margin-top:-60px;z-index:1;padding:20px 25px;border-bottom:8px solid #eae6de}.news_content span{color:#a20315}.news_content h6{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3rem}.news_content .news_summary{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:7rem}.news_content p{color:#797369;font-size:18px}.about-sec .fixed-sidebar-sec .content-section .col-12.drop_sec_new{overflow:inherit}.def_drop_news .list{background-color:#fff}.def_drop_news .current{color:#797369;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;max-height:29px}.nice-select.wide{display:flex;align-items:center;padding-left:20px;padding-right:34px}.nice-select:after{content:"";background-image:url(../images/down_arrow_news.png);background-repeat:no-repeat;background-size:contain;background-position:center right;width:10px;height:10px}.download_box_news .news_text_box{background-color:#eae6de}.news_text_box h6{color:#7a7368}.news_text_box span{color:#7a7368}.download_box_news a{color:#7a7368}.news_text_box h6{font-size:22px}.news_text_box span{font-size:18px}.download_box_news ul{border-bottom:8px solid #eae6de}.news_page #chairman_sec:before{content:"";position:absolute;background-image:url(../../images/doing_business_sec.png);background-repeat:no-repeat;background-position:bottom left;background-size:320px;width:100%;height:938px;bottom:-190px;left:0}@media screen and (max-width:767px){.search_cus button img{width:25px}.news_content{margin:0 10px;margin-top:-20px;padding:15px}.news_col .col-md-6{padding:0}.news_content h6,.news_content a span{font-size:18px;line-height:20px}.fixed-sidebar-sec .content-section .news_sec{padding:0}.nice-select{height:45px}.nice-select.wide{font-size:15px}.nice-select:after{width:10px;height:10px}.download_box_news .news_text_box{padding-bottom:35px}}@media(min-width:768px) and (max-width:991px){.news_content{margin:0 10px;margin-top:-20px;padding:15px}.news_content h6,.news_content a span{font-size:15px;line-height:20px}.news_col .col-md-6{padding:0 5px}.news_content p,.download_box_news a{font-size:15px}.news_text_box h6{font-size:20px}.news_text_box span{font-size:16px}.drop_sec_new .download_box_news img{width:35px}.nice-select:after{width:10px;height:10px}}@media(min-width:992px) and (max-width:1199px){.news_content{margin:0 15px;margin-top:-30px;padding:20px 15px}}@media screen and (min-width:1650px){.news_page #chairman_sec{padding-bottom:250px}}.news_article .news_content{margin:0 100px;margin-top:-70px;z-index:1;padding:40px 40px 20px;border-bottom:0}.news_article .news_content h6{font-size:35px;line-height:1.2}.news_article .news_content p{font-size:18px}.news_article #chairman_sec:before{display:none}.news_article #chairman_sec{padding-bottom:15px}@media screen and (max-width:991px){.news_article .news_content{margin:0 5px;margin-top:-20px;padding:20px 10px 10px}.news_article .news_content h6{font-size:20px}.news_article .news_content p{font-size:16px}.news_article .news_col .col-md-12{padding:0}.news_article_arrow .media img{width:30px}}@media(min-width:768px) and (max-width:991px){.news_article .news_content{margin:0 35px;margin-top:-60px;padding:30px 30px 30px}.news_article .news_content h6{font-size:24px}.news_article_arrow .media img{width:40px}}@media(min-width:992px) and (max-width:1199px){.news_article .news_content{margin:0 50px;margin-top:-50px}.news_article_arrow .media img{width:50px}}.history-sec .first-section{margin-top:6.7rem;width:110vw;position:relative;bottom:0;transform:translateX(-50%);left:50%;background-color:#eae6de;padding-top:30px;position:relative}.history-sec .img_grid img{width:100%}.history-sec .content-desc{padding:35px 0 0}.history-sec .content-desc p{font-size:20px;color:#797369}.history-sec .first-section.ninteen-sec{margin:0}.history-sec .first-section:after,.history-sec .first-section.ninteen-sec:after{position:absolute;height:30px;width:110vw;background:#eae6de;bottom:0;left:50%;transform:translateX(-50%)}.history-sec .first-section:before,.history-sec .first-section.ninteen-sec:before,.history-sec .first-section.ninteen-sec.last:before{content:"";position:absolute;left:0;bottom:-130%;width:50%;height:928px;background-image:url(../../images/doing_business_sec.png);background-position:left bottom;background-repeat:no-repeat;background-size:contain;z-index:-1}.history-sec .first-section.ninteen-sec:before{height:1060px}.history-sec .first-section.ninteen-sec.last:before{height:850px}.description{border-bottom:30px solid #eae6de;z-index:1}.sectionscroll span.hyear{font-size:12px !important;float:right !important;padding:4px 6px !important}.sectionscroll.affix-top{opacity:0}ul.sectionscroll{list-style:none;padding:0;width:20px;margin-left:20px;position:fixed;display:block;right:50px;z-index:1;top:30%}ul.sectionscroll li:hover .hyear,li a.active .hyear{display:block !important;position:absolute;background:#fff;padding:0 10px;border-radius:10px;margin-left:-42px;margin-top:-3px;line-height:15px;font-size:12px;color:#000;font-weight:700;box-shadow:0 0 2px #b6aea2}#nav-years .nav-link{padding:0}.sectionscroll span.dots{width:15px;height:15px;background:#b6aea2;border-radius:30px;display:block;margin:20px 0}.sectionscroll li a.active span.dots,.sectionscroll li:hover span.dots{background:#ec1b2e;border-radius:30px;display:block}.sectionscroll span.hyear{display:none}.move-down i{margin-left:10px;font-size:20px}.mainhome .carousel-indicators{display:block !important}.carousel-indicators{display:none}.historybg{background:#eae6de}.his-box{text-align:center;color:#797369}.his-box{text-align:center;color:#797369;padding:15px 30px 0}.his-box p{font-size:14px;color:#797369;padding:20px 0 0}.historyimg{margin-bottom:60px}.history_main .home_main_slider{z-index:2;position:relative}@media screen and (max-width:1600px){.history-sec .first-section:before,.history-sec .first-section.ninteen-sec:before,.history-sec .first-section.ninteen-sec.last:before{height:660px;bottom:-170%}.history-sec .first-section.ninteen-sec:before{height:700px}.history-sec .first-section.ninteen-sec.last:before{height:700px;bottom:-170%}}@media screen and (max-width:1199px){.history-sec .first-section:before,.history-sec .first-section.ninteen-sec:before,.history-sec .first-section.ninteen-sec.last:before{bottom:-200%;width:100%;height:700px}.history-sec .first-section.ninteen-sec.last:before{height:400px}.his-box{padding:15px 15px 0}}@media screen and (max-width:991px){.history-sec .first-section{margin-top:40px}.history-sec .content-desc p{font-size:16px}.historyimg{margin-bottom:30px}.history-sec .first-section:before,.history-sec .first-section.ninteen-sec:before,.history-sec .first-section.ninteen-sec.last:before{bottom:-310%}.history-sec .first-section.ninteen-sec:before{bottom:-260%}.history-sec .first-section.ninteen-sec.last:before{left:-50px;height:570px}}@media(min-width:768px) and (max-width:991px){.history-sec .first-section{margin-top:30px;transform:translateX(-56%)}}@media screen and (max-width:767px){#nav-years{display:none}.his-box{width:50%}.history-sec .first-section:before,.history-sec .first-section.ninteen-sec:before,.history-sec .first-section.ninteen-sec.last:before{bottom:-350%}.history-sec .first-section.ninteen-sec:before{bottom:-240%;height:620px}.history-sec .first-section.ninteen-sec.last:before{left:0;height:610px}body{overflow-x:hidden}}@media screen and (max-width:480px){.his-box{width:100%}}a.anchor{display:block;position:relative;top:-100px;visibility:hidden} .cards-home { padding-top: 971px; background: #120F53; padding-bottom: 20px; } .cards-home .col-md-6 { } .card-single-main { border-radius: 20px; height: 368px !important; overflow: unset !important; } /* Default scale for other views */ .responsive-scale { transform: scale(0.333333); } /* Scale for web view (e.g., screens wider than 1024px) */ @media (min-width: 1024px) { .responsive-scale { transform: scale(1); } } .card-single { padding: 50px 202px 36px 45px; height: 457px; position: relative; } .card-single:after { position: absolute; content: ''; width: 90%; height: 15px; left: 0; right: 0; bottom: 85px; -webkit-box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); margin: auto; } .card-single-main { margin-right: 30px; } .inner-card-single { margin-bottom: 30px; } .inner-card-singleforIcon { margin-bottom: 30px; width: 165px; } .cards-home { padding-top: 20px; padding-bottom: 20px; } .card-single h3 { font-size: 53px; } .card-single p { font-size: 33px; line-height: 39px; } .card-single-main { margin-right: 0px; } .card-single { padding: 20px; } .read-more-card { background: url(https://bapco-sadeemcards-bucket-dev.s3.me-south-1.amazonaws.com/images/read-more-nw.png) no-repeat; display: inline-block; height: 32px; padding-top: 5px; padding-left: 27px; padding-right: 14px; text-transform: uppercase; margin-right: 15px; } .read-more-card a { color: #797369; text-decoration: none; } .read-more-card a:hover { color: #ed1b2f; } .apply-nw-card { background: url(https://bapco-sadeemcards-bucket-dev.s3.me-south-1.amazonaws.com/images/read-more-nw.png) no-repeat; display: inline-block; height: 32px; padding-top: 5px; padding-left: 27px; padding-right: 14px; text-transform: uppercase; margin-right: 15px; } .apply-nw-card a { color: #797369; text-decoration: none; } .apply-nw-card a:hover { color: #ed1b2f; } .read-more-card img { margin-right: 4px; vertical-align: sub; } .apply-nw-card img { margin-right: 4px; vertical-align: sub; } .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { cursor: pointer; } .jssorb03 div { background: url(../images/latest-number-bg-gry.png) no-repeat; } .jssorb03 .av { background: url(../images/latest-number-bg.png) no-repeat; } .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn { position: absolute; cursor: pointer; display: block; overflow: hidden; top: 165px !important; } .jssora03l { background-position: -3px -33px; } .jssora03r { background-position: -63px -33px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03ldn { background-position: -243px -33px; } .jssora03rdn { background-position: -303px -33px; } charset "utf-8"; /* CSS Document */ @font-face { font-family: 'fs_matthewlight'; src: url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewlightwebfont.eot'); src: url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewlightwebfont.eot') format('embedded-opentype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewlightwebfont.woff2') format('woff2'), url('/Portals/0/Assets/fonts/fsmatthewlightwebfont.woff') format('woff'), url(https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewlightwebfont.ttf') format('truetype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewlightwebfont.svg#fsmatthewlightwebfont') format('svg'); } @font-face { font-family: 'fs_matthewlight'; src: url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthew-light/fsmatthew-light-webfont.woff2') format('woff2'), url(https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthew-light/fsmatthew-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fs_matthewregular'; src: url(https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.eot'); src: url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.eot') format('embedded-opentype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.woff2') format('woff2'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.woff') format('woff'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.ttf') format('truetype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fsmatthewregularwebfont.svg#fsmatthewregularwebfont') format('svg'); } @font-face { font-family: 'fs_joeybold'; src: url(https://www.sadeemcards.com/Portals/0/Assets/fonts/fs_joeyboldwebfont.eot'); src: url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fs_joeyboldwebfont.eot') format('embedded-opentype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fs_joeyboldwebfont.woff2') format('woff2'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fs_joeyboldwebfont.woff') format('woff'), url('https://www.sadeemcards.com//Portals/0/Assets/fonts/fs_joeyboldwebfont.ttf') format('truetype'), url('https://www.sadeemcards.com/Portals/0/Assets/fonts/fs_joeyboldwebfont.svg#fs_joeyboldwebfont') format('svg'); } english-font { font-family: 'titilliumweb-light' !important; } arabic-font { font-family: 'Almarai' !important; } .transaction-details-wrapper .process-row { border-bottom: 1px solid #ccc; margin-right: 0; margin-left: 0; } .header-bg { background: #fff; height: 96px; position: absolute; left: 0px; right: 0; z-index: 999; border: 1px; border-color: #0D1B62; border-radius: 0.5rem; } .logo { padding: 23px 0px 23px 25px; width: 16%; } .bpo-logo { padding: 25px 25px 25px 0; text-align: right; width: 14.5%; float: right; } .menu-top { float: right; margin-top: 22px; } .menu-top .en-language { float: left; } .menu-top .language-object span.selected { display: none; } .mn-single { float: left; margin-right: 20px; } .menu-top .mn-single:nth-child(2) { padding-top: 2px; } .mn-single a { font-family: 'fs_matthewregular'; color: #675c54; text-decoration: none; font-size: 13px; } .mn-single a:hover { color: #be001e; } .menu-top img { vertical-align: text-bottom; margin-right: 5px; } .menu-top .Language a img { margin-right: 15px; } /*Menu Start*/ .mn-left { padding-right: 0; width: 95%; } .menu { clear: both; float: right; margin-top: 14px; } .navbar-collapse { margin-top: -1px; } .menu_main { border: none; border-radius: 0px; background: none; float: left; margin-bottom: 0px; min-height: 42px; } .menu_main .current { } .menu-section { padding-left: 0px; padding-right: 0px; width: 69.5%; } .menu_main li a { text-align: center; padding: 9px 9px; color: #646260 !important; font-size: 16px; text-transform: uppercase; line-height: 27px; } .menu_main ul > li.dropdown > a { height: 55px; } #dnnMenu > ul > li > a { position: relative; margin-left: 28px; } #dnnMenu > ul > li > a:before { position: absolute; content: ''; width: 28px; height: 60px; left: -26px; top: -10px; } #dnnMenu > ul > li:nth-child(1) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/abts-menu.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(2) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/sadeem-cdrs-menu.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(3) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/statin-menu.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(4) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/media.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(5) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/faq.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(6) > a:before { background: url(https://www.sadeemcards.com/Portals/0/Assets/Images/cntc-menu.png) center center no-repeat; } #dnnMenu > ul > li:nth-child(7) > a { position: absolute; top: -20px; margin-left: -68px; font-size: 14px; } #dnnMenu > ul > li:nth-child(7) > ul.dropdown-menu { margin-left: -68px; margin-top: 8px; } /*#dnnMenu > ul > li:nth-child(1) > a:before{ position: absolute; content: ''; background: url(/Portals/0/Assets/Images/abts-menu.png) center center no-repeat; width: 30px; height: 30px; left: -26px; top: 5px; } #dnnMenu > ul > li:nth-child(2) > a:before{ background: url(/Portals/0/Assets/images/sadeem-cdrs-menu.png) center center no-repeat; }*/ .menu_main li a .caret { display: none; } .menu_main li.active a { background: transparent !important; } /* @media screen and (-webkit-min-device-pixel-ratio:0) { .menu_main li a { padding: 9px 12px; } } */ .menu_main img { margin-right: 5px; margin-bottom: 13px; } .menu_main li a:hover { color: #be001e !important; left: 0; } .nav > li.menu-arw:hover { background: url(../images/menu-arw.png) bottom no-repeat; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } .drop-last a { border-bottom: none !important; } .menu_main li ul li { background: #be001e; } .menu_main li ul li ul li a { background: #be001e; } .menu_main li ul li a { color: #fff !important; padding: 7px 27px 7px 15px; font-size: 15px; border-left: none; text-align: left; background: #1a1a1a; text-transform: capitalize; font-family: 'fs_matthewregular'; white-space: nowrap !important; } .menu_main .dropdown-menu > .active a { background: #ed1b2f; } .menu_main li ul li.active a { background: transparent; } .menu_main li ul li a:hover { color: #fff !important; background: #ed1b2f; } .navbar-default .navbar-nav ul li.open a, .navbar-default .navbar-nav ul li.open a:hover, .navbar-default .navbar-nav ul li.open a:focus, .navbar-default .navbar-nav ul li.open a:active { background: none; } .drop-main { padding: 0px; min-width: 247px; margin-left: -1px; } .navbar-nav .open .dropdown-menu li a { line-height: 26px; } .navbar-collapse { padding-left: 0px; padding-right: 0px; float: right; } .navbar-nav > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; } /*sub*/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-left: -1px; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropdown-menu { border: none; border-radius: 0px; padding: 0px; } .menu_last { padding-right: 0px !important; background: none !important; } .navbar-default .navbar-toggle { background: none; border-color: none; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; border-color: none; } .navbar-collapse { float: right; padding-left: 0; padding-right: 0; width: 100%; overflow: hidden; } .navbar-default .navbar-toggle .icon-bar { background-color: #303d48; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #057398; border: none; } /*Second level Menu*/ @media all and (min-width:768px) { .dropdown:hover .dropdown-menu { display: block; } } /*Menu End*/ .search-top { padding: 9px 0px 9px 9px; float: left; } .mn-single-last { margin-right: 0px; } .wlcome-text { background: #07114C; padding: 65px 0px; } .wlcome-big-text { color: #fff; font-size: 43px; line-height: 49px; } .wlcme-big-manin { color: #fff; font-family: 'titilliumweb-light'; font-size: 19px; line-height: 26px; } .card-single h3 { color: #fff; font-size: 30px; margin: 0 auto; text-transform: uppercase; } .card-single p { color: #fff; font-size: 21px; font-family: 'fs_matthewlight'; } .read-more-card { background: url(https://bapco-sadeemcards-bucket-dev.s3.me-south-1.amazonaws.com/images/read-more-nw.png) no-repeat; display: inline-block; height: 32px; padding-top: 5px; padding-left: 27px; padding-right: 14px; text-transform: uppercase; margin-right: 15px; } .read-more-card a { color: #797369; text-decoration: none; } .read-more-card a:hover { color: #ed1b2f; } .apply-nw-card { background: url(https://bapco-sadeemcards-bucket-dev.s3.me-south-1.amazonaws.com/images/read-more-nw.png) no-repeat; display: inline-block; height: 32px; padding-top: 5px; padding-left: 27px; padding-right: 14px; text-transform: uppercase; } .apply-nw-card a { color: #797369; text-decoration: none; } .apply-nw-card a:hover { color: #ed1b2f; } .read-more-card img { margin-right: 4px; vertical-align: sub; } .apply-nw-card img { margin-right: 4px; vertical-align: sub; } .cards-home { padding-top: 971px; background: #120F53; padding-bottom: 20px; } .cards-home .col-md-6 { } .welcome-text-big { position: absolute; width: 500px; height: auto; top: 310px; left: 12%; padding: 9px 30px; text-align: left; line-height: 44px; font-size: 40px; color: #ed1b2f; text-transform: uppercase; background: url(../images/bnr-txt-bg.png) repeat; } .welcome-text-sml { position: absolute; width: 520px; height: 120px; top: 280px; left: 30px; padding: 5px; text-align: left; line-height: 36px; font-size: 35px; color: #eb1c2e; } .aply-now-btn { position: absolute; top: 485px; left: 14%; padding: 5px; text-align: center; background: url(../images/more-btn-bnr.png) no-repeat; height: 54px; padding-top: 8px; width: 178px; } .aply-now-btn:hover { color: #000; } .aply-now-btn a { color: #797369; line-height: 37px; font-size: 22px; text-transform: uppercase; text-decoration: none; padding: 12px 48px; } .aply-now-btn a:hover { color: #ed1b2f; } .btm-strip { height: 54px; background: #675c54; } .social-bg { background: url(../images/social-bg-new.png) no-repeat; background-position: center; width: 100%; height: 406px; background-size: cover; text-align: center; font-family: 'fs_matthewlight'; font-size: 30px; } .social-bg p { width: 50%; font-size: 24px; margin: 0 auto; color: #fff; padding-top: 9%; } .ft-bg { background: url(../images/foot-bg.png) repeat; } .ft-links { overflow: hidden; } .ft-links ul { margin: 0 auto; padding: 0px; } .ft-links ul li { float: left; list-style: none; padding-right: 27px; padding-top: 6px; } .ft-links ul li a { color: #646260; text-decoration: none; font-size: 18px; text-transform: uppercase; } .ft-links ul li a:hover { color: #be001e; } .ft-links-inner { padding: 90px 0px; padding-bottom: 80px; } .no-pddng-lf { padding-left: 0px; } .no-pddng-rt { padding-right: 0px; } .no-pddng { padding: 0px; } .cpy-rt { font-family: 'fs_matthewlight'; color: #646260; font-size: 14px; margin-top: 8px; } .cpy-rt a { font-family: 'fs_matthewlight'; color: #666056; font-size: 14px; text-decoration: none; } .cpy-rt a:hover { color: #be001e; } .latest-news-img { float: left; } /*.news-home-slider { height: 515px; }*/ .news-home-slider { height: 515px; width: 70%; background-size: auto; float: left; } .news-home-slider img { visibility: hidden; } /*.nws-text { padding-left: 52px !important; overflow: hidden; padding-top: 45px; }*/ .nws-text { padding-left: 0px !important; overflow: hidden; padding-top: 105px; / text-align: -webkit-right; / padding-right: 45px; width: 415px; float: right; align-content: right; } .news-main { background: #eae6de; padding-top: 55px; padding-bottom: 40px; } /*.ltst-big { color: #e7e6dc; font-size: 30px; margin-bottom: 30px; text-transform: uppercase; }*/ .ltst-big { color: #e7e6dc; font-size: 25px; margin-bottom: 20px; text-transform: uppercase; } .updted-text { font-family: 'fs_matthewlight'; font-size: 13px; color: #fff; margin-bottom: 0px; } /*.tst-sml-text { font-family: 'fs_matthewlight'; font-size: 22px; color: #fff; margin-bottom: 67px; width: 34%; line-height: 30px; }*/ .tst-sml-text { font-family: 'fs_matthewlight'; font-size: 22px; color: #fff; margin-bottom: 60px; width: 70%; line-height: 30px; } .rd-more-news-home a { background: url(https://bapco-sadeemcards-bucket-dev.s3.me-south-1.amazonaws.com/images/read-more-nw-news.png) no-repeat; color: #797369; padding: 6px 26px; text-decoration: none; font-size: 14px; } .rd-more-news-home a:hover { color: #ed1b2f; } .rd-more-news-home { margin-bottom: 20px; } .card-single-main { border-radius: 20px; height: 368px !important; overflow: unset !important; } .card-single { padding: 50px 202px 36px 45px; height: 457px; position: relative; } .card-single:after { position: absolute; content: ''; width: 90%; height: 15px; left: 0; right: 0; bottom: 85px; -webkit-box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); box-shadow: 0px 28px 35px -1px rgba(0, 0, 0, 0.65); margin: auto; } .card-single-main { margin-right: 30px; } #wrap { position: relative; padding: 10px 0px; } #wrap input[type="text"] { height: 45px; font-size: 20px; display: inline-block; border: none; outline: none; color: #555; padding: 3px; padding-right: 60px; width: 0px; position: absolute; top: -14px; right: 0; background: none; z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer; } ul.searchSkinObjectPreview { position: absolute; top: 100%; right: 0 !important; left: auto; background: #fff; margin: -8px 50px; list-style: none; border: 1px solid #c9c9c9; width: 350px; z-index: 200; padding: 0; } #wrap input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #wrap input[type="text"]:focus { width: 780px; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; background: #fff; padding-left: 20px; } #wrap input[type="submit"] { height: 18px; width: 18px; display: inline-block; color: red; float: right; background: url(../images/search-mn.png) center center no-repeat; text-indent: -10000px; border: none; position: relative; top: 0; right: 0; z-index: 2; cursor: pointer; cursor: pointer; transition: opacity .4s ease; } #wrap input[type="submit"]:hover { opacity: 0.8; } /*.search-top{padding:3px 0px 6px 10px;background-position: 1px 13px !important; float: left; background:url(../images/mn-bdr.png) left no-repeat;}*/ .search-top { padding: 3px 0px 6px 37px; background-position: 1px 13px !important; float: left; background: url(../images/mn-bdr.png) left no-repeat; /*background: transparent;*/ } .search-top .SearchButton { top: 5px !important; height: 28px !important; background-color: transparent; z-index: 1; } .menu-inner { position: absolute; margin: 0 auto; left: 0px; right: 0px; } .inner-left { width: 25.5%; } .inner-side-menu { background: #fff; padding-bottom: 50px; } .inner-side-menu ul { margin: 0px; padding: 0px; margin-left: 20px; margin-right: 20px; } .inner-side-menu ul li { list-style: none; background: url(../images/inner-list-icon.png) no-repeat left; padding-left: 26px; padding-bottom: 11px; background-position: 0px 16px; border-bottom: 1px solid #b7b7b7; padding-top: 11px; } .inner-side-menu ul li a { color: #646260; font-size: 17px; text-decoration: none; font-family: 'fs_matthewregular'; } .inner-side-menu ul li a:hover { color: #ed1b2f; } .inner-cnts { width: 71%; margin-left: 3.5%; } .inner-bg { background: #eae6de; padding-top: 65px; padding-bottom: 120px; } .inner-heading { text-transform: uppercase; padding: 20px 20px 8px 20px; color: #646260; font-size: 24px; font-family: 'fs_matthewregular'; } .inner-menu-current a { color: #ed1b2f !important; } .inner-cnts h2 { color: #ed1b2f; font-size: 42px; border-bottom: 1px solid #b5b0a8; margin-top: 0px; padding-bottom: 5px; margin-bottom: 25px; text-transform: uppercase; } .inner-cnts p { color: #666666; font-family: 'fs_matthewlight'; font-size: 18px; line-height: 31px; text-align: justify; } .inner-cnts h4 { color: #e60024; font-size: 18px; } .inner-cnts ul { margin: 0px; padding: 0px; } .inner-cnts ul li { background: url(../images/inner-body-list.png) no-repeat; list-style: none; color: #666666; font-family: 'fs_matthewlight'; font-size: 18px; line-height: 41px; text-align: justify; background-position: 0px 16px; padding-left: 20px; } .inner-card { margin-top: 40px; } .aply-now-btn-inner { padding: 4px; background: url(../images/apply-inner-page.png) no-repeat; text-align: center; margin: 0 auto; width: 151px; } .station-links span { padding-left: 5px; } .aply-now-btn-inner a { color: #646260; line-height: 36px; font-size: 18px; text-transform: uppercase; text-decoration: none; padding: 9px 3px; padding-left: 14px; } .aply-now-btn-inner a:hover { color: #ed1b2f; } .inner-card-single { margin-bottom: 30px; } .inner-card-singleforIcon { margin-bottom: 30px; width: 165px; } /*banner home*/ #slider1_container_banner { position: relative; margin: 0 auto; top: 0px; left: 0px; clear: both; } .slider-banner-inner { position: relative; left: 0px; top: 0px; } /* jssor slider bullet navigator skin 21 css */ /* .jssorb21 div (normal) .jssorb21 div:hover (normal mouseover) .jssorb21 .av (active) .jssorb21 .av:hover (active mouseover) .jssorb21 .dn (mousedown) */ .jssorb21 { display: none; } .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(../images/loader.gif) no-repeat; overflow: hidden; cursor: pointer; } .jssorb21 div { background-position: -5px -5px; } .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; } .jssorb21 .av { background-position: -65px -5px; } .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; } /* jssor slider arrow navigator skin 21 css */ /* .jssora21l (normal) .jssora21r (normal) .jssora21l:hover (normal mouseover) .jssora21r:hover (normal mouseover) .jssora21ldn (mousedown) .jssora21rdn (mousedown) */ .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; overflow: hidden; } .jssora21l { background-position: -3px -33px; } .jssora21r { background-position: -63px -33px; } .jssora21l:hover { background-position: -123px -33px; } .jssora21r:hover { background-position: -183px -33px; } .jssora21ldn { background-position: -243px -33px; } .jssora21rdn { background-position: -303px -33px; } /*banner end*/ /*cards home*/ /* jssor slider arrow navigator skin 03 css */ /* .jssora03l (normal) .jssora03r (normal) .jssora03l:hover (normal mouseover) .jssora03r:hover (normal mouseover) .jssora03ldn (mousedown) .jssora03rdn (mousedown) */ .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn { position: absolute; cursor: pointer; display: block; overflow: hidden; top: 165px !important; } .jssora03l { background-position: -3px -33px; } .jssora03r { background-position: -63px -33px; } .jssora03l:hover { background-position: -123px -33px; } .jssora03r:hover { background-position: -183px -33px; } .jssora03ldn { background-position: -243px -33px; } .jssora03rdn { background-position: -303px -33px; } /*cards end*/ /* news start*/ /* this line can be removed, but it really helps in case of css conflicts in your page */ .slider1 div { position: relative; margin: 0px; padding: 0px; } /* jssor slider bullet navigator skin 03 css */ /* .jssorb03 div (normal) .jssorb03 div:hover (normal mouseover) .jssorb03 .av (active) .jssorb03 .av:hover (active mouseover) .jssorb03 .dn (mousedown) */ .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av { cursor: pointer; } .jssorb03 div { background: url(../images/latest-number-bg-gry.png) no-repeat; } .jssorb03 .av { background: url(../images/latest-number-bg.png) no-repeat; } /* jssor slider arrow navigator skin 20 css */ /* .jssora20l (normal) .jssora20r (normal) .jssora20l:hover (normal mouseover) .jssora20r:hover (normal mouseover) .jssora20ldn (mousedown) .jssora20rdn (mousedown) */ .jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn { position: absolute; cursor: pointer; display: block; overflow: hidden; } .jssora20l { background-position: -3px -33px; } .jssora20r { background-position: -63px -33px; } .jssora20l:hover { background-position: -123px -33px; } .jssora20r:hover { background-position: -183px -33px; } .jssora20ldn { background-position: -243px -33px; } .jssora20rdn { background-position: -303px -33px; } /* news end*/ div.simpleTabs { margin-top: -30px; } .aplly-btn-page { padding: 6px; background: url(../images/apply-inner-page-big.png) no-repeat; text-align: center; width: 179px; margin-top: 30px; } .aplly-btn-page a { color: #797369; line-height: 37px; font-size: 20px; text-transform: uppercase; text-decoration: none; padding: 10px 25px; padding-left: 39px; } .aplly-btn-page a:hover { color: #ed1b2f; } .inner-cnts h3 { color: #e60024; font-size: 23px; margin-bottom: 20px; } .full-width { width: 100%; } /*Accordian*/ #accordion h2 { margin: 0px; padding: 20px 15px 8px 20px; background: #efede7; color: #63625e; font-weight: normal; border-bottom: 1px solid #eee; font-family: 'fs_matthewlight'; font-size: 18px; margin-bottom: 6px; } .accordion-toggle { cursor: pointer; } .accordion-content { display: none; padding: 10px 30px; background: #f0f0f0; color: #666; } .accordion-content p { color: #666; } .accordion-content.default { display: block; } .accordion-toggle .view { font-size: 14px; line-height: 200%; font-weight: normal; color: rgb(127, 191, 52); text-align: left; } .arrow { margin-right: 9px; display: inline-block; float: left; font-family: 'fs_matthewlight'; font-size: 31px; margin-top: -10px; } .arrowUp:before { content: "-"; color: #ed1b2f; font-weight: bold; } .arrowDown:before { content: "+"; color: #ed1b2f; font-weight: bold; } /*Accordian end*/ .news-lsting-sectn .news-lstng-single:nth-child(2n) { margin-right: 0px; } .news-lstng-img img { height: auto; visibility: hidden; } .news-lsting-sectn { /*margin-top: 50px;*/ overflow: hidden; padding-top: 20px; } .news-lsting-sectn.photo-gallery { margin-top: 0 !important; padding-top: 0 !important; } .news-lsting-sectn.photo-gallery .news-lstng-single { margin-bottom: 20px; } .news-lsting-sectn.photo-gallery .news-lstng-single .news-lstng-img { max-width: 350px !important; height: auto !important; background: #fff; margin-bottom: 20px; display: flex; align-items: center; transform: inherit !important; margin-top: 0; } .news-lsting-sectn.photo-gallery .news-lstng-single p { margin-top: 0; } .news-lsting-sectn.photo-gallery .news-lstng-img img { visibility: inherit !important; text-align: center; margin: auto; width: 100%; } .photo-gallery .modal-body img { width: 100%; } .news-lsting-sectn .video-popup img { max-width: 350px; } .news-lsting-sectn.photo-gallery #myModal .modal-body { text-align: center; } .news-lstng-single { /*margin-right: 96px;*/ width: 50%; float: left; margin-bottom: 40px; text-align: center; } .news-lstng-single .news-lstng-img { max-width: 350px; height: 350px; background: #fff; margin-top: 0px; margin-bottom: 0px; display: flex; align-items: center; background-size: cover !important; /*transform: rotate(45deg);*/ margin-left: auto; margin-right: auto; } .new-date { color: #ed1b2f; font-size: 14px; font-family: 'fs_matthewlight'; margin-top: 20px; margin-bottom: 8px; text-align: center; } .news-lstng-single p { color: #646260; font-family: 'fs_matthewlight'; font-size: 17px; line-height: 24px; height: 70px; /* overflow: hidden; */ margin-top: 20px; text-align: center; } .news-heading { background: #ed1b2f; padding: 15px 50px; margin-bottom: 25px; } .rdmore-lstng { padding: 0px 0px; border: 1px solid #a8a191; text-align: center; width: 120px; } .rdmore-lstng:hover { background: #a7a7a7; cursor: pointer; color: #fff; } .rdmore-lstng a { color: #666056; line-height: 37px; font-size: 15px; text-transform: uppercase; text-decoration: none; padding: 10px 20px; font-family: 'fs_matthewregular'; } .rdmore-lstng a:hover { color: #fff; } .news-dtl-main img { } .news-dtl-main h3 { font-size: 21px; color: #fff; font-family: 'fs_matthewregular'; line-height: 32px; margin-top: 10px; } .news-dtl-date { font-family: 'fs_matthewlight'; font-size: 14px; color: #fff; } .testi-img { float: left; margin-right: 20px; } .teti-hedng { overflow: hidden; margin-bottom: 30px; font-size: 18px; color: #675c54; font-family: 'fs_matthewregular'; } .test-text h5 { color: #646260; font-size: 19px; font-family: 'fs_joeybold'; margin-bottom: 5px; margin-top: 4px; } .test-section { border-bottom: 1px solid #a8a199; padding-bottom: 30px; margin-top: 40px; } .stng-lctr { background: #fff; padding: 30px 20px 150px 20px; } .stng-lctr h5 { color: #ed1b2f; border-bottom: 1px solid #b2b2b2; margin-top: 0px; font-size: 25px; font-family: 'fs_matthewregular'; padding-bottom: 7px; margin-bottom: 20px; } .station-links { font-size: 17px; color: #646260; font-family: 'fs_matthewregular'; margin-bottom: 15px; } .station-links img { vertical-align: baseline; } .store-lctor img { vertical-align: baseline; margin-right: 10px; } .station-links a { font-size: 17px; color: #646260; font-family: 'fs_matthewregular'; padding-left: 10px; } .station-links a:hover { text-decoration: none; color: #ed1b2f; } .store-lctor { background: none !important; border-bottom: none !important; padding: 0px !important; font-family: 'fs_matthewregular' !important; } .store-cnt { background: none; padding: 10px 0px; color: #403e3a; } .store-lctor .arrow { float: right !important; } .store-cnt p { margin-bottom: 5px; font-size: 16px; color: #675c54; padding-left: 28px; } .store-cnt p a { font-size: 16px; color: #675c54; } .store-cnt p a:hover { color: #ed1b2f; text-decoration: none; } .adnd-srch { color: #ed1b2f; font-size: 19px; font-family: 'fs_matthewregular'; margin-top: 35px; } .advd-srh-img { margin-right: 10px; vertical-align: bottom; } .flterd-select select { width: 237px; border: 1px solid #ccc; padding: 5px; color: #403e3a; font-family: 'fs_matthewregular'; } .flterd-select { margin-top: 25px; } .station-map { background: #fff; padding: 25px; } .icon-cnt { margin-bottom: 15px; color: #656057; font-size: 19px; font-family: 'fs_matthewregular'; } .icon-cnt img { margin-right: 15px; } .cnt-left-section p { margin-bottom: 20px; border-bottom: 1px solid #a7a39a; padding-bottom: 10px; } .cnt-left-section { padding-left: 0px; margin-top: 40px; } .cnt-adrs-sdem { border-bottom: 0px !important; } .icon-cnt a { color: #656057; } .icon-cnt a:hover { text-decoration: none; } .cnt-form-section { width: 70%; margin-left: 5%; padding-right: 0px; margin-top: 40px; } .apply-now-wrap .cnt-form-section { width: 100%; /*margin-left:0;*/ } .cnt-form-section input[type='text'], .cnt-form-section input[type='email'], .cnt-form-section input[type='tel'] { width: 100%; border: 1px solid #b9b9b8; border-left: 4px solid #ed1b2f; padding: 10px; background: none; height: 52px; font-size: 17px; color: #675c54; font-family: 'fs_matthewlight' !important; } .cnt-form-section textarea { width: 100%; border: 1px solid #b9b9b8; border-left: 4px solid #ed1b2f; padding: 10px; background: none; font-size: 17px; height: 130px; font-family: 'fs_matthewlight' !important; } .cnt-form-section .col-md-6 { margin-bottom: 36px; padding-right: 0px; } .cnt-form-section .col-md-12 { margin-bottom: 36px; padding-right: 0px; } .hd-cnt { color: #656057; font-size: 15px; font-family: 'fs_matthewlight'; margin-bottom: 8px; } .cnt-sadeem-name input { width: 93%; } .cnt-btn-smit { background: url(../images/apply-inner-page-big.png) no-repeat; color: #797369; border: none; padding: 12px 45px; text-transform: uppercase; font-size: 20px; padding-left: 52px; padding-right: 33px; } .cnt-btn-smit:hover { color: #ed1b2f; overflow: hidden; } .cnt-btn-smit { margin-left: 10px; cursor: pointer; } .cnt-map-sdm { padding-top: 50px; clear: both; } .news-home-bg { height: 514px; position: absolute; display: block; background: url(../images/news-home-bg.png) no-repeat; top: 0px; left: -16px; width: 100%; height: 101%; } /*latest news home start*/ .jssorb01 { position: absolute; bottom: 16px; right: 0px; left: 0px; margin: 0 auto; } .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { overflow: hidden; cursor: pointer; } .jssorb01 div { background: url(../images/news-list.png) no-repeat; } .jssorb01 div:hover, .jssorb01 .av:hover { background: url(../images/news-hover.png) no-repeat; } .jssorb01 .av { background: url(../images/news-hover.png) no-repeat; } .jssorb01 .dn, .jssorb01 .dn:hover { background: url(../images/news-hover.png) no-repeat; } .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position: absolute; cursor: pointer; display: block; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05ldn { background-position: -250px -40px; } .jssora05rdn { background-position: -310px -40px; } /*latest news home end*/ /*Offers starts*/ .offer-img img { width: 291px; height: auto; } .offer-head span { color: #ed1b2f; font-size: 25px; border-bottom: 1px solid #ed1b2f; margin-bottom: 10px; } .offer-big-head { font-size: 36px; color: #666; font-family: 'fs_matthewregular'; margin-top: 25px; margin-bottom: 25px; } .offer-dtls { font-size: 18px; color: #666; font-family: 'fs_matthewregular'; margin-bottom: 20px; } .offer-duration { font-size: 14px; color: #666; font-family: 'fs_matthewregular'; margin-bottom: 20px; } .apply-offer { margin-left: 0px; } .offer-row { margin-top: 50px; overflow: hidden; border-bottom: 1px solid #cccc; padding-bottom: 50px; } .offer-select { width: 36%; border: 1px solid #ccc; padding: 7px 10px; font-size: 15px; clear: both; overflow: hidden; color: #666; font-family: 'fs_matthewregular'; margin-top: -75px; float: right; } .pagination { margin-top: 50px !important; } .pagination li { background: none !important; display: block; float: left; padding-left: 8px !important; } .pagination li a { background: url(../images/news-list.png) no-repeat !important; border: none; height: 24px; width: 24px; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: url(../images/news-hover.png) no-repeat !important; border: none; height: 24px; width: 24px; } .pagination > li > a, .pagination > li > span { color: #666; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #fff; background: url(../images/news-hover.png) no-repeat !important; border: none; height: 24px; width: 24px; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination > li > a, .pagination > li > span { margin-right: 5px; } .page-nav { text-align: center; } /*Offers ends*/ /*Master tables styling*/ .master-table-wrapper { background: #971424; color: #fff; } .master-table-wrapper h3 { margin-top: 5px !important; } .master-table-wrapper .master-lang-dropdwn { margin-top: 4px; } .master-btn-add { color: #fff !important; margin-top: 10px; display: inline-block; } .master-data-table .add-view-btn { background: #971424; color: #fff; } .master-data-table .add-view-btn:hover { background: #ee242f; } .master-table-wrapper .master-data-table { background: #fff; color: ##786f67; } .faq-pagination tr:last-child table { margin: 30px auto; } .faq-pagination tr:last-child table td span { background: url(https://www.sadeemcards.com/Portals/0/Images/news-hover.png) no-repeat center !important; text-decoration: none; width: 20px; height: 60px; padding: 6px 10px; color: #fff; margin: 0 10px; } .faq-pagination tr:last-child table td a { padding: 10px; } /*Master tables styling ends*/ /*Login form styling*/ .login-page-header { padding: 30px 0; border: 0; } .login-wrapper { background-image: url('https://www.sadeemcards.com/Portals/0/ArabicAssets/images/foot-bg.png'); background-size: cover; background-repeat: no-repeat; height: 100vh; overflow: auto; } .login-wrapper .login-header { text-align: center; margin-top: 0px; } .login-form #socialControls { display: none; } .login-wrapper .login-header h3 { font-family: 'fs_joeybold'; color: #ffffff; margin-top: 0; } .login-wrapper .form-wrapper { /*background-color: rgba(0, 0, 0, 0.5) !important;*/ background: url('http://sadeemwebsite.azurewebsites.net/Portals/0/Images/login-bg.png')no-repeat; width: 777px; margin: auto; } .login-wrapper .card { /*height: 370px;*/ margin-top: auto; margin-bottom: auto; width: 280px; margin-top: 30px; border: none; margin-bottom: 50px; background: transparent; margin: auto; padding: 30px 0; } .login-wrapper .card-header h3 { color: white; } .login-wrapper .input-group-prepend span { width: 50px; background-color: #FFC312; color: black; border: 0 !important; } .login-wrapper input:focus { outline: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important; } .login-wrapper .login_btn { color: #fff; background-color: red; padding: 10px 0 !important; } .login-wrapper .login-submit .login_btn { text-align: center; font-family: 'fs_joeybold',Sans-Serif; } .login-wrapper .login_btn:hover { color: black; background-color: white; } .login-wrapper .login-form .links a { margin-left: 4px; color: #ffffff } .login-wrapper .login-form .login-terms { color: #fff; font-size: 14px; text-align: center; font-family: 'fs_matthewlight'; /*margin-top: 30px;*/ } .login-wrapper .login-form .card-body input { border-radius: 0; width: 280px; text-align: center; padding: 10px 0; border: none; max-width: 100%; } .login-wrapper .login-form .card-footer { background: transparent; border-top: none; } .login-form .dnnPrimaryAction { width: 280px; margin-left: 0; padding-left: 0; border-radius: 0; border: none; box-shadow: none; margin-top: 10px; text-shadow: none; padding: 10px; } .login-form .dnnSecondaryAction { display: none; } .login-form .dnnPrimaryAction { background: #ee242f !important; } .login-form .dnnPrimaryAction:hover { background: #971424 !important; } .login-form .dnnLabel, .login-form .dnnFormLabel { display: none !important; } .login-form .dnnCheckbox .mark { background: none; } .login-form .dnnBoxLabel { color: #fff !important; } .login-form li .dnnPrimaryAction, .login-form li .dnnSecondaryAction { width: 100% !important; display: none; } .card-body .dnnFormMessage { background: #fff; color: #ee242f !important; } /*Login form styling ends*/ /*Social widget home page*/ .socialPane .social-main-btm { text-align: center; display: flex; align-items: center; justify-content: center; } /*Social widget home page*/ /*Apply now form*/ .cnt-form-section .col-md-12, .cnt-form-section .col-md-6 { padding-left: 15px; padding-right: 15px; } .apply-now-wrap .cnt-form-section { width: 100% !important; /*margin-left: 0;*/ margin-top: 0; } .apply-now-wrap .apply-heading-top, .apply-now-wrap .apply-heading-bottom { background: #c58080; overflow: hidden; padding: 0 10px; margin: 20px 0; } .apply-now-wrap .apply-heading-top h3, .apply-now-wrap .apply-heading-bottom h3 { margin: 8px 0 !important; font-size: 21px; color: #000000; font-family: 'fs_matthewlight'; } .apply-now-wrap .cnt-form-section input[type="text"], .apply-now-wrap .cnt-form-section input[type="email"] { height: 35px; font-family: 'fs_matthewlight'; } .apply-now-wrap .cnt-form-section input.normal-text-box { border: 1px solid #b9b9b8; border-radius: 4px; border-left: 4px solid #ed1b2f; } .apply-now-wrap .checkbox-inline { position: relative; display: block; padding-left: 28px; margin-bottom: 12px; cursor: pointer; } .apply-now-wrap .checkbox-inline input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .apply-now-wrap .checkbox-inline .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; border: 1px solid #000; } .apply-now-wrap .checkbox-inline:hover input ~ .checkmark { background-color: #ccc; } .apply-now-wrap .checkbox-inline input:checked ~ .checkmark { background-color: #ed1b2f; } .apply-now-wrap .checkbox-inline .checkmark:after { content: ""; position: absolute; display: none; } .apply-now-wrap .checkbox-inline input:checked ~ .checkmark:after { display: block; } .apply-now-wrap .checkbox-inline .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .apply-now-wrap .restrict-title { /*display: block;*/ } .apply-now-wrap .checkbox-inline.restrict { display: inline-block; float: left; } .apply-now-wrap .cnt-form-section .col-md-6, .apply-now-wrap .cnt-form-section .col-md-12, .apply-now-wrap .cnt-form-section textarea { margin-bottom: 20px !important; } .apply-submit-wrap { text-align: center; } .apply-submit-wrap input, .apply-submit-wrap a { display: block; margin: auto; } .apply-now-wrap .remarks-info { margin-top: 10px; display: inline-block; } .apply-submit-wrap input { background: #c58080; border: none; font-weight: 700; padding: 5px 15px; cursor: pointer !important; color: #000000; font-size: 18px; font-family: 'fs_matthewlight'; } .apply-submit-wrap a { margin: 15px 0; } .apply-now-wrap .terms-accept { color: red; } .apply-now-wrap sup { font-size: 15px; } .apply-now-wrap .restrict-usage-options table { margin-top: 5px; } .apply-now-wrap .restrict-wrap table, .apply-now-wrap .request-type-options table, .apply-now-wrap .restrict-usage-options table, .apply-now-wrap .delivery-options table { margin-left: 10px; } .apply-now-wrap .restrict-wrap table td input, .apply-now-wrap .request-type-options table td input, .apply-now-wrap .restrict-wrap table td label .apply-now-wrap .request-type-options table td label, .apply-now-wrap .restrict-usage-options table td input, .apply-now-wrap .restrict-usage-options table td label, .apply-now-wrap .delivery-options table td input, .apply-now-wrap .delivery-options table td label { float: left; } .apply-now-wrap .restrict-wrap table td label, .apply-now-wrap .request-type-options table td label, .apply-now-wrap .restrict-usage-options table td label, .apply-now-wrap .delivery-options table td label { margin-left: 10px; } table#dnn_ctr759_IndividualForm_rdoRequestType { float: left; margin-left: 15px; margin-bottom: 10px; } table#dnn_ctr759_IndividualForm_rdoRequestType tbody tr td input { margin-right: 10px; } table#dnn_ctr759_IndividualForm_chk_FuelTypelist tr { float: left; margin-right: 20px; } .apply-now-wrap .apply-now-label, .apply-now-wrap .terms-accept { font-size: 18px; font-family: 'fs_matthewlight'; } .apply-now-wrap .restrict-wrap table td label, .apply-now-wrap .restrict-usage-options table td label, .apply-now-wrap .delivery-options table td label, .apply-now-wrap .request-type-options table td label { font-size: 18px; font-family: 'fs_matthewlight'; font-weight: 700; } /*Apply now form*/ /*Search result page*/ .DnnModule-SearchResults .dnnSearchBoxPanel { background: #971424; max-width: 100% !important; } .DnnModule-SearchResults .dnnSearchBoxPanel a { color: #ffffff; } .DnnModule-SearchResults .dnnSearchResultPanel { background: #971424; max-width: 100% !important; } .DnnModule-SearchResults .dnnSearchResultItem-Title a { color: #971424; font-size: 20px; } .DnnModule-SearchResults span.dnnSearchResultCountPerPage { color: #ffffff; } .dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage { color: #fff !important; } /*Search result page*/ /*Apply corporate card*/ .company-profile-wrap .cnt-form-section { width: 100% !important; margin-left: 0; margin-top: 0; } .company-profile-wrap .cnt-form-section .col-md-6 { padding-right: 15px; } .company-profile-wrap #rblAccountType { margin-left: 30px; } .company-profile-wrap .apply-heading-top, .company-profile-wrap .apply-heading-bottom { background: #c58080; overflow: hidden; padding: 0 10px; margin: 20px 0; } .company-profile-wrap .apply-heading-top span { /*float: left;*/ } .company-profile-wrap .apply-heading-top h3, .company-profile-wrap .apply-heading-bottom h3 { margin: 8px 0 !important; font-size: 18px; color: #000000; } .company-profile-wrap .cnt-form-section input[type="text"] { height: 35px; } .company-profile-wrap .cnt-form-section input.normal-text-box { border: 1px solid #000; border-radius: 0; } .company-profile-wrap #rblAccountType input, .company-profile-wrap #rblAccountType label { float: left; } .company-profile-wrap #rblAccountType label { margin-left: 10px; } .company-profile-wrap .terms-accept { margin-top: 10px; } .company-profile-wrap .terms-accept input { margin-right: 10px; } .company-profile-wrap .restrict-title { display: block; } .company-profile-wrap .cnt-form-section .col-md-6, .company-profile-wrap .cnt-form-section .col-md-12, .company-profile-wrap .cnt-form-section textarea { margin-bottom: 20px !important; } .apply-submit-wrap, .company-submit-wrap { text-align: center; margin-top: 10px; } .company-submit-wrap input { background: #c58080; border: none; font-weight: 700; padding: 5px 15px; cursor: pointer !important; color: #000000; } .apply-submit-wrap button, .apply-submit-wrap a { display: block; margin: auto; } .apply-submit-wrap button { background: #c58080; border: none; font-weight: 700; padding: 5px 15px; } .apply-submit-wrap a { margin: 15px 0; } .company-profile-wrap .terms-accept { color: red; } .company-profile-wrap sup { font-size: 15px; } .company-profile-wrap .corporate-profile-table { width: 100%; border: 1px solid #000; } .company-profile-wrap .corporate-profile-table th, .company-profile-wrap .corporate-profile-table td { padding: 4px; text-align: center; color: #fff; border: 1px solid #000; } .company-profile-wrap .corporate-profile-table th { background: #961622; } /*Apply corporate card*/ .footable > thead > tr > th { border-radius: 0 !important; color: #fff; text-shadow: none !important; background-color: #ed1b2f !important; background-image: none !important; } .corporate-wrap ul.inner-list li { list-style: disc inside; background: none; text-indent: -1.4em; margin-left: 2em; } /*custom select dropdown*/ .custom-select { position: relative; font-family: Arial; border: 1px solid #b9b9b8; border-radius: 0; background: transparent; padding: 5px 10px; border-left: 4px solid #ed1b2f; height: 48px; } /*custom select dropdown*/ .welcome-text-big #lblTitle { font-weight: normal !important; } .transaction-status h3 { color: #e60024; font-size: 23px; margin-bottom: 20px; border-bottom: 1px solid #b5b0a8; } .transaction-status span { font-size: 20px; } .ft-links ul li a[title="Login"] { display: none; } .transaction-status { width: 100%; } .transaction-status .trans-heading span { color: #ed1b2f; font-size: 42px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 25px; text-transform: uppercase; } #eapps-instagram-feed-1 { width: 100% !important; } .transaction-details-heading h3 { color: #333333; padding: 5px 15px; font-family: 'fs_matthewlight'; } .export-to-excel { background: #971424; color: #fff; border: none; padding: 3px 5px; float: right; margin-top: 25px; font-family: 'fs_matthewlight'; } /*payment inter screen*/ .payment-banner { text-align: center; } .payment-banner img { max-width: 100%; } .payment-inter-wrapper { padding-bottom: 40px; } .payment-inter-container { background: #eae6de; /*height:100vh;*/ } @media all and (min-width:768px) { .payment-inter-wrap { width: 41%; } } @media all and (max-width:992px) { .payment-inter-wrap .label-left { text-align: left !important; padding-left: 20px; } } @media all and (max-width:767px) { .login-page-header .sadeemlogo, .login-page-header .bapcologo { text-align: center; margin: 10px; } .login-page-header .sadeemlogo a img, .login-page-header .bapcologo img { width: 100px; } .payment-inter-wrap { width: 90%; } } .payment-inter-wrap { margin-top: 40px; margin: 40px auto 0; border: 1px solid #c58080; padding: 20px; background: #eae6de; } .payment-inter-wrap input[type="submit"] { margin: 20px auto; background: #c58080; border: none; font-weight: 700; padding: 4px 15px; cursor: pointer !important; color: #000000; font-size: 16px; font-family: 'fs_matthewlight'; display: block; } span.payment-inter-value { display: block; padding: 3px 5px; border: 1px solid #fff; background: #ccc; margin: 5px; } .payment-inter-wrap .label-left { text-align: right; font-family: 'fs_matthewlight'; font-size: 18px; } /*payment inter screen*/ .dnnSearchResultContainer .dnnSearchResultItem-Others { display: none; } .transaction-list-heading { display: inline-block; margin-bottom: 20px; } .transaction-list-search { background: #fff; margin-top: 10px !important; } .transaction-list-search .ser-store-btn { background: url(../images/search-mn.png) no-repeat; border: none; width: 18px; height: 18px; padding: 3px 12px; } .trans-detail-back-btn { background: #971424; color: #fff; padding: 5px 10px; font-size: 16px; font-family: 'fs_matthewlight'; } .trans-table tr th { padding: 19px 8px !important; color: #fff; font-size: 16px; background: #961622; font-family: 'fs_matthewlight'; } .trans-table tr th { border: 1px solid #ccc; border-collapse: collapse; } .trans-table tr:nth-child(even) { background: #f7f5f0; } .trans-table tr:nth-child(odd) { background: #FFF; } .trans-table tr td { padding: 10px !important; font-size: 15px; font-family: 'fs_matthewlight'; width: auto !important; border: 1px solid #ccc; border-collapse: collapse; } .trans-table tr td a { color: #be001e; } /*Transaction details*/ .transaction-details-wrapper { padding: 0 15px; } .transaction-details-wrapper .row { border-bottom: 1px solid #ccc; margin-right: 0; margin-left: 0; } .transaction-details-wrapper .row .form-group { margin-bottom: 0; padding: 5px 0; } .transaction-details-wrapper .td-label { text-align: right; font-family: 'fs_matthewlight'; font-size: 16px; margin: 0 10px; } .transaction-details-wrapper .td-value { font-family: 'fs_matthewlight'; font-size: 17px; font-weight: 700; } .transaction-details-title h3 { background: #971424; color: #ffffff; padding: 5px; width: 100%; } /*Transaction details*/ .read-ltng { margin: 0 auto; } .read-ltng a { color: #646260; } /*About us css_mahen*/ .brnd-statemnt { border-left: 5px solid #ed1b2f; height: 238px; padding-left: 28px; margin-top: 30px; margin-bottom: 30px; } .br-main { color: #ed1b2f; font-size: 36px; font-family: 'fs_matthewlight'; margin-top: 0px; margin-bottom: 30px; } .br-secnd { color: #ffffff; font-size: 24px; font-family: 'titilliumweb-semibold'; /*margin-top: 12px;*/ margin-bottom: 10px; } .brnd-statemnt p { color: #7a7978; font-size: 24px; font-family: 'fs_matthewlight'; text-align: left; } /*About us css_mahen*/ /*changes 27-2-19 css_mahen*/ .ser-stor-main { border: 1px solid #ccc; } .ser-stor-main span { margin-left: 5px; } .search-store { border: none; width: 203px; margin-right: 0px; padding: 5px 10px; color: #403e3a; font-family: 'fs_matthewregular'; } .ser-store-btn { background: url(../images/search-mn.png) no-repeat; border: none; width: 18px; height: 18px; } #ifrmTermConditionsPopUp { width: 100%; height: 300px; } .modal-footer #dnn_ctr759_IndividualForm_btnClosePopup.close { background: #c58080; border: none; font-weight: 700; padding: 5px 15px; cursor: pointer !important; color: #000000; opacity: 0.7; } .modal-footer #dnn_ctr759_IndividualForm_btnClosePopup.close:hover { opacity: 1; } /*changes 27-2-19 css_mahendra*/ /*video popup css_mahendra*/ .video-popup .modal { background: rgba(0,0,0,0.5); } .video-popup .modal-dialog { width: 80%; margin: 30px auto; } .video-popup .modal-dialog iframe { width: 100%; border: 2px solid #e5e5e5; } .video-popup .modal-header .close { opacity: 0.5; } .video-popup .modal-header .close:hover { opacity: 1; } /*media gallery fancybox*/ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background: url(../images/fancybox_sprite.png) no-repeat; } .fancybox-overlay { background: url(../images/fancybox_overlay.png) bottom no-repeat; background: rgba(0,0,0,0.9) !important; } #fancybox-thumbs.bottom { bottom: 20px !important; } #fancybox-thumbs.bottom ul, #fancybox-thumbs.bottom ul li { list-style: none; } /*media gallery fancybox*/ /*video popup css_mahendra*/ @media all and (min-width:320px) and (max-width:767px) { .logo { padding: 20px 0px; text-align: left; width: 100%; } .menu-section { width: 100%; } .bpo-logo { padding: 25px 25px 25px 0; text-align: right; position: absolute; top: 0px; right: 0; width: 100%; } .mn-single { float: left; margin-right: 6px; font-size: 12px; vertical-align: bottom; } .menu-top img { margin-right: 2px; } .wlcome-text { padding: 28px 0px; text-align: justify; } .menu { float: none; z-index: 999; } .navbar-default .navbar-toggle { border: none !important; } #wrap input[type="text"]:focus { width: 100%; } .navbar { margin-bottom: 0px; } .search-top { padding: 0px; margin-top: -34px; float: none; position: absolute; right: 49px; top: 60px; width: 88%; background: none; } .navbar-toggle { margin-right: 0px; } .wlcome-big-text { color: #fff; font-size: 27px; line-height: 30px; margin-bottom: 19px; } .news-main { padding-top: 20px; padding-bottom: 20px; } .social-bg p { width: 100%; } ul.simpleTabsNavigation li a.current { padding: 29px 3px; } ul.simpleTabsNavigation li a { padding: 29px 3px; } div.simpleTabsContent { margin-top: 30px; margin-bottom: 30px; } .cards-home { padding-top: 20px; padding-bottom: 20px; } .card-single h3 { font-size: 53px; } .card-single p { font-size: 33px; line-height: 39px; } .card-single-main { margin-right: 0px; } .card-single { padding: 20px; } .menu-top { float: none; margin-top: 22px; width: 300px; margin: 0 auto; margin-top: 25px; } .menu-top .en-language { margin-right: 5px; } .simpleTabsNavigation { width: 142px; margin: 0 auto !important; } .ft-links-inner { padding: 40px 0px; } .ft-links ul li { float: none; padding-right: 0px; } .ft-links { text-align: center; } .cpy-rt { text-align: center; } .ft-links-inner .col-md-2 { text-align: center; } .ft-links-inner .col-md-8 { margin-top: 30px; margin-bottom: 30px; } .nav > li { background: #eae6de; } .menu_main li a { border-bottom: 1px solid #fff; padding: 6px 12px; font-size: 16px; text-align: left; padding-left: 35px; } .menu_main li ul li a { text-align: left; background: #909090; padding-left: 38px !important; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-bottom: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 15px; } .menu-inner { position: unset; } .inner-left { width: 100%; padding-right: 0px; } .inner-side-menu { padding-bottom: 30px; } .inner-cnts { width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; margin-top: 30px; } .inner-cnts h2 { font-size: 32px; } .inner-card-single { text-align: center; } .social-bg { height: 300px; } .inner-card-single img { margin: 0 auto; } .menu_main { width: 100%; } #dnnMenu > ul > li > a:before { left: 0 !important; top: 2px; } #wrap { padding: 10px; } .inner-cnts h3 { font-size: 21px; } .aplly-btn-page { margin: 0 auto; margin-top: 30px; } .arrow { float: right; margin-right: 0px; margin-top: -17px; } .news-lstng-single { margin-right: 0px; width: 100%; float: none; margin: 0 auto; margin-bottom: 30px; text-align: center; } .news-lstng-img img { width: 100%; height: auto; } .rdmore-lstng { margin: 0 auto; } .news-lstng-single p { height: auto; } .news-dtl-main img { float: none; margin-left: 0; width: 100%; } .testi-img { float: none; margin-right: 0; width: 100%; text-align: left; margin-bottom: 28px; } .teti-hedng { margin-bottom: 20px; } .test-section { padding-bottom: 20px; margin-top: 20px; } .flterd-select select { width: 100%; } .stng-lctr { padding: 30px 20px 50px 20px; } .cnt-form-section .col-md-12 { margin-bottom: 36px; padding-right: 0px; padding-left: 0px; } .apply-now-wrap .cnt-form-section .col-md-6, .apply-now-wrap .cnt-form-section .col-md-12 { padding-right: 15px !important; padding-left: 15px !important; margin-bottom: 0 !important; } .apply-now-wrap .cnt-form-section .form-group { margin-bottom: 0 !important; } .apply-now-wrap .captcha-wrap { margin-top: 10px; margin-bottom: 10px; } .apply-now-wrap .captcha-wrap .captcha-label { margin-top: 10px; margin-bottom: 10px; } table#dnn_ctr759_IndividualForm_rdoRequestType { float: none; } .cnt-form-section .col-md-6 { margin-bottom: 36px; padding-right: 0px; padding-left: 0px; } .cnt-form-section { width: 100%; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .cnt-btn-smit { margin-left: 0px; } .header-bg { position: unset; } .mn-single-last img { vertical-align: top; } .updted-text { font-size: 25px; } .tst-sml-text { font-size: 32px; } .login-wrapper .form-wrapper { width: 100%; overflow: hidden; } .login-wrapper .card { width: 90%; } .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { width: 100%; max-width: 100%; } .login-wrapper .dnnForm .dnnFormItem { text-align: center; } .loginContent .LoginPanel { width: 100%; padding-right: 0; } .login-form .dnnPrimaryAction, /*.login-form .dnnSecondaryAction { width: calc(50% - 2px); }*/ .news-heading { background: #ed1b2f; padding: 15px 25px; margin-bottom: 25px; } .sliderPane { margin-top: 102px; overflow: hidden; clear: both; } .footerPane { width: 100%; float: none; } .searchInputContainer a.dnnSearchBoxClearText { bottom: 0; right: 0 !important; } ul.searchSkinObjectPreview { left: 0; right: 0; margin: auto; top: -5px; } } @media all and (min-width:320px) and (max-width:359px) { .logo img { /*width: 44%;*/ padding: 0 20px; } .menu-top img { margin-right: 0px; } .menu-top img { margin-right: 2px; } .mn-single { margin-right: 3px; font-size: 10px; } .menu-top { float: none; margin-top: 37px; } } @media all and (min-width:320px) and (max-width:340px) { .container { padding-right: 0px; padding-left: 0px; } } @media all and (min-width:768px) and (max-width:991px) { .navbar-nav > li:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } .bpo-logo { position: absolute; right: 0px; } .menu_main li a { padding: 9px 1px; } .news-main { padding-top: 50px; overflow: hidden; padding-right: 0px; padding-left: 0px; } ul.simpleTabsNavigation li a { padding: 60px 51px; } ul.simpleTabsNavigation li a.current { padding: 60px 51px; } .nws-text { padding-left: 0px !important; } div.simpleTabs { width: 335px; margin: 0 auto; } .ft-links-inner .col-md-2 { text-align: center; } .header-bg { margin-left: 0px; margin-right: 0px; width: 100%; } .ft-links-inner .col-md-8 { margin-top: 20px; margin-bottom: 20px; } .ft-links-inner { padding: 50px 0px; } .menu-inner { position: unset; } .inner-left { width: 27.5%; } .inner-cnts { width: 71%; margin-left: 1%; } .open > .dropdown-menu { display: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } .news-lsting-sectn .news-lstng-single:nth-child(2n) { margin-right: 0px; } .news-lsting-sectn .news-lstng-single:nth-child(3n) { margin-right: 20px; } .news-lstng-single { width: 352px; float: none; } .news-dtl-main img { float: none; margin-left: 0px; } .flterd-select select { width: 145px; } .stng-lctr { padding: 30px 20px 51px 20px; } .cnt-form-section .col-md-12 { margin-bottom: 36px; padding-right: 0px; padding-left: 0px; } .cnt-form-section .col-md-6 { margin-bottom: 36px; padding-right: 0px; padding-left: 0px; } .cnt-form-section { width: 100%; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .cnt-btn-smit { margin-left: 0px; } .logo { padding: 23px 0px 23px 0px; } .logo img { width: 88%; } .menu_main li a { font-size: 9px; } #wrap input[type="text"]:focus { width: 510px; } .cards-home { padding-top: 45px; background: #120F53; padding-bottom: 5px; } #dnnMenu > ul > li > a { margin-left: 35px; } #dnnMenu > ul > li > a:before { width: 28px; height: 32px; left: -30px; } .menu-section { padding-right: 20px; } .bpo-logo { right: 15px; } } @media all and (min-width:992px) and (max-width:1199px) { .navbar-nav > li:hover > .dropdown-menu { display: block; } .menu_main li a { padding: 9px 2px; font-size: 13px; } .logo { padding: 23px 0px 23px 0px; } ul.simpleTabsNavigation li a { padding: 60px 73px; } ul.simpleTabsNavigation li a.current { padding: 60px 73px; } div.simpleTabs { width: 424px; margin: 0 auto; } .ft-links ul li { padding-right: 23px; } .nws-text { padding-left: 0px !important; } .news-main { overflow: hidden; padding-top: 50px; padding-bottom: 50px; } .open > .dropdown-menu { display: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } .news-lsting-sectn .news-lstng-single:nth-child(2n) { margin-right: 0px; } .news-lstng-img img { width: 300px; height: autopx; } .flterd-select select { width: 187px; } .inner-cnts { margin-left: 2.5%; } .news-lstng-single { margin-right: 15px; width: 310px; } } @media all and (min-width:1200px) and (max-width:1400px) { .navbar-nav > li:hover > .dropdown-menu { display: block; } .nws-text { padding-left: 0px !important; } .news-main { overflow: hidden; padding-top: 25px; padding-bottom: 25px; } ul.simpleTabsNavigation li a { padding: 75px 109px; } ul.simpleTabsNavigation li a.current { padding: 75px 109px; } .open > .dropdown-menu { display: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } .inner-cnts { margin-left: 1.5%; } } @media all and (min-width:1401px) and (max-width:2000px) { .navbar-nav > li:hover > .dropdown-menu { display: block; } .open > .dropdown-menu { display: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background: none; } } .home .home_main_slider { position: absolute; bottom: 0; top: 0; display: flex; align-items: stretch; right: 0; left: 0; } .home { height: initial !important; overflow: initial !important; } .home .owl-carousel { display: flex !important; align-items: stretch !important; } .home .owl-stage, .owl-item, .index_slide, .owl-stage-outer { height: 100% !important; } .home .index_slide { background-position: center top; } .pb-3 { padding-top:0 !important; padding-bottom:0 !important; } /* Default styles (for larger screens) */ .slide_content { display: flex; align-items: center; justify-content: center; gap: 20px; position: relative; top: 300px; left: 100px; width: 80%; } .content_image { width: 481px; /* Adjust as needed */ height: auto; } .content_text { color: #fff; width: 50%; } .title { font-family: BeTomorrow-Bold; font-size: 40px; line-height: 1.8; } .subtitle { font-family: BeTomorrow-Light; font-size: 20px; line-height: 1.8; margin-top: 5px; } /* Mobile View (Stacked Layout) */ @media (max-width: 768px) { .slide_content { flex-direction: column; text-align: center; left: 0; top: 100px; width: 100%; } .content_image { width: 300px; /* Adjust for mobile */ } .content_text { width: 90%; } } @media (min-width: 320px) and (max-width: 767px) { .cards-home { padding-top: 900px; } } a:hover, .mega_menu_inner_list h4:hover, .header_col .mega_menu_inner_list a:hover, .header_col .mega_menu_inner_list a.active { color: #31E7DFCC; } @media screen and (max-width: 1199px) { header .header_col .mega_menu_inner_list h4 a, .header_col_2 li.active a.menu_hover_effect { color: #0D1B62; } } @media screen and (max-width: 1199px) { #myHeader.sticky .responsive_menu .line, .header_style_2 .responsive_menu .line { background-color: #0D1B62; } } .mega-menu-masonry-item{ right:30px; } #footer a:hover, .footer-right a:hover i { color:#31E7DF; } .cards-container { margin-top: 30px; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 30px; } .card-item { flex: 1; min-width: 250px; text-align: center; color: white; } .card-item img { width: auto; height: auto; max-width: 100px; display: block; margin: auto; } .card-item p { margin-top: 20px; font-size: 16px; color: white; line-height: 24px; text-align: justify; } .card-item p.title { font-weight: bold; font-size: 18px; text-align: center; color: white; } @media (max-width: 768px) { .cards-container { flex-direction: column; align-items: center; max-width: 500px; margin: 0 auto; /* center the whole container */ } .card-item { flex-basis: 100%; max-width: 100%; margin-bottom: 30px; } .card-item p { font-size: 24px; line-height: 26px; } .card-item img { max-width: 120px; } #slider1_container_cards{ height:860px !important; } } @media (max-width: 1199.98px) { .header_col.header_col_1 { background-color: transparent !important; display: flex; align-items: center; justify-content: flex-end; left: 0 !important; bottom: 0 !important; } } @media (max-width: 991.98px) { .header_col_2 { flex-direction: column !important; align-items: flex-start !important; } .header_col_2 > ul { width: 100%; flex-direction: column !important; align-items: flex-start !important; } .header_col_2 > ul li a { position: static !important; left: 0 !important; bottom: 0 !important; width: 100%; } /* Target only the second ul's links and remove background */ .header_col_2 > ul:nth-of-type(2) li a { background-color: transparent !important; } } .cards-container { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 30px; } .card-item { flex: 1; min-width: 250px; text-align: center; color: white; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 20px; box-sizing: border-box; background: transparent; height: 100%; /* ensures each card stretches inside the container */ } .card-item .content-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .card-item img { width: auto; height: auto; max-width: 100px; margin-bottom: 20px; } .card-item p { font-size: 16px; color: white; line-height: 24px; text-align: justify; margin: 0 0 10px; width: 100%; } .card-item p.title { font-weight: bold; font-size: 18px; text-align: center; color: white; margin-bottom: 10px; } /* Equal height fix on desktop */ @media (min-width: 769px) { .cards-container { align-items: stretch; } } /* Mobile view adjustments */ @media (max-width: 768px) { .cards-container { flex-direction: column; align-items: center; max-width: 400px; margin: 0 auto; padding: 20px; } .card-item { max-width: 100%; margin-bottom: 40px; } .card-item img { max-width: 140px; } .card-item p { font-size: 20px; line-height: 30px; } .card-item p.title { font-size: 22px; } #slider1_container_cards { height: 1060px !important; } } .cards-container { display: flex; justify-content: space-between; gap: 40px; /* increased spacing between columns */ flex-wrap: wrap; padding: 30px; align-items: stretch; /* ensures equal height alignment */ }