@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Aileron';
  src: url('fonts/Aileron-Bold.eot');
  src: url('fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Aileron-Bold.woff2') format('woff2'),
       url('fonts/Aileron-Bold.woff') format('woff'),
       url('fonts/Aileron-Bold.ttf')  format('truetype'),
       url('fonts/Aileron-Bold.svg#Aileron') format('svg');
}

@font-face {
  font-family: 'Aileron-Regular';
  src: url('fonts/Aileron-Regular.eot');
  src: url('fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Aileron-Regular.woff2') format('woff2'),
       url('fonts/Aileron-Regular.woff') format('woff'),
       url('fonts/Aileron-Regular.ttf')  format('truetype'),
       url('fonts/Aileron-Regular.svg#Aileron') format('svg');
}

@font-face {
  font-family: 'Clear Sans Bold';
  src: url('fonts/ClearSans-Bold.eot');
  src: url('fonts/ClearSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/ClearSans-Bold.woff2') format('woff2'),
       url('fonts/ClearSans-Bold.woff') format('woff'),
       url('fonts/ClearSans-Bold.ttf')  format('truetype'),
       url('fonts/ClearSans-Bold.svg#Clear Sans') format('svg');
}

@font-face {
  font-family: 'Clear Sans';
  src: url('fonts/ClearSans-Regular.eot');
  src: url('fonts/ClearSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/ClearSans-Regular.woff2') format('woff2'),
       url('fonts/ClearSans-Regular.woff') format('woff'),
       url('fonts/ClearSans-Regular.ttf')  format('truetype'),
       url('fonts/ClearSans-Regular.svg#Clear Sans') format('svg');
}

/* comman style
----------------------*/
html, body{height:100%;}
body{margin:0;padding:0; font-family: "Noto Sans", serif; font-size:16px;line-height:24px;color:var(--primary);scroll-behavior:smooth;overflow-x:hidden;font-weight:400;}
a{text-decoration:none;color:var(--ftblue); transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
a:hover{color:var(--primary);text-decoration:none}
a:focus{outline:none;text-decoration:none;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;color:var(--primary);padding:0;line-height:1.2; font-family: "Noto Sans", serif; text-transform:none; font-weight:normal;}
h1{font-size:55px;}
h2{font-size:60px;}
h3{font-size:50px;}
h4{font-size:40px;}
h5{font-size:30px;}
h6{font-size:18px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p {margin:0 0 10px 0;line-height:28px;}
p:last-child {margin-bottom: 0px;}
ul, ol{margin:0;}
strong, b{font-weight:600;}
button{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
img {transition:all 0.3s ease-in-out 0s;}
/* comman form filed style -----------------------------*/




/*-----container--- */

.container {padding-right: 15px; padding-left: 15px;}
.row {margin-right: -15px; margin-left: -15px;}
.row > * {padding-left: 15px; padding-right: 15px;}

/*-----container-end-- */







/*-----Banner-start-----*/
.homebannerimg {background-repeat: no-repeat; /*background-position: center !important;*/ background-size: cover; position: relative; height: 100vh; background-color: #fff; }
/*.homebannerimg:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); content: "";}*/
.homemanibanner {position: relative;}

.banner-content .container {max-width: 95%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.banner-content {position: absolute; left: 0; top: 40px; width: 100%; height: calc(100vh - 80px); z-index: 9; color: #fff;}

.banner-slogen {font-size: 20px; color: #ffbd59; font-family: 'Clear Sans';}
.banner-flex {display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 20px; flex-wrap: wrap;}
.banner-text-content h1 {font-size: 40px; color: #fff; margin-bottom: 10px; font-family: 'Aileron';}
.banner-text-content {margin-bottom: 10px; font-family: 'Clear Sans Bold'; font-weight: normal;}
.banner-text-content a {color: #fff;}
.banner-text-content a:hover {color: #ffbd59;}
.landing-logo {margin-bottom: 15px;}

/*-----Banner-end-----*/

.homemanibanner .swiper-pagination {right: 50px; left: inherit; top: 70px; width: auto; display: flex; flex-direction: column;  align-items: center; gap: 10px; z-index: 99;}
.homemanibanner .swiper-pagination-bullet {width: 20px; height: 20px; background-color: #ffbd59; opacity: 1;}
.homemanibanner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}