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

#main_index {
    overflow: hidden;
    padding-bottom: 0 !important;
   
}

a:hover {
    text-decoration: none;
}

.index_wrapper_1 {
    height: 0;
}

@media screen and (max-width: 991.5px){

.index_wrapper_1 {
    height: 80px;
}

}

@media screen and (max-width: 767.5px){
.index_wrapper_2 .item>img{
      
    min-height:80vw!important;
    object-fit:cover;
  
}

}

/*Nav*/

#main_index .navbar_type8 {
  
    background-color: transparent;
    height: 120px;
}

.navbar_type8 {
    
    background-color: #fff;
    height: 120px;
    
}

.dark_nav {
    background-color: #fff !important;
 
}

.navbar_type8 .nav_tab {
    flex: 0 1 90%;
    
    padding-left: 0;
    padding-right: 16%;
   
}

.navbar_type8 .logo {
    flex: 0 1 10%;
    overflow: visible;
    margin-left: 6%;
}

#main_index .navbar_type8 .logo img {
   
    top: 15px;
}

.navbar_type8 .logo img {

    width: 115px;
    top: -5px;
    padding: 0;
}

.dark_nav .logo img {

    
    top: -5px !important;
  
}

#main_index .navbar_type8 .nav_tab .nav_item a {
    color: #fff;
 
}

.dark_nav .nav_tab .nav_item a {
    color: #000 !important;
 
}

.navbar_type8 .nav_tab .nav_item a {
    color: #000;
    padding: 15px 2.05vw;
    font-size: 1vw;
    font-weight: 300;
}

.navbar_type8 .nav_tab .nav_item::before {
    top: 100%;
    width: 0%;
    left: 50%;
    border-bottom: none;
    transition: all 0.4s ease-in-out;
    opacity: 1;
    height: 2px;
    transform: translate(-50%, 0);
    background-color: #000000;
     
}

.navbar_type8 .nav_tab .nav_item:hover::before {
  
    width: 60%;
 
     
}

.navbar_mobile .logo_img {
  
    transform: scale(1.25);
}

.navbar_mobile {
  
    background-color: #fff;
  
}

.navbar_mobile .btn-outline-light {
    border-color: #000;
    color: #000;
}

@media screen and (max-width: 1200.5px){
.navbar_type8 .nav_tab {

    padding-right: 12%;
}

.navbar_type8 .nav_tab .nav_item a {
    
    padding: 15px 1.5vw;
    font-size: 1.25vw;

}

}

/*Banner*/

.hp_banner {
    text-align: end;
    padding-top: 35.5%;
    padding-right: 6.75%;
    height: 100%;
    overflow: hidden;
}

.hp_banner_bbox {
    transition: 0.3s;
    width: 3vw;
    margin-left: auto;
}

.hp_banner_bbox:hover {
    transform: rotate(-90deg);
}

.hp_banner_title1 {
    color: #fff;
    font-size: 1.55vw;
    letter-spacing: 0.2vw;
    font-weight: 300;
    margin-bottom: 0.75%;
    padding-bottom: 1.25%;
    position: relative;
}

.hp_banner_title1:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #0078ad;
    width: 11vw;
    height: 5px;
}

.hp_banner_title2 {
    color: #fff;
    font-size: 2.9vw;
    font-weight: 700;
    margin-bottom: 1%;
}

.hp_banner_desc {
    margin-bottom: 1.5%;
    font-size: 1.17vw;
    color: #fff;
    font-weight: 300;
    
}

@media screen and (max-width: 1200.5px){
.hp_banner_title1 {
    
    font-size: 1.85vw;
    letter-spacing: 0.2vw;
  
    margin-bottom: 0.75%;
    padding-bottom: 1.25%;
   
}

.hp_banner_title1:before {
   
    width: 12.5vw;
    height: 0.4vw;
}

.hp_banner_title2 {
  
    font-size: 3.4vw;
    margin-bottom: 1%;
}

.hp_banner_desc {
    margin-bottom: 1.5%;
    font-size: 1.47vw;
  
}

.hp_banner_bbox {
    width: 3.5vw;
   
}

.hp_banner {
    
    padding-top: 34%;
    padding-right: 6%;
   
}

}


