@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

 

html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}

body {line-height: 1.7;  color:#1A1F36; font-family: 'Lato', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}

.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

a { text-decoration: none;color: #000;}

a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}

a:focus, :focus {outline: 0  !important; box-shadow:none !important}

ul{ list-style:none; padding:0}

button:focus{ outline:none}



/*FONT WEIGHTS*/

.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}



/*HEADINGS*/

 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "Jost", sans-serif;}

.all_heading{font-size:56px; font-family: "Jost",sans-serif; font-weight:300;text-transform:uppercase;letter-spacing: 0.3px;}  

.sub-heading{font-weight: 400; font-size: 18px; line-height: 160%; letter-spacing: 0.3px;}





/*BUTTONS*/

.btn {font-size: 12px;padding-top: 12px;padding-bottom: 12px;padding-left: 40px; padding-right:40px;font-weight: 600;border-radius:0px;letter-spacing:0.1em; text-transform:uppercase;}

.btn-primary{ border-color:#000;color: #fff; background:#000}

.btn-primary:hover{ background-color:#333; border-color:#333}



/*FORM CONTROL*/

.form-control{border: 1px solid #ddd; height: 45px;border-radius:0px;font-weight: 300;padding-right: 10px;padding-left: 10px;font-size: 14px;}

.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color: #000;}

textarea{resize: none;}

textarea.form-control { height: auto !important;}



/*FONT SIZE 8 to 72px */

.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}





/*CONTAINER*/

.custom-width{max-width: 1250px} 

.my-space{ padding:120px 0}





/*BACKGROUNDS COLORS*/

.bg-pastel{background: #f5f1e9}



/*SWIPER PAGINATION*/

.swiper-pagination{margin-top: 10px;}

.swiper-pagination-bullet-active{background-color: #000;}



/*SWIPER NAV BUTTONS*/

.swiper-button-next, .swiper-button-prev,

.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}



.swiper-button-next, .swiper-button-prev{z-index: 1;}

.swiper-button-prev:after, .swiper-button-next:after{font-size: 30px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }





/*EFFECTS*/

.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}

.zoom-hover:hover img{transform: scale(1.02);}



/*#################################################################*/

/*##################_________MAIN STYLES_________##################*/

/*#################################################################*/

body{position: relative;}

.site-header{padding-bottom: 100px;position:absolute; left: 0; right: 0; top: 0; z-index: 999;background: #000; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

.navbar-brand {position: relative; z-index: 2; width:185px;} 

.site-header .navbar{padding-top: 30px; padding-bottom: 12px;}

.site-header .navbar .navbar-collapse{justify-content: flex-end;}

.site-header .navbar .navbar-collapse .navbar-nav{align-items: center;} 

.site-header .navbar .nav-item  .nav-link{ font-size:14px; letter-spacing: 0.5px; text-transform:uppercase; color:#FFF;margin-left: 15px; margin-right:15px;align-items: center;display: flex; }

.site-header .navbar .nav-item  .nav-link:hover{opacity: .6;}

.site-header .navbar .btn{border-width: 2px; margin: 0; font-weight: 600; font-size: 14px; letter-spacing: 0.5px;} 

.site-header .navbar .btn:hover,.site-header .navbar .btn:focus{background-color: #fff!important; color: #333!important;} 

  

/*#########________HAMBURGER MENU BUTTON START________#########*/

.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}

.site-header .navbar-toggler:focus,

.site-header .navbar-toggler:active{outline: 0;}

.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }

.site-header .navbar-toggler .navbar-toggler-icon:before,

.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #fff; border-radius: 4px; transition: 0.3s all ease-in-out; }

.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}

.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}

.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #fff;}

.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}

.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}



@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}



/*NAVIGATION DROPDOWN ON HOVER*/

.site-header .dropdown-item.active, 

.site-header .dropdown-item:active,

.site-header .dropdown-item:hover { }

.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}



 

.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:13px; color:#0C0E12;height: auto;}

.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: #000; color:#fff}

@media (max-width: 991px){

.site-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}

.site-header .nav-item.active .nav-link {border-bottom: none; }

}

