@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@font-face {
    font-family: 'General Sans Semibold';
    src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
        url('../fonts/GeneralSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'General Sans Medium';
    src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
        url('../fonts/GeneralSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
:root { scroll-behavior: initial; }
* 						{ margin: 0px; padding: 0px; outline: none; }
body 					{ background: #0C0D0D; font-size: 16px; line-height: 19px; color: #fff; font-weight: 500; font-family: 'General Sans Medium'; letter-spacing: -0.02em; -webkit-text-size-adjust: none; font-display: swap; }
ul,ol 					{ padding: 0; list-style: none; }
a 						{ color: inherit; text-decoration: none; outline: none; cursor: pointer; }
a:focus, a:active, a:visited, a:HOVER	{ text-decoration: none; outline: none; }
a:HOVER					{ color: var(--theme-color-light); }
.head1,
h1        				{ margin: 0 0 16px; font-size: 96px; line-height: 96px; font-family: inherit; font-weight: 500; }
h2        				{ margin: 0 0 16px; font-size: 32px; line-height: 40px; font-weight: 700; }
h3        				{ margin: 0 0 8px; font-size: 40px; line-height: 40px; font-family: inherit; font-weight: 500; }
h4        				{ margin: 0 0 8px; font-size: 20px; line-height: 27px; font-weight: 500;}
h5        				{ margin: 0 0 8px; font-size: 16px; line-height: 20px; font-weight: 600; }
h6        				{ margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 600; }
.big-text    		    { font-size: 18px; line-height: 22px; }
small,
.small-text  		    { font-size: 14px; line-height: 18px; }
.xsmall-text  		    { font-size: 12px; line-height: 18px; }
.font-normal            { font-weight: 400; }
.font-semi              { font-weight: 600; }
.font-bold,
b                       { font-weight: 700; }
img                     { max-width: 100%; }
.block-img > span       { display: block !important; }
.common-section         {padding: 120px 0px 60px;}
p                       {font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.36px; }
/******* Common Element CSS End *********/

/* -------- Title Style ------- */
/* -------- Button Style ------- */

/******* Header Section CSS Start *******/

/******* Header Section CSS End *********/

/******* Banner Section CSS Start *******/
.banner-section         { overflow: hidden;}
.banner-content { background: #0C0D0D; height: 500px; max-height: 70%; aspect-ratio: 1; border-radius: 50%; }
.glow-img { animation: fadeIn 10s linear alternate infinite; height: 600px; max-height: 120%; aspect-ratio: 1; top: 50%; left: 50%; transform: translate(-50%, -70%); }
.banner-content h3 { opacity: 0.3; }
.contact { bottom: 5%; color: rgba(255, 255, 255, 0.16);}
.contact a { color: #fff; }

@keyframes fadeIn {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
  }
/******* Banner Section CSS End *********/

/******* Middle Section CSS Start ******/
/* -------- Inner Page ------- */



/******** Middle Section CSS End *******/



/****** Bottom Section CSS End *******/

/***** Responsive CSS Start ******/

@media (min-width: 1200px) and (max-width: 1399px) {
    h1        				{ font-size: 64px; line-height: 70px; }
    h3        				{ font-size: 36px; line-height: 36px; }
    .banner-content { height: 400px; }
    .glow-img { height: 500px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    h1        				{ font-size: 48px; line-height: 50px; }
    h3        				{ font-size: 32px; line-height: 34px; }
    .banner-content { height: 340px; }
    .glow-img { height: 440px; }


}

@media (min-width: 768px) and (max-width: 991px) {
    h1        				{ font-size: 36px; line-height: 36px; }
    h3        				{ font-size: 24px; line-height: 30px; }
    .banner-content { height: 320px; }
    .glow-img { height: 440px; }


}

@media (max-width: 767px) {
    h1        				{ font-size: 36px; line-height: 36px; }
    h3        				{ font-size: 20px; line-height: 24px; }
    .banner-content { height: 300px; }
    .glow-img { height: 440px; }

    

}