@media screen and (max-width: 767.5px){
.hp_banner_title1 {
    
    font-size: 4vw;
    letter-spacing: 0.25vw;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 1.5%;
    padding-bottom: 3%;
   
}

.hp_banner_title1:before {
   
    width: 25vw;
    height: 1vw;
}

.hp_banner_title2 {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    font-size: 7vw;
    margin-bottom: 3%;
}

.hp_banner_desc {
    margin-bottom: 3%;
    font-size: 3.65vw;
    line-height: 1.6;
}

.hp_banner_bbox {
    width: 10vw;
   
}

.hp_banner {
    
    padding-top: 25%;
    padding-right: 3%;
    padding-left: 3%;
   
}

}

/*Secret*/

.hp_video {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0 7% 0;
}

.hp_video .container-fluid,
.hp_video .row,
.hp_video .col-12 {
    padding: 0;
    margin: 0;
}

.hp_video iframe {
    width: min(100%, 42%);
    aspect-ratio: 9 / 16;
    height: 20vw;
    display: block;
    border: 0;
}

/*.hp_video iframe {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    aspect-ratio: 9 / 16;*/
/*    object-fit: cover;*/
/*}*/

.video_box {
    width: 100%;
    height: 100%; /* same height as your video */
}

.video_box iframe {
    width: 100%;
    height: 21vw;
}

/*About*/

.hp_about {
    padding: 6% 0% 4% 6%;
    position: relative;
}

.hp_about:before {
    position: absolute;
    content: "";
    top: 10%;
    right: 0%;
    background-image: url('https://cdn1.npcdn.net/img/1772068036about-us_bg_white.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 80%;
    height: 78%;
}

.hp_about .row {
    align-items: center;
}

.hp_about_image {
    width: 100%;
}

.hp_about_ibox {
    margin-right: 3%;
    position: relative;
}

.hp_about_ibox:before {
    position: absolute;
    content: "WHO WE ARE";
    top: 9%;
    left: -18%;
    color: #000;
    font-size: 1.3vw;
    transform: rotate(-90deg);
    font-weight: 600;
}

.hp_about_ibox:after {
    position: absolute;
    content: "";
    bottom: 64%;
    left: -21%;
    background-color: #000;
    transform: rotate(-90deg);
    width: 11vw;
    height: 1.5px;
}

.hp_about_title1 {
    font-size: 0.95vw;
    color: #000;
    font-weight: 300;
    margin-bottom: 1.5%;
}

.hp_about_title2 {
    font-size: 2.15vw;
    color: #000;
    font-weight: 700;
    margin-bottom: 3.5%;
}

.hp_about_desc {
    font-size: 1.07vw;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 3%;
    color: #000;
}

.hp_about_item {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.5vw;
    font-weight: 400;
    letter-spacing: 0.2vw;
    margin-right: -1.5%;
}

.hp_about_itbox span {
    display: block;
    background-color: #fff;
    width: 8vw;
    height: 1px;
}

.hp_about_icon {
    width: 3vw;
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7486%) hue-rotate(4deg) brightness(98%) contrast(103%);
}

.hp_about_icon:hover {
    transform: rotate(-90deg);
}

.hp_about_itbox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5vw;
    background: #000;
    margin-right: -15px;
    margin-left: -18.5%;
    padding: 4% 1% 4%;
    margin-top: 10%;
}

.hp_about_bbox {
    margin-left: -9%;
    margin-top: -13%;
}

.hp_about_box {
    padding-top: 9%;
}

@media screen and (max-width: 1200.5px){
.hp_about_title1 {
    font-size: 1.25vw;
   
    margin-bottom: 1.5%;
}

.hp_about_title2 {
    font-size: 2.45vw;
    
    margin-bottom: 3.5%;
}

.hp_about_desc {
    font-size: 1.37vw;
    margin-bottom: 3%;
    
}

.hp_about_desc br {
    display: none;
}

.hp_about_item {
   
    font-size: 1.75vw;
    letter-spacing: 0.2vw;
    margin-right: -1.5%;
}

.hp_about_itbox span {
    
    width: 7.5vw;
  
}

.hp_about_icon {
    width: 3.5vw;
    
}


.hp_about_itbox {

    gap: 2vw;
    
    margin-right: -15px;
    margin-left: -20%;
    padding: 5% 1% 5%;
    margin-top: 11%;
}

.hp_about_box {
    padding-top: 6%;
}


.hp_about_ibox:before {
    top: 10%;
    left: -20%;
    font-size: 1.5vw;
 
}

.hp_about_ibox:after {

    bottom: 63%;
    left: -18%;
    width: 9vw;
}

.hp_about_ibox {
    margin-right: 0;
   
}

}