@media (min-width: 992px){

.site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}

} 

.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 



/*HEADER FIXED ON SCROLL*/

.site-header {position: fixed;top: 0;left: 0; right: 0;z-index: 999;transition: transform 0.3s ease;}

.site-header.header-up {transform: translateY(-100%);}

.site-header.header-down {transform: translateY(0); }



/*#####################__________HERO BANNER SECTION __________########################*/

.hero-section{position: relative;}

.hero-video{width: 100%; height: 100vh; display: block; margin: 0; position: relative; z-index: 20; object-fit: cover; object-position: center;}

.hero-video-heading { position: absolute;  bottom:50px; z-index: 99; margin-left:50px}

.video-hd{ text-transform: uppercase;color: #fff;}

 

/*###################___________ABOUT HOMEPAGE SECTION___________######################*/

 

.video-btn {position: absolute;right: 15px;margin: auto;content: "";bottom: 15px;height: 40px;width: 40px;line-height: 40px;text-align: center;border-radius: 50%;font-size: 14px;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);color:#fff;border: 1px solid #ddd;}



@-webkit-keyframes pulse {

 0% {-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)}

 70% {-webkit-box-shadow:0 0 0 45px rgba(255,255,255,0)}

 to { -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}

}

@keyframes pulse {

 0% {box-shadow:0 0 0 0 rgba(255,255,255,.4)}

 70% {box-shadow:0 0 0 45px rgba(255,255,255,0)}

 to {box-shadow:0 0 0 0 rgba(255,255,255,0)}

}



 

/*###################___________MEET OUR TEAM SECTION___________######################*/ 



.Ourteam-section .upcoming-nav-wrap {max-width: 50%; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto;}

.Ourteam-section .swiper-slide img{filter: grayscale(100%);opacity: 0.9}

.Ourteam-section .swiper-slide.swiper-slide-active img{filter: grayscale(0);opacity: 1;}



.Ourteam-section .swiper-slide{transition: transform .7s linear;}

.Ourteam-section .swiper-slide.swiper-slide-prev,

.Ourteam-section .swiper-slide.swiper-slide-next{transform: scale(0.9);}



.Team_box{ max-width:430px; margin: 0 auto 60px auto}



.Ourteam-section  .swiper-slide-active .tM-text, .Ourteam-section  .swiper-slide-active .play-video-btn{ opacity:1;transition: opacity 0.9s ease-in-out}

.Ourteam-section .tM-text, .Ourteam-section .play-video-btn{ opacity:0 }



  

.play-video-btn {display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 8px;cursor: pointer;position: absolute;bottom: 9px;right: 0;z-index: 1;letter-spacing: .02em;}

.play-video-btn .icon {margin-left: 10px;display: flex;margin-right:10px;width: 30px;height: 30px;border: 1px solid rgba(236, 232, 229, 0.40);align-items: center;justify-content: center;border-radius: 50%;}

.play-video-btn:hover{ color:#fff; opacity:.8}  

a.play-video-btn:focus{ color:#fff;}



/*###################___________PEGASUS EXPERIENCE SECTION___________######################*/

.experience-section .upcoming-nav-wrap{max-width:65%; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto;} 

.experience-section .play-video-btn {bottom: 25px;}



/*###################___________TESTIMONIES SECTION___________######################*/

.testimonies-block{padding: 24px;-webkit-transition: 0.5s;transition: 0.5s;background-color: #fff;height: 100%}

.testimonies-block .people-img img{height: 75px; width: 75px;}

.testimonies-block h5{ color:#000}

.testimonies-block .lead{ font-size: 15px; font-weight: 400;line-height: 24px;color: #6B7380;margin-top: 10px;}

.testimonies-block .flex-grow-1 p {font-size: 14px;font-style: normal;line-height: 20px;color: #6B7380; margin-bottom:0}

.google-rating{width: 230px;padding-right: 22px}





/*###################___________OUR VALUED PARTNERS SECTION___________######################*/

.As_logos .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; }

.As_logos .medias {min-height: 110px;margin-top: 24px; margin-bottom: 24px; display: flex; justify-content: center; align-items: center; padding: 10px 10px; transition: all 300ms ease-in-out;background: #ffffff;cursor: pointer;}

.As_logos .medias img{max-width:85%; width:85%; height: 85px; object-fit: contain; display: block; margin: 0 auto; transition: all 300ms ease-in-out; filter: grayscale(1);}

.As_logos .medias:hover{ -webkit-transform: scale(1.02); transform: scale(1.02);}

.As_logos .medias:hover img{filter: grayscale(0);}

 

/*###################___________ GET ACCESS SECTION___________######################*/

.get-access-sec {background-attachment: fixed !important; padding: 120px 0;}

.multi-step-form .step {

  display: none;

}

.multi-step-form .step.active {

  display: block;

  animation: fadeIn 0.4s ease;

}



@keyframes fadeIn {

  from { opacity: 0; transform: translateY(10px); }

  to { opacity: 1; transform: translateY(0); }

}

 

/*###################___________LATEST NEWS SECTION___________######################*/



.article__block{display: block; margin-bottom: 10px;margin-top: 10px;position: relative;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.article__block:hover{transform: translate(0,-5px)}

.article__block .arrow{content: "";width: 0;height: 0;border-bottom: 35px solid #000;border-left: 35px solid transparent; position: absolute;bottom: 10px;right: 10px;z-index: 9;color: #fff; font-size: 12px;display: block;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;visibility: hidden;opacity:0;}

.article__block .arrow i{position: absolute;left: -15px; top: 18px;}

.article__block:hover .arrow{right: 0;bottom: 0;visibility: visible;opacity: 1;}

.article__block h5{  font-size: 19px; line-height: 20px;height: 40px;overflow: hidden;}

.article__block time{font-size: 12px; color: #848991;}

.pagination-wrap .page-numbers {

  display: inline-block;

  padding: 8px 14px;

  margin: 0 5px;

  background: #f7f7f7;

  border-radius: 4px;

  text-decoration: none;

  color: #333;

}

.pagination-wrap .current {

  background: #000;

  color: #fff;

}

/*###################__________FOOTER SECTION___________######################*/



.footer-main{ background-color:#000; font-size:14px}

.footerlogo img{ width: 180px;}

.footer-main h6{color:#fff; margin-bottom: 20px; font-size: 18px; font-weight: 500;text-transform: uppercase; letter-spacing:.03em}

.footer-main .social-handles a{font-size: 20px;margin-right: 16px;color:#213343;background: #fff;width: 35px;height: 35px;display: inline-block;border-radius: 3px;text-align: center;line-height: 37px;}



.footer-main .footer-links ul li{margin-bottom:15px;}

.footer-main .footer-links ul li a{display: block;}

.footer-main .footer-links ul li a,

.footer-main p,

.footer-main address,

.footer-main p a{color:#f5f1e9;}



.footer-main .footer-links ul li a:hover,

.footer-main p a:hover,

.footer-main .social-handles a:hover{color:#50575a;}



.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}



.footer-main .ftr-contact-info .info-block h6{color:#fff; text-transform: uppercase; font-size: 15px; margin-bottom: 5px;}



.footer-btm{ font-size:12px; }

.footer-btm .copyrights{color:#f5f1e9;}

.bdr{ background: #b9b9b9;box-shadow: 0px 1px 0px 0px rgba(197, 197, 197, 0.55);}

 

/*****back to top******/

.back-to-top {background: #ffffff;bottom: 10px;color: #000;font-size: 16px; padding:5px 13px;position: fixed; z-index: 10;right:5px;}

.back-to-top:hover {background:#ddd;color: #000;}



.fixed-social {position: fixed;bottom: 100px;right: 5px;z-index: 5}

.fixed-bt {color: #fff;font-size: 18px; height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;text-align: center}

.fixed-social .whatapp { background-color: #10b418;margin-top: 5px}

.fixed-social .whatapp:hover{background-color: #fff;color: #000}





/*###################__________ABOUT US PAGE___________######################*/

.page-top-banner { height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: top center}

.page-top-banner.member-page{height:80vh; }

.team-member_info{font-weight: 300;font-size: 25px;text-transform: uppercase;letter-spacing: 1.5px}

.team-member_role {display: block; font-size: 14px;line-height: 24px; text-transform: uppercase;letter-spacing: 1.5px}

 

.team_block .button{ z-index: 1; position: absolute;opacity: 0;transition: opacity .35s ease; left:0; right:0; bottom:30px;display: inline-table;margin: 0 auto;}

.team_block:hover .button { opacity: 1;}

.team_block:hover img{ opacity:.5} 



.Sell-section  .num {font-size: 36px;font-weight: 600;position: absolute;left: 4px;bottom: 6px;width: 60px;height: 60px;text-align: center;border-radius: 50px;border: 1px solid #fff;color: #fff;background: #0000001f;}

.Sell-section .steps{font-size: 13px;margin-bottom: -20px;display: block;margin-top: 7px;letter-spacing: 1px;}





.member-detailsSec{margin-top: -360px;}





/* BLOG DETAIL CSS =============================================================================== */

.article_main_thumb { position: relative; display: block; max-height: 450px; overflow: hidden;margin-bottom: 15px;}

.article_mn_title h1{ font-size:28px}

.article_secs img{ width:100%; margin-bottom:10px}

 

.sidebar-widget {margin-bottom:10px;border: 1px solid rgba(128,137,150,0.1); padding: 30px; }

.widget-title {font-size:20px}

 

.widget-category li {list-style: none; margin-bottom:5px;padding-left: 20px;position: relative;}

.widget-category li::before {content: '';width:8px; height:8px;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);background-color:#000;position: absolute;top:10px;left: 0;}



.widget-category li a:hover { color:#50575a;} 



.mini-list-card {display: -webkit-flex;display: -ms-flex;display: flex;}

.mini-list-card .mini-list-img img {width:85px;height: 100%;}

.mini-list-card .mini-list-body{ padding-left:10px}

.mini-list-card .mini-list-title {line-height: 18px;}

 

.blog-top-bnar{height:40vh }





/*------Press page css----*/

.news-block .news-link{display: block;padding-bottom: 20px;padding-top: 15px;margin-bottom: 15px;margin-top: 15px;border-bottom: 1px solid #eeeeee;}

.news-block .news-link .news-info{font-size: 12px;margin-bottom: 0.5rem;text-transform: uppercase;font-weight: 600;}



.news-block .news-link p{ font-size: 13px;color:#5d5c5c; }

.news-block .more-link{letter-spacing: 1px; font-weight: 600; color: #00293f; font-size: 12px; text-transform: uppercase;}

.news-block:hover .news-link h5{color:#000;}

.news-block:hover .news-link p{color:#333;}

.news-block:hover{background: #f8f9fa; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}

 

 

  

 

/*#################################################################*/

/*################___________MEDIAQUERIES____________##############*/

/*#################################################################*/

@media screen and (min-width: 1900px) {

}

 

@media screen and (min-width: 1600px) {



}

  

@media screen and (min-width: 1400px) {.hero-video-heading { margin-left:100px}

  

} 



@media (max-width: 1439.98px) {  

 

}



@media (max-width: 1199.98px) {

    

}



@media (max-width: 991.98px) {

    

}



@media (max-width: 767.98px) {

.all_heading {font-size: 40px;}
.hero-video-heading {margin-left: 0}
}



@media (max-width: 576.98px) {
.all_heading {font-size: 35px;}
.site-header .navbar .navbar-collapse .navbar-nav { background: #000;padding: 15px 0;}
.site-header .navbar .nav-item .nav-link {font-size: 17px;}
.Ourteam-section .upcoming-nav-wrap {max-width: 100%;}
.my-space {padding: 50px 0}
.Team_box {max-width: inherit;margin: auto}
.google-rating {margin-bottom: 10px}
.footer-about{ margin-bottom:10px}
.navbar-brand {width: 145px}
.page-top-banner {height: 55vh;}
#team .Team_box{ margin-bottom:20px}
.team-member_info {font-size: 20px;}
.team-member_role {font-size: 13px;}
.team_block .button { bottom: 0px;}
}