.h-full{height: 100%}
.object-cover {    -o-object-fit: contain;   object-fit: contain; }
.h-screen-no-nav {   height: calc(var(--screen-height, 100vh) - var(--height-nav));}
.w-full{width: 100%;}
.hero-new {   align-items: stretch;}
.absolute.image-overlay { display:none!important;position: absolute; bottom: 0; left: 0; right: 0; top: 33.33%;    background: rgb(2, 40, 134);   background: linear-gradient(0deg, rgba(2, 40, 134, 1) 0%, rgba(2, 40, 134, 0) 100%); }
.hero .hero-content h1 {  display: none!important;  font-size: clamp(3rem, 3vw + 2rem, 6rem);    color: #fff;    font-weight: bold;    line-heigh
    t: 90%;     letter-spacing: -0.4rem; max-width: 620px;}
.hero .btn-get-started { display:none!important; background: #fff; color: var(--accent-color); padding: 1rem 2rem; border-radius: 9999px; font-size: clamp(0.875rem, 0.17vw + 0.76rem, 1rem); }
span.font-mono {    font-size: clamp(0.875rem,0.17vw + 0.76rem,1rem);    text-transform: uppercase;    font-weight: bold;    letter-spacing:1px;}
.hero-img-inner video { left: 0; top: 0; -o-object-fit: cover; object-fit: cover; inset: 0; max-width: 100%; height: auto; display: block; vertical-align: middle; background-color: hsla(0, 0%, 100%, .1); z-index: 1;}
.hero-img-inner a{   font-size: 1rem;}
.hero .btn-get-started {    margin-top: 2rem;   margin-bottom: 1rem; }

.media-new .section-title-new a {    z-index: 999;   position: relative; }
.media-new .section-title-new h2 {    margin-bottom: 0;    font-size: 1.875rem;    letter-spacing: -.05em;    font-weight: 600;}
.media-new  .section-title-new {   margin-bottom: 20px;} 
section.media.media-new  .swiper-button-next:after, section.media .swiper-button-prev:after { color: #fff; font-size: 16px;}
section.media.media-new .swiper-button-next, section.media.media-new .swiper-button-prev { background: #232325; border-radius: 50%; width: 40px; height: 40px; top: 45px;}
section.media.media-new .swiper-button-next:hover, section.media.media-new .swiper-button-prev:hover {   background: rgb(48, 49, 52);}
section.media.media-new .swiper-button-prev {   right: 60px;}

.video-full{padding-top: 14rem;         padding-bottom: 14rem;}
.video-full video {    top: 0;    left: 0;    right: 0;    -o-object-fit: cover;   object-fit: cover;}
.video-full-overlay {    position: absolute;    background-color: rgba(0, 0, 0, 0.45);    left: 0;    right: 0;    top: 0;   bottom: 0;}
.text-balance { max-width: 40rem; flex-direction: column; justify-content: center !important; margin: 0 auto; text-align: center; color: #fff;}
.text-balance h2 { font-weight: 600;margin-top: 1.2rem; margin-bottom: 1.2rem; line-height: 1em; letter-spacing: -.05em; font-size: clamp(3rem, 3vw + 2rem, 6rem); color: #fff;}
.text-balance p {    font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem);    font-weight: 400;    line-height: 1.5em;   opacity: 0.8; }
a.btn-common {    background: #fff;    color: #000;    padding: 1rem 2rem;    border-radius: 999px;   margin: 0 auto;     border: 1px solid #fff;}
a.btn-get-started.btn-common:hover {   background: #ddd; }

.service-secnew h3 {    font-size: clamp(0.75rem, 0.17vw + 0.76rem, 0.875rem);    letter-spacing: 1px;    color: #000;   text-transform: uppercase;}
.service-secnew h3 > span {    display: inline-block;    background: #000;   margin-right: 10px; }
.service-secnew .tab button {    font-size: clamp(1.8rem, 1vw + 1rem, 4.5rem);    border: none;    background: transparent;    line-height: 1;    font-weight: bold;     display: flex;   align-items: center; gap: 1.2rem;}
.service-secnew .tab {    display: flex;    flex-direction: column;    justify-content: flex-start;   align-items: flex-start; }
.service-secnew .tab:hover button {   opacity: 0.5;}
.service-secnew .tab:hover button.tablinks.active {   opacity: 1;}
span.tablinks-btn.btn-common { background: rgb(243 244 246); font-size: 1rem; padding: 0.8rem 1.5rem;  border-radius: 999px;     opacity: 0;}
.service-secnew .tab button.tablinks:hover span.tablinks-btn.btn-common {   opacity: 1;}
.tabcontent {   display: none;}


.port-new .g-photo-topside{margin: 0}
.port-con {    right: 0;    width: 60%;    top: 50%;   transform: translateY(-50%);     z-index: 2; padding-right: 50px;}
.port-con .g-photo-content {   text-align: left;}
.port-con .g-photo-content.textblock h2 {    font-size: clamp(1.5rem, 1.5vw + 1.5rem, 1.5rem);    line-height: 1;   letter-spacing: -0.05rem;}
.port-new  .mySwiper2{padding-bottom: 0;}
.port-new .g-photo-bottomside {    right: 0;    width: 60%;    bottom: -2%;    z-index: 2;   padding-right: 50px;}
.port-new .g-photo-bottomside img {    width: 60px;    height: 60px;    border-radius: 50%;   margin: 0 auto;}
.port-new .g-photo-bottomside h3, .port-new .g-photo-bottomside p { color: #fff; font-size: 1rem; text-align: center; margin-top: 10px; letter-spacing: -0.05rem;margin-bottom: 0;font-weight: 600;}
.port-new .g-photo-bottomside p{margin-top: 0; font-weight: 300;    opacity: 0.7;}
.port-new .mySwiper3 .swiper-slide-thumb-active{opacity: 1}


.page-title {    font-size: clamp(2.25rem, 2vw + 2rem, 4.5rem);    letter-spacing: -.05em;    color: #000;   font-weight: 600; line-height: 1}
.hun-new-left .absolute.design-border.bg-primary-1 .absolute.design-border-1, .hun-new-left .absolute.design-border.bg-primary-1 .absolute.design-border-2 {   background: #fff;}
.hun-new-left .absolute.design-border.bg-primary-1 {   bottom: 0 ; top: auto; left: auto; right: 0; transform: translate(50%, 50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);     z-index: 99999;}
.hun-new-content p {font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem)!important; color: #000!important; opacity: 0.6!important; font-weight: 400!important; line-height: 1.5em!important; margin-bottom: .75rem!important;}
a.btn-read-more { font-size: clamp(0.875rem,0.17vw + 0.76rem,1rem); background: #f6f6f7; padding: 1rem 2rem; border-radius: 9999px; color: #000; }
a.btn-read-more:hover{background: #dadbdf}
.py-10 {    padding-top: 2.5rem;   padding-bottom: 2.5rem;}
.opacity-60 {    opacity: .6;}
.featur-2 .hun-new-left h3 {    color: #000;    font-size: clamp(1.25rem, 0.5vw + 1.2rem, 1.5rem);   letter-spacing: -0.05rem;}
.aspect-video {    aspect-ratio: 16 / 9;}
.inset-0 {   inset: 0;}


@media (min-width: 768px) {
    .md\:pr-10 {
        padding-right: 2.5rem;
    }
    .pt-10{padding-top: 8rem;}
    .pb-10{padding-bottom: 8rem;}
}


.about-5{}
.about-5 .swiper-button-next, .about-5 .swiper-button-prev { background: #e9e9e9; border-radius: 50%; width: 40px; height: 40px; top: 32px; font-size: 1rem; color: #000;}
.about-5 .swiper-button-next:after, .about-5 .swiper-button-prev:after {    font-size: 1.2rem; }
.about-5 .swiper-button-next {    right: auto;    left: 60px; }
.about-5 .swiper.mySwiper.mysepcpom {padding-top: 70px; }


span.page-title-span {
    display: block;
    opacity: 0.6;
    font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem);
    font-weight: normal;
    letter-spacing: 0;
    max-width: 60%;
    margin: 0 auto;
    line-height: 1.4;
    margin-top: 1rem;
}
.about-hum-orange .absolute.design-border {    bottom: 0;    top: auto;    left: auto;    right: 0;transform: translate(50%, 50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);  }
h2.fullhtm {    color: #fff;    letter-spacing: -.05em;   font-size: clamp(2.25rem, 2vw + 2rem, 4.5rem); }
.hun-new-content-white p {   color: #fff;   opacity: 0.6; font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem);    line-height: 1.5em;}
.btn-read-more.theme-dark {    background: rgb(35, 35, 37);    color: #fff;    width: 100%;    font-size: clamp(0.875rem, 0.17vw + 0.76rem, 1rem);   letter-spacing: 0.01rem;}
.btn-read-more.theme-dark:hover {   background: rgb(48, 49, 52);}
.py-6 {    padding-top: 4rem !important;   padding-bottom: 4rem !important;}

.video-section.video-htm:before {    background: rgb(0, 0, 0);   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 100%);}
.video-section.video-htm .content-box {    max-width: 60%;   margin: 0 auto;}

section.video-section.video-htm h2 {  font-size: clamp(2.25rem, 2vw + 2rem, 4.5rem);   margin-top: 1.2rem;  margin-bottom: 1.2rem;  line-height: 1em;  letter-spacing: -.05em;}
section.video-section.video-htm .text {
    color: #fff;
    opacity: 0.6;
    text-transform: none;
    font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem);
}

@media(max-width:1300px){
    h2.fullhtm {   font-size: 50px;} 
}
@media(max-width:1200px){ 
    .video-section.video-htm .content-box {max-width: 80%;}
        h2.fullhtm {   font-size: 30px;}
    .about-5 {    padding-bottom: 2rem;    padding-top: 4rem;}
    .port-con .g-photo-content.textblock h2 {    font-size: 30px;}
    .port-new .g-photo-bottomside {  bottom: 0;}
    section#hero {  min-height: 100vh; }
}
@media(max-width:991px){ 
    section#hero {  min-height: inherit; }
    .hero-mob-img {   height: 100vh;}
    .hero-mob-img img {    z-index: 0;}
    .hero-mob-img >* {    z-index: 1;}
    .hero .hero-mob-img.hero-content h1 {    letter-spacing: 0;}
    .hero-mob-img {    height: calc(100vh - 120px);    justify-content: flex-end !important;}
    .text-balance {    max-width: 80%;}
    section.aboutnew.section.service-secnew {    padding-bottom: 3rem;   padding-top: 3rem;}
    .port-con{width: 100%}
    .port-con .g-photo-content{text-align: center}
    section#portfolio-area {
    background: #000;
}
    .g-photo-bottomside.absolute {
    position: relative;
    width: 100%;
}
        .rounded-r-full.bg-black.mob-val-1 {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px;
    }
        .rounded-l-full.bg-black.mob-val-1.col-span-2 {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px;
    }
        .col-span-2 {
        grid-column: span 2 / span 2;
    }
        .mob-val {
        height: 1.25rem;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        width: 100%;
        background-color: #3470cb;
        z-index: 99;
    }
    .hun-new-left .absolute.design-border.bg-primary-1 {
    display: none !important;
}
    section.about.section {
    padding: 2rem;
}
    .video-new .content-box{background: #fff;}
    .about-hum-orange .absolute.design-border {
    display: none !important;
}
}

@media(max-width:767px){
    section#hero> .container-fluid.p-3> div, section#hero> .container-fluid.p-3> div >div {
    width: auto !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
}
    .media-new .section-title-new {
    flex-direction: column;
    align-items: flex-start !important;
}
    section.media {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
    .service-secnew .tab {
    justify-content: center;
    align-items: center;
}
    span.tablinks-btn.btn-common {
    display: none;
}
    .service-secnew h3 {
    text-align: center;
}
    .aspect-square {
    aspect-ratio: auto;
}
    .py-10{padding-bottom: 0;}
    .page-title.mb-5 {
    margin-bottom: 1rem !important;
}
    .hero .hero-mob-img.hero-content h1 {
    font-size: 32px;
    line-height: 1;
    text-align: center;
}
    section.relative.video-full {
    padding: 2rem 0;
}
    .text-balance h2 {
    font-size: 30px;
}
        .port-con .g-photo-content.textblock h2 {
        font-size: 19px;
        line-height: 1.2;
    }
    
.port-con {
    padding: 0 15px;
}
    section.about.section.hun-new {
    padding: 2rem 1rem;
}
    section.about.section.hun-new.p-5.about-hum-orange {
    padding: 1rem !important;
}
    span.page-title-span {
    max-width: 100%;
}
    section.about.section.about-6 {
    padding: 1rem 0;
}
    section.about.section.pt-10.pb-10.about-5 {
    padding: 2rem 1rem;
}


}
.redborder{
    border-color:#F31F08;
}
.orangeborder{
    border-color:#FF6F0F;
}



/** new page css ***/


.page-title-new h3 { color: #000; font-weight: 500; font-size: clamp(1.75rem, 1.5vw + 1.5rem, 3.5rem);    margin-top: 1.2rem;    margin-bottom: 1.2rem;    line-height: 1em;   letter-spacing: -.05em; } 

.page-title-new {    max-width: 700px;    margin: 0 auto;   text-align: center;}
.aboutnew-list .content {   max-width: 36rem;}
.aboutnew-list .content h3 {    margin-bottom: 2.5rem;    font-size: clamp(1.5rem, 1vw + 1.25rem, 2.5rem);   color: #000;}
.aboutnew-list .aboutnew-list-aboutimg {   width: 100%;}
.aboutnew-list .aboutnew-list-aboutimg img {     margin: 0 auto;    display: block;   border-radius: 1rem; 
    object-fit: cover;    width: 100%; object-position: 2% 0%;}

@media(max-width:991px){
    .aboutnew-list .content h3 { margin-bottom: 1.3rem;}
    section.aboutnew.section .content {   margin-bottom: 2rem;}
}
ol.innerpage-list-new li.list-group-item {
        flex: 0 0 20%;
    }
    .imagepages  .aboutnew-list .aboutnew-list-aboutimg img{
    width: 100% !important;
    height: 390px !important;
    display: block;
    margin-bottom: 24px;
}




.popup{
   background-color:rgba(0, 0, 0, 0.9);
    width: 100%;
    padding: 30px 40px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
    z-index: 9999;
    height: 100%;
    overflow-x: scroll;
}

.popup1{


    width: 60%;
    margin: auto;
   }
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}
.popup a{
    display: block;
    width: 150px;
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #0f72e5;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 0;
}
section.aboutnew.section .hun-new-content p {font-size: clamp(1rem, 0.34vw + 0.91rem, 1.25rem)!important; color: #000!important; opacity: 0.6!important; font-weight: 400!important; line-height: 1.5em!important; margin-bottom: .75rem!important;}


  section.aboutnew.section .hun-new-content span #more {display: none!important;}
 .imagepages .aboutnew-list  .bookimage img{
    width: 100%!important;
    height:auto!Important;
  }