@media screen and (max-width: 767.5px){
.hp_about_title1 {
    font-size: 3.75vw;
   
    margin-bottom: 3%;
}

.hp_about_title2 {
    font-size: 7vw;
    
    margin-bottom: 7%;
}

.hp_about_desc {
    font-size: 3.75vw;
    margin-bottom: 6%;
    
}

.hp_about_item {
   
    font-size: 3.75vw;
    letter-spacing: 0.25vw;
    margin-right: -0.5%;
}

.hp_about_itbox span {
    
    width: 7vw;
  
}

.hp_about_icon {
    width: 10vw;
    
}

.hp_about_ibox {
    margin-right: 0%;
    margin-bottom: 9%;
}

.hp_about_itbox {

    gap: 2vw;
    
    margin-right: -9%;
    margin-left: -9%;
    padding: 7% 1% 7%;
    margin-top: 6%;
}

.hp_about_box {
    padding-top: 0%;
}

.hp_about_bbox {
    margin-left: 0%;
    margin-top: 3%;
}

.hp_about_ibox:before {
    top: 12%;
    left: -16.5vw;
    font-size: 4vw;
}

.hp_about_ibox:after {
    bottom: 61%;
    left: -13vw;
    width: 20vw;
}

.hp_about {
    padding: 12% 3%;
  
}

.hp_about:before {
   
    top: 32%;
    right: 0%;
    
    width: 100%;
    height: 57.5%;
    background-position: 100%;
}

.video_box iframe {
    width: 100%;
    height: 52.5vw;
}

}

/*Services*/

.index_wrapper_4 {
    padding: 4% 5% 3%;
}

.service_type6 .tl-ellipsis {
    
    display: none;
}

.service_type6 p {
    
    display: none;
}

.service_type6 .service_title {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.service_type6 ul {
    
    display: none;
}

.service_type6 .content-box {
    padding: 5% 13% 7% 9%;
    background-color: #d6f4fc;
}

.service_type6 {
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.service_type6 .container {
    max-width: 100%;
}

.service_type6 .img_frame img {
    height: 17vw;
    object-fit: cover;
}

.service_type6 .img_frame {
    height: 17vw;
    
}

.service_type6 .service_title {
    display: block;
    font-size: 1.55vw;
    font-weight: 500;
    height: 4vw;
    line-height: 1.2;
}

.service_type6 .general_btn {
    border: 2px #000 solid;
    color: #000;
    border-radius: 0;
    font-size: 0.9vw !important;
    padding: 0.2vw 1.5vw;
}

.service_type6 .general_btn:hover {
    background-color: #0078ad;
    color: white !important;
    border: 2px #0078ad solid;
}

.hp_services_title1 {
    text-align: center;
    color: #0078ad;
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 1%;
}

.hp_services_title2 {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 1.15vw;
    margin-bottom: 2.5%;
}

.service_type6 .service_box_type6 {
   
    margin-bottom: 0;
  
}

@media screen and (max-width: 1200.5px){

.hp_services_title1 {
  
    font-size: 2.5vw;
    margin-bottom: 1%;
}

.hp_services_title2 {
    
    font-size: 1.45vw;
    margin-bottom: 2.5%;
}

.service_type6 .service_title {
  
    font-size: 1.85vw;
  
    height: 4.25vw;
  
}

.service_type6 .general_btn {
 
    font-size: 1.2vw !important;
    padding: 0.25vw 2vw;
}

.service_type6 .service_box_type6 {
   
    padding: 0 1vw;
}

}

@media screen and (max-width: 767.5px){

.hp_services_title1 {
  
    font-size: 7vw;
    margin-bottom: 2%;
}

.hp_services_title2 {
    
    font-size: 4vw;
    margin-bottom: 6%;
}

.service_type6 .service_title {
  
    font-size: 5vw;
  
    height: 13vw;
  
}

.service_type6 .general_btn {
 
    font-size: 3.75vw !important;
    padding: 0.5vw 5vw;
}

.service_type6 .service_box_type6 {
  
    padding: 0 15px 30px;
}

.index_wrapper_4 {
    padding: 6% 3%;
}

.service_type6 .img_frame img {
    height: 53vw;
    object-fit: cover;
}

.service_type6 .img_frame {
    height: 53vw;
    
}

}

/*Products*/

.hp_products {
    padding: 3% 0% 3%;
}

.hp_products .col-12 {
    padding: 0%;
}

.hp_products_image {
    width: 100%;
}

.hp_products_link {
    color: #000;
}

.hp_products_title1 {
    text-align: center;
    color: #0078ad;
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 1%;
}

.hp_products_title2 {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 1.15vw;
    margin-bottom: 2.5%;
}

.hp_products_item {
    text-align: center;
    color: #000;
    margin-bottom: 0;
    margin-top: 5%;
    font-size: 1.5vw;
    font-weight: 400;
    transition: 0.3s;
}

.hp_products_box:hover .hp_products_item {
    
    color: #0078ad;
 
}

@media screen and (max-width: 1200.5px){

.hp_products_title1 {

    font-size: 2.5vw;
    margin-bottom: 1%;
}

.hp_products_title2 {
 
    font-size: 1.45vw;
    margin-bottom: 2.5%;
}

.hp_products_item {
  
    margin-top: 5%;
    font-size: 1.8vw;
    
}

}

@media screen and (max-width: 767.5px){

.hp_products_title1 {

    font-size: 7vw;
    margin-bottom: 2%;
}

.hp_products_title2 {
 
    font-size: 4vw;
    margin-bottom: 6%;
}

.hp_products_item {
  
    margin-top: 6%;
    font-size: 4.5vw;
    
}

.hp_products {
    padding: 6% 0%;
}

.hp_products_box {
    margin-bottom: 6%;
}

}

/*Testimonial*/

.index_wrapper_6 {
    padding: 3% 9% 3%;
}

.hp_test_title1 {
    text-align: center;
    color: #0078ad;
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 1%;
}

.hp_test_title2 {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 1.15vw;
    margin-bottom: 2.5%;
}

.hp_testimonials .testimonials_box {
    width: 100%;
    padding: 0;
}

.hp_testimonials .testimonials_box .testimonials_card .icon .img_frame img {
    height: 360px;

}

.hp_testimonials .testimonials_box .testimonials_card .icon {
 
    padding-bottom: 360px;
   
}

.hp_testimonials .testimonials_box .testimonials_card h5 {
    font-size: 1.1rem;
}

@media screen and (max-width: 1200.5px){
.hp_test_title1 {
    
    font-size: 2.5vw;
    margin-bottom: 1%;
}

.hp_test_title2 {
  
    font-size: 1.45vw;
    margin-bottom: 2.5%;
}

}

@media screen and (max-width: 767.5px){
.hp_test_title1 {
    
    font-size: 7vw;
    margin-bottom: 2%;
}

.hp_testimonials .testimonials_box .testimonials_card .icon .img_frame img {
    height: 300px;

}

.hp_testimonials .testimonials_box .testimonials_card .icon {
 
    padding-bottom: 300px;
   
}

.hp_test_title2 {
  
    font-size: 4vw;
    margin-bottom: 6%;
}

.index_wrapper_6 {
    padding: 6% 3% 6%;
}

}

/*News*/

.index_wrapper_7 {
    padding: 3% 4% 3% 9%;
    position: relative;
}

/*.index_wrapper_7:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: -12%;*/
/*    right: 0%;*/
/*    background-image: url('https://cdn1.npcdn.net/img/1769408614latest-news_bgf.jpg');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    width: 100%;*/
/*    height: 112%;*/
/*    z-index: -1;*/
/*    background-position: 50%;*/
/*}*/

#main_index .hp_latest_news_modern .img_frame {
  
    height: 320px;
}

#main_index .hp_latest_news_modern .latestnewsAjax > div:nth-child(2) .news-wrap {
    flex-direction: row-reverse;
    margin-left: -7%;
    margin-right: 5%;
}

#main_index .hp_latest_news_modern .latestnewsAjax > div:nth-child(2) .news-wrap .news_content_wrapper {
    
    
    margin-left: 12%;
}


