/*************** GENERAL ********************/ /* @font-face { font-family: 'Times New Roman'; src: url('../font/TimesNewRomanPSMT.eot'); src: url('../font/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'), url('../font/TimesNewRomanPSMT.woff2') format('woff2'), url('../font/TimesNewRomanPSMT.woff') format('woff'), url('../font/TimesNewRomanPSMT.ttf') format('truetype'), url('../font/TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ body, .ltr-blk{font-family: 'Poppins', sans-serif;font-weight: 300;font-size: .85rem;} .ltr-blk{direction: ltr!important;text-align: left!important;display: inline-block;} body.rtl, .rtl-blk{font-family: 'Almarai', sans-serif;font-size: 1rem;} /* body.rtl, .rtl-blk{font-family: 'Times New Roman', sans-serif;font-size: 1rem;} */ *{margin: 0;padding: 0;} html, body{height:100%;} html, body, .main-wrapper{width: 100%;max-width: 100%;} body, .main-wrapper{overflow-x: hidden;} .main-wrapper{position: relative; min-height: 100%;} ::-webkit-scrollbar {width: 10px;} html { scroll-behavior: smooth; } /* General */ a:hover, .btn-link:hover{text-decoration: none;} .btn.btn-wz-b4:disabled::before, .btn.btn-wz-b4.disabled::before{display: none;} .btn-wz-b4{position: relative;border-width: 0;overflow: hidden;} .btn-wz-b4:before{content: '';position: absolute;left:0;right:0;top:51%;bottom:50%;background: rgba(255,255,255,0.1);opacity: 1;} .btn-wz-b4:hover:before{ top:0;bottom:0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .btn.btn-wz-b4 > *{position: relative;display: inline-block;} .btn-rounded{border-radius: 50px;padding-left: 1.5rem;padding-right: 1.5rem;} .text-lg{ font-size: 1.4rem;} .text-md{ font-size: 1.2rem;} .text-sm{ font-size: .9rem;} .text-xs{ font-size: .8rem;} .font-weight-regular{font-weight: 300;} #header-wrap.header-fixed{ position: fixed;top:0;left:0;right:0;width:100%; background: #fff; z-index: 1007; box-shadow: 0 0 10px rgba(0,0,0,0.05); } #header-wrap.header-fixed .navbar-brand img{height: 40px;} .interview-details-card .card-header{font-weight: bold;font-size: 1.1rem;} .info-label{font-weight: bold;font-size: 0.9rem;} .info-value{margin-bottom: .6rem;} .card-footer button{text-transform: capitalize;} /* Loader */ #loader{position: fixed;top:0;right:0;left:0;width: 100vw;height: 100vh;background-color: rgba(255,255,255,1);z-index: 1009;} .loader-inner{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .loader-inner img{width: 100%;max-width: 200px;max-height: 100%;} .loader-inner img { animation: fadeIn ease 2s infinite; -webkit-animation: fadeIn ease 2s infinite; -moz-animation: fadeIn ease 2s infinite; -o-animation: fadeIn ease 2s infinite; -ms-animation: fadeIn ease 2s infinite; } @keyframes fadeIn { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} } @-moz-keyframes fadeIn { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} } @-webkit-keyframes fadeIn { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} } @-o-keyframes fadeIn { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} } @-ms-keyframes fadeIn { 0% {opacity:0.5;} 50% {opacity:1;} 100% {opacity:0.5;} } /* TopBar */ #top-bar{font-size: .95rem;padding: .5rem 0;} .topbar-inner, .topbar-col{display: flex;align-items: center;justify-content: space-between;} .topbar-col{margin: 0 -1rem;} .topbar-col > div{margin: 0 1rem;} #top-bar a:hover{opacity: 0.5;} .topbar-col > div i, .topbar-col > div img{margin-right: .4rem;} .rtl .topbar-col > div i, .rtl .topbar-col > div img{margin-left: .4rem;margin-right: 0;} /* .topbar-col > div > i, .topbar-col > div > a > i, .topbar-col > div > i, .topbar-col > div > img{margin-right: .4rem;} .rtl .topbar-col > div > i, .rtl .topbar-col > div > a > i, .rtl .topbar-col > div > img{margin-left: .4rem;margin-right: 0;} */ .apps-blk > div i, .apps-blk > div img{margin-right: .4rem;} .rtl .apps-blk > div i, .rtl .apps-blk > div img{margin-left: .4rem;margin-right: 0;} .apps-blk a{display: flex;opacity: 1;} .apps-blk a:hover{opacity: 0.5;} .app-ico.app-ico-lg{height: 45px;} .app-ico.app-ico-sm{height: 20px;} .lang-sec{display: flex;align-items: center;} .lang-sec > span{font-size: 0.05rem;padding: 0 .4rem;} .lang-sec a{display: inline-block;} .knet-blk img{height: 30px;border-radius: 3px;} /*Header*/ .navbar-brand img{height: 70px;} /* NavBar */ .navbar-nav{flex-grow: 1;justify-content: center;} .navbar-nav .nav-item{border-right: 1px solid #eee;} .rtl .navbar-nav .nav-item{border-left: 1px solid #eee;border-right: 0;} .navbar-nav .nav-item:last-child{border: 0!important} .navbar-nav .nav-link{text-transform: capitalize;} .navbar-expand-lg .navbar-nav .nav-link {padding: .1rem 1.5rem;} /* .navbar-nav{clear: both;} #navbar-toggler-lnk, #navbar-close-lnk{display:none;padding: 5px 12px;font-size: 13px} #navbar-close-lnk {color: rgba(255, 255, 255, 0.85);font-size: 35px;float: right;} .rtl #navbar-close-lnk {float: left;} */ #navbar-toggler-lnk{flex-direction:column;justify-content:flex-end;align-items:flex-end} #navbar-toggler-lnk span{display:block;height:3px;width:35px;margin-bottom:5px;border-radius:21px;transition:all 1s ease} #navbar-toggler-lnk span:nth-child(2){width:20px} #navbar-toggler-lnk span:nth-child(3){width:10px} #navbar-toggler-lnk:hover span:nth-child(2), #navbar-toggler-lnk:hover span:nth-child(3){width:35px} #navbar-toggler-lnk span:last-child{margin:0} #navbar-toggler-lnk,#navbar-close-lnk{display:none;padding:5px 12px;font-size:13px} #navbar-toggler-lnk{padding:0;font-size:1.5rem}#navbar-close-lnk{color:rgba(255, 255, 255, 0.9);font-size:35px;float:right} .rtl #navbar-close-lnk{float:left} .lang-lnk{border-left:1px solid;padding-left: .9rem} .rtl .lang-lnk{border-right:1px solid;padding-right: .9rem;border-left:0;padding-left:0} /* Slider */ #full-slider{position: relative;} #full-slider .scrollToContent{position: absolute;bottom:10px;z-index: 100;width: 100%;display: flex;justify-content: center;} #full-slider .scrollToContent img{height: 30px;width: auto;} #main-slider{text-transform: capitalize;text-align: center;position: relative;} /* #main-slider .slide-inner{padding-right: 9rem;} .rtl #main-slider .slide-inner{padding-left: 9rem;padding-right: 0;} */ /* #main-slider h6{font-size: 1.5rem;} #main-slider h4{font-size: 3rem;} #main-slider h5{font-size: 2rem;} */ .slide-item, .slide-item > *{position: relative;color:#fff;} .slide-item{padding: 1rem 0;min-height:calc(100% - 141px); display: flex;flex-direction: column;align-items: center;justify-content: center; /* padding-top: 3rem; */ } .slide-item:before{content:'';position: absolute;top:0;left:0;right:0;width: 100%;height:100%;background-color: rgba(0,0,0,0.5);} #main-slider .owl-nav .owl-prev span, #main-slider .owl-nav .owl-next span{display: none;} #main-slider .owl-nav .owl-prev, #main-slider .owl-nav .owl-next{ position: absolute;top:50%;margin-top: -15px; width:30px;height:30px;background-color: rgba(255,255,255,0.3);color:#fff; display: flex;align-items: center;justify-content: center; border-radius: 50%; } #main-slider .owl-nav .owl-prev:before, #main-slider .owl-nav .owl-next:before{ font-family: 'Font Awesome 5 Free';font-weight: 900; } #main-slider .owl-nav .owl-prev{left: 15px;} #main-slider .owl-nav .owl-next{right:15px;} #main-slider .owl-nav .owl-prev:before{content:'\f104';} #main-slider .owl-nav .owl-next:before{content:'\f105';} .rtl #main-slider .owl-nav .owl-prev{right: 15px;left: auto;} .rtl #main-slider .owl-nav .owl-next{left:15px;right:auto;} .rtl #main-slider .owl-nav .owl-prev:before{content:'\f105';} .rtl #main-slider .owl-nav .owl-next:before{content:'\f104';} /* Content */ #main-content{padding: 3rem 0;} .footer-sticky{margin-bottom: -3rem;} .header-sticky{margin-top: -3rem;} /* Headings */ .heading-blk{margin-bottom: 1.5rem;max-width: 500px;position: relative;} .heading-blk.text-center{margin-left: auto;margin-right: auto;} /* Pages Tilte */ #pg-tit{padding: 4rem 0;background: url(../images/tit-bg.png) no-repeat 50% 50%;background-size: cover;text-align: center;text-transform: capitalize;} #pg-tit > *{position: relative;} /* Generals */ .dyn-content ul{list-style-type: none;} .dyn-content ul li{display: flex;margin-bottom: .4rem;} .dyn-content ul li:before{content: '\f111';margin-right: 10px;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: .3rem;position: relative;top: 5px;} .rtl .dyn-content ul li:before{margin-left: 10px;margin-right: 0;} .dyn-content p{margin-bottom: .8rem;} .bgs-blk-container{position: relative;overflow: hidden;} .bgs-blk{position: absolute;top: 0;width: 100%;height: 100%;left: 0;right: 0;} .bgs-blk .row, .bgs-blk .row > div{min-height: 100%;} .bgs-blk img{min-height: 100%;object-fit: cover;} .greyScale{filter: grayscale(100%);} .op-15{opacity: 0.15;} .img-style{border:7px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);} .overlay-holder{position: relative;} .overlay-holder:before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;right:0;display: block;opacity: 0.85;} .circle-shape-container{position: relative;} .circle-shape-container:before{ content:''; position: absolute;left: -150px;top:-150px;background-color: transparent;border: 20px solid ; width:300px;height:300px;border-radius: 50%;z-index: -1; } .rtl .circle-shape-container:before{ right: -150px;left: auto; } .circles-img{position: relative;display: inline-block;} .circles-img img{width: 350px;height:350px;border-radius: 50%;object-fit: cover;position: relative;} .circles-img::before, .circles-img::after, .circles-img-inner:before, .circles-img-inner:after{ content: '';position: absolute;background-color: transparent;border: 10px solid;border-radius: 50%; } .circles-img::before{ bottom: 20px; left: 4px; width: 60px; height: 60px; border-width: 7px; } .rtl .circles-img::before{ right: 4px;left: auto; } .circles-img::after{ bottom: 0; right: 0; width: 90px; height: 90px; border-width: 10px; } .rtl .circles-img::after{ left:0;right:auto; } .circles-img-inner:before{ top: 20px;right:20px;width:10px;height:10px;border-width:0; } .rtl .circles-img-inner:before{ left:20px;right:auto; } .circles-img-inner:after{ bottom: -15px; left: 60px;width:20px;height:20px;border-width: 3px; } .rtl .circles-img-inner:after{ right: 60px;left:auto; } /* HomePage */ /* General Manager Word */ /* #sc-word{background: url(../images/logo1.png) no-repeat right 50%;background-size: auto 60%;} */ #sc-word{position: relative;} #sc-word:before{ content:''; width:100%;height:100%;position: absolute;left:0;right:0;top:0;opacity: 0.08; background: url(../images/logo1.png) no-repeat 0 50%;background-size: auto 60%;} /* Stages */ #sc-stages{background: url(../images/wave.png) no-repeat 50% 20%;background-size: 100% auto;} .stage-item, .service-item{text-align:center;height:100%;opacity:1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1rem;background: #fff;border-radius: 6px;} .stage-item:hover{opacity: 0.7;} .stage-item img{height:90px;width: auto;} .stage-item span, .service-item span{display: block;margin-top: 1rem;text-transform: capitalize;font-weight: 600;} .stage-item span{color: #fff;} #services-blk img{max-width: 60px;margin: 1rem 0 .5rem 0;} #services-blk h6{font-size: .9rem;text-transform: capitalize;} #gallery{margin-bottom: -1rem;} #gallery a{margin-bottom: 1rem;} /* Services */ #sc-services{background: url(../images/services-bg.png) no-repeat 50% 50%;background-size: cover;} #sc-services > *{position: relative;} .service-item{border-radius: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .service-item img{height:60px;width: auto;position: relative;} .service-icon{position: relative;} .service-icon::before{content:'';width: 60px;height: 60px;border-radius: 50%;display: block;position: absolute;right: -6px;top:-6px;} .rtl .service-icon::before{left: -6px;right:auto;} /* News */ #sc-news:after{content:'';position: absolute;top:0;right:0;left:0;width: 100%;background: url(../images/news-bg.png) no-repeat 50% 50%;background-size: cover;} #sc-news.overlay-holder:before, #sc-news:after{height:50%;} #sc-news.overlay-holder:before{z-index: 100;} #sc-news.overlay-holder:after{z-index: 10;} #sc-news > *{position: relative;z-index: 1000;} .news-container{max-width: 600px;margin: 0 auto;height:400px;} #news-carousel.owl-carousel .owl-stage{display: flex;align-items: stretch;} #news-carousel.owl-carousel .owl-item{height: inherit;float: none;position: relative;} #news-carousel.owl-carousel .owl-item.center{height: auto;padding: 1rem 0;} #news-carousel.owl-carousel .owl-item img{height: 300px;margin-top: 50px;object-fit: cover;} #news-carousel.owl-carousel .owl-item.center img{height: 400px;box-shadow: 0 0 15px 0px rgba(0,0,0,0.3);object-fit:cover;margin: 0;transition: all 0.5s ease;} #news-carousel.owl-carousel .owl-item p{position: absolute;bottom:-100%;left:0;right:0;padding:.5rem .7rem;background-color: rgba(0,0,0,0.5);margin: 0;transition: all 0.5s ease;color:#fff;} #news-carousel.owl-carousel .owl-item.center p{bottom:1rem;} /* Events */ #calendar {max-width: 900px;margin: 0 auto;background-color: #fff;} .fc-toolbar.fc-header-toolbar{color: #fff;margin: 0!important;} .fc-toolbar h2{font-size: 1.1rem;padding-top: 7px;} .fc-button-group {padding: 0 .2rem;} .fc-button-group, .fc-today-button {margin-top: 5px!important;margin-bottom: 5px!important;} .fc-button{background-image: none!important;outline: 0!important;border:0!important;box-shadow: none!important;text-shadow: none!important;} .fc-title{white-space: normal!important;} .fc-button{position: relative;border-width: 0;overflow: hidden;} .fc-button:before{content: '';position: absolute;left:0;right:0;top:51%;bottom:50%;background: rgba(255,255,255,0.6);opacity: 1;z-index: -1;} .fc-button:hover:before{ top:0;bottom:0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .fc-button > *{position: relative;display: inline-block;} .fc-button.fc-state-active:before{top:0;bottom:0;} .fc-button.fc-state-disabled{cursor: default;} .fc-button.fc-state-disabled::before{display: none!important;} /* Gallery */ #sc-gallery img{border: 7px solid #fff;} .owl-dots{margin-top: 1rem;text-align: center;} .owl-dots button{width:5px;height:5px;margin:0 .2rem;border-radius: 50%;background-color: #000!important;transition: all 0.5s ease;} .owl-dots button.active{width:30px;border-radius: 3px;} /* Footer */ #main-footer a:hover, .copyright-inner a.text-secondary:hover{color:#0c0c0c;} #footer-wrap, #copyright{position: relative;} #footer-wrap{padding:2rem 0;} .footer-brand{display: block;height: 70px;width:auto;} .footer-brand, .footer-tit{margin-bottom: 2rem;} .footer-tit{text-transform: capitalize;font-weight: 500;padding-top: 2.7rem;} .contact-item i{margin-right: .5rem;} .rtl .contact-item i{margin-left: .5rem;margin-right: 0;} .copyright-inner{border-top: 1px solid;text-align: center;padding: .4rem 0;text-transform: capitalize;} /* Contact Page */ .form-container{padding: 2rem;background-color: #fff;box-shadow: 0px 15px 50px rgba(191, 199, 225, 0.5);max-width: 650px;margin: 0 auto 0;position: relative;} .form-container:before{content:'';position: absolute;right:2rem;top:2rem;width:30px;height:40px;background: url(../images/icons/mail.png) no-repeat right top;background-size: contain;} .rtl .form-container:before{left:2rem;right:auto;} /* About Page */ #about-blk1.circle-shape-container:before{margin-top: -3rem;} /* Stuff */ #stuff-gallery{padding: 0 50px;} #stuff-gallery .owl-nav .owl-prev span, #stuff-gallery .owl-nav .owl-next span{display: none;} #stuff-gallery .owl-nav .owl-prev, #stuff-gallery .owl-nav .owl-next{ position: absolute;top:50%;margin-top: -15px; width:30px;height:30px;color:#fff; display: flex;align-items: center;justify-content: center; border-radius: 50%;transition: all 0.5s ease;opacity: 1; } #stuff-gallery .owl-nav .owl-prev:hover, #stuff-gallery .owl-nav .owl-next:hover{ opacity: 0.6; } #stuff-gallery .owl-nav .owl-prev:before, #stuff-gallery .owl-nav .owl-next:before{ font-family: 'Font Awesome 5 Free';font-weight: 900; } #stuff-gallery .owl-nav .owl-prev{left: 15px;} #stuff-gallery .owl-nav .owl-next{right:15px;} #stuff-gallery .owl-nav .owl-prev:before{content:'\f104';} #stuff-gallery .owl-nav .owl-next:before{content:'\f105';} .rtl #stuff-gallery .owl-nav .owl-prev{right: 15px;left: auto;} .rtl #stuff-gallery .owl-nav .owl-next{left:15px;right:auto;} .rtl #stuff-gallery .owl-nav .owl-prev:before{content:'\f105';} .rtl #stuff-gallery .owl-nav .owl-next:before{content:'\f104';} /* Tables */ .table td, .table th { border-top: 0; border-bottom: 1px solid #dee2e6; } .table-responsive::-webkit-scrollbar{height: 3px;} /* Form Tabs */ .form-tabs li{position: relative;text-align:center;margin: 0 .5rem;font-weight: bold;margin-bottom: 1rem;} .form-tabs li a{border: 1px solid;padding: .5rem 3rem;} .form-tabs li a:before{ content: ''; width: 13px; height: 13px; top: -5px; left: -5px; border-radius: 50%; background-color: #e2e2e2; border: 1px solid; position: absolute; } .rtl .form-tabs li a:before{right: -5px;left: auto;} /* Forms */ label{text-transform: capitalize;} .form-control{border-radius: 30px;font-size: 0.85rem;padding: .7rem 1rem;height:45px!important;} .form-control::placeholder{text-transform: capitalize;} textarea.form-control{height:130px!important;resize: none;} .form-bg img{height: 100%;} .user-form-container{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-top: -5rem;position: relative;} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* File */ .add-item {text-transform: capitalize;} .fileInput-wrapper, .add-item { border: 1px dashed; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; min-width: 180px; position: relative;transition: all 0.5s ease; cursor: pointer; } [type="file"] { opacity: 0; height: 100%; overflow: hidden; padding: 0; position: absolute !important; white-space: nowrap; width: 100%; z-index: 100; } [type="file"]+label { cursor: pointer; display: block; text-align: center; margin: 0; padding: 10px; } /*Date*/ .dateInput-wrapper {position: relative;} .dateInput-wrapper::after { content: "\f073"; font-family: "Font Awesome 5 Free"; font-weight: normal; text-decoration: inherit; color: #96a4ac; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; right: 15px; } .rtl .dateInput-wrapper::after {left: 15px;right: auto;padding-left: 0.5em;padding-right: 0;} /************** Start Wizard **************/ .wizerdform .form-control, .sharp-border-form .form-control{border-radius: 3px;} .wizerdform fieldset:not(:first-of-type) { display: none } /*BTNS*/ .wizard-btn:disabled{opacity: 0.25;pointer-events: none;} .wizard-btn{display: flex;flex-direction: row;justify-content:center;min-width: 210px;max-width: 100%;text-transform: capitalize;} .wizard-btn.wizard-btn.wizard-btn-prev{flex-direction: row-reverse;} .wizard-btn:after{font-family: 'Font Awesome 5 Free';font-weight: 900;display: inline-block;transition: all 0.5s ease;} .wizard-btn.wizard-btn.wizard-btn-prev:after{margin-right: .5rem;} .wizard-btn.wizard-btn.wizard-btn-prev:hover:after{margin-right: 1rem;} .wizard-btn.wizard-btn.wizard-btn-nxt:after{margin-left: .5rem;} .wizard-btn.wizard-btn.wizard-btn-nxt:hover:after{margin-left: 1rem;} .rtl .wizard-btn.wizard-btn.wizard-btn-prev:after{margin-left: .5rem;margin-right: 0;} .rtl .wizard-btn.wizard-btn.wizard-btn-prev:hover:after{margin-left: 1rem;margin-right: 0;} .rtl .wizard-btn.wizard-btn.wizard-btn-nxt:after{margin-right: .5rem;margin-left: 0;} .rtl .wizard-btn.wizard-btn.wizard-btn-nxt:hover:after{margin-right: 1rem;margin-left: 0;} .wizard-btn.wizard-btn-prev:after{content:'\f060';} .wizard-btn.wizard-btn-nxt:after{content:'\f061';} .rtl .wizard-btn.wizard-btn-prev:after{content:'\f061';} .rtl .wizard-btn.wizard-btn-nxt:after{content:'\f060';} /************** End Wizard **************/ /*************** RESPONSIVE ********************/ /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 425.98px) { .form-tabs li{width: 100%;} } @media (max-width: 575.98px) { } /*Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width: 767.98px) { } @media (max-width: 767.98px) { #top-bar {font-size: .65rem;} .topbar-inner{flex-direction: column;align-items: flex-start;} .topbar-inner .topbar-col:first-child{margin-bottom: .2rem;} .topbar-col > div {margin: 0 .3rem;} .topbar-col > div > i, .topbar-col > div > a > i {margin: 0!important;} .top-contact-item{display: none;} .service-item, .stage-item{margin-bottom: 1rem;height: auto;} #sc-contact .bgs-blk{display: none;} .bgs-blk.sm-static{position: static;max-height: 300px;overflow: hidden;margin-bottom: 1rem;} .circles-img{margin-bottom: 2rem;} .circles-img img {width: 250px;height: 250px;} } /*Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) and (max-width: 991.98px) { .circles-img img {width: 300px;height: 300px;} } @media (max-width: 991.98px) { /* NavBar */ #navbar-toggler-lnk, #navbar-close-lnk{display:block;} .navbar-collapse{display: block!important;position: fixed;top: 0;left:-100%;height: 100%;min-width: 100%;background: rgba(0, 0, 0, 0.9);margin: 0!important;z-index: 1009;overflow-y: auto;} .rtl .navbar-collapse{right:-100%;left:auto;} .navbar-nav{display: inline-flex;height: 100vh;min-width: 250px;justify-content: initial;padding: 1rem;overflow: auto;} .navbar-nav::-webkit-scrollbar{width:3px;} .main-nav-dropdown{height: unset;flex-wrap: nowrap;} .mob-menu-toggler{display: flex;align-items: center;} .navbar{padding: 0;} .navbar-nav .nav-item{border:0!important;padding: .5rem 0;font-size: 1.1rem;} .navbar-nav .nav-item.active .nav-link:after{display: none!important;} .navbar-nav .nav-item.active .nav-link:before{content:'\f0da';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:10px;} .rtl .navbar-nav .nav-item.active .nav-link:before{content:'\f0d9';margin-left: 10px;margin-right: 0;} } /*Large devices (desktops, 992px and up)*/ @media (min-width: 992px) and (max-width: 1199.98px) { } /*Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { }