@import url("../fonts/stylesheet.css");
@import url("menu.css");

html.lenis{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto;}
.lenis.lenis-smooth[data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}
.lenis.lenis-scrolling iframe{pointer-events:none;} 
:root{
    --bacalisties:'Bacalisties';
    --jost: "Jost", sans-serif;
    --red:#ff0005;
    --blue:rgba(0, 101, 161,1);
    --persian-blue:rgba(20,43,109,1);
    --blue-gray:#e9f4fa;
    --white:#FFFFFF;
    --black:#000000;
    --gray1:#333333;
    --gray2:#b3b3b3;
    --gray3:#c8c8c8;
    --cream:#ffeec3;
}
body{font-family:var(--jost);color:var(--gray);font-size:1.25rem;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem 0;padding:0;font-weight:normal;font-family:var(--jost);}
a{color:var(--black);}
a:hover,a:focus{color:var(--blue);}
header,header::before,.FSRE,.FSRE img,.btn,.search-link,.social-menu li a img,.project-gallery li a img,.project-dtl,.project-photo img,.foot-social li a img,.instagram ul li a img,footer a,.foot-links li a::before,.menu-list li a img,.read-more-btn,.read-more-btn span,.read-more-btn span img
{transition:all 0.3s ease 0s;}
header{z-index:80;transition:all 0.3s ease 0s;width:100%;/*box-shadow:0 1px 5px rgba(0,0,0,0.05)*/}
header::before{content:'';position:absolute;width:100%;height:100%;left:0%;top:0;display:none;content:'';z-index:-1;background-color:var(--blue);}
.FSRE{width:150px;margin-left:2rem}
.logobar .FSRE{display:none;}
.search-main{position:absolute;left:34.8958333333%;transition:all 0.5s ease 0s;width:68px;height:68px;overflow:hidden;top:0;background-color:rgba(0,0,0,0.5);align-items:center;justify-content:center;}
.search-main[data-aos^=fade][data-aos^=fade]
 {
    transition-property:all;
}
.search-btn a,.search-btn button,.search-input .form-control{height:68px;border-radius:0;}
.search-btn{z-index:8;}
.search-btn,.search-btn a,.search-btn button{width:68px;height:100%;position:absolute;right:0;top:0;}
.search-btn a,.search-btn button{background-color:rgba(0,0,0,0);padding:0;appearance:none;box-shadow:none;border:none;display:flex;align-items:center;justify-content:center;}
.search-input{position:absolute;z-index:1;width:calc(350px - 68px) ;right:68px;transition:all 0.5s ease 0s;}
.search-input .form-control{width:100%;font-size:1.5rem;border:none;}
.form-control:focus{box-shadow:0 0 0 .25rem rgba(0,0,0,.25)}
.search-btn img{width:50%;display:block;}
.search-btn .search-link{align-items:center;justify-content:center;z-index:9;}
.search-btn button{z-index:1;transition:all 0.5s ease 0s;}
.search-btn:hover a,.search-btn:hover button{background-color:rgba(0,0,0,1);}
.search-input .form-control{position:relative;z-index:1;}
.search-main.show{width:350px;}
.search-main.show .search-input{right:68px;transition:none}
.search-main.show .search-link{z-index:0;}
.search-main.show button{background-color:rgba(0,0,0,0.5);}