#main_index .hp_latest_news_modern .img_frame img {
    
    border-radius: 20px;
}

#main_index .hp_latest_news_modern .news_content_wrapper {
    margin-top: 5.5%;
    border-radius: 20px;
    padding: 20px 12%;
    margin-left: -12%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#main_index .hp_latest_news_modern .read_more {
 
    width: 72px;
    letter-spacing: 0;
    font-weight: 700;
    border-bottom-width: 1px !important;
    border-style: solid !important;
    border-color: #000 !important;
    color: #000 !important;
    padding-bottom: 0px !important;
   
}

#main_index .hp_latest_news_modern .news_title p {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.hp_news_title1 {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 1%;
}

.hp_news_title2 {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 1.15vw;
    margin-bottom: 4%;
}

@media screen and (max-width: 1200.5px){

.hp_news_title1 {
    
    font-size: 2.5vw;
    margin-bottom: 1%;
}

.hp_news_title2 {
    
    font-size: 1.45vw;
    margin-bottom: 4%;
}

#main_index .hp_latest_news_modern .news_title p {
   
    font-size: 17.5px;
 
}

#main_index .hp_latest_news_modern .news_content_wrapper {
    margin-top: 7.5%;
    border-radius: 20px;
    padding: 20px 9%;
    margin-left: -12%;
}

}

@media screen and (max-width: 991.5px){
#main_index .hp_latest_news_modern .news_content_wrapper {
    margin-top: 9%;
    border-radius: 20px;
    padding: 20px 11%;
    margin-left: -12%;
}

#main_index .hp_latest_news_modern .news_title p {
    font-size: 18px;
}

}

@media screen and (max-width: 767.5px){

.hp_news_title1 {
    
    font-size: 7vw;
    margin-bottom: 2%;
}

.hp_news_title2 {
    
    font-size: 4vw;
    margin-bottom: 7%;
}

#main_index .hp_latest_news_modern .news_title p {
   
    font-size: 18px;
 
}

#main_index .hp_latest_news_modern .news_content_wrapper {
    margin-top: 0%;
    border-radius: 20px;
    padding: 20px 7%;
    margin-left: 0%;
}

.index_wrapper_7 {
    padding: 12% 3%;
   
}

#main_index .hp_latest_news_modern .latestnewsAjax > div:nth-child(2) .news-wrap .news_content_wrapper {
    margin-left: 0;
}

#main_index .hp_latest_news_modern .latestnewsAjax > div:nth-child(2) .news-wrap {
    flex-direction: row-reverse;
    margin-left: 0;
    margin-right: 0;
}

#main_index .hp_latest_news_modern .latestnewsAjax > div:nth-child(1) .news-wrap {
 
    margin-left: 0;
    margin-right: 0;
}

.index_wrapper_7:before {
   
    top: -4%;
    
    height: 104%;
    background-position: 50%;
}

}

/*Footer*/

.footerListServices {
    background-color: #fff;
    color: #000;
}

.footerListServices a {
    color: #000;
 
}

.footerListServices .ppp {
    padding-right: 18%;
}

.footerListServices .line {
 
    background-color: rgba(0, 0, 0, 0.8);
  
    margin-bottom: 25px;
    margin-top: 10px;
}

.footerListServices .input-container input {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    caret-color: #000;
}

.footerListServices .input-container .submit {
   
    color: #000;
    
}

.footerListServices .input-container label {

    color: #000;
}

.footerListServices .input-container .moveUp {
    color: #000;
    top: -20px;
  
}

.footerListServices .title h5 {
   
    text-transform: uppercase;
}

.footerListServices .py-3 {
    padding-top: 0rem !important;
}

.footerListServices .logo img {
    
    max-height: 115px;
}

.footerListServices .logo.title {
    min-height: 115px;
  
}

.footerListServices .title {
    min-height: 35px;
  
}

@media screen and (max-width: 991.5px){
.footerListServices .ppp {
    padding-right: 0%;
}

.footerListServices .title h5 {

    font-size: 16.5px;
}

}

@media screen and (max-width: 767.5px){

.footerListServices .title h5 {

    font-size: 20px;
}

.footerListServices small {
    font-size: 75%;
    font-weight: 400;
}

}