html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}
body{font-family:Ubuntu,sans-serif;padding:0;margin:0;color:#fff;position:relative}
a,a:focus,a:hover{text-decoration:none;color:inherit}
.fb-container{width:1470px;margin-left:auto;margin-right:auto}
.header{background-color:#000;height:100vh;width:100%;position:relative}
.menu{position:fixed;top:50%;left:16%;transform:translate(-50%,-50%);z-index:100}
.carousel-content{width:65%;height:100%;margin-left:auto;padding-top:50px}
#carouselHeader{width:85%;position:relative}
#carouselHeader .carousel-indicators li{width:20px;height:20px;border-radius:50%}
#carouselHeader .carousel-indicators{right:auto;margin-left:0}
.headerText{position:absolute;bottom:-10%;left:22%;color:#fff;font-size:19px;font-weight:400;background-color:#808285}
.headerText.footerText{top:50%;right:0;left:auto;transform:translate(0,-50%);height:155px;font-weight:300;z-index:10}
.video-btn,.video-btn:focus{font-size:18px;font-weight:lighter;color:#fff;border-top:none;border-bottom:none;border-right:1px solid #fff;border-left:1px solid #fff;background-color:transparent;outline:0;padding:0 10px;position:absolute;bottom:-140px;left:0;transition:all .4s ease-in-out}
.video-btn:hover{color:#fff;border-right-color:#fff;border-left-color:#fff;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:#ffffff10}
.posRel{position:relative;width:929px;height:300px;padding:70px;display:flex;align-items:center}
.posRel.posRelFooter{width:836px;height:155px;padding:15px 130px}
.textRB{color:#fff;font-size:19px;position:absolute;bottom:7%;right:9%}
.lineImage{position:absolute;top:-24px;left:0}
.FBblack{display:none}
.menuContent{border-left:1px solid #fff;margin-top:60px;padding:40px 0 40px 40px;width:170px;transition:all .4s ease-in-out}
.menuItem{text-transform:uppercase;color:#808285;font-size:18px;font-weight:300;line-height:1.2;transition:all .3s ease-in-out}
.menuItem:hover{color:#fff}
.menuItem.menuItemBlack:hover{color:#000}
.menuItem.activeItem{color:#000;margin-left:10px}
.dash{width:3px;height:1px;background-color:#808285;margin:8px 0}
.section1{position:relative}
.section1-insidePages{position:relative}
.whatWeDo-content{margin-top:220px}
.whatWeDo-card{display:flex;margin-bottom:105px}
.whatWeDo-text{margin-left:90px;display:flex;flex-direction:column;justify-content:center;flex:1}
.mainText,.mainText_regular{color:#000;font-size:30px}
.mainText{font-weight:300}
.mainText_regular{font-weight:400}
.dashMD{width:50px;height:1px;background-color:#808285a1;margin:8px 0 10px 0}
.dashMD.dashMD_black{background-color:#000}
.vLine{width:25px;height:227px;min-width:25px}
.vLine_gray{background-color:#eaeaea}
.subText{font-size:19px;font-weight:400}
.subText-gray{color:#808285}
.subText-white{color:#fff}
.subText-black{color:#000002}
.subText-width{width:580px}
.hugeText{font-size:47px;font-weight:300;line-height:1.1}
.hugeText_white{color:#fff}
.hugeText_black{color:#000002}
.mt-lg{margin-top:100px!important}
.rightContent{width:69%;margin-left:auto;position:relative;height:100vh;overflow:hidden}
.rightContent-text1{position:absolute;left:-100%;top:26%;right:0;padding:20px 0 30px 170px;background-image:linear-gradient(to right,#e9e9e9 32%,rgba(251,250,250,0));color:#000002}
#carouselHeader .carousel-indicators{bottom:-85px}
.modal-content{background-color:#ffffff8c}
.modal-body{padding:55px 65px}
.modal-body .mainVideo,.modal-body video{height:740px;width:1000px}
.modal-dialog{max-width:1185px}
.close,.close:hover{color:#000;float:right;font-size:5.5rem;font-weight:300;position:absolute;top:0;right:10px}
.modal-dialog{position:absolute;top:49%;left:64%;transform:translate(-50%,-50%)!important}
.collaprate-section{height:100vh;display:flex;align-items:center}
.collaprate-content{display:flex;justify-content:space-between;align-items:center}
.width60{width:61%}
.ml-lg{margin-left:80px}
.devider2{display:flex}
.devider2_content{width:50%;position:relative;overflow:hidden}
.bg_gray{background-color:#eaeaea}
.vh100{height:100vh}
.centerContent{display:flex;justify-content:center;align-items:center}
.partnerBottom{position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.main_anchor,.main_anchor:focus{color:#808285;font-size:18px;font-weight:300;border-right:1px solid #808285;border-left:1px solid #808285;padding:5px;transition:all .5s ease-in-out}
.main_anchor.main_anchor-card{color:#fff}
.main_anchor:hover{color:#505050;border-right-color:#505050;border-left-color:#505050;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:#f1f1f14f;filter:revert}
.main_anchor.main_anchor-card:hover{color:#fff;border-right-color:#808285;border-left-color:#808285;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color:#ffffff1c}
.partnerLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.blog_cards{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin-top:45px;flex-wrap:wrap}
.blog_cards.blogPage_cards{justify-content:flex-start}
.blog_card-content{font-size:18px;font-weight:300;color:#000;margin-top:20px}
.mt-hg{margin-top:150px}
.liftWidth{flex:1}
.footer{height:820px;position:relative;overflow:hidden}
.black_bg{background-color:#000;position:absolute;right:0;top:0}
.footer_info{font-size:19px;font-weight:400;color:#808285;display:flex;flex-direction:column;width:300px}
.footer_content{height:820px;display:flex;align-items:center}
.social_links{display:flex}
.social_link-a{display:flex;align-items:center;margin-right:15px}
.social_link{width:21px;height:21px;margin-right:10px;display:flex}
.socialIcon{width:100%;height:100%}
.locationIcon{width:55px;height:55px;margin:5px 0}
.footer_rightContent{border-left:1px solid #fff;padding-left:35px;margin-left:10px}
.mt-insidePages{margin-top:120px}
.gridContent{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));grid-template-rows:repeat(39,50px)}
.gridContent2{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));grid-template-rows:repeat(auto-fill ,50px)}
.gridContent.gridContent3{grid-template-rows:repeat(auto-fill,50px)}
.minText{color:#000;font-size:18px;font-weight:400}
.text-mt{margin-top:55px}
.subText_hamsa-width{width:500px}
.grid-item-three{grid-column:span 3}
.grid-item-two{grid-column:span 2}
.grid-item3{grid-row-start:9;grid-row-end:21}
.grid-item3 img{height:100%;object-fit:cover}
.grid-item1{grid-row:span 8}
.grid-item2{grid-row:span 13}
.grid-item2 img{height:100%}
.grid-item4{grid-row:span 13}
.grid-item4 img{height:100%}
.grid-item5{grid-row-start:21;grid-row-end:27;grid-column:span 3}
.grid-item6{grid-row:span 15}
.grid-item6 img{height:100%}
.grid-item7{grid-row:span 10}
.grid-item8{grid-row:span 5}
.grid-item8 img{height:100%}
.gridContent2>div,.gridContent>div{overflow:hidden;position:relative}
.gridContent2>div img,.gridContent>div img{object-fit:cover;object-position:center}
.grid-item9{grid-column:span 5;grid-row-start:1;grid-row-end:8}
.grid-item9 img{height:100%}
.grid-item10{grid-column:span 2;grid-row-start:1;grid-row-end:8}
.footer.footer_insidePages{height:338px}
.footer_content.footer_content_insidePages{height:338px}
.grid-item{transition:all .4s ease-in-out}
.grid-item .gridItem__cardHover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;transition:all .4s ease-in-out}
.gridItem__cardHover-content{font-size:25px;font-family:Tajawal,sans-serif;color:#fff;position:absolute;bottom:5%;left:30%;opacity:0;z-index:10;transition:all .3s ease-in-out}
.grid-item .gridItem__cardHover-content{opacity:1}
.grid-item img{transform:scale(1);transition:all .4s ease-in-out}
.grid-item:hover img{filter:brightness(.75);transform:scale(1.2)}
.grid-item2{backface-visibility:hidden}
.grid-item2.grid-item img,.grid-item4.grid-item img{filter:blur(0) saturate(1);transition:all .4s ease-in-out;backface-visibility:hidden;transform:scale(1)}
.grid-item.grid-item2:hover img,.grid-item.grid-item4:hover img{filter:blur(2px) saturate(1.5);transform:scale(1.02)}
.mainBlog_card{margin-top:70px}
.mainBlog_card-header{margin-top:70px;margin-bottom:65px}
.blog_card-textWidth{width:280px;margin-bottom:60px;margin-top:25px}
.grid-item11{grid-row:span 17}
.grid-item11 img{height:100%}
.grid-item12{grid-row:span 11}
.grid-item13{grid-row:span 6}
.hr-insidePages{background-color:#808285;height:1px;width:100%}
.mobileMenu{display:block}
#MenuItem{position:fixed;top:3%;right:3%;z-index:10;display:none}
.displayOnMobile{display:none}
.displayOnIpad{display:none}
.devider2_content img.vh100{transition:all .4s ease-in-out}
.devider2_content img.vh100:hover{animation:mainImg 1.4s ease-in-out both}
.whatWeDo-card:nth-child(1){opacity:0}
.whatWeDo-card:nth-child(2){opacity:0}
.whatWeDo-card:nth-child(3){opacity:0}
.whatWeDo-card:nth-child(4){opacity:0}
.whatWeDo-card:nth-child(5){opacity:0}
.whatWeDo-card:nth-child(6){opacity:0}
.linearAnimation{animation:leftToRight .7s ease-in-out both}
.slit-in-horizontal{-webkit-animation:slit-in-horizontal .45s ease-out both;animation:slit-in-horizontal .45s ease-out both}
.blogText{width:480px}
.blog_card{width:90%;overflow:hidden}
.blog_card-img img{width:100%;height:100%;object-fit:cover}
.blog_card-img{height:181px}
.whatWeDo-img{width:527px}
.whatWeDo-img img{width:100%;object-fit:cover}
.wideImg{width:100%;height:366px}
.wideImg img{height:100%;object-fit:cover}
.imgRight{width:424px;height:353px}
.imgRight img{height:100%;width:100%;object-fit:cover}
.endBlogs{text-align:center;text-transform:uppercase;color:#808285;font-size:18px;font-weight:300;line-height:1.2;transition:all .3s ease-in-out}
.loading{opacity:0;display:flex;position:relative;justify-content:center;transition:opacity .3s ease-in}
.loading.show{opacity:1}
.ball{background-color:#777;border-radius:50%;margin:5px;height:10px;width:10px;animation:jump .5s ease-in infinite}
.ball:nth-of-type(2){animation-delay:.1s}
.ball:nth-of-type(3){animation-delay:.2s}
@keyframes jump{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@keyframes mainImg{
0%{transform:scale(1);filter:grayscale(0) saturate(1)}
35%{transform:scale(1.4);filter:grayscale(1) saturate(1)}
70%{transform:scale(1.4);filter:grayscale(0) saturate(1.4)}
100%{transform:scale(1);filter:grayscale(0) saturate(1)}
}
#carouselHeader{width:85%;position:relative}
.posRel{padding:90px}
.carousel-content{padding-top:65px}
.carouselText{text-align:justify}
.bgVideo{position:relative;height:700px}
#headerVideo{position:absolute;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:fill}
.headerText{position:absolute;bottom:-15%}
.video-btn,.video-btn:focus{bottom:-100px}
@media only screen and (max-width:1860px){
.headerText{position:absolute;bottom:-18%;left:20%}
}
@media only screen and (max-width:1680px){
.video-btn,.video-btn:focus,.video-btn:hover{font-size:14px;bottom:-90px}
}
@media only screen and (max-width:1680px){
.bgVideo{height:535px}
}
@media only screen and (max-width:768px){
.bgVideo{height:420px}
.headerText{bottom:-18%;left:23.5%}
.video-btn,.video-btn:focus,.video-btn:hover{bottom:-70px}
}
@media only screen and (max-width:650px){
.bgVideo{height:210px}
}
@media only screen and (min-width:2150px){
.fb-container{width:1880px}
.headerText{left:40%}
.rightContent-img img{width:100%;object-fit:cover}
.modal-body .mainVideo,.modal-body video{height:850px;width:1300px}
.modal-dialog{max-width:1450px}
.modal-dialog{top:46%}
.FBblack,.FBwhite,.footer_logo img{width:155px;height:89px}
.menuItem{font-size:23px}
.video-btn,.video-btn:focus{font-size:23px}
.menuContent{width:190px}
.headerText{font-size:22px}
.mainText,.mainText_regular{font-size:37px}
.whatWeDo-img{width:600px}
.subText-width{width:725px}
.dashMD{width:65px}
.subText{font-size:23px}
.hugeText{font-size:52px}
.subText{font-size:26px}
.rightContent-text1{padding:30px 0 40px 170px}
.main_anchor,.main_anchor:focus{font-size:22px}
.blogText{width:680px}
.blog_card-img{height:220px}
.blog_card-content{font-size:22px}
.footer_info{font-size:22px;width:330px}
.headerText.footerText{height:165px}
.posRel.posRelFooter{width:950px;height:165px}
.social_link{width:24px;height:24px}
.locationIcon{width:62px;height:62px}
.blog_card-textWidth{width:300px}
.footer.footer_insidePages,.footer_content.footer_content_insidePages{height:400px}
.minText{font-size:22px}
.subText_hamsa-width{width:755px}
.text-mt{margin-top:30px}
.carousel-content{width:67%}
.posRel{position:relative;width:950px}
}
@media only screen and (max-width:1860px){
.headerText{position:absolute;bottom:-10%;left:18%}
.posRel{position:relative;width:854px;height:300px}
}
@media only screen and (max-width:1680px){
.fb-container{width:1170px;margin-left:auto;margin-right:auto}
.menu{left:12%}
.menu img{width:100px;height:57.3px}
.carousel-content{padding-top:0;display:flex;flex-direction:column;justify-content:center}
#carouselHeader{margin-top:-100px}
#carouselHeader .carousel-indicators li{width:13px;height:13px}
#carouselHeader .carousel-indicators{bottom:-65px}
.headerText{width:85%;font-size:16px}
.posRel{position:relative;width:100%;height:240px}
.video-btn,.video-btn:focus,.video-btn:hover{font-size:13px;bottom:-55px}
.modal-dialog{left:60%}
.modal-body .mainVideo,.modal-body video{height:478px;width:780px}
.subText{font-size:16px}
.mainText,.mainText_regular{font-size:24px}
.dashMD{width:40px;margin:8px 0 10px 0}
.whatWeDo-img{width:390px}
.whatWeDo-text{margin-left:40px}
.menuItem{font-size:16px}
.hugeText{font-size:33px}
.partnerLogo{width:185px}
.main_anchor,.main_anchor:focus,.main_anchor:hover{font-size:15px}
.blog_card-content{font-size:16px}
.footer_info{font-size:16px;width:257px}
.lineImage{top:-18px;width:56px;height:76px}
.social_link{width:17px;height:17px;margin-right:8px}
.locationIcon{width:45px;height:45px;margin:5px 0}
.textRB{color:#fff;font-size:16px;bottom:5%;right:5%}
.posRel.posRelFooter{width:100%;height:140px;padding:15px 90px}
.headerText.footerText{width:40%;height:140px}
.headerText.footerText.footerText-insideP{width:43%}
.footer_rightContent{padding-left:20px;margin-left:5px}
.footer{height:100vh}
.footer_content{height:100vh}
.fb-container .col-md-8,.fb-container .col-md-9{padding-left:4.8%}
.fb-container .col-md-8.PL-row,.fb-container .col-md-9.PL-row{padding-left:0}
.carousel-content{width:73%}
.rightContent{width:73.2%}
.rightContent.black_bg{width:73.2%}
.mt-hg{margin-top:120px}
.mt-lg{margin-top:75px!important}
.minText{font-size:16px}
.mainBlog_card{margin-top:55px}
.mainBlog_card-header{margin-top:20px;margin-bottom:50px}
.blog_card{width:260px}
.blog_card-textWidth{width:80%;margin-bottom:40px;margin-top:20px}
.footer_logo img{width:100px;height:57px}
.footer_info.footer_info-insideP{width:194px}
.hamsaLogo img{width:241px}
.subText_hamsa-width{width:425px}
.text-mt{margin-top:40px}
.grid-item3 img,.grid-item7 img{height:100%}
.posRel.posRelFooter.posRelFooter-insideP{padding:15px 85px}
.rightContent-text1{left:-100%;top:26%;right:0;padding:20px 0 30px 90px;background-image:linear-gradient(to right,#e9e9e9 32%,rgba(251,250,250,0))}
.blog_card-img{height:143px}
.wideImg{width:100%;height:291px}
.imgRight{width:324px;height:270px}
.posRel{padding:70px}
.carousel-item{width:95%;margin-right:-95%}
.blogText{width:380px}
}
@media only screen and (min-width:1300px) and (max-width:1680px){
.carousel-content{width:64%}
.video-btn,.video-btn:focus,.video-btn:hover{bottom:-55px}
}
@media only screen and (min-width:992px) and (max-width:1025px){
.col-lg-3{-ms-flex:0 0 0;flex:0 0 0;max-width:0}
.col-lg-8{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-lg-9{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media only screen and (max-width:1024px){
.displayOnIpad{display:block}
.menu{display:none;transform:translate(0,0)}
.menuLogo{display:none}
.menuContent{border-left:none;margin-top:0;padding:40px 0 40px 40px;width:100%;transition:all .4s ease-in-out}
.menuItem{text-transform:uppercase;color:#fff}
#MenuItem{display:block;z-index:2001;width:36px;height:28px}
.mobileMenu-ul{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;display:flex;height:100%;flex-direction:column}
.menu-item{list-style:none;font-size:20px;font-weight:500;text-align:center;border-radius:4px;padding:12px 88px;text-transform:uppercase;opacity:0;-webkit-animation:fadeInMenuItem .6s both;animation:fadeInMenuItem .6s both;-webkit-animation-delay:.2s;animation-delay:.2s}
.menuOpened-main .menu-item{padding:12px 67px}
.burgerIcon-container{position:relative;height:22px;width:36px;cursor:pointer}
.burgerIcon-container .line-bottom,.burgerIcon-container .line-middle,.burgerIcon-container .line-top{position:absolute;display:block;height:4px;width:36px;border-radius:2px;background:#fff}
.HomepageMenu .burgerIcon-container .line-bottom,.HomepageMenu .burgerIcon-container .line-middle,.HomepageMenu .burgerIcon-container .line-top{background-image:linear-gradient(to right,#fff,#fff);transition:all .4s ease-in-out}
.burgerIcon-container .line-top{top:0;transform-origin:34px 2px;background-image:linear-gradient(to right,#000,#000);border:.8px solid #535353;transition:all .4s ease-in-out}
.burgerIcon-container .line-middle{top:9px;transition:opacity .2s linear;background-image:linear-gradient(to right,#000 35%,#000 30%,#000 35%);border:.8px solid #535353;transition:all .4s ease-in-out}
.burgerIcon-container .line-bottom{bottom:0;transform-origin:34px 2px;background-image:linear-gradient(to right,#000,#000);border:.8px solid #535353;transition:all .4s ease-in-out}
.burgerIcon-container.is-open .line-top{animation:line-top-out .6s linear normal;animation-fill-mode:forwards}
.burgerIcon-container.is-open .line-middle{opacity:0}
.burgerIcon-container.is-open .line-bottom{animation:line-bot-out .6s linear normal;animation-fill-mode:forwards}
.burgerIcon-container.is-closed .line-top{animation:line-top-in .6s linear normal;animation-fill-mode:forwards}
.burgerIcon-container.is-closed .line-middle{transition-delay:.2s}
.burgerIcon-container.is-closed .line-bottom{animation:line-bot-in .6s linear normal;animation-fill-mode:forwards}
.stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.menuOpened{display:block!important;position:fixed;top:0;left:0;right:0;bottom:46px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000}
.menuOpened-main{-webkit-animation:bgMenuMain .2s both;animation:bgMenuMain .2s both}
.menuItem.activeItem{color:#9c9c9c;margin-left:0}
.carousel-content{width:93%;margin-top:-50px}
.fb-container{width:97%}
.fb-container .col-md-8,.fb-container .col-md-9{padding-left:1rem}
.whatWeDo-img{width:320px}
.mainText,.mainText_regular{font-size:22px}
.subText{font-size:15px;line-height:1.34}
.rightContent-text1{padding:20px 0 30px 65px;left:0}
.rightContent{height:auto;width:100%}
.collaprate-section{height:800px}
.vh100{height:700px;object-fit:cover}
.partnerLogo{width:185px}
.rightContent.black_bg{height:100vh;width:100%}
.modal-dialog{max-width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}
.modal-body .mainVideo,.modal-body video{height:380px;width:560px}
.modal-body{padding:45px 55px}
.blog_card{width:230px}
.gridContent{grid-template-columns:repeat(5,minmax(50px,1fr))}
.footer_info{width:500px}
.headerText.footerText{width:46%}
.posRel.posRelFooter{padding:15px 64px}
.lineImage{top:-15px;width:45px;height:61px}
.posRel.posRelFooter.posRelFooter-insideP{padding:15px 60px}
.headerText.footerText.footerText-insideP{width:46%}
.whatWeDo-card:nth-child(1){opacity:1}
.whatWeDo-card:nth-child(2){opacity:1}
.whatWeDo-card:nth-child(3){opacity:1}
.whatWeDo-card:nth-child(4){opacity:1}
.whatWeDo-card:nth-child(5){opacity:1}
.whatWeDo-card:nth-child(6){opacity:1}
.footer{height:400px}
.footer_content{height:400px}
.logoHeader-mobile{margin-left:30px;margin-top:15px}
.mt0-LR{margin-right:0;margin-left:0}
.heightLogoHeader{height:105px}
.posFix{position:fixed;top:0;z-index:100;left:0;right:0;box-shadow:0 7px 8px rgb(0 0 0 / 4%)}
.logoHeader-mobile{position:absolute}
.disNone{display:none}
.disBlock{display:block}
.bgHeadMenu{background-color:#000002;transition:all .3s ease-in-out}
.bgHeadMenu.bgHeadMenu-insidePages{background-color:#fff}
}
@media only screen and (max-width:768px){
.menu{left:0}
.headerText{font-size:14px}
.carousel-content{width:96%;margin-top:-100px}
.textRB{font-size:14px;bottom:2%;right:3%}
.posRel{padding:50px;height:185px}
.lineImage{top:-13px;width:40px;height:54.3px}
.carouselText{line-height:1.3}
.whatWeDo-img{width:230px}
.mainText,.mainText_regular{font-size:19px}
.subText{font-size:13px;line-height:1.34}
.whatWeDo-text{margin-left:25px}
.hugeText{font-size:24px}
.ml-lg{margin-left:40px}
.vLine{width:15px;height:175px;min-width:15px}
.vh100{height:600px;object-fit:cover}
.main_anchor,.main_anchor:focus,.main_anchor:hover{font-size:13px}
.headerText.footerText{width:66%;height:135px;top:53%}
.footer_info{margin-top:0;width:235px}
.blog_card{width:170px}
.headerText.footerText.footerText-insideP{top:65%}
.footer_info.footer_info-insideP{margin-top:0;margin-bottom:-80px}
.gridContent2{grid-template-columns:repeat(7,minmax(30px,1fr))}
.subText_hamsa-width{width:270px}
.text-mt{margin-top:25px}
.hamsaLogo img{width:220px}
.posRel.posRelFooter.posRelFooter-insideP{padding:15px 70px}
.headerText.footerText.footerText-insideP{width:65%}
.subText-width{width:473px}
.partnerLogo{width:150px}
.logoHeader-mobile{width:100px}
.heightLogoHeader{height:89px}
.blog_card-img{height:94px}
.wideImg{height:240px}
.imgRight{width:280px;height:233px}
.blogText{width:300px}
}
@media only screen and (max-width:650px){
.dash{width:0}
.headerText{width:100%;left:-18%}
.posRel{position:relative;width:100%;min-height:290px;padding:35px;display:flex;align-items:center}
.fb-container{width:94%}
.whatWeDo-card{flex-direction:column}
.whatWeDo-img,.whatWeDo-img img{width:100%}
.collaprate-content{flex-direction:column}
.flexColumnMobile{flex-direction:column-reverse}
.rightContent{width:100%;height:auto}
.rightContent-img img{width:100%}
.imgRight img{width:100%}
.whatWeDo-text{margin-left:0;margin-top:15px}
.fb-container .col-md-8,.fb-container .col-md-9{padding-left:15px}
.whatWeDo-card{margin-bottom:50px}
.partnerSection.rightContent{height:500px}
.rightContent-img,.rightContent-img img{height:100%}
.rightContent-img img{object-fit:cover}
.mt-lg{margin-top:35px!important}
.rightContent-text1{padding:20px 0 30px 20px}
.subText-width{width:100%}
.collaprate-section{height:450px}
.vLine{width:10px;height:275px;min-width:10px;position:absolute;top:18%}
.width60{width:78%;margin-top:10px}
.width100{width:100%}
.vh100{height:450px;object-fit:cover}
.partnerLogo{width:120px}
.mainText,.mainText_regular{font-size:15px}
.imgRight{margin-bottom:20px}
.mt-hg{margin-top:50px!important}
.blog_card,.blog_card-img,.blog_card-img img{width:100%}
.blog_card{margin-bottom:50px}
.blog_card-content{font-size:14px;margin-top:15px}
.blog_cards{margin-top:20px;grid-template-columns:1fr}
.rightContent.black_bg{height:400px;width:100%}
.footer,.footer_content{height:400px}
.footer_info{margin-top:-100px;text-align:center}
.headerText.footerText{width:100%;height:165px;top:73%;left:0;right:0}
.lineImage{left:3%}
.carouselText{flex-direction:column;text-align:center}
.footer_rightContent{padding-left:0;margin-left:0;border-left:none;margin-top:20px}
.posRel.posRelFooter{display:flex;justify-content:center;padding:0;height:165px}
.footer_content{align-items:flex-start;justify-content:center}
.social_link-a{margin-right:0}
.social_link-a:not(:last-of-type){margin-right:15px}
.locationIcon{width:45px;height:45px}
.headerText{left:0;right:0;top:0;bottom:0;position:relative}
.carousel-content{margin-top:0;width:92%}
.modal-body .mainVideo,.modal-body video{height:auto;width:auto;max-width:270px}
.modal-body{padding:40px 25px}
.close,.close:hover{top:-8px;right:2px;font-size:4.5rem}
.video-btn,.video-btn:focus,.video-btn:hover{font-size:14px;bottom:-85px}
.mt-insidePages{margin-top:20px}
.hamsaLogo{margin-top:50px}
.mt0-LR{margin-right:0;margin-left:0}
.fb-container .col-md-8.PL-row,.fb-container .col-md-9.PL-row{padding-right:0}
.mainBlog_card{margin-top:35px}
.mainBlog_card-header{margin-top:15px;margin-bottom:20px}
.blog_card-img img{margin-top:0}
.blog_card-textWidth{width:100%;margin-bottom:20px;margin-top:10px}
.posRel.posRelFooter{min-height:100px!important}
.posRel.posRelFooter.posRelFooter-insideP{height:145px}
.headerText.footerText.footerText-insideP{height:145px}
.footer_info.footer_info-insideP{margin-top:-115px;margin-bottom:0;text-align:center}
.headerText.footerText.footerText-insideP{top:70%}
.footer_logo img{width:80px;height:45px}
.footer_info{font-size:14px}
.subText_hamsa-width{width:100%}
.hamsaLogo img{width:200px}
.gridContent{grid-template-rows:repeat(39,38px)}
.text-mt{margin-top:15px}
.whatWeDo-content{margin-top:40px}
.displayOnMobile{display:block}
.hugeText{font-size:21px}
.logoHeader-mobile{width:80px;height:46px;margin-top:15px}
.gridItem__cardHover-content{left:0;width:100%;text-align:center}
.headerText.footerText.footerText-insideP{width:100%}
.rightContent-text1{background-image:linear-gradient(90deg ,#ddd 100%,transparent);color:#000002}
.gridContent.gridContentHamsa{grid-template-columns:repeat(6,minmax(50px,1fr))}
.gridContentHamsa .grid-item-three{grid-column:span 6}
.gridContentHamsa .grid-item1{grid-row:span 7}
.gridContentHamsa .grid-item3{grid-row-start:8;grid-row-end:16}
.gridContentHamsa .grid-item5{    grid-row-start: 16;
    grid-row-end: 22;
    grid-column: span 5;}
.gridContentHamsa .grid-item4{grid-row:span 7}
.gridContentHamsa .grid-item2{grid-row:span 7}
.gridContentHamsa .grid-item2.grid-item-two,.gridContentHamsa .grid-item4.grid-item-two{grid-column:span 3}
.gridContentHamsa .grid-item6{grid-row:span 8}
.gridContentHamsa .grid-item-two{grid-column:span 6}
.gridContentHamsa .grid-item7{grid-row:span 8}
.gridContent2{grid-template-columns:repeat(8,minmax(30px,1fr))}
.grid-item9{grid-column:span 8;grid-row-end:8}
.grid-item10{grid-column:span 8;grid-row-start:9;height:250px}
.grid-item10 img{object-fit:cover;height:100%;object-position:81% 16%}
.carousel-content{height:auto}
#carouselHeader{margin-top:0}
.carousel-content{margin-top:5px}
.heightLogoHeader{height:74px}
.blog_card-img{height:auto}
.gridContentHamsa.gridContentDuha .grid-item5{grid-row-end:22}
.gridContentHamsa.gridContentmazam .grid-item5{grid-row-end:1}
.wideImg{height:auto}
.imgRight{width:100%;height:220px}
.carousel-item{width:100%;margin-right:-100%}
#carouselHeader{width:90%}
.blogText{width:65%}
}
@media only screen and (max-width:320px){
.logoHeader-mobile{width:65px;height:37px}
.carousel-content{margin-top:2px}
.posRel{min-height:255px}
.video-btn,.video-btn:focus,.video-btn:hover{bottom:-65px}
#carouselHeader .carousel-indicators{bottom:-50px}
.vh100{height:390px}
.partnerLogo{width:105px}
.partnerBottom{width:92px}
.menu-item{font-size:17px}
.subText_hamsa-width{width:97%}
.bgVideo{height:200px}
}
@keyframes line-bot-in{
0%{left:-5px;transform:rotate(45deg)}
20%{left:-5px;bot:0;transform:rotate(60deg)}
80%{left:0;bot:0;transform:rotate(-15deg)}
100%{left:0;transform:rotate(0)}
}
@keyframes line-bot-out{
0%{left:0;transform:rotate(0)}
20%{left:0;transform:rotate(-15deg)}
80%{left:-5px;transform:rotate(60deg)}
100%{left:-5px;transform:rotate(45deg)}
}
@keyframes line-top-in{
0%{left:-5px;bot:0;transform:rotate(-45deg)}
20%{left:-5px;bot:0;transform:rotate(-60deg)}
80%{left:0;bot:0;transform:rotate(15deg)}
100%{left:0;bot:1px;transform:rotate(0)}
}
@keyframes line-top-out{
0%{left:0;top:-5px;transform:rotate(0)}
20%{left:0;top:-5px;transform:rotate(15deg)}
80%{left:-5px;top:-5px;transform:rotate(-60deg)}
100%{left:-5px;top:-5px;transform:rotate(-45deg)}
}
@keyframes bgMenuMain{
0%{background-image:linear-gradient(170deg,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 51%)}
20%{background-image:linear-gradient(170deg,rgba(0,0,0,.2) 40%,rgba(0,0,0,.2) 51%)}
30%{background-image:linear-gradient(170deg,rgba(0,0,0,.4) 40%,rgba(0,0,0,.4) 51%)}
100%{background-image:linear-gradient(170deg,rgba(0,0,0,.8) 40%,rgba(0,0,0,.8) 51%)}
}
@keyframes fadeInMenuItem{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes line-bot-in{
0%{left:-5px;transform:rotate(45deg)}
20%{left:-5px;bot:0;transform:rotate(60deg)}
80%{left:0;bot:0;transform:rotate(-15deg)}
100%{left:0;transform:rotate(0)}
}
@-webkit-keyframes line-bot-out{
0%{left:0;transform:rotate(0)}
20%{left:0;transform:rotate(-15deg)}
80%{left:-5px;transform:rotate(60deg)}
100%{left:-5px;transform:rotate(45deg)}
}
@-webkit-keyframes line-top-in{
0%{left:-5px;bot:0;transform:rotate(-45deg)}
20%{left:-5px;bot:0;transform:rotate(-60deg)}
80%{left:0;bot:0;transform:rotate(15deg)}
100%{left:0;bot:1px;transform:rotate(0)}
}
@-webkit-keyframes line-top-out{
0%{left:0;top:0;transform:rotate(0)}
20%{left:0;top:0;transform:rotate(15deg)}
80%{left:-5px;top:0;transform:rotate(-60deg)}
100%{left:-5px;top:1px;transform:rotate(-45deg)}
}
@-webkit-keyframes bgMenuMain{
0%{background-image:linear-gradient(170deg,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 51%)}
20%{background-image:linear-gradient(170deg,rgba(0,0,0,.2) 40%,rgba(0,0,0,.2) 51%)}
30%{background-image:linear-gradient(170deg,rgba(0,0,0,.4) 40%,rgba(0,0,0,.4) 51%)}
100%{background-image:linear-gradient(170deg,rgba(0,0,0,.8) 40%,rgba(0,0,0,.8) 51%)}
}
@-webkit-keyframes fadeInMenuItem{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes slit-in-horizontal{
0%{-webkit-transform:translateZ(-800px) rotateX(90deg);transform:translateZ(-800px) rotateX(90deg);opacity:0}
54%{-webkit-transform:translateZ(-160px) rotateX(87deg);transform:translateZ(-160px) rotateX(87deg);opacity:1}
100%{-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}
}
@keyframes slit-in-horizontal{
0%{-webkit-transform:translateZ(-800px) rotateX(90deg);transform:translateZ(-800px) rotateX(90deg);opacity:0}
54%{-webkit-transform:translateZ(-160px) rotateX(87deg);transform:translateZ(-160px) rotateX(87deg);opacity:1}
100%{-webkit-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}
}
.scale-down-center{-webkit-animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) reverse both;animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) reverse both}
@keyframes scale-down-center{
0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
}
@keyframes leftToRight{
0%{left:-100%}
100%{left:0}
}