.right-header{position:fixed;top:0;right:0;width:135px;height:100vh;background-color:rgba(0,0,0,0.5);z-index:99;display:flex;align-items:center;justify-content:space-between;flex-direction:column;}
.menu-list{padding-top:0rem;text-align:center;}
.menu-list li{margin-top:2rem;}
.menu-list li + li{padding-bottom:7px;}
.menu-list li a{width:32px;margin:0 auto;}
.menu-list li a img{width:100%;}
.menu-list li:nth-child(2) a{width:32px}
.menu-list li a:hover img{opacity:0.5;}
.social-link{display:none;width:40px;height:40px;}
.social-menu{display:flex;flex-direction:column;justify-content: center;align-items: center;}
.social-menu li{margin-bottom:31px;}
.social-menu li a{display:block;width:23px;}
.social-menu li a img{width:100%;filter:invert(1);}
.social-menu li a:hover img{opacity:0.5;}
.slide-holder{overflow:hidden;min-height:100vh;}
.slide-holder img{max-width:100%;min-width:100%;min-height:100%;object-fit:cover;position: absolute;left:50%;bottom: 0%;transform:translateX(-50%);}
.slide-holder img:nth-child(2){z-index:9;}
.logobar-banner{background-color:rgba(0,0,0,0.7);width:34.8958333333%;}
.logobar-banner .FSRE{width:66.6666666667%;display:block;margin:0 auto;}
.logobar-banner .FSRE img{filter:invert(1) brightness(2)}
.banner-contents{width:100%;height:100vh;display:flex;color:var(--white);text-align:center;}
.banner-contents p{color:var(--white);font-size:1.25rem;text-transform:uppercase;}
.banner-contents h1{font-size:5rem;font-family:var(--jost);text-transform:uppercase;margin:0;}
.banner-contents .sub-title{font-size:4rem;font-family:var(--bacalisties);;}
.banner-contents h1,.banner-contents .sub-title{transition-timing-function:ease;transition-property:all;transition-duration:1s;transform:translateY(100px);opacity:0;}
.banner-contents h1{transition-delay:0.25s;}
.banner-contents .sub-title{transition-delay:0.5s;}
.banner-contents p[data-aos^=fade][data-aos^=fade].aos-animate + h1,
.banner-contents p[data-aos^=fade][data-aos^=fade].aos-animate + h1 + .sub-title
{opacity:1;transform:translateZ(0);}
.sub-title{}
@media (min-width: 992px) {
    header.smaller{/*background-color:rgba(0,0,0,0.5)*/}
  }
  
