@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Black.woff2') format('woff2'),
        url('font/OverusedGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Bold.woff2') format('woff2'),
        url('font/OverusedGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-ExtraBold.woff2') format('woff2'),
        url('font/OverusedGrotesk-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Light.woff2') format('woff2'),
        url('font/OverusedGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Book.woff2') format('woff2'),
        url('font/OverusedGrotesk-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Medium.woff2') format('woff2'),
        url('font/OverusedGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-Regular.woff2') format('woff2'),
        url('font/OverusedGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overused Grotesk';
    src: url('font/OverusedGrotesk-SemiBold.woff2') format('woff2'),
        url('font/OverusedGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

 

*,
::after,
::before {
    box-sizing: border-box
} 
body {
   font-family: 'Overused Grotesk';
    line-height: 1.4; 
    margin: 0;   
      color: #000;
      background: #fff
     
}
.hadding {
    font-size: 62px;
    font-weight: 400; line-height: 53px;
}
.hadding span{  font-weight: 600;}
.hadding2 { font-size: 42px;}
 
.ttu{ text-transform: uppercase;}  
a{ color: #fff; text-decoration: none;}
.btn {
    color: #000;
    border-radius: 50px;
    padding: 12px 25px;
    background: #fff; 
     font-weight: 500;
}
.black_btn {
    color: #fff;
    
    background: #000;
}
.ttu{ text-transform: uppercase;}
p {
    margin-top: 0;  
    margin-bottom: 1rem
}
ol, ul {
    padding-left: 0;
}
 
.navbar {
    background: #000; padding-top: 40px;
}
.navbar-nav .nav-link { 
    font-weight: 500;
    border-radius: 25px;
    padding: 7px 15px;
     margin: 0 20px;color: #fff;
}

.w100{ width: 100%;   }
.container-fluid {
    padding: 0 65px;
}
.hero {
    padding: 220px 0 80px;
    text-transform: capitalize;
    
}
.hero p{  }
.hero h1 { font-size:60px;     text-transform: capitalize; font-weight: 400;     line-height: 50px;}
.hero h1 span{  font-weight: 600;}
.hero h2{  font-size: 60px; margin-bottom: 20px;} 
.hero_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pt-80{ padding-top: 70px;}
.pb-80{ padding-bottom: 70px;}
.h55{ height: 55px;} 
.fs30 {
    font-size: 28px;
    line-height: 36px;
}
.signature {
    height: 120px;
    display: block;
    margin: -65px 0 0 auto;
}
.sajeev1 {
    margin-top: -1px;
}
.sajeev1_content p{  text-transform: capitalize;}
@media (min-width: 768px) {
.mission_sec .col-md-5 { 
    width: 40%;
}
}
.logo_sec img { 
    height: 28px; margin: auto 25px;
}
 
.logo_sec .owl-nav, .logo_sec  .owl-dots{  display: none;}

.pack_img2{ display: none;}
.pack_item:hover .pack_img1{ display: none;}
.pack_item:hover .pack_img2{ display: block;}

.pack_item{     flex: 1; height: 550px;
    overflow: hidden; background: #000;;
    transition: all 0.4s 
ease;
}
.pack_item img.w100 {
    position: absolute;    opacity: 0.95;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.pack_item .number{    position: absolute;
    right: 25px;
    top: 30px;
    color: #fff;
    font-size: 25px;
    font-weight: 400;}
.pack_item .pack_b {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;    padding: 20px;
    color: #fff; flex-direction: row;        align-items: flex-end;
}
.pack_item h3 {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    min-width: 245px;
    width: 245px;
}
 .pack_item:hover {
    flex: 4;
}
.pack_item_right{ transition: all 0.4s ease; display: none; min-width: 450px; max-width: 450px; font-size: 20px;}
.pack_item_right h4{   font-size: 25px; font-weight: 600; margin-bottom: 20px;}
 .pack_item:hover .pack_item_right { display: block;}
.row_pp{    flex-direction: row;
    align-items: flex-end;}
.p_small_img img {
    max-height: 30px;
    margin: 10px 25px 5px 0;
    min-width: 55px;  
}

.what_bg {
    background: #E2E2E2;
    padding: 20px;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    color: #303030;
}
.what_bg b{ font-weight: 600; display: block;}
.what_sec p{ font-size: 18px; text-transform: capitalize;    color: #303030;}
.what_sec .owl-nav {
    position: absolute;
    right: 0;
    bottom: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100vw;
    padding-left: 80px;
}
body .what_sec .owl-nav button {
    border: 1px solid #909090!important;
    width: 50px;
    height: 50px;
    font-size: 30px!important;
    border-radius: 100%;
    color: #909090!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 7px!important;
}
body .what_sec .owl-nav button:HOVER{ background: #000000!important;   color: #FFFF!important;  border: 1px solid #000!important;}
.joinbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
  .join_section{ font-size: 20px;margin-bottom: -1px; text-transform: capitalize;}
.fw600{font-weight: 600;}
.social_icon a {
    display: inline-flex;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: #383D38;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}
.newsletter input {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444444;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #444444;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #444444;
}
:-moz-placeholder { /* Firefox 18- */
  color: #444444;
}
.what_sec .owl-dots{display: none;}
.hero_img2, .joinbg2{ display: none;}
.footer{ padding: 80px 0;margin-top: -1px;}
 .mo{display: none;}
 .in_bg{ position: absolute; right: 0; top: 0; width: 100%;}
 .in_logo{   height: 82px;}
.in_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
 .in_box h6 img{height: 26px;}
 .in_box .btn{ margin-top: 40px;}
 .in_page{ padding: 100px 0 50px;}
 .border_in_p{ border: 1px solid #464646; background: #000000a6;}
 .ttc{ text-transform: capitalize;}
 .fw200{ font-weight: 200;}
 .hadding_dsn{ height: 18px; margin-bottom: 30px; } 
.sajeev-in-tem2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.what_sec .owl-carousel .owl-stage { 
    margin-left: -100px;
} 
.what_sec .col-5 {
    flex: 0 0 auto;
    max-width: 300px;
}
 .p_about{ padding: 60px 60px 40px;}
 .ep-overlay{    position: inherit !important;}
 .ep-header{display: none!important;}
.close_btn {
    color: #fff!important;
    background-color: #fff!important;
    opacity: 1!important;
    display: flex;
    width: 25px!important;
    height: 25px!important;
    margin-left: auto;
}
#_builder-form{    padding-top: 10px!important;}
.modal_content_p {
    background: #000!important;
}
 

.ep-iFrameLarge::-webkit-scrollbar {
background: #000!important;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
.ep-iFrameLarge::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #181818!important; /* or add it to the track */
}

/* Add a thumb */
.ep-iFrameLarge::-webkit-scrollbar-thumb {
  background: #aaaaaa!important;
}
/* ===========Responsive===============*/

@media screen and (max-width:991px) {
.hero h1 { font-size: 50px;}
.hadding {
    font-size: 40px;
    line-height: 44px;
}
.hero h1 br{ display: none; }
.hero { text-align: center;background: #000;}
.signature {
    display: block;
    margin: 40px auto 0;
}
.pt-80 {
    padding-top: 45px;
}
.pb-80 {
    padding-bottom: 45px;
}
.what_bg { 
    padding: 10px;
    min-height: 400px; font-size: 14px;
}

}
@media screen and (max-width:767px) {
.mo_none{ display: none;}
 .mo{display: block;}
 .dp{display: none;}
.hero_img1, .joinbg1{ display: none;}
.hero_img2, .joinbg2{ display: block;}
.mow100{ width: 100%;}
.hero_gap_mo{    gap: 350px; }
.hero {    padding: 60px 0;}
.hero h1 { font-size:40px;    line-height: 35px;}
.navbar {  padding-top: 20px; }
.hadding { font-size: 34px; line-height: 40px;}
.owll2{    display: none !important;}
.mo_br_none br{ display: none;}
.what_sec{ text-align: center; padding-bottom: 100PX; }
.what_sec .col-md-9{background: #F4F4F4;}
.join_section  { padding-top: 250px; font-size: 18px;}
.footer   { padding: 100px 0 50px;}
.logo_sec img {
    height: 35px;
    margin: auto 20px;
}
.fs30 {
    font-size: 22px;
}
.ep-wrapper {
    height: 100% !important;
    width:100% !important
}
.what_sec .owl-nav {
    text-align: center;
    bottom: -70px;
    padding-left: 0;
    left: 0;
    justify-content: center;
}
.pack_item h3 {
    font-size: 18px;
    line-height: 20px;
    min-width: 140px;
}
.pack_item_right h4 {
    font-size: 15px; 
}
.pack_item_right { 
    min-width: auto; 
    font-size: 14px;
}
.pack_item { 
    height: 400px; 
}
.pack_item:hover { 
   height: 500px; 
}
.p_small_img img {
    max-height: 10px;
    margin: 5px 10px 5px 0;
    min-width: auto;
}
.what_sec p {
    font-size: 15px; 
}
.sajeev1 {
    height: auto; 
}
.hero_img{ top: 8%;}
.border_in_p{ font-size: 10px;}
.hadding_dsn {
    height: 10px; 
}
.in_bg {
    position: fixed; 
    width: auto;
    height: 100%;
    object-fit: cover;
}
.in_logo {
    height: auto;
    max-width: 82%;
}
.container-fluid {
    padding: 0 30px;
}
.what_sec .owl-carousel .owl-stage { 
    margin-left: 0;
} 
.what_sec .col-5 { 
  max-width: 41.66666667%;
}
.mo_p_0{ padding: 0 15px}
.p_about {
    padding: 32px;
    text-align: center;
}
.ep-iFrameLarge {
    height: auto!important; 
}
#exampleModal{    top: 5%;}
}

.btn_more {
    background-color: #fff !important;
    border-radius: 20px !important;
    padding: 9px 0px;
}