h1{font-size: 6em;line-height: .8;margin-right: 2rem;}
html[lang="ar"] h1{font-size: 4.5em;line-height: 1;}
h1 strong{color: #47CFF1;}
.sub{font-size: 1.5em;display: block;margin-bottom: 1rem;margin-right: 2rem;}
.btn-b{font-size: 1.2em;font-weight: bold;text-decoration: none;color: #EC7422;border: .075rem solid;border-radius: .5rem;padding: .5rem 1rem;}
.btn-b:hover{background:#EC7422;color: #fff;text-decoration: none;}
.b-wrap{display: flex;justify-content: end;}
#hero .col-md-8{display: flex;flex-direction: column;justify-content: center;}
#hero img{transform: scaleX(-1);}
h1,h2,h3,h4,h5{font-weight: bold;}
h2{font-size: 4.5em;line-height: .9;}
html[lang="en-us"] h2{font-size: 4em;}
html[lang="ar"] h2{line-height: 1;}
#vision{margin-top: 4em;}
/* .d-grid{display: grid;grid-template-rows: 1fr 1fr;} */
/* #vision .flex-wrap{justify-content: center;}
 */
 #swiper-gallery{width: 90vw;margin:5em auto;overflow: hidden;position: relative;}
 .soon{font-size: 1.75rem;text-align: left;margin-top: -1em;color: #EC7422;}
 html[lang="en-us"] .soon p{width: 60%;margin-left: auto;line-height: 1.2;}
 #vision .flex-wrap > *{width: 44%;}
#vision .article{margin: .75rem;border-radius: .75rem;padding: 2rem 1.3rem 4rem;position: relative;display: inline-block;}
#vision .article img{position: absolute;}
#vision h2{grid-column: 1;grid-row: 1;display: inline-block;margin: .75rem;}
#vision .ar-2{margin-top: -3em;}
.ar-1 img{top: -2.5em;left: 1em;height: 9em;}
html[lang="en-us"] .ar-1 img{left: auto;right: 1em;}
.ar-2 img{bottom: -4em;right: 1.5em;width: 9em;}
.ar-3 img{bottom: -5.75em;right: 50%;transform: translateX(50%);width: 10.5em;}
#divisions{margin-top: 8rem;background: #F2F2F2C7;padding: 2em 0;}
#divisions .text{padding: 0 4rem 3em;}
#divisions .text  p{margin-bottom: .5rem;}
#divisions .text div p{margin-top: 2rem;}
.divisions{display: flex;flex-wrap: wrap;justify-content: center;width: 65vw;margin: -8em auto 0;}
html[lang="en-us"] .divisions{margin-top: -5em;}
.divisions .divi{flex: 0 0 25%;text-align: center;margin: 2em 0;}
.divi img{height: 4.5em;}
.divi h4{font-weight: 400;font-size: 1.5rem;}
.divisions .b-wrap{flex: 0 0 100%;justify-content: center;}
#videobox {margin: 4rem auto;}
#videobox iframe{width: 100%;height: 50em;}
#videobox img{position: absolute;right: -10em;top: -7em;width: 23em;}
#reasons .reasons{display: inline-flex;flex-direction: column;}
.reasons .r{border: .1rem solid;border-radius: 2rem;padding: 1rem 2rem;margin-bottom: 1rem;text-align: center;width: 60%;margin-right: auto;}
html[lang="en-us"] .reasons .r{width: 75%;min-height: 5.5em;display: flex;flex-direction: column;justify-content: center;}
.reasons .r:hover{background: #47CFF1;color: #fff;}
#reasons .r:hover h5{text-shadow:0 0 .9px #fff,0 0 .9px #fff,0 0 .9px #fff}
#reasons h5{font-weight: 400;font-size: 1.5rem;margin: 0;}
#research{margin-top: 3rem;}
#research h2{text-align: center;margin-bottom: 3rem;}
#research .gallery{flex: 0 0 45%;max-width: 45%;}
#research .text{font-size: 1.05rem;flex:0 0 45%;max-width: 45%;}
#research .text .inner{padding-right:1em;}
#research .text p{margin-bottom: 1rem;}
#relocation{position: relative;}
.t-inner{position: absolute;text-align: center;bottom: 50%;right: 50%;transform: translate(0,50%);}
.t-inner h3{font-size: 4rem;}
.t-inner h3 strong{color: #EC7422;}
.t-inner p{font-size: 1.8rem;}
.t-inner a{background: #EC7422;color: #fff;text-decoration: none;font-weight: bold;font-size: 1.8rem;padding: .25em .5em;}
.gallery > div{display: inline-flex;flex-wrap: wrap;margin-right: 3em;}
.gallery > div div{flex: 0 0 auto;margin: .5rem;max-width: 97%;}
.gallery > div .img-1,.gallery > div .img-2{flex: 0 0 auto;margin: .5rem;max-width: 47%;}
.sticky{position: fixed;right: 0;writing-mode: tb;background: #EC7422;color: #fff;transform: scale(-1);padding: .5em .25em;border-bottom-right-radius: .5em;border-top-right-radius: .5em;z-index: 9999;}
.sticky:hover{text-decoration: none;color: #fff;opacity: .8;}
@media(max-width:1000px){
   #content.site-content{overflow-x: hidden;}
   .soon{text-align: right;margin-top: 1em;line-height: 1.2;font-size: 1.25em;}
   html[lang="en-us"] .soon p{width: 100%;font-size: 1.2rem;text-align: left;}
    h1{font-size:3em;margin-right: 0;} 
    html[lang="en-us"] h1{font-size: 3rem;}
   #hero img{width: 50%;display: block;margin: auto;}
   .sub{margin-right: 0;font-size: 1.25rem;}
   .btn-b{font-size: 1em;}
   #vision{margin-top: 0;}
   #vision .article{width: 100%;margin-bottom: 1.5rem;}
   html[lang="en-us"] .divisions, .divisions{margin-top: 0;}
   .ar-1 img{height: 6em;}
   .ar-2 img{width: 6em;bottom: -2em;}
   .ar-3 img{width: 7.5em;}
   html[lang="en-us"] h2,h2{font-size: 2.25em;}
   #vision .flex-wrap > *{width: 100%;margin: 1rem auto}
   #vision .ar-2{margin-top: auto;}
   #divisions .text{ padding: 0 15px;}
   .divisions{width: 100%;}
   .divisions .divi{margin: 1em 0;}
   .divi img{height: 2.5em;}
   #videobox iframe{height: 15em;}
   #videobox img{  right: -4em;top:-5em;width: 12em;}
   .reasons .r{width: 100%;}
   #research .text,#research .gallery{flex: 0 0 100%;max-width: 100%;}
   .gallery > div{margin-right: 0;}
   .gallery > div {justify-content: space-between;}
   .gallery > div .img-1, .gallery > div .img-2{max-width: 46%;}
   .sticky{position: fixed;right: 0;writing-mode:horizontal-tb;bottom: 0;width: 100%;border-bottom-right-radius: 0;border-top-left-radius: .5em;text-align: center;transform: none;}
   .t-inner{position: absolute;text-align: center;bottom: 50%;right: 50%;transform: translate(0,50%);}
.t-inner h3{font-size: 1.5rem;margin-bottom: 0;}
.t-inner h3 strong{color: #EC7422;}
.t-inner p{font-size: .9rem;}
.t-inner a{background: #EC7422;color: #fff;text-decoration: none;font-weight: bold;font-size: .9rem;padding: .25em .5em;}
}