.welcome{position:relative;z-index:5;/*margin-top:-500px;*/}
.welcome-sub{background-color:var(--white);width:34.8958333333%;}
.welcome-text{flex:0 0 34.84375%;text-align:center;text-transform:uppercase;padding:50px 90px 50px 90px;z-index:5;}
.welcome-text h4,.building-left h4{font-size:1.45rem;margin-bottom:0.5rem;}
.welcome-text h3,.building-left h3{font-size:1.75rem;margin-bottom:2.5rem;}
.welcome-text p,.building-contents p{font-size:0.8rem;text-align:justify;}
.FSRE-text{flex:0 0 calc(65.15625% - 135px)}
.FSRE-strip{flex:0 0 135px;background-color:var(--white);}
.btn{padding:0.75rem 3rem;font-size:15px;text-align:justify;color:var(--black);display:inline-block;background-color:#d7d7d7;border-radius:0;}
.btn:hover{background-color:var(--black);color:var(--white)}
.welcome-text .btn{margin-top:2.5rem;}
.welcome-building{margin-top:-100px;}
.building-text{padding-bottom:5rem;}
.building-text .building-contents{margin:7rem 0 0rem 0 }
/* .building-text .building-contents + .building-contents{margin:2rem 0 0 0;} */
.building-left h4{margin-bottom:1.75rem;}
.building-left h3{margin-bottom:1rem;}
.building-left{max-width:400px;width:400px;}
.building-right{padding-right:calc(var(--bs-gutter-x) * 2);}
.building-base{z-index:1;opacity:0.3;top:0;left:0;}
.building-anim{z-index:5;opacity:0.5;top:0;left:0;}
.why-choose{background-color:var(--black);color:#f7f0de;padding:5rem 135px 5rem 90px}
h1{font-size:2rem;font-weight:400;}
.why-choose h1{margin-bottom:1rem;}
.why-choose .col-12 h3{color:#f7f0de;font-size:1rem;font-size:1.5rem}
.why-choose .col-12 p{margin-bottom:4.688rem;text-align: center;}
.who-we-text{max-width:1200px;margin:0 auto;}
.why-us-card h3{text-align:center;color:#f7f0de;text-transform:uppercase;font-size:1.5rem;}
.icon-holder{height:60px;margin:0 auto 3.438rem auto;text-align:center;}
.icon-holder img{filter:invert(1);height:100%;}

.app-type{ }
.swiper-tabs {
  display:flex;
  gap:20px;
  margin-bottom:20px;width:70%;justify-content:flex-end;
}

.swiper-tabs button {
  background: none;
  border: none;
  font-size:14px;
  cursor: pointer;
  opacity: 0.75;
  padding: 5px 0;
  position: relative;text-transform: uppercase;line-height: 1.2;
}

.swiper-tabs button.active {
  opacity: 1;
  font-weight: 600;
}

.swiper-tabs button.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background: #000;
}

/* Swipers */
.textSwiper {
  height:225px;/* */  
}

.imageSwiper img {
  width: 100%;
  display: block;
}
.text-card{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.carousel-container{width:58%;padding:2rem 3rem;background:rgba(255,255,255,1) url(../images/FSRE-letter.svg) left top no-repeat;background-size:100%; z-index:9;left:34.8958333333%;}
.swiper-tabs{position:absolute;right:4.688rem;top:1.875rem;}
.carousel-container h2{font-size:1.5rem;font-weight:500;text-transform: uppercase;}
.textSwiper p{font-size:1rem;font-weight:400;}
.swiper-controls{bottom:-45px;width:128px;height:46px;}
.swiper-controls div{height:46px;width:64px;background-color:rgba(255,255,255,0.85);}
.swiper-controls .text-button-prev{left:0;}
.swiper-controls .text-button-next{right:0;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px;filter:invert(1) grayscale(1) brightness(0);}
.textSwiper .swiper-slide{}
.imageSwiper .swiper-slide{background-color:var(--white);height:auto;}
.subscribe{height:0;z-index:5;margin:13rem 0 0rem 0;}
.subscribe .container-fluid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-left:135px;padding-right:135px;}
.subscribe-sub{background-color:#cccccc;padding:6.25rem;}
.subscribe-sub h3{font-size:2.25rem;color:var(--black);text-transform:uppercase;margin:0;}
.subscribe-sub .btn{font-size:1.35rem;background-color:var(--black);color:var(--white);text-transform:uppercase;padding:2rem 4rem;}
.subscribe-sub .btn:hover{background-color:var(--white);color:var(--black);}

footer{background-color:var(--black);padding:10.688rem 135px 0 135px;}
footer a{color:var(--gray3);text-decoration:none;}
footer a:hover,footer a:focus{color:var(--white);}
footer .row .col-lg-6:first-child{align-items:flex-end;}
.footer-logo{width:140px;}
.foot-phone-main{flex:0 0 48%;padding-left:50px;}
.foot-phone-main li{display:flex;align-items:center;}
.foot-phone-main li + li{margin-top:1rem;}
.foot-phone-main li a{white-space:nowrap;}
.foot-phone-main li a img{width:30px;margin-right:10px;}
.foot-links li a{text-transform:uppercase;font-size:1rem;position:relative;padding-left:0px;}
.foot-links li a::before{height:1px;width:0px;background-color:var(--white);position:absolute;left:0;top:11px;content:'';display:block;}
.foot-links li a:hover::before{width:10px;}
.foot-links li a:hover{padding-left:20px;}
.foot-links li + li{margin-top:0.5rem;}
.foot-social{justify-content:flex-end;}
.foot-social ul{display:flex;margin-left:auto;}
.foot-social ul li + li{margin-left:2rem;}
.foot-social li a{width:25px;display:block;}
.foot-social li a img{filter:invert(1);width:100%;}
.foot-social li a:hover img{transform:scale(1.2);}
.instagram h3{color:var(--cream);text-transform:uppercase;font-size:1.5rem;}
.instagram ul{display:flex;}
.instagram ul li{display:block;width:100%;}
.instagram ul li a{display:block;width:100%;height:0;padding-top:100%;position:relative;overflow: hidden;}
.instagram ul li a img{display:block;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;max-width:100%;min-height:100%;object-fit:cover;}
.instagram ul li a:hover img{transform:translate(-50%,-50%) scale(1.1);opacity:0.8;}
.copyright{justify-content:space-between;padding:2rem 0;}
.copyright p,.copyright a{color:var(--gray3);font-size:0.8rem;}

.org-chart{ }
.org-chart h2,.org-chart h3,.org-chart h4,.org-chart h5,.org-chart h6{border:1px solid #ccc;margin-bottom:0;padding:1rem 7px;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.org-chart .org-title{display:block;}
.org-chart h2{display:inline-block;padding:1rem 3rem;background-color:#f1f1f1;font-size:2rem;}
.org-chart h3{font-size:1.25rem;background-color:#cfcfcf}
.org-chart h4{font-size:1.15rem;background-color:#dfdfdf;}
.org-chart h5{font-size:1.1rem;background-color:#c5c5c5;}
.org-chart h6{background-color:#a9a9a9;}
.org-title-prnt{padding:0rem 0;height:100%;position:relative;}
.pad-top-btn{}
.pad-top-prnt .org-title-prnt{padding:2rem 0 0rem 0;} 
.org-title-prnt::before{content:'';display:none; width:1px;height:100%;position:absolute;top:0;left:calc(50% - 1px);background-color:var(--black);}
.top-HV-line{padding-top:2rem;position:relative;}
.top-HV-line .col-3,.v-line .col-3{position:relative; }
.top-HV-line .col-3::before,.top-HV-line .col-3::after,.v-line .col-3::before,.first-level::before,.second-level::before,.second-level::after,.top-HV-line::before,.pad-top-1::after,.left-top-bdr::before,.right-top-bdr::before,.first-level::after,.pad-top-1::before,.right-top-bdr::after,.left-top-bdr::after{z-index:-1;display:block;content:'';position:absolute;}
/* .top-HV-line .col-3::before,.v-line .col-3::before 
{background-color:var(--black);} */
.top-HV-line .col-3::before,.v-line .col-3::before{width:1px;height:100%;top:0;left:calc(50% - 1px);}
.top-HV-line .col-3:first-child::after,.top-HV-line .col-3:last-child::after{width:50%;top:0;height:1px;}
.top-HV-line .col-3:first-child::after{right:0;}
.top-HV-line .col-3:last-child::after{left:0;}
.top-HV-line .col-3:nth-child(2)::after,
.top-HV-line .col-3:nth-child(3)::after{width:100%;top:0;height:1px;left:0;}
.top-HV-line::before{height:2rem;top:0;width:1px;left:calc(50% - 1px);}
.v-line{}
.v-line .col-3:first-child:before,.v-line .col-3:last-child:before{height:50%;}

.first-level{position:relative;}
.first-level .org-title-prnt{padding:2rem 0 2rem 0;}
.first-level h2,.first-level h4{height:auto;}
/* .first-level{border-left:1px solid #000;position:relative;} */
/* .first-level::before{height:100%;width:1px;} */
.first-level::before{width:calc(var(--bs-gutter-x) * .5);top:50%;height:1px;left:0;}
.first-level::after{width:1px;top:0%;height:100%;left:0;}
.second-level .org-title-prnt{padding:2rem 0 0 0;}
.second-level{position: relative;}
.second-level::before{height:50%;width:1px;left:calc(50% - 1px);}
.pad-top-1::before{width:1px;right:0;height:100%;top:0;}
.left-side .second-level::after,.right-side .second-level::after,.left-top-bdr::before,.right-top-bdr::before{width:50%;top:0;height:1px;
  background-image:repeating-linear-gradient(to right, #000 0, #000 5px, transparent 5px, transparent 10px);
}
.pad-top-1::after{}
.left-side .second-level::after,.pad-top-1::after,.left-top-bdr::before,.top-HV-line .col-3:nth-child(2)::after,.top-HV-line .col-3:first-child::after{animation: dash-move_h 1s linear infinite reverse;}
.right-side .second-level::after,.first-level::before,.right-top-bdr::before,.top-HV-line .col-3:nth-child(3)::after,.top-HV-line .col-3:last-child::after{animation: dash-move_h 1s linear infinite; }
.first-level::after,.second-level::before,.pad-top-1::before,.left-top-bdr::after,.right-top-bdr::after,.top-HV-line::before,.top-HV-line .col-3::before,.v-line .col-3::before{animation: dash-move_v 1s linear infinite; background-image:repeating-linear-gradient(to bottom, #000 0, #000 3px, transparent 3px, transparent 6px);}
.first-level::before,.pad-top-1::after,.top-HV-line .col-3:nth-child(2)::after, .top-HV-line .col-3:nth-child(3)::after,.top-HV-line .col-3:first-child::after,.top-HV-line .col-3:last-child::after{background-image:repeating-linear-gradient(to right, #000 0, #000 5px, transparent 5px, transparent 10px);}
@keyframes dash-move_h {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 10px 0;
  }
}
@keyframes dash-move_v {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 6px;
  }
}
.left-side .second-level::after{right:0;}
.right-side .second-level::after{left:0;}
.right-side .second-level::after{ }

.pad-top-1{padding-top:2rem;padding-bottom:2rem;position:relative;}
.pad-top-1::after{height:1px;width:calc(var(--bs-gutter-x) * .5);right:0;top:50%;}
.left-top-bdr,.right-top-bdr{position:relative;padding-top:2rem;padding-bottom:2rem;}
/* .left-top-bdr::before,.right-top-bdr::before{width:50%;top:0;border-top:1px solid var(--black);height:50%;background-color:transparent ;}
.left-top-bdr::before{left:50%;border-left:1px solid var(--black);} */

.left-top-bdr::before{right:0%;width:50%;height:1px;top:0;}
.left-top-bdr::after{right:50%;width:1px;height:50%;top:0;}

.right-top-bdr::before{left:0%;}
.right-top-bdr::after{left:50%;width:1px;height:50%;top:0}
.left-top-bdr::after{}

.pad-top-btm{padding-top:75px;padding-bottom:75px;}
.ceo-photo{border:1px solid #ccc;padding:1rem;}
.ceo-dtl{text-align:center;padding-top:15px;}
.ceo-dtl h2{text-transform:uppercase;text-align:center;font-size:1.5rem;margin:0;}
.ceo-dtl small{}

.project-col{padding:calc(var(--bs-gutter-x) * .5);}
.project-photo{height:0;padding-top:100%;overflow:hidden;position:relative;}
.project-photo img{max-width:100%;min-width:100%;min-height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.project-dtl{width:125%;margin-left:-25%;position:relative;background-color:rgba(240,240,240,0.85);padding:1rem;outline: 1px solid #eee;outline-offset: 4px;}
.project-dtl h2{font-size:1.5rem;margin-bottom:10px;line-height:1;}
.project-dtl p{font-size:0.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.project-col .row:hover .project-photo img{transform:translate(-50%,-50%) scale(1.1) rotate(3deg);}
.project-col .row:hover .project-dtl{background-color:rgba(240,240,240,1);}
.news-card{border:1px solid #eee; transition: all 0.3s ease; background:#fff;height:100%;}
.news-card:hover{box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);transform:translateY(-5px);}

.news-col{padding:calc(var(--bs-gutter-x) * .5);}
.news-img{height:0;overflow:hidden;position: relative;padding-top:60%;}
.news-img img {
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.news-content{padding:25px;}
.news-date {
  font-size: 0.8rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: block;
}

.news-content h3 {
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.news-content p {
  font-size:1rem;
  color: #444;
  line-height: 1.6;
  margin-bottom: 20px;
}

.read-more {
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  text-decoration: none;
  letter-spacing: 1px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}


.contact-info-box {
  background-color: #f9f9f9;
  padding: 40px;
  height: 100%;
}

.contact-info-box h3 {
  font-size: 1.5rem;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
}

.info-item {
  display: flex;
  margin-bottom: 25px;
}

.info-item img {
  width: 25px;
  margin-right: 15px;
  filter: brightness(0);
}

.info-text span {
  display: block;
  font-size: 0.9rem;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.info-text p {
  font-size: 1.1rem;
  color: #000;
  margin: 0;
}

.contact-form {
  padding: 40px;
}

.contact-form h3 {
  font-size: 1.5rem;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
}

.form-control {
  border-radius: 0;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
}

.form-control:focus {
  border-color: #000;
  box-shadow: none;
}

.submit-btn {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.submit-btn:hover {
  background-color: #333;
  color: #fff;
}

/* Inner Page Banner Height Adjustment */
.inner-banner,
.inner-banner .slide-holder,
.inner-banner .banner-contents {
  height: 450px !important;
  min-height: 450px !important;
}

.inner-banner .banner-contents {
  padding: 60px 0 !important;
  justify-content: center !important;
}

.inner-banner .banner-contents h1,
.inner-banner .banner-contents .sub-title,
.inner-banner .banner-contents p {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 767px) {
 
}
.contact-col{padding:calc(var(--bs-gutter-x) * .5);}
.facility-manager .project-dtl{background-color:rgba(245,245,245,0.9)}
.facility-manager .project-dtl ul li{padding:5px 0;}
.services{padding:5rem 0;}
.services h1{text-align: center;margin-bottom:2rem;}
.about-highlights {
  background-color: #f9f9f9;
  padding: 60px 0;
  margin-top: 50px;
}
.highlight-card {
  text-align: center;
  padding: 30px;
  transition: all 0.3s ease;
}
.highlight-card h3 {
  font-size: 2.5rem;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
}
.highlight-card p {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
}
.facility-services{background-color:#f7f7f7;}
.services-row{}
.services-col{padding:calc(var(--bs-gutter-x) * .5);}
.services-row .services-col:nth-child(even){background-color:#ffffff;box-shadow: 0 30px 20px #b6b6b61a;}
.services-card{display:flex;padding:1rem;}
.services-icon{width:65px;flex:0 0 65px;}
.services-icon img{width:100%;}
.services-dtl {flex:0 0 calc(100% - 65px);padding-left:25px;}
.services-dtl h3{font-size:1.35rem;font-weight:500;}
.services-dtl p{font-size:1.1rem;    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.read-more-btn{text-decoration:none;display:flex;padding:5px;border-radius:35px;align-items:center;font-size:1.15rem;width:170px;}
.read-more-btn span{display:flex;background:transparent;width:40px;height:40px;border-radius:50px;margin-right:15px;align-items:center;justify-content:center;}
.read-more-btn span img{width:60%;filter:invert(1);}
.read-more-btn:hover{background-color:var(--black);color:var(--white);}
.read-more-btn:hover span{background-color:var(--white);}
.services-row .services-col:nth-child(even) .read-more-btn{}
.services-row .services-col:nth-child(even) .read-more-btn span{display:flex;background:var(--black);}
.services-row .services-col:nth-child(even) .read-more-btn span img{filter:invert(0)}
.services-row .services-col:nth-child(even) .read-more-btn:hover span{background-color:var(--white);}
.services-row .services-col:nth-child(even) .read-more-btn:hover span img{filter:invert(1)}
.project-gallery{display:flex;flex-wrap:wrap;gap: 10px;margin:0;padding:0;list-style-type:none;;}
.project-gallery li{margin:0;padding:0;flex:0 0 calc(20% - 8px);}
.project-gallery li a{display:block;height:0;padding-top:70%;overflow:hidden;position:relative;}
.project-gallery li a img{min-width:100%;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.project-gallery li a:hover img{transform:translate(-50%,-50%) scale(1.1)}


.clouds {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.animation::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(0deg, #fff, #0000, #fff); */
  z-index: 1;
}

.animation::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  /* background: #03a9f445; */
}

.animation .cloud {
  background-repeat: repeat-X;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

/* .animation .cloud1 {
  background-image: url('https://raw.githubusercontent.com/gestok/clouds/main/clouds/clouds_1.png');
  animation: move1 20s infinite linear;
} */
 .animation .cloud2 {
  background-image: url('../images/clouds_2.webp');
  animation: move1 50s infinite linear;
}
/*.animation .cloud3 {
  background-image: url('https://raw.githubusercontent.com/gestok/clouds/main/clouds/clouds_3.png');
  animation: move1 17s infinite linear;
} */
@keyframes move1 {
  100% {background-position: -1000px 0;}
}
@keyframes move2 {
  100% {background-position: -1000px 0;}
}
@keyframes move3 {
  100% {background-position: -1579px 0;}
}
.mission-and-vision{margin-top:25px;}
.services{background-color:#f0f0f0;}

/* Responsive*/
@media screen and (min-width:1600px) and (max-width:1799px) {
  .banner-contents h1{font-size:4rem;}
  .welcome-text{padding:50px 70px 50px 70px;}
  .welcome-text h3, .building-left h3{font-size:1.5rem;}
  .carousel-container{left:33.595833%;}
  .subscribe-sub h3{font-size:2rem;}
  .subscribe-sub .btn{font-size:1.15rem;}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .banner-contents h1{font-size:3.75rem;}
  .welcome-text{padding:50px 50px 50px 50px;}
  .welcome-text h3, .building-left h3{font-size:1.45rem;margin-bottom:2rem;}
  .welcome-text .btn{margin-top:1.5rem;margin-bottom:2rem;}
  .why-us-card h3{font-size:1.25rem;}
  .carousel-container{width:58.7%;left:31.895833%;}
  .textSwiper{height:200px;}
  .subscribe-sub{padding:4rem 4.5rem;}
  .subscribe-sub h3{font-size:1.8rem;}
  .subscribe-sub .btn{font-size:1.15rem;}
  .footer-logo{width:125px;}
  .foot-phone-main ul{padding-left:0;}
}

@media screen and (min-width:1300px) and (max-width:1439px) {
  .right-header{width:100px;}
  .banner-contents h1{font-size:3rem;}
  .welcome-sub{width: 34.8958333333%;}
  .FSRE-text{flex:0 0 calc(65.15625% - 100px);}
  .FSRE-strip{flex:0 0 100px;}
  .welcome-text{padding:50px 50px 50px 50px;}
  .welcome-text .btn{margin-top:1rem;margin-bottom:1rem;}
  .why-choose{padding:3.5rem 100px 3.5rem 50px;}
  .why-us-card h3{font-size:1.25rem;}
  .carousel-container{width:62%;left:30.8958333333%;padding:2rem 2.375rem;}
  h1{font-size:1.75rem;}
  .textSwiper{height:200px;}
  .subscribe-sub{padding:4rem;}
  .subscribe-sub h3{font-size:1.45rem;}
  .subscribe-sub .btn{font-size:1.15rem;padding:1.25rem 2.5rem;}
  .subscribe .container-fluid{padding-left:100px;padding-right:100px;}
  footer{padding:7.688rem 100px 0 100px;}
  .footer-logo{width:100px;}
  .foot-phone-main{padding-left:25px;}
  .foot-phone-main ul{padding-left:0}
  .foot-phone-main li a img{width:25px;}
  .foot-phone-main li a{font-size:1.15rem;}
  footer .row .col-lg-6:first-child{padding-top:50px;}
  footer .row .col-lg-6:nth-child(2){display:flex;align-items:flex-end;flex-direction:column;justify-content:flex-end;}
  .foot-social{margin-bottom:auto;}
  .instagram{width:100%;}
}

@media (max-width: 767px) {
  header{z-index:100;width:50%!important;}
  header .container{}
  .logobar .FSRE{display:block;margin-left:0;width:100px;}
  .logobar .FSRE img{filter:invert(1) brightness(10)}
  .right-header{width:50%;height:70px;justify-content:space-between;align-items:center;flex-direction:row;direction:rtl;background-color:transparent;}
  .menu-list li + li{padding-bottom:0px;}
  .menu-list{display:flex;margin-bottom:0px;padding:0;}
  .menu-list li{margin-top:0rem;margin-right:15px;}
  .social-link{width:35px;display:flex;align-items: center;justify-content: center;}
  .social-link img{width:60%;display:block;filter:invert(1);}
  .social-menu{flex-direction:row ;margin:0;}
  .social-menu li{margin-bottom:0px;margin-left:10px;}
  .header-social{display:none;}
  .menu-list li a {width:32px;height:40px;}
  .menu-list li a img{width:70%;}
  .menu-list li a.d-block{display:flex!important;justify-content:center}
  .logobar-banner{width:100%;}
  .logobar-banner .FSRE{width:200px;}
  .banner-contents h1{font-size:40px;}
  .search-btn img{width:39%;}
  .search-main{left:130px;width:50px;height:50px;top: 9px;background-color:transparent;}
  .search-btn, .search-btn a, .search-btn button{width:50px;}
  .search-main.show{width:calc(100vw - 150px);}
  .search-main.show .search-input{right:50px;}
  .search-input{right:50px;width:calc(100vw - 200px);}
  .search-input .form-control{font-size:1.2rem;}
  .search-btn a, .search-btn button, .search-input .form-control{height:50px;}
  .menu-wraper{align-items:flex-start;padding-top:100px;}  
  .navbar ul li a.nav-link,.navbar ul li a.nav-link span{font-size:18px;}
  .menubar .submenu li a{font-size:18px;}
  .navbar ul li a.nav-link span::before{top:13px;}
  .navbar ul li a.nav-link:hover span, .navbar ul li.navdropdown:hover a.nav-link span{padding-left:30px;}
  .navbar ul li{margin:5px 0;}
  .navbar ul li.navdropdown.open .submenu{margin-top:0px;}
  .welcome.d-flex{ }
  .welcome-sub{width:100%;order:2;}
  .FSRE-text {order:1;flex:0 0 100%;}
  .FSRE-strip{display:none;}
  .welcome-text{padding:30px;}
  .welcome-text h3, .building-left h3{font-size:1.2rem;}
  .welcome-text .btn{margin-top:.5rem;margin-bottom:3rem;}
  .building-contents{margin:50px 0 0 0;}
  .building-left{max-width:100%;width:100%;flex:0 0 100%;}
  .building-contents{text-align: center;}
  .building-left h3 {  margin-bottom:1.5rem;}
  .building-left h4 {  margin-bottom: 1.5rem;}
  .building-contents .btn{margin-bottom:2rem;}
  .building-right{padding-right: calc(var(--bs-gutter-x) * 0.5);}
  .contact-info-box {
    margin-bottom: 30px;
    padding: 30px;
  }
  .contact-form {
    padding: 30px 15px;
  }
  .main-banner,
  .slide-holder,
  .banner-contents {
    height:500px !important;
    min-height:500px !important;
  }
  .banner-contents .text-center h1 {
    font-size: 2.5rem !important;
  }
}