@charset "utf-8"; /*	--------------------------------------------------
Font Setup
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=The+Nautigal:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Gothic+Coding&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cantata+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /*	--------------------------------------------------
Generic CSS Setup


-------------------------------------------------- */
html {
    width: 100%;
    height: 100%;
    background: #fff;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    padding: 0 0 0 0px;
    margin: 0 0 0 0px;
    font-family: 'Segoe UI', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.533;
    box-sizing: border-box;
    color: #726d7b;
    background: none !important;
}

h1, h2, h3, h4, h5, td, tr, th, div, header, section, footer, p, form, input, textarea, select, fieldset {
    font-family: 'Inter Tight', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.533;
    color: #726d7b;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    border: none;
}

a {
    text-decoration: none !important;
}

* {
    outline: none;
}

body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/* section cut padding */
/* header ============================================================== */

.container-port-xlx{
    width: 95%;
    margin: auto;
}

.top-header--panel {
    background: #f6a201;
    padding: 7px 0px;
}

.flex-cnnt-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.flex-cnnt-box a {
    color: #0f1681;
    font-family: 'Euclid Regular';
    display: flex;
    align-items: center;
}

.flex-cnnt-box a .cnticon {
    transform: scale(.7);
}

.flex-social-icons {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    gap: 20px;
}

.flex-social-icons a {
    color: #0f1681;
}

header {
    position: absolute;
    width: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    /* box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); */
    /* background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); */
    transition: .3s ease;
    background-position: bottom;
    /* background: linear-gradient(180deg, #ffffff 0, rgb(255 255 255) 100%); */
    /* padding-bottom: 92px; */
    background: #ffffff;
}

.scrolled {
    /* background-color: #000; */
    /* background-image: url('../images/home/about_us/footer.webp'); */
    background-position: bottom;
    background-size: cover;
}

.topbxx{
    
background: #eeeff3;
    
border-radius: 0px 0px 0px 100px;
    
padding: 10px;
    
display: flex;
    
align-items: center;
    
justify-content: end;
    
padding-right: 50px;
}

.topbxx a{
    
color: #000;
    
font-family: 'Roboto Condensed';
    
display: flex;
    
align-items: center;
    
gap: 6px;
}


topbxx i{
    
}
.header_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 15px 0px; */
    /* border-bottom: 1px solid #d9d9d9; */
    /* border-bottom: 1px solid #d9d9d91f; */
    width: 95%;
    margin: auto;
}

.header_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 38px;
    position: relative;
}

.cnttab {
}

.flexalng {
    display: flex;
    gap: 20px;
}

.bxaf a {
    color: #000;
    font-family: 'Manrope';
    font-size: 17px;
    display: flex ;
    gap: 7px;
    align-items: center;
    font-weight: 600;
}

.cntspc {
    text-transform: uppercase;
    font-family: 'artegra-medium';
    color: #dc1a1a;
    font-size: 11px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

.bxaf i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex ;
    align-items: center;
    justify-content: center;
    background: #4dace5;
    color: #fff;
}

.bxtpheader {
    display: flex;
    align-items: center;
    gap: 66px;
}

.igcnt {
    display: flex ;
    align-items: center;
    gap: 12px;
}

.igcnt a {
    color: #ffff;
    padding: 13px 19px;
    display: block;
    border-radius: 6px;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    font-size: 14px;
    background: linear-gradient(177deg, rgba(46, 49, 142, 1) 0%, rgba(76, 158, 221, 1) 100%);
    font-weight: 600;
    background: #2e318e;
}

.igcnt a i {
    font-size: 19px;
    position: relative;
    top: 2px;
    padding-left: 4px;
}

.cart {
    position: relative;
}

.cart i {
    font-size: 19px;
    color: #000;
}

.srch i {
    font-size: 19px;
    color: #000;
}

.login i {
    font-size: 19px;
    color: #000;
}

.cart span {
    position: absolute;
    width: 18px;
    height: 18px;
    background: #dc1a1a;
    display: flex ;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    top: -8px;
    right: -12px;
}

.container-port-xl {
    padding: 0px 15px;
    width: 1480px;
    margin: auto;
}

.logo {
    flex: 0 0 auto;
    text-align: center;
}

.logo a {
    font-family: 'Inter Tight';
    color: #000;
    font-weight: 600;
    font-size: 19px;
}

.logo img {
    width: 190px;
    /* padding: 18px 0px; */
}

.navigation_lists {
    width: 100%;
    display: flex ;
    align-items: center;
    justify-content: space-between;
}

.box-sldnav {
    background: linear-gradient(177deg, rgba(46, 49, 142, 1) 0%, rgba(76, 158, 221, 1) 100%);
}

.main_nav_menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}

.lgog {
    display: none;
    align-items: center;
    justify-content: end;
    gap: 4px;
}

.lgog span{
    
display: none;
}

.lgog a {
    color: #000000;
    font-family: 'Manrope';
    display: flex;
    align-items: center;
    gap: 8px;
    background: #eee8a9;
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 100px;
    font-family: 'Poppins';
    font-weight: 500;
}
.lgog a i{
    font-size: 20px;
}
.list_nav_a {
    display: block;
    color: #000000;
    transition: .3s ease;
    font-size: 16px;
    line-height: 1.25rem;
    padding: 33px 0px;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.dprelative {
    position: relative;
}

.obr {
    position: absolute;
    width: 100%;
    background: #fff;
    height: 39px;
    top: -14px;
    left: 0;
    opacity: 0;
}


.submenu-active{
    /* background-color: #fff; */
}

.submenu {
    position: absolute;
    background: #fff;
    padding: 22px;
    width: 100%;
    left: 0;
    top: 86px;
    /* border-radius: 10px; */
    z-index: 5;
    /* opacity: 0; */
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: .3s ease;
    /* -webkit-box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08); */
    /* box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08); */
    z-index: 9999999;
    border-top: 1px solid #00000017;
    box-shadow: 1px 18px 15px -14px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 18px 15px -14px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 18px 15px -14px rgba(0,0,0,0.75);
    padding-bottom: 40px;
}

.submenu ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    /* justify-content: center; */
    gap: 20px 34px;
}

.submenu ul li {
    /* border-bottom: 1px solid #00000014; */
    /* padding-bottom: 16px; */
    /* margin-bottom: 16px; */
    transition: .3s ease;
    transform: translateY(-6px);
    /* opacity: 0; */
    /* visibility: hidden; */
    /* width: 43%; */
}

.submenu ul li a {
    color: #414141;
    font-size: 14px;
    transition: .3s ease;
    /* text-transform: uppercase; */
    font-weight: 400;
    font-family: 'Inter Tight';
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.submenu ul li a img {
    width: 35px;
    height: 35px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 1000px;
    border: 1px solid #e122523b;
}
.submenu ul li:last-child {
    padding-bottom: unset;
    margin-bottom: unset;
    border-bottom: none;
}

.dprelative:hover>.submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0px);
}

.dprelative:hover>.submenu ul li {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.toplft {
    display: flex ;
    align-items: center;
    justify-content: end;
    border-bottom: 1px solid #00000026;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    gap: 20px;
}

.toplft a {
    font-family: 'Manrope';
    color: #fff;
    padding: 4px 20px;
    font-size: 15px;
}

.toplft a:nth-child(1) {
    background: #c39860;
}

.toplft a:nth-child(2) {
    background: #29262f;
    display: none;
}

.sclml {
    display: flex ;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #00000026;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 29px;
    gap: 20px;
}

.sclml a {
    font-family: 'Manrope';
    font-size: 14px;
    color: #000;
}

.list_nav_a:hover {
    color: #f49720;
}

.list_nav_menu {
    /* padding: 52px 0px; */
    /* border-bottom: 2px solid #ffffff00; */
}

.activetab {
    /* color: #ffc107 !important; */
}

.drparent {
}

.sub-menu {
    position: absolute;
    background: #fff;
    top: 122px;
    border-top: 3px solid #ffffff;
    padding: 10px 20px;
    margin: 0px;
    list-style: none;
    width: 389px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: .3s ease;
    display: flex ;
    flex-wrap: wrap;
}

.sub-menu ul {
}

.sub-menu li {
    width: 47%;
}

.sub-menu li a {
    text-transform: capitalize;
    font-family: 'Manrope';
    color: #53534A;
    display: block;
    padding: 9px 0px;
    transition: .3s ease;
    font-size: 15px;
}

.sub-menu li a:hover {
    color: #bd9860;
}

.sub-menu li:last-child a {
    border-bottom: none !important;
}

.drparent:hover>.sub-menu {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.chat_flex_box {
    display: flex;
    margin-left: 15px;
}

.home-h {
    position: relative;
}

.home-h2::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    left: 4%;
    top: 22%;
    transform: rotate(315deg) translate(-50%, -50%);
}

.bx-a {
    display: flex;
    justify-content: center;
}

.bx-a label {
    margin: 0px;
    color: black;
}

.contact-support {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.contact-support span {
    display: block;
    font-family: 'Inter Tight';
    font-size: 13px;
    color: #fffc;
}

.call-icon-sprt {
    width: 20px;
    margin-right: 10px;
}

.call-icon-sprt svg {
    width: 100%;
    height: auto;
}

.contact-support a {
    color: #ffffff;
    font-family: 'Inter Tight';
    font-size: 16px;
    margin-top: -2px;
    display: block;
}

.chat_box {
    font-family: 'Roboto Condensed';
    font-size: 19px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    /* line-height: 1.2em; */
    letter-spacing: 0;
    word-spacing: 0;
    color: #ffffff;
    background-color: #ff0000;
    padding: 7px 24px;
    border-radius: 10px;
    /* display: none; */
    white-space: nowrap;
    text-transform: uppercase;
}

/*======================================
    CATEGORY + SEARCH SECTION
=======================================*/

.header_search_section{
    display:flex;
    align-items:center;
    gap:20px;
    box-sizing:border-box;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
.flschdr2{
        width: 95%;
        background: #353e45;
        margin: auto;
        padding: 0px 0px;
}
/*======================================
    CATEGORY
=======================================*/
.wsdt{
        display: flex;
        align-items: center;
        width: 59%;
        gap: 10px;
}
.category_box{
    position:relative;
    width: 267px;
    flex-shrink:0;
}

.category_btn{
    width:100%;
    height:55px;
    border:none;
    outline:none;
    background: #2b4d70;
    color: #ffffff;
    font-size: 18px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;
    border-radius:4px;
    transition:.3s;
    font-family: 'Roboto Condensed';
}

.category_btn:hover{
    background: #203d5a;
}

.category_btn i{
    color: #ffffff;
    font-size:20px;
}

/*======================================
    DROPDOWN
=======================================*/

.category_dropdown{
    position:absolute;
    top:100%;
    left:0;
    width: 800px;
    background: #301a1a2e;
    margin: 0px 0 0;
    padding:0;
    list-style:none;
    border: 1px solid #d9d9d966;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    /* max-height:420px; */
    overflow-y:auto;
    /* display:none; */
    z-index:999;
    border-radius: 10px;
    display: none;
    grid-template-columns: repeat(3, 1fr);
    padding: 21px;
    backdrop-filter: blur(9px);
}
.category_dropdown::before{
    content:'';
    position:absolute;
    width:280px;
    height:100%;
    left:0;
    top:0;
    background: #2b4d70;
}
.category_dropdown.show{
    display: grid;
}

.category_dropdown li{
    /* border-bottom:1px solid #eee; */
    position: relative;
    z-index: 5;
}

.category_dropdown li:last-child{
    border-bottom:none;
}

.category_dropdown li a{
    display:block;
    text-decoration:none;
    color: #ffffff;
    padding:13px 18px;
    transition:.3s;
    font-size: 16px;
    font-family: 'Roboto Condensed';
}

.category_dropdown li:hover a{
    background:#0079c2;
    color:#fff;
}

/* Scrollbar */

.category_dropdown::-webkit-scrollbar{
    width:6px;
}

.category_dropdown::-webkit-scrollbar-thumb{
    background:#0079c2;
    border-radius:10px;
}

/*======================================
    SEARCH
=======================================*/

.search_box{
    flex:1;
    max-width: 530px;
}

.search_box form{
    display:flex;
    align-items:center;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
}

.search_box input{
    flex:1;
    height: 43px;
    border:none;
    outline:none;
    padding:0 20px;
    font-size:15px;
    /* border-radius: 20px 0 0 4px; */
    background: #ffffff;
    color: #fff;
    padding-right: 60px;
}
.search_box input::placeholder{
    color: #fff;
}
.search_box button{
    width: 55px;
    height:55px;
    border:none;
    background:#fff;
    color: #248ece;
    cursor:pointer;
    font-size:20px;
    border-radius:0 4px 4px 0;
    transition:.3s;
    position: absolute;
    right: 0;
}

.search_box button:hover{
    background:#f5f5f5;
}

.addinof{
    display: flex;
    align-items: center;
    gap: 26px;
}

.addinof a{
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.addinof a i{
    color: #84b0dd;
    font-size: 20px;
}

.addinof span{
    
}
/*======================================
    LARGE TABLET
=======================================*/

@media (max-width:991px){

.header_search_section{
    gap:15px;
    padding:10px;
}

.category_box{
    width:230px;
}

.category_btn{
    font-size:15px;
}
.category_dropdown{
    max-width: 600px;
    flex-direction: column;
    grid-template-columns: repeat(2, 1fr);
    padding: 20px 10px;
}
   .category_dropdown li a{
       padding: 7px 10px;
   } 
}

/*======================================
    TABLET
=======================================*/

@media (max-width:768px){

.header_search_section{
    flex-direction:column;
    align-items:stretch;
}
    .wsdt{
      flex-direction:column;
      width: 100%;
    }

.category_box{
    width:100%;
}

.search_box{
    width:100%;
    max-width: 100%;
}

.category_btn{
    height:50px;
}

.search_box input{
    height:50px;
}

.search_box button{
    height:50px;
    width:55px;
}

.category_dropdown{
    position:relative;
    width:100%;
    margin-top:2px;
    max-height:300px;
    display: none;
    background: #2b4d70;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 100%;
}
.category_dropdown li{
    width: 50%;
}
    .category_dropdown.show {
    display: block;
}
}

/*======================================
    MOBILE
=======================================*/

@media (max-width:576px){

.header_search_section{
    padding:8px;
}

.category_btn{
    padding:0 15px;
    font-size:14px;
}

.category_btn i{
    font-size:18px;
}

.search_box input{
    font-size:14px;
    padding:0 15px;
}

.search_box button{
    width:50px;
    font-size:18px;
}

.category_dropdown li a{
    padding:12px 15px;
    font-size:13px;
}

}

/*======================================
    EXTRA SMALL DEVICES
=======================================*/

@media (max-width:400px){

.category_btn{
    font-size:13px;
}

.search_box input{
    font-size:13px;
}

}
/* banner section ====================================================== */
.bannerbgvid {
    width: 100%;
    height: 920px;
    background-color: #232377;
}

.bannerpicimg{
    width: 100%;
    height: 100%;
}

.bannerslider{
    height: 100%;
}

.bannerpicimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videobanner{
       width: 100%;
    height: 100%; 
}
.bannerbgvid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.bannercontainerwrp{
    width: 100%;
    height: 100%;
}
.banner-section-box {
    position: relative;
    overflow: hidden;
    width: 95%;
    margin: auto;
}

.imgbanner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.imgbanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    opacity: .7;
}

.bx {
    display: flex;
    padding-left: 0;
}

.bottomcurve {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.hidebnr {
    display: none !important;
}

.capdtbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: end;
    background: #01122d5e;
    padding-top: 200px;
}

.banner-section-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0px;
    left: 0px;
    z-index: 1;
    /* background: #2E318E;
    background: linear-gradient(97deg, rgb(3 5 75) 0%, rgb(3 5 75 / 0%) 100%); */
    background: #000000;
    background: linear-gradient(180deg, #3F51B5 0%, rgba(0, 0, 0, 0) 100%);
}

.banner-parent .row {
    /* justify-content: center; */
}

.img--p img {
    width: 100%;
}

.banner-parent {
    position: relative;
    z-index: 30;
}

.container-port {
    width: 1350px;
    margin: auto;
    padding: 0px 30px;
}

.banner-content-xc {
    /* text-align: center; */
}

.banner-content-xc span img {
    width: 126px;
    border: 1px solid #ffffff9e;
    height: 136px;
    object-fit: contain;
    margin-bottom: 20px;
}

.banner-content-xc span {
    color: #ff1100;
    display: block;
    color: #eee8a9;
}

.banner-content-xc h3 {
    color: #ffffff;
    margin-bottom: 30px;
    font-family: "Poppins", sans-serif;
    font-size: 4rem;
    /* font-weight: 600; */
    line-height: 1;
    /* font-family: "Bebas Neue", sans-serif; */
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.banner-content-xc p {
    color: #ffffff;
    font-size: 23px;
    font-weight: 200;
    text-transform: none;
    font-style: normal;
    line-height: 1.4em;
    letter-spacing: 0;
    word-spacing: 0;
    font-family: 'Manrope';
}

.banner-content-xc a {
    display: block;
    max-width: fit-content;
    padding: 10px 23px;
    background: #b7945e;
    font-family: 'Roboto Condensed';
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 37px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
}

.link-siblings {
    margin-top: 50px;
    display: flex;
    align-items: center;
}

.link-siblings a {
    display: block;
    max-width: fit-content;
    font-size: 14px;
    text-transform: none;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    word-spacing: 0;
}

.link-siblings a:nth-child(1) {
    font-family: 'Euclid Regular';
    color: #fff;
    background-color: #0f1681;
    margin-right: 15px;
    padding: 15px 30px;
}

.link-siblings a:nth-child(2) {
    font-family: 'Euclid Medium';
    color: #0f1681;
    padding: 14px 24px;
}

.banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-wrp {
    text-align: right;
}

.one {
    width: 100%;
    max-width: 750px;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    vertical-align: middle;
    display: inline-block;
}

.bannerwrp {
    width: 100%;
    text-align: right;
    height: 100%;
}

.one {
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom right;
    -webkit-mask-image: url("../mask/mask.png");
}

.section-devider {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #00000036;
    opacity: .6;
    position: relative;
    top: -1px;
    margin: 50px 0px;
}

/* ---- particles.js container ---- */
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2;
    opacity: 0;
    background: #000;
}

/* ---- stats.js ---- */
.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13e8e9;
    font-size: 0.8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats, .count-particles {
    -webkit-user-select: none;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

/* new and events */
.serv-updatesection {
    background-image: url('../images/home/about_us/71-home-1-2-1024x1007.webp');
    background-position: center;
    background-size: cover;
    background-color: #f5faff;
    background-blend-mode: overlay;
    padding: 100px 0px;
    position: relative;
}

.serv-updatesection::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/about_us/service-1-shape-1.png');
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    opacity: .03;
    pointer-events: none;
}

.updatesection {
}

.dotpnt {
    width: 40px;
    height: 30px;
    background-color: #006a94;
    margin-bottom: 20px;
}

.updateslider {
    height: 100%;
}

.updatebx {
    border-radius: 15px;
    background-color: white;
    box-shadow: 0px 4px 20px 0px rgba(16, 23, 40, 0.06);
    padding: 20px;
}

.updatehdr {
    max-width: 600px;
    margin-bottom: 50px;
}

.updatehdr span {
    color: #006a94;
    font-family: 'Bebas Neue';
    /* font-weight: 800; */
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    font-size: 23px;
}

.updatehdr h3 {
    font-weight: 600;
    font-size: 44px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-family: 'Poppins';
    color: #000000;
}

.slidernwe {
    position: relative;
    /* width: calc(100vw - ((100vw - 1300px) / 2) - 30px); */
    /* margin-left: calc((100vw - 1350px) / 2 + 30px); */
    max-width: 1300px;
    margin: auto;
}

.updatebx h3 {
    color: #000;
    font-size: 19px;
    margin-bottom: 7px;
}

.updatebx p {
    font-size: 15px;
    color: #4b4b4b;
    font-family: "Manrope", sans-serif;
}

.headernw h3 {
    font-size: 36px;
    font-weight: 600;
    color: #2e318e;
    margin-bottom: 30px;
    padding-left: 50px;
}

.newspic {
}

.bx-wrpnw {
    /* border-right: 1px solid #ffffff59; */
    /* padding-right: 40px; */
    height: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 0 30px;
    padding-bottom: 34px;
}

.newspic img {
    width: 100%;
    aspect-ratio: 1 / .7;
    object-fit: cover;
    border-radius: 10px;
}

.news-dta {
    /* margin-top: 30px; */
    /* padding: 0px 15px; */
    /* background: #fff; */
}

.news-dta h3 {
    font-size: 20px;
    color: #010101;
    margin-bottom: 15px;
    font-family: 'Poppins';
    font-weight: 600;
}

.news-dta p {
    margin-bottom: 19px;
    font-family: 'Poppins';
    color: #000000;
    font-size: 15px;
    line-height: 26px;
}

.news-dta a {
    color: #ffffff;
    padding: 10px 20px;
    display: block;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    max-width: fit-content;
    border-radius: 100px;
    /* border: 1px solid #000000; */
    background: #006a94;
}

.news-dta a i {
    margin-left: 10px;
}

/* team page =-====================== */
.teamsection {
    padding: 100px 0px;
    background-color: #f7f7f7;
}

.tmheader h3 {
    font-weight: 800;
    font-size: 44px;
    line-height: 1.1;
    font-family: 'Manrope';
    color: #223645;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 78px;
}

.rowcent {
    justify-content: center;
    gap: 30px 0px;
}

.rowcent .col-lg-3 {
    border-right: 1px solid #0000001f;
}

.rowcent .col-lg-3:last-child {
    border: none;
}

.teambxr {
    text-align: center;
}

.tmpic {
    background-image: -webkit-linear-gradient(-96deg, #ebebeb 0%, #f2f2f2 15%, #f9f9f9 100%);
    width: 140px;
    height: 140px;
    border-radius: 200px;
    margin: auto;
    margin-bottom: 40px;
}

.tmpic img {
    width: 112px;
    border-radius: 100px;
    border: 1px solid #4eade8;
    position: relative;
    top: 36px;
}

.teambxr h3 {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
    font-weight: 500;
}

.teambxr label {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Manrope';
    font-weight: 600;
    color: #51aae7;
}

/* programmes ------------------- */
.bx-wrp2 {
    background: #dc1a1a;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
}

.abts-home-content4 h3 {
    font-size: 28px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 14px;
    font-family: 'Phosphor';
    text-transform: uppercase;
    font-family: 'fallback';
}

.abts-home-content4 p {
    margin-bottom: 10px;
    font-family: 'Nanum Gothic';
    color: #fff;
    font-size: 15px;
    line-height: 26px;
}

/* sec sep sectin ============================== */
.glolfacpcontaienr {
    width: 40%;
}

.samplebx img {
    width: 100%;
}

.gpspc {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.col-mb30 {
    width: 50%;
}

.bxseceq {
    background-color: #fff;
    /* box-shadow: 0px 4px 30px 0px rgba(19, 74, 83, 0.05); */
    height: 100%;
    display: block;
}

.dtpcx {
    position: relative;
    height: 100%;
}

.dtpcx span {
    display: block;
    height: 100%;
}

.dtpcx span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / .5;
}

.flattxtcnt {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex ;
    justify-content: space-between;
    flex-direction: column;
    padding: 50px 41px;
}

.fl1 {
    background: #dc1a1a;
}

.fl2 {
    background: #4c236a;
}

.fl3 {
    background: #cb7300;
}

.fl4 {
    background: #00BCD4;
}

.flattxtcnt::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/home/about_us/bg-aim.png');
    background-size: contain;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: right;
    opacity: .1;
    pointer-events: none;
}

.flattxtcnt h3 {
    color: #ffffff;
    font-family: dubai;
    font-size: 30px;
    margin-bottom: 8px;
    line-height: 1.1;
}

.flattxtcnt p {
    color: #ffffff;
    font-family: 'Inter Tight';
    font-size: 16px;
    max-width: 300px;
}

.flattxtcnt a {
    background: #fff;
    max-width: fit-content;
    font-family: 'Manrope';
    color: #000;
    text-transform: uppercase;
    padding: 8px 18px;
    padding-top: 10px;
}

.bgnimg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.bgnimg img {
    height: 100%;
}

/* about us ======================================= */


/*==================================
        ABOUT SECTION
===================================*/

.about-area{
    padding:120px 0;
    background:#fff;
    overflow:hidden;
    position: relative;
}

.container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

.about-grid{
    display:grid;
    grid-template-columns:55% 45%;
    gap:80px;
    align-items:center;
}


/*==================================
        LEFT CONTENT
===================================*/

.sub-title{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color: #f38b03;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:25px;
    position: relative;
    padding-bottom: 13px;
    font-family: 'Parsi';
}

.sub-title::before{
    content:"";
    width: 83px;
    height: 3px;
    background: #0b2f632e;
    position: absolute;
    bottom: 0;
}
.sub-title::after{
    content:"";
    width: 53px;
    height: 3px;
    background: #0b2f63;
    position: absolute;
    bottom: 0;
}
.about-content h3{
    font-size: 56px;
    line-height:1.05;
    color:#0B2F63;
    font-weight:700;
    margin-bottom:30px;
    font-family: 'Inter Tight';
    text-transform: uppercase;
}
.about-content h3 label{
        margin: 0;
        color: #f3971f;
}
.about-content p{
    font-size:17px;
    color: #000000;
    line-height:1.9;
    margin-bottom:18px;
    max-width:580px;
    font-family: 'Manrope';
}


/*==================================
        FEATURES
===================================*/

.featuresabt{
    margin-top:45px;
    display:flex;
    /* flex-direction:column; */
    gap:30px;
    flex-wrap: wrap;
}

.featureabt{
    display:flex;
    align-items:flex-start;
    gap:20px;
}

.featureabt .icon{
    width:62px;
    height:62px;
    border-radius:18px;
    background:#F5F9FF;
    color:#0E5EB8;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;

    transition:.35s;
}

.featureabt:hover .icon{
    background:#0E5EB8;
    color:#fff;
}

.featureabt h4{
    color:#0B2F63;
    font-size:22px;
    margin-bottom:8px;
}

.featureabt span{
    color:#6d7785;
    line-height:1.7;
}


/*==================================
        IMAGE
===================================*/

.about-image{
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    /* height: 87%; */
}

.about-image img{
    width:100%;
    border-radius: 20px;
    display:block;
    object-fit:cover;
    height: 100%;
    object-fit: cover;
}


/*==================================
        FLOATING CARD
===================================*/

.floating-card{

position:absolute;

left: -30px;

bottom:60px;

width:280px;

background:#0B2F63;

color:#fff;

border-radius:30px;

padding:35px;

box-shadow:0 25px 60px rgba(0,0,0,.18);

text-align: center;
}

.iganchr{
    text-align: center;
}

.iganchr svg{
        fill: #f49720;
    width: 66px;
    margin: auto;
}

.floating-card i{
    width:70px;
    height:70px;

    border-radius:50%;

    background:#FDB913;

    color:#0B2F63;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    margin-bottom:25px;
}

.floating-card h3{

font-size: 24px;

line-height:1.3;

margin-bottom:15px;

color: #fff;

font-weight: 500;
}

.floating-card p{

    color:#d8e3f0;

    line-height:1.8;

    font-size:15px;
}


/*==================================
        IMAGE EFFECT
===================================*/

.about-image img{

    transition:.5s;
}

.about-image:hover img{

    transform:scale(1.03);
}


/*==================================
        RESPONSIVE
===================================*/

@media(max-width:1200px){

.about-content h1{

    font-size:56px;
}

.about-grid{

    gap:60px;
}

}


@media(max-width:992px){

.about-grid{

    grid-template-columns:1fr;

    gap:70px;
}

.about-image{

    order:-1;
}

.floating-card{

    right:25px;
    bottom:25px;
}

}


@media(max-width:768px){

.about-area{

    padding:90px 0;
}

.about-content h1{

    font-size:42px;
}

.about-content p{

    font-size:16px;
}

.feature{

    gap:15px;
}

.feature h4{

    font-size:19px;
}

.feature .icon{

    width:55px;
    height:55px;
}

.floating-card{

    width:230px;

    padding:28px;
}

.floating-card h3{font-size: 17px;}

}


@media(max-width:576px){
.iganchr svg{
    width: 33px;
}
.about-content h1{

    font-size:34px;
}

.about-image img{

    border-radius:25px;
}

.floating-card{

    position:relative;

    right:0;
    bottom:0;

    width:100%;

    margin-top:20px;

    border-radius:20px;
}

.features{

    gap:22px;
}

}












.products-section{
    padding: 100px 60px;
    /* padding-top: 60px; */
    background: #248ece;
    width: 100%;
    margin: auto;
    /* margin-top: 50px; */
    background-image: url('../images/home/about_us/why-us.jpg');
    position: relative;
    background-position: center;
    background-size: cover;
    width: 95%;
    margin: auto;
}
.products-section::Before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: #e3e2e2;
    opacity: .9;
}
.section-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:70px;
    position: relative;
}

.section-tag{
    display:inline-block;
    color: #f38b03;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:20px;
    font-family: 'Parsi';
}

.section-title{
    font-size: clamp(41px,5vw,39px);
    font-weight: 400;
    line-height:1.05;
    margin-bottom: 0;
    color: #ffffff;
    text-transform: uppercase;
}

.section-description{
    font-size: 15px;
    color: #000000;
    line-height:1.7;
    font-family: 'Manrope';
}

.products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:32px;
    /* max-width: 1500px; */
    margin: auto;
    /* background: #248ece; */
}

.product-card{
    position:relative;
    background:#fff;
    border-radius: 25px;
    overflow:hidden;
    border: 1px solid #39569f;
    /* box-shadow:
        0 10px 40px rgba(15,23,42,.05); */
    transition:.4s ease;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 25px 60px rgba(15,23,42,.10);
}

.product-number{
    position:absolute;
    top: 0;
    left: 0;
    width: 60px;
    height:52px;
    border-radius: 0px 0px 40px 0px;
    background:#2563eb;
    color:white;
    padding-right: 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
    z-index:2;
}

.product-image{
    /* height:280px; */
    /* background:#f8fafc; */
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 7px;
}

.product-image img{
    width:100%;
    /* max-height:220px; */
    object-fit: cover;
    border-radius: 20px;
    height: 100%;
}

.product-content{
    padding:35px;
}

.product-title{
    font-size: 24px;
    font-weight:700;
    margin-bottom:10px;
    color: #000;
    line-height: 1;
    font-family: 'Roboto Condensed';
}

.product-range{
    color: #6e6e6e;
    font-weight:600;
    margin-bottom:20px;
}

.product-text{
    color: #0b0b0b;
    line-height:1.8;
    margin-bottom:28px;
    font-family: 'Manrope';
    display: none;
}

.learn-more{
    text-transform: uppercase;
    background: #102748;
    display:inline-flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color: #ffffffd9;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 100px;
    justify-content: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 23px;
    font-family: 'Roboto Condensed';
    font-size: 18px;
}
.product-content .learn-more{
    position: absolute;
    bottom: 20px;
    width: 90%;
    left: 50%;
    transform: translate(-50%, -0%);
}
.learn-more span{
    width: 35px;
    height: 35px;
    border-radius:50%;
    border:1px solid #dbeafe;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #ffffff;
}

.learn-more:hover{
    color: #fff;
}
.why-content .learn-more{
    
max-width: fit-content;
    
gap: 0px 28px;
}
.features{
    margin-top: 0;
    background:#f8fafc;
    border-radius:30px;
    padding:40px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.feature{
    /* text-align:center; */
}
.feature div:nth-child(2){
    width: 66%;
}
.feature-icon{
    font-size:32px;
    margin-bottom:15px;
    width: 70px;
    height: 70px;
    background: #0b2f63;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.feature h4{
    margin-bottom:8px;
    font-size:18px;
}

.feature p{
    color: #000000;
    line-height:1.7;
    font-family: 'Manrope';
    max-width: 300px;
    font-size: 14px;
}

@media(max-width:768px){

    .products-section{
        padding:70px 24px;
    }

    .section-title{
        font-size:42px;
    }

    .features{
        grid-template-columns:1fr;
    }
}



/* sub div section ========================= */
.wprwall {
    background-image: url('../images/home/about_us/las-colinas-slide-2.jpeg');
    background-position: bottom;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.marslider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 10px 0px;
    background: #ffffff36;
    padding-top: 12px;
}

.marslider .content {
    display: flex ;
    align-items: center;
    gap: 91px;
}

.marslider .content a {
    color: #fff;
    font-family: 'Manrope';
    line-height: 1;
}

.flexcenter {
    display: flex;
    align-items: center;
}

/* prdslider container ====================== */
.latestprd {
    padding: 100px 0px;
    /* background: #f1f5f8; */
    background: linear-gradient(
0deg, rgb(241 245 248) 0%, rgba(0, 0, 0, 0) 100%);
}

.sldprdpic a {
    display: block;
}

.sldprdpic img {
    width: 100%;
    aspect-ratio: 1 / .7;
    object-fit: cover;
    border-radius: 9px;
}

.colglry {
    padding: 4px;
}

.prdhdr {
    text-align: center;
    margin-bottom: 60px;
}

.prdhdr h3 {
    /* font-weight: 600; */
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 17px;
    font-family: 'Bebas Neue';
    color: #006a94;
    /* text-transform: uppercase; */
}

.prdhdr h3 span {
    color: #4dace5;
}

.prdhdr p {
    font-size: 47px;
    font-family: 'Manrope';
    color: #000000;
    margin: auto;
    line-height: 1;
    /* background: -webkit-linear-gradient(#000000, #ffffff); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-weight: 500;
    text-transform: capitalize;
    /* text-transform: uppercase; */
}

.sldprd {
    background: #fff;
}

.sldprdddt {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 24px;
}

.sldprdddt h3 {
    color: #000;
    text-transform: uppercase;
    font-family: 'fallback';
    font-size: 17px;
}

.sldprdddt p {
    color: #dc1a1a;
}

.showmore-glry {
    margin-top: 40px;
}

.showmore-glry a {
    max-width: fit-content;
    margin: auto;
    color: #fff;
    background: #000000;
    padding: 14px 48px;
    display: block;
    margin-top: 35px;
    border-radius: 100px;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: 600;
    border: 2px solid #000000;
    transition: .3s ease;
}

.showmore-glry a:hover {
    border: 2px solid #4dace5;
    color: #4dace5;
    background: #fff;
}

/* services home page -========================================================== */
.wht-are-distinct {
    padding: 80px 0px;
}

.box-btm-content {
    text-align: center;
    margin-bottom: 50px;
}

.box-btm-content span {
    text-transform: uppercase;
    color: #000;
    font-family: 'Manrope';
    font-size: 2rem;
}

.box-btm-content h3 {
    color: #0f1681;
    font-family: 'Euclid Medium';
    font-size: 2.5rem;
}

.serv-box--intitle {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    height: 100%;
}

.icon-srv {
    width: 100%;
    margin-bottom: 20px;
}

.icon-srv img {
    width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
}

.srv--conternt {
    padding: 20px;
    text-align: center;
    background: #faebd7;
    height: 100%;
    padding-top: 40px;
}

.srv--conternt h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 13px;
    line-height: 1.4;
    text-transform: capitalize;
    font-family: "Cantata One", serif;
}

.srv--conternt span {
    color: #25644c;
    display: block;
    margin-bottom: 20px;
}

.srv--conternt p {
    font-size: 21px;
    font-family: 'Manrope';
    color: #000;
    margin-bottom: 10px;
}

.srv--conternt a {
    background: #25644c;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 13px;
    border-radius: 100px;
    transition: .3s ease;
}

.underlne {
    width: 50px;
    height: 2px;
    background: #25644c;
    margin: auto;
    margin-bottom: 20px;
}

.serv-box--intitle:hover > .srv--conternt a {
    background: #bd9860;
    color: #fff;
}

.col-bb-bottom {
    padding: 15px;
}

/* thumb slider ================ */
.header-dvd {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 36px;
}

.lineoverthrough {
    width: 14%;
    height: 2px;
    border: 1px solid #c39860;
}

.header-dvd h3 {
    color: #0f0f0f;
    font-size: 38px;
    font-family: 'Manrope';
    text-transform: uppercase;
    font-weight: 300;
}

.swiper-container-wrapper {
    position: relative;
}

.thumbsld {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    height: 100%;
    background: #000000ad;
    padding: 40px 0px;
}

.bxsectionrst {
    border-bottom: 1px solid #545454;
    padding: 1px 0px;
    padding-right: 30px;
}

.bxnme {
    padding: 10px 20px;
    font-family: 'Manrope';
    color: #fff;
    margin-left: 100px;
}

.sldthumb {
    height: auto !important;
}

.glrycontainer {
    height: 785px;
    position: relative;
}

.rcpcnt ul li {
    display: flex;
    margin-bottom: 10px;
    gap: 9px;
}

.rcpcnt ul li p {
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.dsplayimg {
    position: relative;
}

.namecap {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    display: none;
}

.namecap h3 {
    color: #fff;
    font-family: 'Catchy Mager';
    font-size: 6vw;
}

.counternu {
    position: absolute;
    background: #0000008a;
    display: flex;
    align-items: center;
    gap: 1px;
    z-index: 5;
    right: 16px;
    top: 16px;
    color: #fff;
    padding: 3px 10px;
    border-radius: 100px;
    font-family: 'Manrope';
    font-size: 14px;
    padding-top: 4px;
}

.sliderarrow {
    display: none ;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.sldarrow {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 100px;
    display: flex ;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 19px;
}

/* about us ectin apge ============= */
.bannerinnersection {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    position: relative;
}

.abtssectinpage {
    background-image: url('../images/home/about_us/abtsbanner.jpg');
}

.bannerinnersection::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    background: linear-gradient(97deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.bannerinnersection .container-port {
    position: relative;
}

.pagepath {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
}

.pagepath::before {
    content: '';
    position: absolute;
    width: 50%;
    left: 0;
    background: linear-gradient(97deg, rgba(3, 169, 244, 1) 0%, rgba(3, 169, 244, 0) 100%);
    height: 46px;
    bottom: 0;
}

.pagepath-w {
    display: flex ;
    align-items: center;
    gap: 10px;
}

.pagepath-w a {
    color: #fff;
    font-family: 'Manrope';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.pagepath-w span {
    color: #fff;
    font-size: 13px;
}

.banneriner {
    width: 100%;
}

.banneriner h1 {
    color: #fff;
    font-size: 42px;
    font-family: 'Manrope';
    text-transform: uppercase;
    font-weight: 700;
}

.abts-home-content2 h3 {
    font-size: 39px;
    color: #2e318e;
    line-height: 1.1;
    margin-bottom: 14px;
    text-transform: uppercase;
    font-family: 'Inter Tight';
    font-weight: 700;
}

.imgbs2 {
    margin-bottom: 40px;
}

.imgbs2 img {
    width: 100%;
    border-radius: 10px;
}

.abts-home-content2 h4 {
    font-size: 20px;
    color: #000;
    font-family: 'Manrope';
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 22px;
}

.abts-home-content2 p {
    margin-bottom: 10px;
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
    line-height: 26px;
}

.brdimg img {
    width: 195px;
}

.brddrc {
    border: 1px solid #ffdfb1;
    padding: 40px;
    margin: auto;
    border-radius: 10px;
    text-align: center;
    background: #fcf9f6;
}

.contdrc {
    margin-top: 20px;
}

.contdrc h3 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: 'Inter Tight';
}

.contdrc span {
    color: #F44336;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Inter Tight';
    font-weight: 500;
    display: block;
    margin-bottom: 9px;
}

.contdrc p {
    color: #000;
    font-family: 'Manrope';
}

.hrdbr {
    font-size: 31px;
    color: #223645;
    line-height: 1.1;
    margin-bottom: 44px;
    font-family: 'Manrope';
    text-transform: capitalize;
    font-weight: 600;
}

.abts-home-content2 {
    padding-right: 50px;
}

.accordion {
    padding-right: 50px;
    margin: 2rem auto;
}

.accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 80px 0px rgba(30, 22, 22, 0.06);
}

.accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: #2e318e;
    font-family: 'Manrope';
}

.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
}

.accordion-item-header.active::after {
    content: "\2212";
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.accordion-item-body-content p {
    font-family: 'Manrope';
    color: #000;
    margin-bottom: 10px;
    font-size: 15px;
}

@media(max-width: 767px) {
    html {
        font-size: 14px;
    }
}

/* rare contract ======================= */
.rrcntrsectoin {
    padding: 100px 0px;
}

.bxrrbx {
    border: 1px solid #e1a64f63;
    padding: 20px;
    height: 100%;
    border-radius: 10px;
    transition: .3s ease;
}

.rowgp {
    gap: 40px 0px;
}

.bxrrbx h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    transition: .3s ease;
}

.bxrrbx p {
    color: #4f4f4f;
    font-family: 'Manrope';
    margin-bottom: 10px;
    transition: .3s ease;
}

.bxrrbx a {
    display: flex ;
    align-items: center;
    gap: 8px;
    color: #ce1c00;
}

.bxrrbx a svg {
    fill: #ce1c00;
}

.bxrrbx:hover {
    background-color: #ce1c00;
}

.bxrrbx:hover>h3 {
    color: #fff;
}

.bxrrbx:hover>p {
    color: #fff;
}

.bxrrbx:hover>a {
    color: #ffd24d;
}

.bxrrbx:hover>a svg {
    fill: #ffd24d;
}

/* contact us -------------------------------------------- */
.contact-details {
    text-align: center;
}

.contact-details span {
    display: flex;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    color: #0a0d31;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contact-details span label {
    width: 60px;
    height: 60px;
    background: aliceblue;
    background-image: linear-gradient(180deg,#006a94 0%,#054d7a 100%);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    margin-bottom: 20px;
}

.contact-details span label svg {
    fill: #fff;
}

.contact-details p {
    padding: 0px 10px;
}

.contact-details a {
    color: #006a94;
    font-size: 17px;
    font-weight: 600;
}

.map {
    width: 100%;
    height: 500px;
    margin-top: 100px;
    border-radius: 10px;
    overflow: hidden;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.hdrcnt {
}

.ccnter {
    display: flex;
    align-items: center;
}

.topbx {
    justify-content: space-between;
}

.bgimgc img {
    width: 100%;
    border-radius: 100%;
}

.hdrcnt h3 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}

.hdrcnt p {
    font-family: 'Manrope';
    color: #404040;
    font-size: 16px;
}

.contactinfo {
    margin-top: 38px;
}

.contactinfo ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contactinfo ul li {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.contactinfo ul li span {
    display: flex ;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(177deg, rgba(46, 49, 142, 1) 0%, rgba(76, 158, 221, 1) 100%);
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
}

.contactinfo ul li div label {
    display: block;
    margin: 0;
    text-transform: uppercase;
    color: #4073be;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Manrope';
}

.contactinfo ul li div a {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Manrope';
}

.contactinfo ul li div p {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Manrope';
}

/* tab cnt */
.boxtabnew {
    margin-top: 50px;
}

.wrapper3 {
}

.tab-wrapper3 {
    text-align: center;
    display: block;
    margin: auto;
}

.tabs3 {
    margin: 0;
    padding: 0;
    display: flex ;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;
}

.tab-link3 {
    list-style: none;
    padding: 6px 17px;
    color: #ffffff;
    cursor: pointer;
    transition: all ease 0.5s;
    background: #2e318e;
    border-radius: 100px;
    font-family: 'Manrope';
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #2e318e;
}

.tab-link3:hover {
    background: #03a9f4;
    border: 2px solid #03a9f4;
}

.tab-link3.active3 {
    border: 2px solid #2e318e;
    background: none;
    color: #2e318e;
}

.content-wrapper3 {
}

.tab-content3 {
    display: none;
    text-align: center;
    color: #888;
    font-weight: 300;
    font-size: 15px;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 0.5s ease 1 forwards;
}

.tab-content3.active3 {
    display: block;
}

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

/* join us ========================================================== */
.joinus {
    padding: 70px 0px;
    background: #edfdf5;
    background-image: url('../images/home/about_us/overlay_13.png');
    font-size: 15px;
    background-position: bottom right;
    background-size: cover;
}

.join-us---bx {
    padding-left: 70px;
}

.join-us---bx span {
    margin-bottom: 20px;
    display: block;
    color: #0f1681;
    font-size: 21px;
    font-family: 'Euclid Medium';
}

.join-us---bx p {
    font-family: 'Euclid Regular';
    margin-bottom: 15px;
    font-size: 15px;
}

.contact--box--jn {
    display: flex;
    border-top: 1px solid #00000021;
    padding-top: 20px;
    margin-top: 39px;
}

.box--cnt {
    display: flex;
    align-items: center;
    margin-right: 60px;
}

.rht--box label {
    display: block;
    margin: 0px;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Euclid Medium';
    line-height: 1;
}

.rht--box a {
    color: #000000b3;
    font-size: 16px;
}

.cnticon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f1681;
    color: #fff;
    font-size: 14px;
}

.rht--box {
    margin-left: 10px;
}

.jn-s--i img {
    width: 100%;
}

.drscdinfo {
}

.drscdinfo h3 {
    font-family: 'Catchy Mager';
    font-size: 39px;
    text-transform: uppercase;
    color: #0d6542;
    margin-bottom: 20px;
    max-width: 500px;
    line-height: 1.2;
}

.drscdinfo h4 {
    font-size: 24px;
    border-left: 5px solid #cb984e;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 10px;
    color: #000;
    font-family: 'Manrope';
}

.drscdinfo h5 {
    font-size: 22px;
    color: #8f6529;
    margin-bottom: 10px;
    margin-top: 20px;
}

.drscdinfo p {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
    margin-bottom: 10px;
}

.clmdrs {
    padding: 20px;
    height: 100%;
    border: 1px dashed #00000059;
    border-radius: 10px;
}

.clmdrs h6 {
    color: #25644c;
    font-family: 'Manrope';
    font-size: 26px;
    margin-bottom: 18px;
    font-weight: 600;
}

.mtoptp490 {
    margin-top: 50px;
}

.clmdrs ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.clmdrs ul li {
    font-family: 'Manrope';
    color: #000;
    font-size: 18px;
    margin-bottom: 7px;
    display: flex ;
    margin-bottom: 0px;
    gap: 9px;
}

.paeq40 {
    padding: 15px;
}

.clmdrs ul li p {
    font-family: 'Manrope';
    color: #000;
    width: 90%;
    font-size: 19px;
    margin-bottom: 6px;
}

.clmdrs ul li i {
    width: 18px;
    height: 18px;
    background: #005f39;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 4px;
}

/* footer ================================================== */
footer {
    background-color: #121458;
    /* background-color: #000000; */
    padding-top: 50px;
    position: relative;
    /* background-image: url('../images/home/about_us/footer.webp'); */
}

.container-port-ftr {
    width: 90%;
    margin: auto;
}

.ftrlogo {
    margin-bottom: 31px;
}

.prst-one {
    margin-top: 36px;
}

.ftrrght {
    display: flex ;
    gap: 13px;
    padding-left: 40px;
}

.flexfl ul {
    display: flex;
    gap: 38px;
}

.flexflx {
    display: flex;
    justify-content: center;
    margin-bottom: 60px !important;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.flexflx li div {
    display: flex;
    gap: 10px;
}

.flexflx li:nth-child(2) {
    gap: 30px;
}

.ftrrght a {
    width: 101px;
    /* height: 101px; */
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 4px;
    box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 29%);
    -webkit-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 29%);
    -moz-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 29%);
}

.ftrrght a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}

.prst-two {
    margin-bottom: 36px;
}

.prst-one h3 {
    color: #fff;
    font-size: 24px;
    /* font-weight: 600; */
    margin-bottom: 8px;
}

.flexul li a {
    text-transform: lowercase !important;
}

.flexul li {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    /* flex-direction: column; */
}

.flexul li span {
    color: #e8d5b5;
}

.flexul li p {
    font-size: 14px;
    color: #fff;
    font-family: 'Manrope';
    letter-spacing: 1px;
}

.prst-one p {
    color: #f5f5f1b3;
    font-size: 14px;
    max-width: 500px;
}

.prst-one a {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    background-color: #006a94;
    border-radius: 4px 4px 4px 4px;
    padding: 14px 24px;
    display: block;
    max-width: fit-content;
    margin-top: 24px;
}

.prst-two h3 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Bebas Neue';
    font-weight: 400;
    text-align: center;
}

.prst-three h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.prst-three ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.prst-three ul li {
    margin-bottom: 10px;
}

.prst-three ul li a {
    color: #f5f5f1b3;
}

.sociallist {
}

.sociallist h3 {
    color: #4dace5;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sociallist div {
    display: flex ;
    align-items: center;
    gap: 17px;
}

.sociallist a {
    display: flex ;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    color: #fff;
}

.sociallist a:nth-child(1) {
    background-color: #1877F2;
}

.sociallist a:nth-child(2) {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.sociallist a:nth-child(3) {
    background-color: #000;
}

.sociallist a:nth-child(4) {
    background-color: #0077B5;
}

.flex-box-list {
    display: flex;
    /* justify-content: space-between; */
}

.flex-box-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.flex-box-list-a-links ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.flex-box-list-a-links ul li a {
    color: #25644c;
    font-size: 15px;
    width: 40px;
    height: 40px;
    display: flex ;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 100px;
}

.flex-box-list ul li {
    margin-bottom: 10px;
}

.flex-box-list ul li a {
    color: #f5f5f1b3;
    transition: .3s ease;
    font-size: 13px;
}

.flex-box-list ul li a i {
    color: #f6a201;
    padding-right: 6px;
    font-size: 10px;
}

.flex-box-list ul li a:hover {
    color: #fff;
}

.pdd-07 {
    padding-left: 0px;
}

/* inner pages ======================================================================
=================================================================================== */
.bannerinner {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: end;
    padding-bottom: 41px;
}

.aboutusinner {
    background-image: url('../images/home/about_us/history.jpg');
}

.aboutusinnernew {
    background-image: url('../images/home/about_us/aboutussect.jpg');
}

.mmberiner {
    background-image: url('../images/home/about_us/any1.jpg');
}

.tarriffinner {
    background-image: url('../images/home/about_us/tarriff.jpg');
}

.flexbxline {
    width: 100%;
}

.bx-hdr {
    display: flex;
    align-items: center;
    gap: 30px;
}

.lineoverhtr {
    width: 14%;
    height: 2px;
    background: #fff;
}

.bx-hdr h1 {
    font-family: 'Manrope';
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.58);
}

.subhdr {
    color: #25644c;
    font-size: 50px;
    margin-bottom: 9px;
    font-family: 'Catchy Mager';
}

.mrddt p {
    font-family: dubai;
    color: #101010;
    font-size: 17px;
    line-height: 1.635;
    margin-bottom: 16px;
    font-weight: 300;
}

.martp50 {
    margin-top: 60px;
}

.sliderbx-wrp {
    padding-top: 60px;
}

.hstryimg img {
    width: 100%;
}

.mtop30 {
    margin-top: 50px;
}

.bx-secleftarp {
    padding-right: 30px;
}

.bx-secleftarp img {
    width: 100%;
}

.bx-sectwrp {
}

.bx-sectwrp h3 {
    font-size: 36px;
    font-family: 'Catchy Mager';
    color: #005f39;
    margin-bottom: 10px;
}

.bx-sectwrp p {
    font-family: 'Manrope';
    color: #333;
    text-align: justify;
    margin-bottom: 15px;
}

.martop40 {
    margin-top: 90px;
}

.bx-sectwrp h4 {
    font-size: 21px;
    margin-bottom: 10px;
    color: #000;
    font-family: 'Manrope';
}

/* bylaw ======================= */
.bylawhdr {
    font-size: 38px;
    font-family: 'Catchy Mager';
    max-width: 700px;
    text-transform: capitalize;
    color: #000;
    line-height: 1.2;
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
}

.blwcnt {
}

.blwcnt ul {
    list-style: none;
    padding: 0px;
    margin: auto;
    display: flex ;
    flex-wrap: wrap;
    gap: 22px;
    align-items: stretch;
    justify-content: center;
}

.blwcnt ul li {
    font-family: 'Manrope';
    color: #000;
    width: 32%;
    border: 1px dashed #0000002e;
    padding: 22px;
    border-radius: 10px;
}

.blwcnt ul li span {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
}

.blwmark {
    margin-top: 100px;
    background: #efefef3b;
    padding: 40px;
}

.blwmark h3 {
    font-family: 'Catchy Mager';
    font-size: 37px;
    margin-bottom: 30px;
    border-bottom: 1px solid #00000014;
    color: #000;
    text-transform: capitalize;
}

.blwmark ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.blwmark ul li {
    display: flex ;
    margin-bottom: 10px;
    gap: 9px;
}

.blwmark ul li i {
    width: 18px;
    height: 18px;
    background: #005f39;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 4px;
}

.blwmark ul li p {
    font-family: 'Manrope';
    color: #000;
    width: 90%;
    font-size: 19px;
}

.dclrbx {
    margin: 100px 0px;
    text-align: center;
    border: 1px solid #bd986075;
    padding: 20px;
    padding-top: 0px;
}

.dclrbx h3 {
    color: #005f39;
    font-family: 'Manrope';
    background: #fff;
    max-width: fit-content;
    margin: auto;
    margin-top: -16px;
    padding: 1px 20px;
    margin-bottom: 14px;
    font-size: 20px;
}

.dclrbx p {
    font-family: 'Manrope';
    color: #000;
    margin-bottom: 10px;
}

.ddcbx {
}

.hdrnxt h3 {
    text-align: center;
    font-family: 'Catchy Mager';
    color: #000;
    font-size: 28px;
    max-width: 700px;
    margin: auto;
    margin-bottom: 62px;
    text-transform: uppercase;
}

.ddcbx table {
    width: 100%;
}

.ddcbx table th {
    color: #005f39;
    font-family: 'Catchy Mager';
    font-size: 21px;
    border-bottom: 1px solid #00000014;
    padding: 7px 2px;
}

.ddcbx table td {
    border-bottom: 1px solid #00000014;
    padding: 7px 2px;
    color: #000;
    font-family: 'Manrope';
}

.hrt {
}

.hrt h4 {
    color: #005f39;
    font-family: 'Manrope';
    font-size: 19px;
    font-weight: 600;
}

.hrt p {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
}

.dflists {
    margin-top: 20px;
}

.dflists h4 {
    color: #005f39;
    font-family: 'Manrope';
    font-size: 19px;
    font-weight: 600;
}

.dflists span {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
    margin-bottom: 20px;
    display: block;
}

.bx-secbx {
    margin-top: 30px;
}

.bx-sdf p {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
    margin-bottom: 20px;
}

.clsmmbrs {
    border-top: 1px solid #00000026;
    border-bottom: 1px solid #00000026;
    margin: 50px 0px;
    padding: 40px 0px;
}

.clsmmbrs h3 {
    font-size: 28px;
    color: #000;
    font-family: 'Catchy Mager';
}

.clsmmbrs span {
    display: block;
    margin-bottom: 18px;
    font-family: 'Manrope';
    color: #5c5c5c;
    font-size: 19px;
}

.clsmmbrs ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    gap: 13px 20px;
}

.clsmmbrs li {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.clsmmbrs i {
    color: #28a745;
}

.clsmmbrs p {
    color: #000;
    font-family: 'Manrope';
}

.elgb6 h3 {
    font-size: 28px;
    color: #000;
    font-family: 'Catchy Mager';
    margin-bottom: 30px;
}

.elgb6 h4 {
    display: block;
    margin-bottom: 18px;
    font-family: 'Manrope';
    color: #005f39;
    font-size: 22px;
    border-left: 4px solid #bd9860;
    line-height: 1;
    padding-left: 10px;
    padding-top: 3px;
}

.csmnwe h4 {
    font-size: 22px;
    margin-bottom: 6px;
    font-family: 'Manrope';
    color: #000;
}

.mb340 h3 {
    margin-bottom: 10px;
}

.tp40 {
    margin-top: 30px;
}

.elgb6 p {
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.absence-abroad {
}

.absence-abroad h3 {
    font-size: 28px;
    color: #000;
    font-family: 'Catchy Mager';
    margin-bottom: 10px;
}

.absence-abroad p {
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.absence-abroad {
    margin-bottom: 20px;
}

.governing-body-section h3 {
    font-size: 19px;
    color: #005f39;
    margin-bottom: 9px;
}

.governing-body-section p {
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.member-list {
}

.member-list {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.member-list li {
    width: 32%;
    border: 1px dashed #00000040;
    padding: 26px;
}

.member-list li span {
    display: block;
}

.member-number {
    display: none !important;
}

.member-name {
    font-size: 18px;
    margin-bottom: 2px;
    color: #096440;
}

.member-role {
    color: #08001b;
    margin-bottom: 13px;
    text-transform: uppercase;
    font-size: 13px;
}

.member-address {
}

.admin-powers-governing-body {
    margin-top: 40px;
}

.admin-powers-governing-body h3 {
    font-size: 28px;
    color: #000;
    font-family: 'Catchy Mager';
    margin-bottom: 10px;
}

.admin-powers-governing-body p {
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.admin-powers-governing-body h5 {
    font-size: 19px;
    color: #005f39;
    margin-bottom: 9px;
    margin-top: 20px;
}

.admin-powers-governing-body ul {
    display: flex ;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    gap: 13px 20px;
    margin-top: 20px;
}

.admin-powers-governing-body ul li {
    display: flex ;
    align-items: baseline;
    gap: 6px;
}

.admin-powers-governing-body ul li i {
    width: 18px;
    height: 18px;
    background: #005f39;
    border-radius: 100px;
    color: #fff;
    font-size: 11px;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: relative;
}

.admin-powers-governing-body ul li p {
    color: #000;
    font-family: 'Manrope';
    width: 90%;
}

/* facilities ==================== */
.facilitypagesection {
    padding: 60px 0px;
}

.fxlbx {
}

.headerfcl {
    text-align: center;
    font-family: 'Cantata One';
    color: #000;
    font-size: 22px;
    margin-bottom: 31px;
    text-transform: uppercase;
}

.fclpic img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.fclpic {
    position: relative;
}

.fclpic::before {
    content: '';
    position: absolute;
    width: 86%;
    height: 88%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #bd986096;
    border-radius: 4px;
    z-index: 3;
    pointer-events: none;
}

.fxlbx h3 {
    padding: 20px 0px;
    font-family: "Cantata One", serif;
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    border-bottom: 1px solid #b29f71;
    width: 80%;
    margin: auto;
    text-align: center;
}

.colfcl {
    padding: 20px;
}

/* plan a visit section ===================== */
.commonpad {
    padding: 60px 0px;
}

.bxcontanerhdr {
    max-width: 900px;
    margin: auto;
    text-align: center;
    margin-bottom: 54px;
}

.bxcontanerhdr h3 {
    font-family: 'Manrope';
    font-size: 3rem;
    color: #015e39;
}

.bxcontanerhdr p {
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
}

.plvdisplay {
    border-radius: 10px;
    overflow: hidden;
    transition: .3s ease;
}

.plvdisplay img {
    width: 100%;
    aspect-ratio: 1 / 1.2;
    object-fit: cover;
}

.plvsec {
    position: relative;
}

.plvdt {
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    top: 61%;
    left: 0;
    transform: translate(-0%, -50%);
    width: 100%;
    opacity: 0;
    transition: .3s ease;
}

.plvdt h3 {
    font-family: 'Manrope';
    color: #000;
    font-size: 20px;
}

.plvdt span {
    display: flex;
    font-family: 'Inter Tight';
    padding: 8px 0px;
    color: #000;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 15px;
}

.plvdt span div {
    width: 30px;
    height: 1px;
    border-bottom: 1px dashed #bd9860;
}

.plvdt a {
    text-transform: uppercase;
    font-family: 'Nanum Gothic';
    font-size: 13px;
    font-weight: 600;
    color: #bd9860;
    letter-spacing: 1px;
}

.col-pln {
    margin-bottom: 30px;
}

.plvsec:hover>.plvdt {
    opacity: 1;
    top: 50%;
}

.plvsec:hover>.plvdisplay {
    opacity: .1;
}

/* local Attractions =========================== */
.imglca img {
    width: 100%;
    aspect-ratio: 1 / 0.4;
    object-fit: cover;
}

.bxsecla {
    margin-top: 20px;
}

.bxsecla h3 {
    font-size: 18px;
    font-family: 'Inter Tight';
    font-weight: 600;
    color: #bd9860;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 11px;
}

.overline {
    width: 59px;
    height: 2px;
    border-bottom: 1px solid #bd9860;
}

.bxsecla p {
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
    line-height: 26px;
}

.colspc30 {
    padding: 0px 40px;
    margin-bottom: 50px;
}

/* facilities =============================== */
.listcritria {
}

.listcritria ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.listcritria ul li {
    border: 1px solid #d5b665fa;
    padding: 12px 16px;
    width: 23%;
    color: #000;
    font-family: 'Manrope';
    font-size: 22px;
    text-transform: capitalize;
    text-align: center;
}

.headercrt {
    text-align: center;
    margin-bottom: 57px;
}

.headercrt h3 {
    font-family: 'Manrope';
    font-size: 34px;
    color: #005f39;
}

.headercrt p {
    font-size: 20px;
    font-family: 'Nanum Gothic';
    color: #333;
}

/* affiliation ------------- */
.aflhdr {
}

.aflhdr h3 {
    text-align: center;
    font-size: 30px;
    max-width: 800px;
    margin: auto;
    margin-bottom: 60px;
    font-family: 'Manrope';
    color: #000;
    font-weight: 600;
}

.cardinfo {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px dashed #00000030;
}

.cardinfo h5 {
    font-family: 'Manrope';
    color: #000;
    font-size: 21px;
}

.bxfxcrd {
    display: flex;
    gap: 10px;
}

.bxfxcrd span {
    color: #bd9860;
}

.bxfxcrd p {
    color: #333;
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.bxfxcrd a {
    color: #106744;
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.pflx {
}

.wrapper {
}

.tab-wrapper {
    margin-bottom: 50px;
}

.tabs {
    margin: 0;
    padding: 0;
    display: none;
    flex-wrap: wrap;
}

.tab-link {
    margin: 6px;
    list-style: none;
    padding: 4px 16px;
    cursor: pointer;
    transition: all ease 0.5s;
    font-family: 'Manrope';
    color: #000000;
    background: #efefefad;
    border-radius: 100px;
}

.tabs-toggle {
    border: 1px dashed #00000030;
    width: 225px;
    padding: 10px;
    font-family: 'Manrope';
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.tabs-toggle span {
    line-height: 1;
    font-size: 12px;
    color: #7e7e7e;
}

.tab-link:hover {
    color: #999;
}

.tab-link.active {
    color: #005f39;
}

.content-wrapper {
}

.tab-content {
    display: none;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 0.5s ease 1 forwards;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none;
    }
}

/* member ship option ================ */
.bx-mpsect {
    padding-right: 50px;
}

.bx-mpsect h3 {
    font-family: 'Manrope';
    font-size: 3rem;
    color: #015e39;
    margin-bottom: 20px;
}

.bx-mpsect p {
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 15px;
    text-align: justify;
}

.bx-imgrgh img {
    width: 100%;
}

/* tariff == */
.wrprnd {
    position: relative;
}

.hdrtrf {
    font-size: 36px;
    margin-bottom: 0px;
    color: #005f39;
    font-family: 'Catchy Mager';
}

.top40 {
    margin-top: 70px;
}

.rowcenter {
    justify-content: center;
}

.cardTariff {
    border-radius: 10px;
    padding: 33px 38px;
    height: 100%;
    border: 1px dashed #00000030;
    background: #fdfaf3;
    position: relative;
    background-image: url(../images/bgtxtur.jpg);
}

.cardTariff::before {
    content: '';
    position: absolute;
    width: 95%;
    height: 88%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #bd986096;
    border-radius: 4px;
    pointer-events: none;
}

.colbx40 {
    padding: 10px;
    margin-bottom: 0px !important;
}

.flexlbl {
    display: flex ;
    flex-wrap: wrap;
    gap: 13px 19px;
    /* justify-content: center;   */
}

.cardTariff h5 {
    font-family: "Cantata One", serif;
    color: #000000;
    font-size: 19px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.cardTariff p {
    font-family: 'Nanum Gothic';
    font-size: 15px;
    color: #000;
    display: flex ;
    align-items: center;
    gap: 8px;
}

.cardTariff p i {
    color: #bd9860;
    width: 18px;
    font-size: 16px;
}

.cardTariff p strong {
    font-family: 'Nanum Gothic';
    color: #000;
    font-size: 14px;
}

.flexlbl p:nth-child(1) {
    border-right: 1px solid #0000003d;
    padding-right: 13px;
}

.flexlbl p:last-child {
    /* transform: scale(1.3); */
}

.bxwrpchrg {
    padding: 100px 0px;
}

.chrgcrf {
    text-align: center;
    -webkit-box-shadow: 0px 5px 16px 0px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0px 5px 16px 0px rgb(0 0 0 / 9%);
    box-shadow: 0px 5px 16px 0px rgb(0 0 0 / 9%);
    padding: 22px;
    border-radius: 10px;
}

.chrgcrf h5 {
    font-family: 'Manrope';
    color: #096440;
    font-size: 24px;
    margin-bottom: 12px;
}

.bxwrphdr {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
    font-family: 'Manrope';
    color: #000;
}

.rowftr {
    justify-content: center;
}

.chrgcrf p {
    font-family: 'Nanum Gothic';
    font-size: 17px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    flex-direction: column;
}

.chrgcrf p label {
    margin: 0px;
    width: 100%;
}

.chrgcrf p i {
    color: #bd9860;
    width: 18px;
    font-size: 16px;
}

.chrgcrf p strong {
    font-family: 'Nanum Gothic';
    color: #000;
    font-size: 14px;
}

.chrgflexlbl {
}

.boardmembersection {
    padding: 100px 0px;
}

.rowflx {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
}

.bxmbrcol {
    width: 21.7%;
    border: 1px solid #00000017;
    padding: 10px;
    border-radius: 23px;
}

.brdmbrs {
    text-align: center;
}

.mbrdisplay {
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #33333312;
    border-radius: 10px;
    color: #0000007a;
    font-size: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.mbrdisplay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brdmbrs h5 {
    font-family: 'Manrope';
    font-size: 17px;
    color: #000;
    margin-bottom: 2px;
    margin-top: 10px;
}

.brdmbrs p {
    font-size: 12px;
    font-family: 'Manrope';
    color: #005f39;
    text-transform: uppercase;
    font-weight: 700;
}

.bx-list-mbr {
    /* border-right: 1px solid #00000026; */
    background: #f7f7f7;
    padding: 30px;
}

.bx-list-mbr a {
    display: block;
    font-family: 'Manrope';
    color: #000;
    font-size: 16px;
    margin-bottom: 17px;
    text-transform: capitalize;
}

.activelink {
    color: #c39860 !important;
}

/* terms and condition ======== */
.trmcnd {
    background: #005f39;
}

.container-port-new .row {
    width: 100%;
    margin: auto;
}

.container-port-new .row .col-lg-6:last-child {
    padding-right: 0px;
}

.trmddc h3 {
    font-size: 29px;
    font-family: 'Manrope';
    color: #fff;
    margin-bottom: 19px;
}

.trmddc {
    max-width: 600px;
    margin: auto;
    padding: 100px 0px;
}

.trmddc ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.trmddc ul li {
}

.trmddc ul li p {
    font-family: 'Nanum Gothic';
    color: #fff;
    font-size: 15px;
    margin-bottom: 12px;
    text-align: justify;
}

.coldisplay-terms {
    height: 100%;
}

.coldisplay-terms img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* annual report ========================= */
.col-bx30 {
    padding: 10px;
}

.anrptrt {
    text-align: center;
    background: #0e6543;
    padding: 36px 20px;
    border-radius: 4px;
    height: 100%;
    padding-bottom: 71px;
}

.anrptrt h3 {
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #fff;
    font-family: 'Cantata One';
    text-transform: capitalize;
}

.anrptrt span {
    display: block;
    color: #f5c985;
    margin: 13px 0px;
    font-size: 18px;
}

.anrptrt a {
    color: #000;
    background: #fff;
    padding: 4px 29px;
    font-family: 'Inter Tight';
    font-size: 15px;
    display: block;
    width: 70%;
    margin-top: 30px;
    border-radius: 100px;
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translate(-50%, -52%);
    border: 1px solid #fff;
    transition: .3s ease;
    max-width: fit-content;
}

.anrptrt a:hover {
    background: none;
    color: #fff;
}

/* about us ----------------- */
.bt-top {
    padding-top: 70px;
    padding-bottom: 70px;
}

.abouts-us h3 {
    font-size: 2.5rem;
    color: #0a0d31;
    font-weight: 800;
    margin-bottom: 30px;
    line-height: 1.2;
}

.box-abt img {
    width: 100%;
}

.coin-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.coin-list ul li {
    list-style: none;
    display: flex;
}

.left-side-box img {
    width: 200px;
}

.right-side-box {
    width: 305px;
}

.right-side-box h3 {
    font-size: 24px;
    color: #0a0d31;
    font-weight: 600;
    margin-bottom: 15px;
}

.right-side-box p {
}

.list-abts-items {
    margin-top: 30px;
}

.list-abts-items ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.list-abts-items ul li {
    margin-bottom: 30px;
    width: 50%;
    padding-right: 23px;
}

.list-abts-items ul li span {
    font-size: 17px;
    color: #0a0d31;
    font-weight: 600;
    margin-bottom: 9px;
    display: block;
}

.list-abts-items ul li p {
    color: #535353;
    font-size: 14px;
}

/* services ------------------------------------ */
.shadow-en {
    box-shadow: 0 1px 6px 0 #20212438;
    border-radius: 6px;
    position: relative;
}

/* contact us page =================== */
.bx-wrpcnt {
    background-color: #fff;
    padding: 30px 35px 20px;
    box-shadow: 0px 4px 30px 0px rgba(19, 74, 83, 0.05);
    overflow: hidden;
    position: relative;
    height: 100%;
}

.colpad20 {
    padding: 10px;
}

.bx-wrpcnt span {
    display: block;
    margin-bottom: 20px;
}

.bx-wrpcnt span img {
    width: 50px;
}

.bx-wrpcnt h3 {
    color: #25644c;
    font-family: 'Manrope';
    font-size: 23px;
    margin-bottom: 9px;
}

.bx-wrpcnt p {
    font-family: 'Nanum Gothic';
    color: #000;
    font-size: 14px;
}

.bx-wrpcnt a {
    font-family: 'Nanum Gothic';
    color: #000;
    font-size: 15px;
    display: block;
    margin-bottom: 4px;
}

.tpfrmhdr h2 {
    font-size: 18px;
    letter-spacing: 5px;
    font-family: 'Inter Tight';
    font-weight: 600;
    color: #bd9860;
    display: flex;
    align-items: center;
    gap: 20px;
}

.tpfrmhdr h3 {
    font-size: 2rem;
    color: #fff;
    font-family: 'Manrope';
    margin-top: 19px;
    margin-bottom: 45px;
}

.frmdsp {
    background: #25644c;
    padding: 100px 0px;
}

.frmgrp input {
    color: #fff;
    border: 1px solid #71929a;
    padding: 15px 20px;
    font-weight: 400;
    background: none;
    width: 100%;
    display: block;
}

.frmgrp button {
    background: #fff;
    border: none;
    width: 159px;
    padding: 11px 0px;
    font-family: 'Inter Tight';
    color: #000;
    font-weight: 400;
}

.frmgrp input::placeholder {
    color: #71929a;
}

.frmgrp textarea {
    color: #fff;
    border: 1px solid #71929a;
    padding: 15px 20px;
    font-weight: 400;
    background: none;
    width: 100%;
    height: 100px;
    display: block;
}

.bb30 {
    margin-bottom: 30px;
}

/* tate central scheme -------------- */
.tcs-section {
    padding: 100px 0px;
}

.rowvrtspace {
    gap: 60px 0px;
}

.abts-home-content3 h3 {
    font-size: 39px;
    color: #000000;
    line-height: 1.1;
    margin-bottom: 14px;
    font-family: 'Phosphor';
    text-transform: uppercase;
    font-family: 'fallback';
}

.bx-wrp {
    background-color: #f6f0ec;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}

.imgbs3 {
    margin-bottom: 20px;
}

.imgbs3 img {
    width: 97px;
}

.abts-home-content3 p {
    margin-bottom: 10px;
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
    line-height: 26px;
}

/* contact us page ---------- */
.headerctn {
}

.headerctn h3 {
    font-size: 44px;
    font-family: 'Inter Tight';
    font-weight: 700;
    line-height: 1.2;
    background: linear-gradient(to bottom right, #000000 0%, #dc1a1a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.headerctn p {
    color: #000;
    font-family: 'Manrope';
    font-size: 19px;
    opacity: .8;
}

.headodr {
    text-transform: uppercase;
    font-family: 'Inter Tight';
    font-weight: 600;
    color: #dc1a1a;
    display: block;
    margin-top: 35px;
}

.cntctflex {
    display: flex;
    margin-top: 17px;
}

.cnt {
    display: flex ;
    align-items: baseline;
    gap: 6px;
    max-width: 400px;
}

.cnt span {
    color: #dc1a1a;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.cnt p {
    font-family: 'Inter Tight';
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.cnt a {
    font-family: 'Inter Tight';
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.cnt-section {
    padding: 100px 0px;
    background-color: #f6f0ec;
}

.boxrgof {
    background: #fff;
    padding: 20px;
    margin-top: 43px;
    border-radius: 10px;
}

.headodr2 {
    text-transform: uppercase;
    font-family: 'Inter Tight';
    font-weight: 600;
    color: #dc1a1a;
    display: block;
}

.bpr1 {
    border-bottom: 1px solid #0000001f;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.bpr1:last-child {
    border: none;
    padding-bottom: 0px;
}

.bpr1 .cnt:nth-child(1) {
}

.bpr1 .cnt:nth-child(1) p {
    width: 75%;
}

.bpr1 .cnt:nth-child(2) a {
    white-space: nowrap;
}

.formbx {
    background: #dc1a1a;
    padding: 40px;
    border-radius: 15px;
}

.formbx form .row {
    gap: 26px 0px;
}

.grpfrm {
}

.grpfrm label {
    color: #fff;
    font-family: 'Inter Tight';
    font-weight: 500;
}

.grpfrm input {
    width: 100%;
    height: 44px;
    border-radius: 7px;
}

.grpfrm textarea {
    width: 100%;
    height: 126px;
    border-radius: 7px;
}

.grpfrm button {
    width: 100%;
    height: 60px;
    background: #000;
    color: #fff;
    font-family: 'Inter Tight';
    border: none;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
}

/* sec up */
.bxsectionhlp {
    padding: 100px 0px;
}

.edhptxt {
    text-align: center;
    max-width: 660px;
    margin: auto;
    margin-bottom: 49px;
}

.edhptxt h3 {
    font-weight: 800;
    font-size: 35px;
    line-height: 1.1;
    margin-bottom: 20px;
    font-family: 'Manrope';
    color: #223645;
}

.edhptxt span {
    color: #4cabe8;
    font-family: 'Manrope';
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.hlppix img {
    width: 100%;
    aspect-ratio: 1 / .7;
    object-fit: cover;
    border-radius: 10px;
}

.bxhlp {
    box-shadow: rgba(27, 19, 59, 0.06) 0px 0px 40px 0px;
    padding: 10px;
    border-radius: 12px;
}

.bxhlp h3 {
    padding: 10px;
    font-family: 'Manrope';
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.bxhlp p {
    padding: 0px 10px;
    font-family: 'Manrope';
    font-size: 16px;
    padding-bottom: 20px;
    color: #464646;
}

.bxhlp a {
    background: linear-gradient(177deg, rgba(46, 49, 142, 1) 0%, rgba(76, 158, 221, 1) 100%);
    color: #fff;
    padding: 8px 20px;
    display: block;
    max-width: fit-content;
    margin: 0px 10px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.ttxcenter {
    text-align: center;
}

.bxwrp {
    padding: 80px 0px;
    background: #2e318e;
    position: relative;
}

.imgbxp {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 16% 100%);
}

.imgbxp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}

.hdbx label {
    color: #60ccfd;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Manrope';
}

.hdbx h3 {
    font-size: 48px;
    font-family: 'Manrope';
    color: #fff;
    text-transform: capitalize;
    line-height: 1.2;
}

.imgbxp {
}

.imgbxp h3 {


}









.why-section{
    display:grid;
    grid-template-columns: 45% 55%;
    /* min-height:850px; */
    background:#fff;
    overflow:hidden;
    position: relative;
    padding: 100px 0px;
    width: 95%;
    margin: auto;
}

.why-content{
    max-width:650px;
    margin-left:auto;
    padding-left: 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position: relative;
    z-index: 5;
}

.eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #f38b03;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 13px;
    font-family: 'Parsi';
}

.eyebrow::before{
    content:"";
    width: 83px;
    height: 3px;
    background: #0b2f632e;
    position: absolute;
    bottom: 0;
}
.eyebrow::after{
    content:"";
    width: 53px;
    height: 3px;
    background: #0b2f63;
    position: absolute;
    bottom: 0;
}

.why-content h3{
    font-size: 51px;
    line-height:1.05;
    color:#08244d;
    font-weight:800;
    margin-bottom:25px;
    font-family: 'Roboto Condensed';
}

.why-content h2 label{
        font-family: "The Nautigal", cursive;
    font-size: 6rem;
    margin: 0;
    border-bottom: 1px solid #f3971f;
}

.why-content p{
    color: #0b0b0b;
    line-height: 1.8;
    margin-bottom: 28px;
    font-family: 'Manrope';
    max-width: 600px;
    font-size: 15px;
}

.features{
    display: none;
    /* gap:28px; */
    justify-content: space-around;
    /* flex-wrap: wrap; */
}

.feature{
    display:flex;
    gap:20px;
    /* align-items: center; */
    /* flex-direction: column; */
    /* justify-content: center; */
}

.feature i{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#f3f7ff;
    color:#0056d6;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.feature h4{
    font-size:22px;
    color:#08244d;
    margin-bottom:5px;
    font-family: 'Roboto Condensed';
}

.feature span{
    color:#777;
}

.why-image{
    position: absolute;
    width: 51%;
    height:100%;
    right: 0;
}

.why-image::before{
    content:"";
    position:absolute;
    left: -145px;
    top:0;
    width:220px;
    height:100%;
    background:#fff;
    transform: skewX(-9deg);
    z-index:2;
}

.why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.why-image video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* Tablet */
@media(max-width:1024px){

    .why-section{
        /* grid-template-columns:1fr; */
    }

    .why-content{
        max-width:100%;
        /* padding:80px 30px; */
    }

    .why-content h2{
        font-size:52px;
    }

    .why-image{
        /* height:500px; */
    }

    /* .why-image::before{
        display:none;
    } */
}

/* Mobile */
@media(max-width:991px){

    .why-content{
        padding: 0 30px;
        margin: auto;
        margin-bottom: 288px;
    }

    .why-content h2{
        font-size:40px;
    }

    .why-content p{
        font-size: 14px;
        max-width: 100%;
    }

    .why-image{
        height:350px;
        bottom: 0;
        width: 100%;
    }
}












/* footer ================================================================= */
.footer-logo-section {
    background-image: url('../images/home/about_us/footer-dots.svg');
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 88vh;
    background-repeat: no-repeat;
}

.footer-log-icon {
    background: #000;
    padding: 65px;
}

.footer-log-icon img {
    width: 173px;
}

.abts-ftr {
    height: 100%;
    border-left: 1px solid #ffffff45;
    border-right: 1px solid #ffffff45;
}

.bx-svg {
    text-align: center;
}

.bx-svg img {
    width: 130px;
}

.footer-footer {
    padding: 18px 0px;
    border-top: 1px solid #f3f3f32b;
    margin-top: 32px;
}

.brd-left {
    border-left: 1px solid #fff;
    padding-left: 20px;
}

.addres-box span {
    padding-right: 10px;
    position: relative;
    top: 3px;
}

.addres-box span svg {
    fill: #fff;
    width: 18px;
    height: auto;
}

.abts-ftr h3 {
    color: #ffffffd4;
    font-size: 20px;
    margin-bottom: 30px;
    font-family: 'Manrope';
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.abts-ftr p {
    color: #f5f5f1b3;
    font-size: 13px;
    margin-bottom: 25px;
    padding-right: 30px;
}

.addres-box p {
    color: #fff;
    font-size: 13px;
    padding-right: 30px;
}

.flex-bx-1 {
    margin: 0px;
    padding: 0px;
}

.flex-bx-1 li {
    display: flex;
    gap: 9px;
    margin-bottom: 20px;
}

.flex-bx-1 li span {
    color: #edbd75;
    font-size: 29px;
}

.flex-bx-1 li a {
    display: block;
    font-size: 16px;
    color: #fff;
}

.flex-bx-1 li a label {
    width: 100%;
    font-size: 16px;
    font-family: 'Inter Tight';
    color: #edbd75;
}

.flex-bx-1 li p {
    color: #fff;
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.flexbxcnt a {
}

.flexbxcnt label {
    width: 100%;
    font-size: 16px;
    font-family: 'Inter Tight';
    color: #edbd75;
}

.flexbxcnt a p {
    color: #fff;
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.addres-box a {
    color: #fff;
    font-size: 13px;
    display: block;
}

.footer-social {
    display: flex;
    align-items: center;
}

.footer-social a {
    margin-right: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.footer-social a span {
    display: block;
    line-height: 1;
    font-size: 13px;
    color: #fff;
}

.cnter-reserv {
}

.cnter-reserv p {
    font-size: 13px;
    color: #ffffff;
    font-family: 'Nanum Gothic';
    text-align: center;
}

.cnter-reserv p a img {
    width: 65px;
}

.row-footer {
    /* margin-bottom: 50px; */
}

.footertxt {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    overflow: hidden;
    opacity: .3;
}

.footertxt img {
    width: 100%;
    object-fit: cover;
}

.flex-box-ftr {
    display: flex !important;
    align-items: baseline;
}

.flex-box-ftr-a {
    display: flex !important;
    align-items: center;
    margin-bottom: 7px;
}

.flex-box-list2 ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.pdl40 {
}

.lftabtsarp h3 {
    font-family: 'Manrope';
    font-size: 17px;
    color: #fff;
    max-width: 400px;
}

.cntddtig {
    margin-bottom: 38px;
}

.cntddtig ul {
    display: flex ;
    align-items: center;
    justify-content: end;
    list-style: none;
    padding: 0px;
    margin: 0px;
    gap: 18px;
}

.cntddtig ul li a {
    display: flex ;
    width: 60px;
    height: 60px;
    background: #dc1a1a;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
}

.flex-box-list2 ul li {
    padding: 12px 0px;
    margin-bottom: 10px;
}
.flex-box-list2 ul li:nth-child(1){
        flex-direction: column;
    text-align: center;
    margin-bottom: 25px !important;
}
.flex-box-list2 ul li:nth-child(1) span{
    margin: auto;
}
.flex-box-list2 ul li a {
    display: block;
    font-size: 18px;
    color: #fff;
    font-family: 'Manrope';
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* hamburger menu */
.ham {
    width: 30px;
    height: 20px;
    display: none;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    margin-left: 0;
    padding: 0px 4px;
    margin-right: 46px;
    position: relative;
}

.ham::before {
    content: 'Menu';
    display: block;
    right: -47px;
    font-family: 'Manrope';
    color: #39569f;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 0;
    position: relative;
    top: 11px;
}

.ham span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #39569f;
}

.ham span:nth-child(1) {
    display: none;
}

.ham span:nth-child(2) {
    margin: 6px 0px;
    width: 63%;
}

/* inner page design ------------------- */
.events-sectin-home {
    padding: 100px 0px;
}

.rowgp {
    gap: 30px 0px;
}

.rowgp .col-lg-4 {
    padding: 28px;
    border-right: 1px solid #0000001f;
}

.newspic2 img {
    width: 100%;
    aspect-ratio: 1 / .7;
    object-fit: cover;
    border-radius: 10px;
}

.news-dta2 {
    margin-top: 30px;
    text-align: center;
    padding: 0px 15px;
}

.news-dta2 h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.news-dta2 p {
    margin-bottom: 19px;
    font-family: 'Nanum Gothic';
    color: #333;
    font-size: 15px;
    line-height: 26px;
}

.news-dta2 a {
    color: #ffff;
    margin: auto;
    padding: 10px 20px;
    display: block;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background: #03A9F4;
    max-width: fit-content;
    border-radius: 100px;
}

.news-dta2 a i {
    margin-left: 10px;
}

/* donation page ============== */
.donate-sectin-home {
    background: #f4ecff;
    padding: 100px 0px;
}

#donationForm {
    background: #fff;
    padding: 50px 30px;
    box-shadow: rgba(27, 19, 59, 0.06) 0px 0px 40px 0px;
}

.donationForm {
    background: #fff;
    padding: 27px;
}

.rowgpfm {
    gap: 33px 0px;
}

.frmgrp_con {
    position: relative;
}

.frmgrp_con input {
    border: 1px solid #0000002e;
    width: 100%;
    height: 51px;
    padding-left: 14px;
    color: #000;
    font-family: 'Manrope';
}

.frmgrp_con textarea {
    border: 1px solid #0000002e;
    width: 100%;
    height: 107px;
    padding: 10px 14px;
    font-family: 'Manrope';
    color: #000;
}

.frmgrp_con label {
    position: absolute;
    font-size: 14px;
    font-family: 'Manrope';
    background: #fff;
    padding: 4px 7px;
    left: 8px;
    transform: translateY(10px);
    transition: .3s ease;
    pointer-events: none;
}

.frmgrp_con.active label {
    font-size: 12px;
    color: #2e318e;
    transform: translateY(-14px);
}

/* .frmgrp_con:focus-within label {
    font-size: 12px;
            color: #2e318e;
        transform: translateY(-25px);
        } */
.frmgrp_con_radion {
}

.frmgrp_con_radion input {
}

.flextb {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    font-family: 'Manrope', sans-serif;
}

/* Hide the native radio button */
.radio input[type="radio"] {
    display: none;
}

/* Custom circle */
.custom-radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    transition: all 0.3s ease;
}

/* When checked, show gradient fill */
.radio input[type="radio"]:checked + .custom-radio {
    border-color: #2e318e;
    background: linear-gradient(135deg, #2e318e, #00bcd4);
    box-shadow: 0 0 6px rgba(46, 49, 142, 0.4);
}

/* Inner dot effect (optional) */
.radio input[type="radio"]:checked + .custom-radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* Hover effect */
.radio:hover .custom-radio {
    border-color: #2e318e;
}

.sndbtn {
    width: 100%;
    height: 50px;
    background: #2d318e;
    font-family: 'Manrope';
    font-weight: 800;
    margin-top: 35px;
    color: #fff;
    border: none;
}

.cpsec {
    height: 100%;
    display: flex ;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.capox {
}

.capox h3 {
    color: #2e318e;
    font-size: 2rem;
    font-family: 'Manrope';
    font-weight: 600;
    margin-bottom: 17px;
    line-height: 1;
    text-transform: uppercase;
}

.capox span {
    font-size: 4rem;
    font-weight: 900;
    display: block;
    text-transform: capitalize;
}

.frmhdrh4 {
    font-family: 'Manrope';
    color: #000;
    font-weight: 700;
    margin-bottom: 13px;
    font-size: 16px;
}

.capox p {
    font-size: 20px;
    font-family: 'Manrope';
    max-width: 400px;
    margin: auto;
}

.jccentero {
    justify-content: center;
}

.wrpth {
    position: relative;
}

.arowimg {
    position: absolute;
    transform: rotate(334deg);
    top: -96px;
    left: 2px;
}

.arowimg img {
    width: 182px;
    margin-bottom: 10px;
}

/* contact us page ----------------------------- */
.contact-sectin-home {
    padding: 100px 0px;
    background-color: #f7f7f7;
}

.headerbxbr h3 {
    text-align: center;
    font-family: 'Manrope';
    color: #000;
    font-size: 30px;
    margin-bottom: 29px;
    font-weight: 700;
}

.mtop301 {
    margin-top: 70px;
}

.cntbxb {
    display: flex ;
    align-items: center;
    gap: 22px;
    width: 100%;
    background: #fff;
    padding: 14px;
    border-radius: 10px;
}

.bxwrpic {
    margin-bottom: 20px;
}

.bxwrpic img {
    width: 92px;
    border-radius: 100px;
    border: 1px solid #4eade8;
    position: relative;
}

.bxbrcnt {
    width: 78%;
}

.bxbrcnt h3 {
    font-family: 'Manrope';
    color: #000;
    font-size: 19px;
    font-weight: 500;
}

.bxbrcnt label {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Manrope';
    font-weight: 600;
    color: #51aae7;
}

.cntinfou {
    border-top: 1px solid #0000002e;
    width: 100%;
    padding-top: 9px;
}

.cntinfou a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #2e318e;
    font-size: 15px;
}

.contactbx {
    padding: 70px 0px;
}

/* our activities page sectoin ---------------- */
.activities-sectin-home {
    padding: 100px 0px;
}

/* evnts page details ----------- */
.evnt_d_tails h2 {
    font-size: 28px;
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 26px;
}

.rwcntr {
    justify-content: center;
}

.imgpicdt {
    margin-bottom: 26px;
}

.imgpicdt img {
    width: 100%;
    aspect-ratio: 1 / .5;
    object-fit: cover;
}

.evnt_d_tails h3 {
    font-size: 23px;
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 20px;
}

.evnt_d_tails p {
    font-family: 'Manrope';
    color: #727272;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 26px;
}

/* marrige portal ---------------- */
.newbanner {
    background-image: url('../images/home/marrige/cover_img_free_chat.png');
    background-position: center;
    background-size: cover;
    height: 700px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 100px;
}

.newbanner .container-port {
    margin: 0px auto;
}

.bannercap-mrg {
    text-align: center;
}

.bannercap-mrg h1 {
    color: #fff;
    font-size: 5rem;
    font-weight: 600;
    font-family: 'Manrope';
}

.bannercap-mrg h2 {
    font-family: 'Manrope';
    font-size: 20px;
    color: #fff;
}

.bannercap-mrg a {
    max-width: fit-content;
    margin: auto;
    color: #fff;
    background: #4dace5;
    padding: 14px 28px;
    display: block;
    margin-top: 35px;
    border-radius: 100px;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: 600;
}

.mrgprtl-section {
    padding: 100px 0px;
}

.headerbw h3 {
    text-align: center;
    font-size: 36px;
    font-family: 'Manrope';
    margin-bottom: 60px;
    color: #000;
    font-weight: 700;
}

.headerbw h3 span {
    text-transform: uppercase;
    font-weight: bold;
    color: #31348e;
}

.bxshdi {
    padding: 30px;
    border: 1px solid #0000004a;
    border-radius: 20px;
    height: 100%;
}

.bxshdi span img {
    width: 90px;
    margin-bottom: 19px;
}

.bxshdi h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Manrope';
    margin-bottom: 8px;
}

.bxshdi p {
    font-family: 'Manrope';
}

.bxbnr {
    background-image: url('../images/home/marrige/secbanner.jpg');
    background-position: center;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.bxbnr::before {
    content: '';
    position: absolute;
    background: linear-gradient(98deg, rgba(46, 49, 142, 1) 0%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.wrpddt {
    position: relative;
}

.wrpddt {
    padding-left: 64px;
    max-width: 600px;
}

.wrpddt span {
    color: #96d8ff;
    display: block;
    margin-bottom: 20px;
}

.wrpddt h3 {
    color: #fff;
    font-size: 34px;
    font-family: 'Manrope';
    font-weight: 800;
    line-height: 1.2;
}

.headermrg {
    text-align: center;
    margin-bottom: 60px;
}

.headermrg h3 {
    font-size: 31px;
    font-weight: 700;
    color: #000;
    font-family: 'Manrope';
    margin-bottom: 10px;
}

.headermrg p {
    font-family: 'Manrope';
    font-size: 20px;
}

.headermrg a {
    max-width: fit-content;
    margin: auto;
    color: #fff;
    background: #4dace5;
    padding: 14px 28px;
    display: block;
    margin-top: 35px;
    border-radius: 100px;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: 600;
}

/* login form  */
.hidelogin {
    opacity: 1;
    visibility: hidden;
    pointer-events: none;
}

.login-form-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    padding: 10px;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
}

.overlayshadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.login-form-panel::-webkit-scrollbar {
    display: none;
}

.headerop {
    text-align: center;
    margin-bottom: 32px;
}

.headerop span img {
    width: 162px;
}

.headerop h3 {
    margin: 0;
    font-family: 'Manrope';
    color: #000;
    font-size: 21px;
    margin-top: 17px;
}

.formboxsec {
    max-width: 371px;
    padding: 2em 2.32em 1em;
    background: #fff;
    margin: auto;
    position: relative;
    z-index: 90;
}

.frmgrp-vessel {
    margin-bottom: 22px;
}

.frmgrp-vessel label {
    font-family: 'Manrope';
    color: #000;
    font-size: 15px;
}

.frmgrp-vessel input {
    width: 100%;
    height: 50px;
    border: 1px solid #00000063;
    padding: 10px;
    font-size: 14px;
    border-radius: 7px;
}

.frmgrp-vessel input:focus {
    border: 1px solid #438dd1;
}

.frmgrp-vessel button {
    width: 100%;
    border: none;
    margin-top: 33px;
    background: #2b3288;
    color: #fff;
    height: 50px;
    border-radius: 7px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease;
}

.frmgrp-vessel button:hover {
    background-color: #438dd1;
}

.frg-pswrd {
    text-align: right;
}

.frg-pswrd a {
    color: #0f2153;
    font-size: 13px;
}

.newuser-a {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 13px;
}

.newuser-a span {
    color: #95959d;
    font-size: 14px;
    font-family: 'Manrope';
}

.newuser-a a {
    color: #2b3288;
    font-size: 14px;
    font-family: 'Manrope';
    font-weight: 800;
}

/* membership form ----------------- */
.membership-sectin-home {
    padding: 100px 0px;
    /* background: #f4ecff; */
    position: relative;
}

.membership-sectin-home::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/home/about_us/service-1-shape-1.png);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    opacity: .3;
    pointer-events: none;
    z-index: -1;
}

.membership-sectin-home .container-port {
    position: relative;
    z-index: 6;
}

.fomrbodyb {
    background: #fff;
    padding: 40px;
    box-shadow: rgba(27, 19, 59, 0.06) 0px 0px 40px 0px;
    border-radius: 10px;
}

.crt-area {
    margin-bottom: 33px;
}

.crt-area h2 {
    color: #03a6f0;
    margin-bottom: 9px;
    font-family: 'Manrope';
    font-size: 17px;
    font-weight: 700;
}

.crt-area p {
    color: #000;
    font-family: 'Manrope';
}

.rowgap304 {
    gap: 50px 0px;
}

.drpinpu {
    display: flex ;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.drpinpu h4 {
    margin-bottom: -12px;
    color: #2e318e;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Manrope';
    text-transform: uppercase;
    border-top: 1px solid #0000001c;
    padding-top: 28px;
}

.frmheader h3 {
    font-size: 30px;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Manrope';
    font-weight: 300;
}

.pmtd {
    position: relative;
}

.txtmtd {
    color: #6c757d !important;
    position: absolute;
    font-size: 77%;
    font-weight: 400;
    padding-top: 3px;
}

.drpinpu input {
    border: 1px solid #00000017;
    width: 100%;
    height: 47px;
    border-radius: 3px;
    background: #f5f6ff;
    padding: 10px;
}

.drpinpu input:focus {
    border: 1px solid #8182a3;
}

.drpinpu textarea {
    border: 1px solid #00000017;
    width: 100%;
    height: 47px;
    border-radius: 3px;
    background: #f5f6ff;
    padding: 10px;
}

.drpinpu select {
    border: 1px solid #00000017;
    width: 100%;
    height: 47px;
    border-radius: 3px;
    background: #f5f6ff;
    padding: 10px;
}

.drpinpu textarea:focus {
    border: 1px solid #8182a3;
}

.drpinpu label {
    color: #000;
    font-size: 14px;
    font-family: 'Manrope';
}

.hdr2 {
    color: #2e318e;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Manrope';
    text-transform: uppercase;
    border-top: 1px solid #0000001c;
    padding-top: 28px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.drpinpu-radio h5 {
    color: #000;
    font-size: 14px;
    font-family: 'Manrope';
}

.drpinpu-radio label {
    color: #000;
    font-size: 14px;
    font-family: 'Manrope';
}

/* mobile menu --------------------------------- */
.mobile-menu {
    padding: 30px 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 271px;
    height: 100%;
    z-index: 99999999;
    /* background-image: url('../images/home/about_us/aboutus-inner.webp'); */
    background-position: initial;
    background-size: cover;
    background-color: #ffffffc7;
    background-blend-mode: saturation;
    transform: translateX(-500px);
    transition: .3s ease;
    display: none;
    padding-top: 60px;
    backdrop-filter: blur(7px);
}

.close-items {
    width: 58px;
    height: 57px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999999999;
    display: flex ;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #000000;
    border: 1px solid #0000001a;
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.logomen {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 10px;

}

.logomen img {
    width: 130px;
}

.wrpall-cg {
    height: 100%;
    padding-top: 40px;
}

.bknw {
    padding: 0px 20px;
    margin-top: 39px;
}

.bknw a {
    background: #181818;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    padding: 13px 10px;
}

.close-items svg {
    fill: #fff;
    width: 100%;
    height: auto;
}

.showmbmenu {
    transform: translateX(0px) !important;
    transition: .3s ease;
}

.mob-main_nav_menu {
    list-style: none;
    padding: 0px 20px;
    margin: 0px;
}

.mob-list_nav_a {
    padding: 14px 0px;
    display: flex ;
    align-items: center;
    justify-content: space-between;
    color: #0F0F0F;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    font-family: 'Manrope';
    border-bottom: 1px solid #00000010;
    text-transform: uppercase;
}

.mob-list_nav_a i {
    font-size: 13px;
}

.mob-list_nav_a:hover {
    color: #f7c780;
}

.header-title-mob {
    padding: 0px 30px;
    margin-top: 51px;
}

.mob-nav-social {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.mob-nav-social ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mob-nav-social a {
    color: #3e815f;
    display: flex;
    width: 29px;
    height: 29px;
    background: #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.header-title-mob h3 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Nanum Gothic';
    text-transform: uppercase;
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translate(-50%)
    }
}

.tech-i {
    width: 100%;
}

.tech-i img {
    width: 100%;
    height: 66px;
    object-fit: contain;
}






/* client logo =============== */


.clientbx{
    margin-bottom: 100px;
}

.headercnt h3{
    background-color: #101010;
    padding: 4px 15px 4px 15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgb(51 44 39);
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    text-align: center;
    max-width: fit-content;
    margin: auto;
    margin-bottom: 50px;
    color: #fff;
    display: none;
}

.clntlst{
}
.clntlst ul{
    
list-style: none;
    
padding: 0;
    
display: flex;
    
flex-wrap: wrap;
    
justify-content: center;
    
/* max-width: 700px; */
    
margin: auto;
    
gap: 17px;
}

.clntlst ul li{
}

.clntlst ul li img{
    
width: 182px;
    
height: 96px;
    
object-fit: contain;
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
background: #fff;
    
border-radius: 10px;
    
padding: 10px;
}



.updateslider .swiper-wrapper{

height: auto;
}


.updateslider .swiper-wrapper .swiper-slide{

height: auto;
}


@media screen and (max-width: 1485px) {
    .container-port-xl {
        width: 95%;
    }

    .slidernwe {
        position: relative;
        width: calc(100vw - ((100vw - 90%) / 2) - 30px);
        margin-left: calc((100vw - 90%) / 2 + 30px);
    }
}

@media screen and (max-width: 1400px) {
    .container-port {
        width: 90%;
    }
}

@media screen and (max-width: 1300px) {
    .list_nav_a {
        font-size: 13px;
        letter-spacing: 0;
    }

    .main_nav_menu {
        gap: 12px;
    }

    .lgog a {
        font-size: 13px;
    }

    .banner-content-xc h3 {
        font-size: 86px;
        width: 630px;
    }

    .hdbx h3 {
        font-size: 43px;
    }
}

@media screen and (max-width: 1200px) {
    .listcritria ul li {
        width: 31%;
    }
.clntlst ul{
    justify-content: center;
    gap: 17px;
}
    .banner-content-xc h3 {
        font-size: 43px;
        width: 630px;
    }

    .bknw a {
        background: #2d308d;
        width: 100%;
        display: block;
        color: #fff;
        text-align: center;
        padding: 10px 3px;
        border-radius: 100px;
    }

    .submenu {
        background: none;
        visibility: visible;
        pointer-events: all;
        opacity: 1;
        position: unset;
        width: 100%;
        transform: translateY(0px);
        display: none;
        transition: unset;
    }

    .submenu ul li {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        border: none;
    }

    .submenu ul li a {
        color: #000000;
    }

    .blwcnt ul li {
        width: 48%;
    }

    .lgog {
        flex-direction: column;
    }

    .member-list li {
        width: 31%;
    }

    .flexalng {
        display: flex ;
        flex-direction: row;
        gap: 20px;
        margin-right: 44px;
    }

    .igcnt {
        display: none;
    }

    .cntbxb {
        flex-direction: column;
        text-align: center;
    }

    .colgap {
        padding: 10px;
    }

    .cntinfou a {
        justify-content: center;
    }

    .igcnt {
        margin-right: 39px;
    }

    .ham {
        display: flex !important ;
    }

    .navigation_lists {
        display: none;
    }

    .list-info ul {
        flex-wrap: wrap;
    }

    .submenu ul {
        padding: 10px 0px;
    }

    .submenu {
        padding: 0;
        padding-left: 10px;
    }

    .submenu ul li {
        padding: 4px 0px;
    }

    .list-info ul li {
        margin: 10px;
    }

    .chat_flex_box {
        align-items: center;
    }

    .ham {
        display: flex !important;
        margin-left: 20px;
    }

    .header_container {
        padding: 7px 0px;
    }

    .bx-mpsect h3 {
        font-size: 35px;
    }

    .bx-imgrgh {
        height: 100%;
    }

    .bx-imgrgh img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bx-mpsect {
        padding-right: 30px;
    }

    .mobile-menu {
        display: block;
    }

    .sub-menu {
        display: none;
    }

    .sub-menu {
        position: unset;
        transition: unset;
        opacity: 2 !important;
        pointer-events: all !important;
        visibility: visible !important;
        background: none !important;
        border: none !important;
        padding: 0px 30px;
    }

    .sub-menu li a {
        color: #000;
        border: none;
    }

    .flattxtcnt h3 {
        font-size: 20px;
    }

    .sub-menu li {
        width: 100%;
    }

    .mob-list_nav_a:hover {
        color: #006a94;
    }

    .bx {
        flex-direction: column;
    }

    .banner-section-box {
        /* width: 100%; */
    }

    .glolfacpcontaienr {
        width: 100%;
    }

    .capdtbg {
        padding-bottom: 100px;
    }

    .capdtbg .container-port {
        margin: 0 auto;
    }

    .capdtbg {
        /* padding-bottom: 160px; */
    }
}

@media screen and (max-width: 700px) {
    .bxflexallwrp .bw-a button {
        /* position: absolute;
    top: 75px;
    right: 0; */padding: 7px 9px;
        font-size: 11px;
    }

    .indexusercontainer {
        gap: 0px;
    }

    .indexlog_in h3 {
        font-size: 13px;
    }
}

@media screen and (max-width: 675px) {
    .banner-content-xc h3 {
        font-size: 8vw;
        width: 100%;
        clip-path: unset;
        letter-spacing: .1px;
    }
}

@media screen and (max-width: 575px) {
    .bxflexallwrp .bw-a button {
        position: absolute;
        top: 75px;
        right: 0;
        padding: 7px 9px;
        font-size: 11px;
    }
.clntlst{
    padding: 100px 10px;
}
    .clntlst ul {
        justify-content: center;
        gap: 8px;
        width: 100%;
    }
    .clntlst ul li img {
    width: 100%;
    height: 83px;
    }
    .indexusercontainer {
        gap: 0px;
    }

    .indexlog_in h3 {
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    .cnttab {
        display: none;
    }

    .wrpall-cg {
        height: 80vh;
        padding-top: 40px;
        overflow-y: scroll;
        padding-bottom: 20px;
    }

    .jccentero {
        flex-direction: column-reverse;
    }

    #donationForm {
        margin-top: 61px;
    }

    .arowimg {
        display: none;
    }

    .abts-home-content2 {
        padding-right: 0px;
    }

    .accordion {
        padding-right: 0px;
    }

    .abts-home-content {
        padding-left: 0px;
    }

    .box--header-title ul li {
        width: 100%;
    }

    .header_flex {
        justify-content: space-between;
    }

    .logo img {
        width: 175px;
        padding: 4px 0px;
    }

    .bx-list-mbr {
        display: none;
    }

    .reorder {
        order: -1;
        /* Moves the second column to the first position */
    }

    .abts-ftr {
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #ffffff45;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .bxmbrcol {
        width: 29.9%;
    }

    .bxseceq {
        padding: 0px;
    }

    .col-mb30 {
        margin-bottom: 0px;
    }

    .dtpcx h3 {
        font-size: 18px;
    }

    .logo a {
        width: 130px;
        display: block;
    }

    .box--header-title h3 {
        font-size: 29px;
    }

    .box--header-title {
        padding-right: 10px;
    }

    .chat_box {
        padding: 14px 17px;
    }

    .row-reflex {
        flex-direction: row-reverse;
    }

    .contact-support {
        display: none;
    }

    .bx-mpsect {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .list_nav_a {
        margin: 0px 15px;
    }

    .row-box-eq {
        max-width: 700px;
        margin: auto;
        justify-content: center;
    }

    .contact-details {
        margin-bottom: 26px;
    }

    .col-bx-footer {
        margin-bottom: 30px;
    }

    .prst-two {
        margin-top: 30px;
    }

    .join-us---bx {
        padding-left: 0px;
        padding-top: 40px;
    }

    .bx-sectwrp {
        margin-top: 20px;
    }

    .container-port-new .row .col-lg-6:last-child {
        padding-left: 0px;
    }

    .imgbs {
        padding: 0px;
        padding-bottom: 30px;
    }

    .rmbxcont {
        height: 253px;
    }

    .aboutus-sectin-home {
        padding: 100px 0px;
    }

    .flex-box-list2 ul {
        gap: 10px 39px;
        justify-content: flex-start;
    }

    .pdl40 {
        padding-left: 0px;
    }

    .flexbrd {
        display: flex;
    }

    .contdrc {
        margin-top: 20px;
        text-align: left;
        padding-left: 40px;
    }

    .brddrc {
        margin-top: 50px;
    }

    .bxwrp {
        padding-bottom: 0px;
    }

    .imgbxp {
        margin-left: auto;
        margin-top: 41px;
        width: 79%;
        height: 250px;
        position: unset;
    }
}

@media screen and (max-height: 600px) {
    .bannerbgvid {
        /* height: 611px; */
    }
}

@media screen and (max-width: 865px) {
    .listcritria ul li {
        width: 47%;
    }

    .gpspc {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .flexbrd {
        flex-direction: column;
    }

    .contdrc {
        text-align: center;
        padding: 0px;
    }

    .cntddtig ul {
        justify-content: flex-start;
    }

    .igcnt {
        display: none;
    }

    .member-list li {
        width: 48%;
    }

    .prst-two {
        padding-left: 0px;
    }

    .box--header-title ul li {
        width: 47%;
    }

    .box--header-title {
        margin-bottom: 30px;
    }

    .ftrrght {
        padding-left: 0px;
        margin-bottom: 20px;
    }

    .footer-log-icon {
        background: #000;
        padding: 69px;
    }

    .footer-logo-section {
        width: 64%;
        height: 300px;
        margin: auto;
        background-size: cover;
        background-position: bottom;
        margin-bottom: 30px;
    }

    .hidden-col {
        overflow: hidden;
    }

    .box-btm-content h3 {
        font-size: 40px;
    }

    .abts-home-content {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .container-port-xl {
        padding: 0px 10px;
    }

    .mrddt p {
        text-align: justify;
    }

    .bx-secleftarp {
        padding-right: 0px;
    }

    .subhdr {
        font-size: 30px;
    }

    .bxmbrcol {
        width: 45%;
    }

    .colspc30 {
        padding: 0px 10px;
    }

    .blwcnt ul li {
        width: 100%;
    }

    .ddcbx table th {
        font-size: 13px;
        padding: 4px 2px;
    }

    .ddcbx table td {
        font-size: 13px;
        padding: 4px 2px;
    }

    .member-list li {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .imgbxp {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        width: 100%;
    }

    .prdhdr p {
        font-size: 10vw;
    }

    .colt50 {
        width: 50%;
    }

    .fomrbodyb {
        padding: 15px;
    }

    .tmpic img {
        width: 104px;
    }

    .teamsection {
        position: relative;
    }

    .teamsection::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(../images/home/about_us/service-1-shape-1.png);
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .teamsection .container-port {
        position: relative;
        z-index: 5;
    }

    .brddrc {
        width: 100%;
        padding: 40px 20px;
    }

    .bannerinnersection {
        height: 300px;
    }

    .brdimg img {
        width: 158px;
    }

    .abts-home-content2 h3 {
        font-size: 26px;
    }

    .flattxtcnt {
        padding: 14px 12px;
    }

    .logo img {
        width: 151px;
    }

    .bylawhdr {
        font-size: 24px;
    }

    .clmdrs h6 {
        font-size: 25px;
    }

    .sliderarrow {
        display: flex !important;
    }

    .flattxtcnt p {
        font-size: 3vw;
        margin-bottom: 5px;
    }

    .brdmbrs h5 {
        font-size: 13px;
    }

    .flattxtcnt a {
        padding: 3px 9px;
        padding-top: 6px;
        font-size: 12px;
    }

    .dtpcx h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .namecap {
        display: block !important;
    }

    .drscdinfo h3 {
        font-size: 26px;
    }

    .brdmbrs p {
        font-size: 9px;
    }

    .blwmark ul li {
        margin-bottom: 15px;
    }

    .bannerinner {
        height: 200px;
    }

    .bx-hdr h1 {
        font-size: 20px;
    }

    .dvdsec h3 {
        font-size: 25px;
    }

    .blwmark ul li p {
        font-size: 16px;
    }

    .blwmark {
        padding: 20px;
    }

    .blwmark h3 {
        font-size: 29px;
        padding-bottom: 20px;
    }

    .listcritria ul li {
        padding: 12px 1px;
        font-size: 14px;
    }

    .capdtbg {
        padding-bottom: 0px;
    }

    .bannerbgvid {
        height: 100vh;
    }

    .glrycontainer {
        height: 475px;
    }

    .bxnme {
        margin-left: 20px;
    }

    .bxsectionrst {
        border-bottom: 1px solid #545454;
        padding: 4px 0px;
        padding-right: 20px;
    }

    .mobile-menu {
        transform: translateX(-900px);
    }

    .mobile-menu {
        width: 250px;
        padding-top: 83px;
    }

    .close-items {
        height: 83px;
    }

    .logomen {
        display: block;
    }

    .bxsecla h3 {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .bxcontanerhdr h3 {
        font-size: 30px;
    }

    .plvdt {
        opacity: 1;
        position: unset;
        transform: translate(-0%, -0%);
    }

    .plvsec:hover>.plvdisplay {
        opacity: 1 !important;
    }

    .bxmbrcol {
        width: 43%;
    }

    .chrgcrf h5 {
        font-size: 20px;
    }

    .cardTariff p {
        font-size: 12px;
    }

    .headercrt h3 {
        font-size: 31px;
    }

    .listcritria ul {
        gap: 8px;
    }

    .flex-social-icons {
        display: none;
    }

    .banner-section-box::after {
        width: 113px;
        left: 236px;
        bottom: -90px;
    }

    .in-img {
        flex-direction: column;
    }

    .row-reflex {
        margin-top: 20px;
    }

    .imgcls {
        width: 100%;
    }

    .aside-abt {
        width: 34%;
        margin-left: auto;
        position: absolute;
        bottom: 207px;
        right: 0;
    }

    .abts-img-hm {
        padding-right: 0;
        width: 85%;
    }

    .list-str ul {
        flex-wrap: wrap;
    }

    .flex-box-ftr {
        flex-direction: column;
        text-align: center;
    }

    .addres-box p {
        padding: 0px;
    }

    .brd-left {
        border: 0px;
        padding: 0px;
        text-align: center;
    }

    .footer-social {
        justify-content: center;
    }

    .flex-box-ftr-a {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .list-info ul li label span {
        font-size: 21px;
    }

    .mobile-menu {
        /* background-color: #100e95; */
        background-blend-mode: inherit;
    }

    .contact-support {
        display: none;
    }

    .chat_box {
        padding: 11px 16px;
        font-size: 13px;
        display: none;
        position: fixed;
        bottom: 30px;
        right: 30px;
    }

    .flex-cnnt-box a {
        font-size: 3.3vw;
    }

    .list-info ul li {
        width: 44%;
    }

    .list-info ul li label {
        font-size: 16px;
    }

    .list-info ul li p {
        font-size: 12px;
    }

    .container-port {
        padding: 0px 10px;
    }

    .box-btm-content h3 {
        font-size: 12vw;
    }

    .icon-bsx {
        width: 273px;
        height: 228px;
    }

    .icon-bsx img {
        width: 100%;
        height: 100%;
        object-position: top;
        object-fit: cover;
    }

    .banner-title-inner h3 {
        font-size: 10vw;
        line-height: 1.2;
    }

    .contact-details {
        margin-bottom: 30px;
    }

    .footer-log-icon img {
        width: 159px;
    }

    .footer-log-icon {
        padding: 28px 13px;
    }

    .pdd-07 {
        padding: 0px;
    }

    .footer-logo-section {
        height: 264px;
        background-size: cover;
        width: 100%;
        margin: auto;
        margin-bottom: 40px;
    }

    .col-wd-100 {
        width: 100%;
    }

    .client-box {
        padding: 29px 2px;
        width: 48%;
    }

    .client-box img {
        width: 113px;
        height: 43px;
        object-fit: contain;
        filter: grayscale(1);
        transition: .3s ease;
    }

    .link-siblings a {
        font-size: 12px;
        padding: 14px;
    }

    .banner-content-xc p {
        max-width: 400px;
    }

    .banner-content-xc p {
        font-size: 12px;
    }

    .abts-home-content {
        margin-top: 0px;
    }

    .abts-home-content {
        padding-right: 0px;
    }

    .list-str ul li {
        margin-bottom: 14px;
        position: relative;
        padding-left: 20px;
    }

    .banner-content-xc a {
        padding: 11px 18px;
        font-size: 12px;
    }

    .abts-home-content h3 {
        font-size: 28px;
    }

    .list-str ul li::before {
        font-family: "Font Awesome 5 Free";
        content: '\f00c';
        position: absolute;
        left: 0;
        top: 0;
        color: #006a94;
    }

    .banner-section-inner {
        height: auto;
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .samplebx img {
        width: 100%;
        aspect-ratio: 1 / .4;
        object-fit: cover;
    }

    .hrdabt h2 {
        letter-spacing: 2px;
    }

    .list-abts-items ul li {
        width: 100%;
    }

    .thumbsld {
        display: none;
    }

    .abouts-us h3 {
        font-size: 26px;
    }

    .banner-content-xc h3 br {
        display: none;
    }

    .addres-box span {
        margin: auto;
    }

    .contact-details p {
        padding: 0px;
    }

    .contact--box--jn {
        flex-direction: column;
    }

    .box--cnt {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 480px) {
    .box--header-title ul li {
        width: 100%;
    }

    .thumbsld {
        position: unset;
        background: #000000;
    }

    .gallery-thumbs {
        width: 100%;
        height: 100% !important;
        padding-top: 10px;
    }

    .thumbsld {
        padding: 0px 0px;
    }

    .gallery-thumbs .swiper-wrapper {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .bxnme {
        margin-left: 0px;
    }

    .bxsectionrst {
        padding-right: 0px;
        text-align: center;
    }

    .sldthumb {
        height: auto !important;
        width: 50% !important;
    }
}

.active-tab {
    color: #0f1681 !important;
}

.swiper-header {
    pointer-events: none !important;
}

.float-chat {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 999;
}

.float-chat a {
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background: #25d366;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.float-chat a svg {
    width: 100%;
    fill: #fff;
}

.lglink {
    display: block;
}

.modalboxcontainer {
    position: fixed;
    width: 600px;
    height: 100%;
    z-index: 999999999;
    top: 0;
    display: flex ;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    overflow: hidden;
    right: 0;
    border-left: 1px solid #00000017;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(75px);
    transition: .3s ease;
}

.showclndr {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0px);
}

.modalboxbody {
    width: 90%;
}

.calendar {
    width: 100%;
}

.calendar h2 {
    text-align: center;
    margin-bottom: 21px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Manrope';
    text-transform: uppercase;
}

.days, .dates {
    display: grid ;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 15px;
    margin-bottom: 17px;
}

.days div {
    padding: 5px 0;
    color: #000;
    font-family: 'Inter Tight';
}

.dates div {
    text-align: center;
    display: flex ;
    align-items: center;
    justify-content: center;
    color: #a22d32;
    border-radius: 100px;
    background: #fef2f2;
    border: 1px solid #a22d32;
    aspect-ratio: 1 / 1;
}

.dates div:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.availabledate {
    color: #387e39 !important;
    border: 1px solid #387e39 !important;
    background: #f1ffed !important;
}

.closecall {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    color: #000;
    cursor: pointer;
}

.headervsb {
    border-bottom: 1px solid #0000002e;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #c39860;
}

@media screen and (max-width: 991px) {
    .modalboxcontainer {
        width: 400px;
    }

    .right0 {
        right: unset;
        left: 0;
    }

    .rmbxcont {
        overflow: hidden;
    }

    .formbx {
        margin-top: 50px;
    }
}

@media screen and (max-width: 575px) {
    .author_info {
        padding: 10px 10px;
        padding-top: 100px;
    }

    .abts-home-content3 h3 {
        font-size: 22px;
    }

    .abts-home-content3 p:not(:first-of-type) {
        display: none;
    }

    .read-more-btn {
        display: inline-block;
        margin-top: 10px;
        background: #d9534f;
        /* Bootstrap red */
        color: #fff;
        border: none;
        padding: 8px 15px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }

    .banneriner h1 {
        font-size: 23px;
        line-height: 1;
    }

    .headerctn h3 {
        font-size: 29px;
    }

    .cntctflex {
        flex-direction: column;
    }

    .bpr1 .cnt:nth-child(1) {
        margin-bottom: 10px;
    }

    .bpr1 .cnt:nth-child(1) p {
        width: 100%;
    }

    .modalboxcontainer {
        width: 90%;
        height: auto;
        padding: 60px 0px;
        border-radius: 10px;
        top: 50%;
        left: 50%;
        transform: translateY(40px) translate(-50%, -50%);
    }

    .showclndr {
        transform: translateY(0px) translate(-50%, -50%);
    }

    .colpd0 {
        padding: 0px;
    }

    .updatehdr h3 {
        font-size: 25px;
    }
        .flex-box-list2 ul {
        gap: 10px 5vw;
        }

        .flexflx li:nth-child(2) {
    gap: 10px 30px;
    flex-direction: column;
}
}

@media screen and (max-width: 991px) {
    .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_bottom, .row.columns_padding_bottom > [class*=column-], .columns_wrap.columns_padding_bottom > [class*=column-], .row > [class*=column-].columns_padding_bottom, .columns_wrap > [class*=column-].columns_padding_bottom {
        padding-bottom: 1px !important;
    }

    .sidebar .widget .widget_title {
        padding: 0px 26px;
    }

    .sidebar.right.widget_area {
        margin-top: unset !important;
        margin: 40px 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .trx_addons_columns_wrap.columns_padding_bottom > [class*=trx_addons_column-], .trx_addons_columns_wrap > [class*=trx_addons_column-].columns_padding_bottom, .row.columns_padding_bottom > [class*=column-], .columns_wrap.columns_padding_bottom > [class*=column-], .row > [class*=column-].columns_padding_bottom, .columns_wrap > [class*=column-].columns_padding_bottom {
        padding-bottom: 1px !important;
    }
}









@media screen and (max-width: 668px) {
.lang-ml h3.malayalam-text {
font-size: 14px;
}
.lang-ml p, .lang-ml li, .lang-ml span {
    font-size: 11px;
}
.lang-ml h2 {
    font-size: 16px;
}
.dtpcx h3.malayalam-text{
 font-size: 11px;
}
.flex-box-list2 ul li.malayalam-text a{
    font-size: 11px;
}

.wrpact.malayalam-text a{
        font-size: 9px;
}

.flexbup.malayalam-text a{
    font-size: 12px;
}

.headernew.malayalam-text{
    font-size: 18px;
}

.mob-list_nav_menu.malayalam-text a{
        font-size: 11px;
}


.hrdabt h2.malayalam-text{
        font-size: 15px;
}
.abts-home-content2 p.malayalam-text{
        font-size: 12px;
}

.lftabtsarp h3.malayalam-text{
    font-size: 14px;
}

.lang-ml h1.malayalam-text{
 font-size: 15px;
}
.mbrdscrpt h3.malayalam-text{
    font-size: 12px;
}
.mbrdscrpt.malayalam-text label{
          font-size: 9px;
}

.wrpsrv-dt.malayalam-text p{
        font-size: 11px;
}
}


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

    .htlname2{
    flex-wrap: wrap;
        margin-top: 35px;
    }

    .htlname2 h3 {
    font-size: 19px;
    line-height: 1;
    margin-bottom: 13px;
}
.floatnote{
    font-size: 10px;
        top: 9px;
}
.floatnote span{
     font-size: 10px;
}

.tabcnt{
    flex-direction: column;
}
.namefacrd h3{
        margin-bottom: 15px;
            font-size: 16px;
}
.dtrmbtn{
    font-size: 14px;
}
.ofrrmbtn a{
       font-size: 14px;
}
.container-port{
    padding: 0px 10px;
}
}










.modern-footer{
  position:relative;
  /* background:#0a0f1c; */
  color:#fff;
  padding:100px 20px 30px;
  overflow:hidden;
  font-family:Poppins, sans-serif;
  background-image: url('../images/home/about_us/71-home-1-2-1024x1007.webp');
  background-position: center;
  background-size: cover;
  background-color: #132748;
  background-blend-mode: overlay;
  width: 95%;
  margin: auto;
}

/* glow */
.footer-glow{
  position:absolute;
  width:500px;
  height:500px;
  background:#38bdf8;
  filter:blur(160px);
  opacity:.12;
  top:-180px;
  left:-180px;
}

/* container */
.container{
  max-width:1200px;
  margin:auto;
}

/* grid */
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1.2fr 1fr 1fr;
  gap:50px;
  padding-bottom:50px;
}

/* box */
.footer-box h2{
  font-size: 28px;
  margin-bottom:12px;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 22px;
}

.footer-box h3{
  font-size: 17px;
  margin-bottom: 27px;
  color: #fcfdff;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding-bottom: 11px;
  font-family: 'Roboto Condensed';
}

.footer-box h3::before{
    content: '';
    position: absolute;
    width: 24px;
    height: 3px;
    background-color: #0b2f63;
    bottom: 0;
    z-index: 1;
}
.footer-box h3::after{
    content: '';
    position: absolute;
    width: 24px;
    height: 3px;
    background-color: #d3d9e3;
    bottom: 0;
    left: 16px;
}
.picftr{
    margin-bottom: 16px;
}
.cntftr{
    
max-width: 555px;
    
/* text-align: justify; */
}
.picftr img{
    width: 216px;
}
.footer-box p,
.footer-box span{
  color: #ffffff;
  font-size: 13px;
  line-height:1.7;
  /* margin-top: 14px; */
  font-family: 'Manrope';
  max-width: 358px;
}

/* socials */
.social{
  display:flex;
  gap:12px;
  margin-top: 35px;
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
}

.social a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 100px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  color:#fff;
  transition:.3s;
}
.social a:nth-child(1){
    background: #036BDE;
background: linear-gradient(0deg, rgba(3, 107, 222, 1) 0%, rgba(21, 160, 243, 1) 100%);
}
.social a:nth-child(2){
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

}
.social a:nth-child(3){
    background: #000;
}
.social a:nth-child(4){background-color: #0a66c2;}
.social a:hover{
  transform:translateY(-5px);
  background:#38bdf8;
}
.cntbxftr{
    display: flex;
    gap: 30px 40px;
    /* border-top: 1px solid #303030; */
    /* padding: 0px 20px; */
    /* margin-top: 54px; */
    /* background: #0a0802; */
    border-radius: 7px;
    flex-wrap: wrap;
}
/* info */
.info{
  display:flex;
  gap:10px;
  /* margin-bottom:14px; */
  align-items:flex-start;
  /* background: #e12252; */
  /* padding: 30px 15px; */
  /* width: 50%; */
  /* width: 21%; */
  /* justify-content: center; */
}
.cntbxftr .info:nth-child(2){
    /* background: #f3971f; */
    /* border-radius: 9px; */
    /* transform: scale(1.05); */
}
.info i{
  color: #f3971f;
  font-size: 21px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #363636;
  border-radius: 8px;
}
.leftbx2{
    
width: 90%;
}

.leftbx2 p{
    max-width: 400px;
}
.leftbx{
    display: flex;
    flex-direction: column;
}
.leftbx span{
    
}
.info a{
        color: #ffffff;
        font-weight: 600;
}
/* links */
.footer-box ul{
  list-style:none;
  padding: 0;
}


.vew a{
        color: #5996de !important;
    font-size: 13px;
    margin-top: 26px;
    display: block;
    border-bottom: 1px solid;
    max-width: fit-content;
}

.footer-box ul li{
  margin-bottom:10px;
}

.footer-box ul li a{
  color: #ffffff;
  text-decoration:none;
  transition:.3s;
  display: block;
  position: relative;
  padding-left: 22px;
  font-size: 14px;
  font-family: 'Roboto Condensed';
}
.footer-box ul li a::before{
    font-family: "Phosphor";
    content: "\EE3E";
    font-size: 13px;
    position: absolute;
    left: 0;
    transform: rotate(-90deg);
    top: 3px;
    color: #ffffff;
}
.footer-box ul li a:hover{
  color:#38bdf8;
  padding-left:6px;
}

/* CTA HIGHLIGHT BOX */
.footer-highlight{
  margin:50px 0;
  padding:35px;
  border-radius:22px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(14px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.footer-highlight h3{
  font-size:24px;
  margin-bottom:8px;
  color: #fff;
}

.footer-highlight p{
  color:#94a3b8;
  font-size:14px;
  line-height:1.6;
  max-width: 513px;
}

/* button */
.cta-btn{
  display:inline-block;
  padding:14px 26px;
  border-radius:12px;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
  background: linear-gradient(270deg, rgb(225 36 83) 0%, rgb(177 43 82) 100%);
}

.cta-btn:hover{
  transform:scale(1.05);
}

/* bottom */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  border-top: 1px solid rgb(255 255 255 / 8%);
  padding-top: 24px;
  color:#64748b;
  font-size:13px;
  margin-top: 74px;
}

/* responsive */
@media(max-width:992px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .footer-highlight{
    flex-direction:column;
    text-align:center;
  }
}

@media(max-width:600px){
  .footer-grid{
    grid-template-columns:1fr;
  }
}






.stdcontsec{
    padding: 50px 0px;
}


.stats-container{
    max-width: 100%;
    margin:auto;
    display:flex;
    justify-content: space-around;
    align-items:center;
    text-align:center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px;
    border-radius: 20px;
}

.stat-item{
    /* flex:1; */
    position:relative;
    display: flex;
    gap: 16px;
    align-items: center;
}

.stat-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70px;
    /* background:#d8d8d8; */
}

.icon-circle{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    /* margin:0 auto 10px; */
    color:#fff;
    font-size:22px;
}

.blue{
    background:#005c99;
}

.orange{
    background:#f58220;
}

.bxect .number{
    font-size: 27px;
    font-weight:700;
    line-height:1;
}
.bxect{
    text-align: left;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
}
.blue-text{
    color:#005c99;
}

.orange-text{
    color:#f58220;
}

.bxect .label{
    font-size:18px;
    color:#333;
    /* margin-top:5px; */
}

@media(max-width:768px){
    .stats-container{
        flex-direction:column;
        gap:30px;
        align-items: baseline;
    }

    .stat-item:not(:last-child)::after{
        display:none;
    }
}





/* slider news event */
.news-section{
    padding:80px 0;
    background: #d5e8ff2e;
}

.nwsslidercontainer{
    overflow: hidden;
}
.container{
    width:90%;
    max-width:1400px;
    margin:auto;
}

.section-header-nws{
    display:flex;
    justify-content: center;
    align-items:center;
    margin-bottom:40px;
    text-align: center;
}

.section-header-nws h2{
    font-size:38px;
    color:#1d1d1d;
    font-weight:700;
}

.section-header-nws p{
    color: #c72852;
}

.news-slider{
    padding-bottom:60px;
}

.news-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:.3s ease;
    text-align: center;
}

.news-card:hover{
    transform:translateY(-8px);
}

.news-image{
    position:relative;
    height:260px;
    padding: 7px;
    overflow:hidden;
    /* border-radius: 16px; */
}

.news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
    border-radius: 10px;
}

.news-card:hover img{
    transform:scale(1.08);
}

.news-category{
    position:absolute;
    top:15px;
    left:15px;
    background:#00a8a8;
    color:#fff;
    padding:8px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.news-content{
    padding: 7px;
}

.news-date{
    color:#00a8a8;
    font-size:14px;
    font-weight:600;
    margin-bottom:12px;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
}

.news-title{
    font-size: 18px;
    font-weight:700;
    color:#222;
    line-height:1.4;
    margin-bottom:15px;
}

.news-desc{
    color:#666;
    line-height: 1.4;
    margin-bottom:20px;
    font-size: 17px;
}

.read-more{
    display: flex;
    text-decoration:none;
    color: #f5ffff;
    font-weight:600;
    width: 100%;
    background: #2d2d2d;
    border-radius: 10px;
    padding: 0 0px;
    align-items: center;
    justify-content: space-between;
    padding-left: 18px;
}
.brand{
        /* border-bottom: 1px solid #00000029; */
        /* padding-bottom: 40px; */
        /* margin-bottom: 50px; */
}
.read-more i{
    
display: flex;
    
background: #ca2853;
    
width: 46px;
    
height: 46px;
    
align-items: center;
    
justify-content: center;
    
border-radius: 0px 6px 6px 0px;
}
.swiper-button-next,
.swiper-button-prev{
    color:#00a8a8;
}

.pdl00{
    padding-left: 0;
}

.swiper-pagination-bullet-active{
    background:#00a8a8;
}

@media(max-width:768px){
    .section-header{
        flex-direction:column;
        text-align:center;
        gap:10px;
    }

    .section-header h2{
        font-size:30px;
    }
}











.about-cursor-link{
    background:#0b5d87;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    font-size:15px;
    line-height:1.4;
    transition:
        background .3s,
        color .3s;
    max-width: fit-content;
    padding: 18px 23px;
    text-transform: uppercase;
    border-radius: 100px;
    margin-top: 50px;
}

.about-cursor-link.active{
    pointer-events:auto;
}

.about-cursor-link:hover{
    background:#fff;
    color:#0b5d87;
}







@media screen and (max-width:1200px) {
    .about-image{
            width: 29%;
    }
.feature {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;

}
.features{
    flex-wrap: wrap;
}
.feature div:nth-child(2) {
    width: 100%;
}
}

@media screen and (max-width:991px) {
    .featuresabt {
        flex-direction: unset;
    }
        .about-image {
        bottom: 0;
        top: unset;
        width: 100%;
        height: 400px;
    }
    .about-content{
            margin-bottom: 0;
            /* margin-top: 99px; */
    }
    .about-content p{
        max-width: 100%;
    }
        .floating-card {
        right: 50%;
        bottom: 25px;
        transform: translate(50%, -50%);
        left: unset;
    }

    .about-image img {
    width: 100%;
    border-radius: 100px 0px 0px 0px;
    }
    .products-section{
        padding-top: 100px;
    }
    .why-content h3 {
    font-size: 30px;
    }
        .why-section {
        grid-template-columns: 1fr;
        padding-top: 100px;
    }
    .why-image::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 64px;
    background: #fff;
    transform: unset;
    z-index: 2;
    clip-path: polygon(100% 100%, 100% 0, 0 0);
}

.footer-box{
    margin-top: 0px;
}
    .modern-footer{
            padding: 93px 0px 0px;
    }

    .footer-row{
        gap: 30px 0px;
    }
    .pdl00 {
    padding-left: 15px;
}
.footer-bottom{
    justify-content: center;
    margin-bottom: 30px;
}
}



header{
    /* background: transparent; */
}

header.nav-hover{
    background: #fff;
}

header.nav-hover .list_nav_a{
    color: #222;
}









.mobile-products-menu{
    /* display:flex; */
    /* flex-direction:column; */
    /* gap:18px; */
    margin-top:20px;
}

.mobile-product-card{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:15px;
    text-decoration:none;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:12px;
    transition:.3s;
}

.mobile-product-card:hover{
    border-color: #f3971f;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.mobile-product-image{
    width:90px;
    height:90px;
    border-radius:10px;
    overflow:hidden;
    background:#f5f5f5;
}

.mobile-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.mobile-product-info h4{
    margin:0;
    font-size:16px;
    font-weight:600;
    color:#222;
    line-height:1.4;
}

.mobile-product-info .product-range{
    margin:6px 0;
    color: #0e5eb8;
    font-size:13px;
    font-weight:600;
}

.mobile-product-info p{
    margin:0;
    font-size: 13px;
    color: #242424;
    line-height:1.6;
    font-family: 'Manrope';
}

.mobile-product-info .learn-more{
    display:inline-block;
    margin-top:10px;
    color: #f3971f;
    font-size:13px;
    font-weight:600;
}











.services{

padding: 70px 60px;

/* background-color: #0b2f63; */

/* background-image: url('../images/home/slider/banner2.jpg'); */

overflow: hidden;

background-position: center;

background-size: cover;

background-blend-mode: multiply;

width: 95%;

margin: auto;

background-image: url(../images/home/about_us/why-us.jpg);

position: relative;

background-position: center;

background-size: cover;

width: 95%;
}

.services::Before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #1027488f;
    opacity: .9;
}
.services .containercnt{
    position: relative;
    z-index: 4;
}
.services .containercnt .services-header{
    text-align: center;
    justify-content: center;
}
.services .containercnt .services-header span.subtitle{
    color: #fff;
}
.services .containercnt .services-header .view-all{
    
display: none;
}
.container{

    width:90%;
    max-width:1400px;
    margin:auto;

}

.services-header{

display:flex;

justify-content:space-between;

align-items:flex-end;

margin-bottom: 14px;

flex-wrap: wrap;

gap: 30px 0px;

margin-bottom: 32px;
}

.subtitle{

display: inline-flex;

align-items: center;

gap: 12px;

color: #f38b03;

font-size: 14px;

font-weight: 600;

text-transform: uppercase;

/* letter-spacing: 3px; */

/* margin-bottom: 25px; */

position: relative;

padding-bottom: 13px;

font-family: 'Parsi';
}

.subtitle::before{
    content:"";
    width: 83px;
    height: 3px;
    background: #0b2f632e;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.subtitle::after{
    content:"";
    width: 53px;
    height: 3px;
    background: #0b2f63;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
.slidercontainersrc{
    overflow: hidden;
}
.services h2{

font-size: 49px;

line-height:1.1;

margin-bottom: 20px;

color: #ffffff;

/* max-width: 600px; */

font-family: 'Roboto Condensed';
}

.services h2 span{

color: #f49720;
}

.services p{

max-width:650px;

color: #ffffff;

font-size: 15px;

line-height:1.8;

font-family: 'Manrope';

/* display: none; */
}

.view-all{

text-decoration:none;

color: #ffffff;

font-weight:600;

border: 1px solid #fff;

padding: 7px 14px;

border-radius: 100px;
}

.service-card{background: #ffffff00;border: 2px solid #ffffff99;border-radius:20px;padding: 14px 40px;transition:.35s;height:100%;backdrop-filter: blur(9px);text-align: center;margin-top: 30px;}

.service-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.08);

}

.icon{width:90px;height:90px;border-radius:50%;background:#f5f7fb;display:flex;align-items:center;justify-content:center;font-size:38px;margin: auto;margin-bottom: 20px;}

.number{

    color:#F3971F;
    font-size:18px;
    font-weight:700;

}

.service-card h3{margin:15px 0;font-size: 22px;color: #ffffff;line-height: 1.3;font-weight: 500;}

.service-card p{font-size: 15px;line-height:1.8;color: #ffffff;margin-bottom:35px;font-family: 'Manrope';}

.service-card a{color: #ffffff;text-decoration:none;font-weight:700;}

.swiper{

    overflow:visible;

}

.swiper-slide{height: auto !important;}

.swiper-pagination{

    margin-top:45px;
    position:relative;

}

.swiper-pagination-bullet{

    width:12px;
    height:12px;
    background:#cfd8e5;
    opacity:1;

}

.swiper-pagination-bullet-active{

    background:#F3971F;

}



.services-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    margin-top:60px;
}

/* Arrow Buttons */

.service-prev,
.service-next{

width:54px;

height:54px;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

border:1px solid #E4EAF3;

border-radius:50%;

color:#39569F;

cursor:pointer;

transition:.35s ease;

padding: 0;
}

.service-prev:hover,
.service-next:hover{

    background:#39569F;
    border-color:#39569F;
    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(57,86,159,.18);

}

/* Disabled */

.service-prev.swiper-button-disabled,
.service-next.swiper-button-disabled{

    opacity:.35;
    pointer-events:none;
    box-shadow:none;
}

/* Pagination */

.services-controls .swiper-pagination{

position:relative;

width:auto;

display:flex;

align-items:center;

gap:10px;

margin: revert-layer;
}

/* Bullets */

.services-controls .swiper-pagination-bullet{

width:10px;

height:10px;

margin:0 !important;

background: #ffffff;

border-radius:50px;

opacity:1;

transition:.35s;
}

.services-controls .swiper-pagination-bullet-active{

    width:40px;

    background:#F3971F;

}

@media screen and (max-width:767px) {
    .service-card{
            padding: 30px 20px;
    }
}








/* product list page ============== */


/*==================================================
    PRODUCT LISTING PAGE
==================================================*/

:root{

    --primary:#39569F;
    --secondary:#F3971F;

    --dark:#222;
    --text:#777;

    --white:#fff;
    --light:#F7F8FB;
    --border:#E5E7EB;

}

body{

    font-family:'Inter',sans-serif;
    background:var(--light);
    color:var(--dark);

}

.product-listing-section{padding-top: 100px;padding-bottom: 100px;width: 95%;margin: auto;}

/*==================================================
        SIDEBAR
==================================================*/

.filter-sidebar{

    background:#fff;

    border-radius:18px;

    padding:30px;

    border:1px solid var(--border);

    position:sticky;

    top:30px;

}

.sidebar-header{

    margin-bottom:25px;

}

.sidebar-header h3{

    font-size:28px;

    font-weight:700;

    color:var(--primary);

}

.sidebar-header p{

    color:#777;

    margin:0;

}

/*==================================================
        SEARCH
==================================================*/

.filter-search{

    margin-bottom:25px;

}

.filter-search input{

    height:50px;

    border-radius:12px;

    border:1px solid var(--border);

    box-shadow:none;

    font-size:15px;

}

.filter-search input:focus{

    border-color:var(--primary);

    box-shadow:none;

}

.colmb30{
    margin-bottom: 30px;
}

/*==================================================
        FILTER ITEM
==================================================*/

.filter-item{

border-bottom: 1px solid #00000029;
}

.filter-item:last-child{

    border-bottom:none;

}

/*==================================================
        FILTER TITLE
==================================================*/

.filter-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    cursor:pointer;

    transition:.3s;

}

.filter-title:hover{

    color:var(--secondary);

}

.filter-title span{

font-size: 14px;

font-weight: 500;

color: #000;

font-family: 'Manrope';
}

/*==================================================
        ICON
==================================================*/

.toggle-icon{

    font-size:15px;

    color:var(--primary);

    transition:.3s;

}

.filter-title.active .toggle-icon{

    transform:rotate(45deg);

    color:var(--secondary);

}

/*==================================================
        CONTENT
==================================================*/

.filter-content{

    display:none;

    padding-bottom:20px;

}

.filter-content .form-check{

    margin-bottom:14px;

}

.filter-content label{

cursor:pointer;

color: #000000;

font-size: 13px;

font-family: 'Manrope';
}

/*==================================================
        CHECKBOX
==================================================*/

.form-check-input{

    cursor:pointer;

    border:1px solid #ccc;

}

.form-check-input:checked{

    background:var(--secondary);

    border-color:var(--secondary);

}

.form-check-input:focus{

    box-shadow:none;

}

/*==================================================
        BUTTON
==================================================*/

.btn-primary{

    background:var(--primary);

    border:none;

    border-radius:10px;

    height:50px;

    font-weight:600;

    transition:.3s;

}

.btn-primary:hover{

    background:var(--secondary);

}

/*==================================================
        TOOLBAR
==================================================*/

.products-toolbar{

    margin-bottom:40px;

}

.products-toolbar h2{

    font-size:34px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:6px;

}

.products-toolbar span{

    color:#888;

    font-size:15px;

}

/*==================================================
        GRID BUTTONS
==================================================*/

.products-toolbar .btn-light{

    width:48px;

    height:48px;

    border-radius:10px;

    border:1px solid var(--border);

    background:#fff;

    transition:.3s;

}

.products-toolbar .btn-light:hover{

    background:var(--primary);

    color:#fff;

}

/*==================================================
        SORT
==================================================*/

.products-toolbar .form-select{

    width:180px;

    height:48px;

    border-radius:10px;

    border:1px solid var(--border);

    box-shadow:none;

}

.products-toolbar .form-select:focus{

    border-color:var(--primary);

    box-shadow:none;

}

/*==================================================
        PRODUCT GRID
==================================================*/

.product-card{

background:#fff;

border-radius: 0;

overflow:hidden;

border:1px solid var(--border);

transition:all .35s ease;

/* height:100%; */

display:flex;

flex-direction:column;

border-radius: 20px;

overflow: hidden;

margin: 40px 0px;

background: #9DBBC8;

background: #9DBBC8;

background: linear-gradient(35deg, #c5c5c5 0%, #eeeff3 33%);
}

.product-card:hover{

transform: scale(1.03);

box-shadow:0 20px 45px rgba(0,0,0,.08);

border-color:var(--primary);

box-shadow: -1px 1px 20px 11px rgba(66,156,209,0.75);

-webkit-box-shadow: -1px 1px 20px 11px rgba(66,156,209,0.75);

-moz-box-shadow: -1px 1px 20px 11px rgba(66,156,209,0.75);
}

/*==================================================
        PRODUCT IMAGE
==================================================*/

.product-image{

height:250px;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

padding: 0;

overflow:hidden;
}

.product-image img{

max-width:100%;

transition:.4s;
}

.product-card:hover .product-image img{

    transform:scale(1.08);

}

/*==================================================
        PRODUCT CONTENT
==================================================*/

.product-content{padding:25px;display:flex;flex-direction:column;flex-grow:1;position: relative;padding-bottom: 42px;}

.product-category{

    display:inline-block;
    background:rgba(57,86,159,.08);
    color:var(--primary);
    font-size:13px;
    font-weight:600;
    padding:6px 14px;
    border-radius:30px;
    margin-bottom:18px;

}

.product-content h5{

    font-size:22px;
    font-weight:700;
    color:var(--dark);
    margin-bottom:20px;
    line-height:1.4;

}

/*==================================================
        PRODUCT SPECS
==================================================*/

.product-specs{

list-style:none;

padding:0;

display: flex;

flex-wrap: wrap;

gap: 10px 10px;

margin: 0;
}

.product-specs li{

position:relative;

padding: 4px 10px;

/* margin-bottom:12px; */

font-size: 13px;

background: #f3971f;

border-radius: 9px;

color: #ffffff;
}

.product-specs li:before{

content:'';

position:absolute;

left:0;

top:8px;

width:8px;

height:8px;

border-radius:50%;

background: #f3971f;

opacity: 0;
}

/*==================================================
        PRODUCT BUTTON
==================================================*/

.product-btn{

    margin-top:auto;

    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--primary);
    text-decoration:none;

    font-weight:600;
    transition:.3s;

}

.product-btn:hover{

    color:var(--secondary);

}

.product-btn i{

    transition:.3s;

}

.product-btn:hover i{

    transform:translateX(5px);

}

/*==================================================
        PAGINATION
==================================================*/

.pagination-wrapper{

    margin-top:60px;

}

.pagination{

    gap:10px;

}

.page-link{

    width:45px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:10px;

    background:#fff;

    color:var(--primary);
    font-weight:600;

    transition:.3s;

}

.page-link:hover{

    background:var(--primary);
    color:#fff;

}

.page-item.active .page-link{

    background:var(--secondary);
    color:#fff;

}

/*==================================================
        SUPPORT BOX
==================================================*/

.support-box{

    margin-top:70px;

    background:#39569F;

    color:#fff;

    border-radius:20px;

    padding:45px;

}

.support-box h3{

    font-size:30px;
    font-weight:700;
    margin-bottom:15px;

}

.support-box p{

    font-size:16px;
    opacity:.9;
    margin-bottom:0;

}

.support-box .btn{

    min-width:180px;
    height:50px;
    border-radius:10px;
    font-weight:600;

}

.support-box .btn-primary{

    background:var(--secondary);

}

.support-box .btn-primary:hover{

    background:#d98518;

}

.support-box .btn-outline-primary{

    border:2px solid #fff;
    color:#fff;
    background:transparent;

}

.support-box .btn-outline-primary:hover{

    background:#fff;
    color:var(--primary);

}

/*==================================================
        RESPONSIVE
==================================================*/

@media(max-width:1200px){

.product-image{

    height:220px;

}

.products-toolbar h2{

    font-size:30px;

}

}

@media(max-width:991px){

.filter-sidebar{

    position:relative;
    top:0;
    margin-bottom:35px;

}

.products-toolbar{

    flex-direction:column;
    align-items:flex-start !important;
    gap:20px;

}

.support-box{

    text-align:center;

}

}

@media(max-width:767px){

.product-image{

    height:200px;

}

.product-content{

    padding:20px;

}

.product-content h5{

    font-size:20px;

}

.products-toolbar .form-select{

    width:100%;

}

.support-box{

    padding:30px 20px;

}

.support-box h3{

    font-size:24px;

}

.support-box .btn{

    width:100%;
    margin-bottom:12px;

}

}

@media(max-width:576px){

.sidebar-header h3{

    font-size:24px;

}

.products-toolbar h2{

    font-size:26px;

}

.product-image{

    height:180px;

}

}






.prpbrands{
   padding: 61px 60px;
   background-color: #e0e6e9;
   background-image: url('../images/home/slider/banner2.jpg');
   position: relative;
   background-position: center;
   background-size: cover;
   background-blend-mode: multiply;
   /* background-image: url(../images/home/about_us/clients.jpg); */
   position: relative;
   background-position: center;
   background-size: cover;
   width: 95%;
   margin: auto;
}

.prpbrands::Before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e3e2e2;
    opacity: .9;
}
.brandconatainer{
        
max-width: 1400px;
        
margin: auto;
        
position: relative;
}

.arrowcntrl{
    
display: flex;
    
align-items: center;
    
justify-content: space-between;
    
position: absolute;
    
width: 111%;
    
top: 73%;
    
left: 50%;
    
transform: translate(-50%, -50%);
    
z-index: 6;
}
.barrowbx{
    
width: 54px;
    
height: 54px;
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
background: #fff;
    
border: 1px solid #E4EAF3;
    
border-radius: 50%;
    
color: #39569F;
    
cursor: pointer;
    
transition: .35s ease;
    
padding: 0;
}

.brandconatainer .section-header{
    margin-bottom: 30px;
}
.brandconatainer .section-title{
    color: #102748;
    margin: 0;
}

.brndig img{
    width: 100%;
    border-radius: 10px;
    height: 132px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 16px;
    backdrop-filter: blur(10px);
    box-shadow: -1px 9px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 7px 15px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: -1px 9px 5px 0px rgba(0,0,0,0.75);
    padding: 6px;
    margin: 20px 0px;
}

/*=========================================================
    PRODUCT DETAILS PAGE
=========================================================*/

:root{

    --primary:#39569F;
    --secondary:#F3971F;

    --dark:#1F2937;
    --text:#6B7280;

    --border:#E5E7EB;

    --bg:#F7F9FC;

    --white:#ffffff;

}


.section-space{

/* padding:80px 0; */

padding-top: 50px;
}

/*=========================================================
        BREADCRUMB
=========================================================*/

.product-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:50px;font-size:15px;padding-top: 50px;flex-wrap: wrap;}

.product-breadcrumb a{

    color:#7d7d7d;
    transition:.3s;

}

.product-breadcrumb a:hover{

    color:var(--primary);

}

.product-breadcrumb span{

    color:#bbb;

}

.product-breadcrumb .active{

    color:var(--primary);
    font-weight:600;

}

/*=========================================================
        GALLERY
=========================================================*/

.thumbnail-wrapper{

    display:flex;
    flex-direction:column;
    gap:18px;

}

.thumb-item{

    width:90px;
    height:90px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:12px;

    display:flex;
    justify-content:center;
    align-items:center;

    cursor:pointer;

    transition:.35s;

}

.thumb-item img{

    max-width:70px;
    max-height:70px;

}

.thumb-item:hover{

    border-color:var(--secondary);

}

.thumb-item.active{

    border:2px solid var(--secondary);

    box-shadow:0 8px 20px rgba(243,151,31,.15);

}

/*==========================================
        PRODUCT GALLERY
==========================================*/

.product-gallery-wrapper{
    display:flex;
    gap:25px;
    align-items:flex-start;
}

/*==========================================
        THUMBNAILS
==========================================*/

.thumbnail-wrapper{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.thumb-item{

    width:90px;
    height:90px;

    background:#fff;

    border:2px solid #E5E7EB;

    border-radius:12px;

    display:flex;
    justify-content:center;
    align-items:center;

    cursor:pointer;

    transition:.3s;

    overflow:hidden;

}

.thumb-item img{

    width:100%;
    height:100%;
    object-fit:contain;
    padding:8px;

}

.thumb-item:hover{

    border-color:#F3971F;

}

.thumb-item.active{

    border-color:#39569F;

    box-shadow:0 10px 20px rgba(57,86,159,.15);

}

/*==========================================
        MAIN IMAGE
==========================================*/

.product-gallery{

position:relative;

background:#fff;

border:1px solid #E5E7EB;

border-radius:18px;

min-height:520px;

display:flex;

justify-content:center;

align-items:center;

padding: 20px;

overflow:hidden;
}

.product-gallery img{

width:100%;

max-width: 100%;

height:auto;

object-fit: cover;

transition:.35s;

aspect-ratio: 1/1;

border-radius: 20px;
}

.product-gallery:hover img{

    transform:scale(1.05);

}

/*==========================================
        GALLERY BUTTONS
==========================================*/

.gallery-arrow{position:absolute;width:46px;height:46px;border:none;border-radius:50%;background:#fff;color:#39569F;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:.3s;z-index:5;padding: 0;}

.gallery-arrow:hover{

    background:#39569F;
    color:#fff;

}

.gallery-arrow.left{

    left:20px;

}

.gallery-arrow.right{

    right:20px;

}

.zoom-btn{

position:absolute;

right:20px;

bottom:20px;

width:50px;

height:50px;

border:none;

border-radius:50%;

background:#F3971F;

color:#fff;

transition:.3s;

z-index:5;

display: none;
}

.zoom-btn:hover{

    background:#39569F;

}

/*==========================================
        TABLET
==========================================*/

@media (max-width:991px){

    .thumbnail-wrapper{

        flex-direction:row;

        justify-content:center;

        flex-wrap:wrap;

        margin-top:20px;

        gap:12px;

    }

    .thumb-item{

        width:70px;
        height:70px;

    }

    .thumb-item img{

        padding:6px;

    }

    .product-gallery{min-height:360px;padding:25px;}

    .product-gallery img{

        max-width:320px;

    }

}

/*==========================================
        MOBILE
==========================================*/

@media (max-width:767px){

    .product-gallery{min-height:280px;padding:20px;border-radius:15px;}

    .product-gallery img{

        max-width:250px;

    }

    .product-details-section .col{
        min-height: 280px;
    }

    .thumb-item{

        width:60px;
        height:60px;

    }

    .gallery-arrow{

        width:38px;
        height:38px;

        font-size:14px;

    }

    .gallery-arrow.left{

        left:10px;

    }

    .gallery-arrow.right{

        right:10px;

    }

    .zoom-btn{

        width:42px;
        height:42px;

        right:10px;
        bottom:10px;

        font-size:14px;

    }

}

/*==========================================
        EXTRA SMALL DEVICES
==========================================*/

@media (max-width:576px){

    .thumbnail-wrapper{

        justify-content:flex-start;

        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:10px;

        scrollbar-width:thin;

    }

    .product-info h1{
        font-size: 29px !important;
    }
    .product-info h5{
        font-size: 17px !important;
    }
    .thumbnail-wrapper::-webkit-scrollbar{

        height:5px;

    }

    .thumbnail-wrapper::-webkit-scrollbar-thumb{

        background:#39569F;

        border-radius:20px;

    }

    .thumb-item{

        flex:0 0 auto;

    }

}

/*=========================================================
        PRODUCT INFO
=========================================================*/

.product-info{

    padding-left:40px;

}

.product-tag{display:inline-block;background:rgba(57,86,159,.08);color:var(--primary);padding:7px 18px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:18px;}

.product-info h1{font-size:46px;font-weight:700;font-family: 'Roboto Condensed';margin-bottom:8px;color: #000;line-height: 1;}

.product-info h5{

font-size:22px;

color:#555;

font-weight:500;

margin-bottom:25px;

font-family: 'Manrope';
}

.product-description{

color: #000000;

line-height:1.8;

margin-bottom:35px;

font-family: 'Manrope';

font-size: 15px;
}

/*=========================================================
        SPECIFICATION GRID
=========================================================*/

.specification-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:40px;

}

.spec-box{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;display:flex;align-items:center;gap:15px;transition:.35s;text-align: center;}

.spec-box:hover{

    border-color:var(--primary);

    transform:translateY(-3px);

}

.spec-icon{

    width:55px;
    height:55px;

    border-radius:50%;

    background:rgba(57,86,159,.08);

    color:var(--primary);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}

.spec-box small{color: #39569f;display:block;margin-bottom:5px;font-family: 'Roboto Condensed';text-transform: uppercase;}

.spec-box h6{

    margin:0;

    font-size:16px;

    font-weight:700;

}

/*=========================================================
        BUTTONS
=========================================================*/

.product-buttons{

    display:flex;

    gap:15px;

    margin-bottom:35px;

}

.product-buttons .btn{

    flex:1;

    height:55px;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-weight:600;

}

.btn-primary{

    background:var(--primary);

    border:none;

}

.btn-primary:hover{

    background:var(--secondary);

}

.btn-outline-primary{

    border:2px solid var(--primary);

    color:var(--primary);

}

.btn-outline-primary:hover{

    background:var(--primary);

    color:#fff;

}

/*=========================================================
        QUICK ACTIONS
=========================================================*/

.quick-actions{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.quick-actions a{

    display:flex;

    align-items:center;

    gap:8px;

    color:#666;

    font-weight:500;

    transition:.3s;

}

.quick-actions a:hover{

    color:var(--secondary);

}

.quick-actions i{

    font-size:18px;

}



/*=========================================================
        PRODUCT TABS
=========================================================*/

.product-tabs{

    position:sticky;

    top:20px;

    z-index:100;

    background:#fff;

    border:1px solid var(--border);

    border-radius:16px;

    padding:8px 15px;

    margin-bottom:60px;

    box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.product-tabs ul{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin:0;

    padding:0;

    list-style:none;

    flex-wrap:wrap;

}

.product-tabs ul li a{

    display:block;

    padding:12px 24px;

    border-radius:30px;

    color:var(--dark);

    font-weight:600;

    transition:.3s;

}

.product-tabs ul li a:hover,

.product-tabs ul li a.active{

    background:var(--primary);

    color:#fff;

}

/*=========================================================
        SECTION HEADING
=========================================================*/

.section-heading{

margin-bottom:40px;

flex-wrap: wrap;

justify-content: space-between;

gap: 18px 0px;
}

.section-subtitle{

    display:inline-block;

    color:var(--secondary);

    font-weight:600;

    margin-bottom:10px;

}

.section-heading h2{

    font-size:38px;

    font-weight:700;

    color:var(--primary);

    margin:0;

}

/*=========================================================
        CONTENT BOX
=========================================================*/

.content-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:40px;

    height:100%;

}

.content-box h2{

font-size: 31px;

font-weight:700;

margin-bottom:25px;

color: #000;
}

.content-box p{

color: #020202;

line-height:1.9;

margin-bottom:20px;

font-family: 'Manrope';

font-size: 14px;
}

/*=========================================================
        FEATURE LIST
=========================================================*/

.feature-list{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.feature-list li{

position:relative;

padding-left:35px;

margin-bottom:18px;

font-weight:500;

font-family: 'Manrope';

font-size: 14px;

color: #000;
}

.feature-list li:before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    width:22px;

    height:22px;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    text-align:center;

    line-height:22px;

    font-size:12px;

}

/*=========================================================
        SPECIFICATION TABLE
=========================================================*/

.specification-table{

background:#fff;

border-radius:18px;

/* border:1px solid var(--border); */

overflow:hidden;

height:100%;
}

.table-title{

/* background:var(--primary); */

color: #000000;

/* padding:22px 30px; */

margin-bottom: 29px;
}

.table-title h3{

margin:0;

font-size:22px;

color: #000000;

font-weight: 600;
}

.specification-table table{

margin:0;

border: 1px solid #dee2e6;
}

.specification-table th{

width:45%;

padding: 12px 15px;

color: #000000;

font-weight:600;

background:#fafafa;

font-family: 'Manrope';

font-size: 15px;
}

.specification-table td{

padding: 12px 15px;

font-weight:600;

font-family: 'Manrope';

font-size: 15px;

color: #373737;
}

/*=========================================================
        FEATURE CARD
=========================================================*/

.feature-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:35px;

    text-align:center;

    transition:.35s;

    height:100%;

}

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.feature-icon{

width:75px;

height:75px;

margin:auto;

border-radius:50%;

background: rgb(11 47 99);

color: #ffffff;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

margin-bottom:20px;
}

.feature-card h5{

font-weight:700;

margin-bottom:15px;

color: #000;
}

.feature-card p{

color: #393939;

margin:0;

font-family: 'Manrope';

font-size: 15px;
}

/*=========================================================
        DIMENSIONS
=========================================================*/

#dimensions img{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:20px;

}

/*=========================================================
        DOCUMENT CARD
=========================================================*/

.document-card{

display:flex;

align-items:center;

gap: 6px;

padding: 17px 10px;

background:#fff;

border:1px solid var(--border);

border-radius:18px;

transition:.3s;

height:100%;
}

.document-card:hover{

    transform:translateY(-5px);

    border-color:var(--secondary);

}

.document-icon{

width:60px;

height:60px;

border-radius:15px;

/* background:#FFF2E0; */

color:#F3971F;

display:flex;

justify-content:center;

align-items:center;

font-size:28px;
}
.document-icon img{
    
width: 40px;
}
.document-info{

    flex:1;

}

.document-info h5{

margin-bottom: 0;

font-size: 16px;

font-family: 'Manrope';

color: #000;
}

.document-info span{

    color:#888;

    font-size:14px;

}

.download-btn{

/* width:42px; */

/* height:42px; */

/* border-radius:50%; */

background:var(--primary);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

transition:.3s;
}

.download-btn:hover{

    background:var(--secondary);

    color:#fff;

}

/*=========================================================
        ACCESSORIES
=========================================================*/

.accessory-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    text-align:center;

    height:100%;

}

.accessory-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.accessory-image{

padding: 12px;

height: auto;

display:flex;

align-items:center;

justify-content:center;
}

.accessory-image img{

max-height: 100%;

transition:.35s;

aspect-ratio: 1/1;

object-fit: cover;

border-radius: 9px;
}

.accessory-card:hover img{

    transform:scale(1.08);

}

.accessory-content{

    border-top:1px solid var(--border);

    padding:20px;

}

.accessory-content h6{

    margin:0;

    font-weight:600;

}

/*=========================================================
        SUPPORT CTA
=========================================================*/

.support-wrapper{

    background:linear-gradient(135deg,#39569F,#2F467E);

    border-radius:24px;

    padding:60px;

    color:#fff;

}

.support-wrapper h2{

    font-size:42px;

    font-weight:700;

    margin-bottom:15px;

}

.support-wrapper p{

    opacity:.9;

    margin-bottom:0;

}

.support-wrapper .btn{

    min-width:220px;

    height:55px;

    border-radius:12px;

    background:var(--secondary);

    border:none;

    font-weight:600;

}

.support-wrapper .btn:hover{

    background:#fff;

    color:var(--primary);

}

/*=========================================================
        VIEW ALL LINK
=========================================================*/

.view-all{

color: #ffffff;

font-weight:600;

border: 1px solid #ffffff;
}

.view-all i{

    margin-left:6px;

    transition:.3s;

}

.view-all:hover i{

    transform:translateX(5px);

}


.clicked{
    transform:scale(.96);
    transition:.2s;
}

.accessories-section {
    padding-bottom: 70px;
}
.rowvw {
    gap: 20px 0px;
}

.dtsectinall{
    padding-top: 100px;
}
/*=========================================================
        RESPONSIVE
=========================================================*/

@media(max-width:991px){

    .product-tabs ul{

        justify-content:flex-start;

        overflow-x:auto;

        flex-wrap:nowrap;

    }
.rowvw .col-xl-2 { 
   padding:0px 10px;
}
    .content-box,
    .specification-table{

        margin-bottom:30px;

    }

    .support-wrapper{

        padding:40px 30px;

        text-align:center;

    }
    .table-title{
     margin-top: 50px;   
    }
    .bx{
            padding-left: 0;
    }
}

@media(max-width:768px){

    .section-heading h2{

        font-size:28px;

    }

    .content-box{

        padding:25px;

    }

    .feature-card{

        margin-bottom:20px;

    }

    .support-wrapper h2{

        font-size:30px;

    }

    .support-wrapper .btn{

        width:100%;

        margin-top:20px;

    }
.bx{
    padding-left: 0;
}
}

@media screen and (max-width:1200px) {
    .product-info{
        padding-left: 0;
        margin-top: 50px;
    }
}
@media screen and (max-width:575px) {
    .spec-box{
        flex-direction: column;
        padding: 10px 4px;
    }
}









/*==============================
    SERVICE INFO SECTION
==============================*/

.service-info{
    width:100%;
    padding:30px 40px;
    background:#f8f9fc;
    /* border-top:4px solid #184a9c; */
    /* border-bottom:4px solid #184a9c; */
    display:flex;
    justify-content: space-around;
    align-items:center;
    /* gap:40px; */
    box-sizing:border-box;
    display: none;
}

.service-item{
    display:flex;
    align-items:center;
    gap:20px;
    /* flex:1; */
    width: auto;
}

.service-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#1d5ec9;
    font-size:22px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    flex-shrink:0;
}

.service-content h4{
    margin: 0 0 4px;
    font-size: 22px;
    color:#123b7a;
    font-weight: 400;
    font-family: 'Roboto Condensed';
}

.service-content p{
    margin:0;
    font-size: 14px;
    color:#6d7785;
    line-height:1.6;
}

/*==============================
        Tablet
==============================*/

@media(max-width:992px){

.service-info{
    padding:30px 20px;
    gap:25px;
}

.service-content h4{
    font-size:22px;
}

.service-content p{
    font-size:16px;
}

}

/*==============================
        Mobile
==============================*/

@media(max-width:768px){

.service-info{
    /* flex-direction:column; */
    align-items:flex-start;
    gap:30px;
    justify-content: center;
    text-align: center;
    /* flex-direction: column; */
    flex-wrap: wrap;
}

.service-item{
    width: 100%;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(15,23,42,.05);
    border: 1px solid #00000017;
    padding: 20px;
    border-radius: 10px;
}

.service-content h4{
    font-size:20px;
}

.service-content p{
    font-size:15px;
}

}

/*==============================
        Small Mobile
==============================*/

@media(max-width:480px){

.service-info{
    padding:20px 15px;
    gap: 10px;
}

.service-icon{
    width:45px;
    height:45px;
    font-size:18px;
}

.service-content h4{
    font-size:18px;
}

.service-content p{
    font-size:14px;
}

}









/*==============================
      CONTACT SECTION
==============================*/

.contact_section{

padding:100px 0;

/* background:linear-gradient(135deg,#062b63,#0a73c8); */
}

.section_heading{

    text-align:center;

    color:#fff;

    margin-bottom:60px;

}

.section_heading span{

    color:#ffb400;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.section_heading h2{

font-size:48px;

margin: 10px 0;

color: #000;
}

.section_heading p{

width:700px;

max-width:100%;

margin:auto;

color: #000000;

line-height:1.8;

font-family: 'Manrope';
}

.contact_wrapper{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:40px;

}

.contact_info{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.contact_card{

background: #39569f;

border-radius:15px;

padding:25px;

display:flex;

gap:20px;

align-items:center;

transition:.3s;
}

.contact_card:hover{

    transform:translateY(-8px);

}

.contact_card .icon{

width:65px;

height:65px;

border-radius:50%;

background: #f3971f;

color:#fff;

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

margin: inherit;
}

.contact_card h4{color: #ffffffc7;margin-bottom:6px;text-transform: uppercase;font-weight: 600;font-family: 'Roboto Condensed';}

.contact_card p{

color: #ffffff;

font-size: 14px;
}

.contact_card a{

color: #ffffff;

font-size: 14px;
}
.contact_form{

    background:#fff;

    border-radius:20px;

    padding:45px;

}

.contact_form h3{

    color:#062b63;

    font-size:32px;

    margin-bottom:30px;

}

.cntrow{

display: flex;

grid-template-columns: 1fr 1fr;

gap:20px;

margin-bottom:20px;

width: 100%;

/* flex-direction: column; */
}

.contact_form input,
.contact_form textarea{

width:100%;

padding:16px;

border:1px solid #ddd;

border-radius:10px;

outline:none;

font-size:15px;
}

.contact_form input:focus,
.contact_form textarea:focus{

    border-color:#0a73c8;

}

.contact_form button{

    margin-top:20px;

    background:#ffb400;

    color:#062b63;

    border:none;

    padding:16px 40px;

    font-size:16px;

    font-weight:700;

    border-radius:40px;

    cursor:pointer;

    transition:.3s;

}

.contact_form button:hover{

    background:#0a73c8;

    color:#fff;

}


.innerbanner-sec{
    width: 100%;
    height: 316px;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-top: 130px;
    position: relative;
}

.innerbannercont{
    background-image: url('../images/home/slider/banner2.jpg');
}
.innerbanner-sec::before{
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
    background-color: #021c5bd9;
 top: 0;
 left: 0;
}
.innerbanner-sec .container-port{
    position: relative;
    z-index: 5;
}

.bannercap h1{
        color: #fff;
        font-family: 'Roboto Condensed';
        text-transform: uppercase;
        font-size: 3rem;
        text-align: center;
}


/*==============================
        RESPONSIVE
==============================*/

@media(max-width:991px){

.contact_wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact_section{

    padding:70px 0;

}

.section_heading h2{

    font-size:34px;

}

.row{

    grid-template-columns:1fr;

}

.contact_form{

    padding:30px;

}

}


@media(max-width:1440px){
    .list_nav_a{
            font-size: .9vw;
    }
    .lgog a{
            font-size: .9vw;
    }
}



@media(max-width:768px){
    .bx{
        padding-left: 0px;
    }

}


@media(max-width:600px){
    .brandconatainer{
            /* padding: 100px 20px; */
    }
    .services{
           padding: 100px 20px;
    }
    .services h2 {
    font-size: 32px;
    }
    .cntrow{
        flex-direction: column;
    }
}

@media(max-width:480px){

.section_heading h2{

    font-size:28px;

}

.contact_card{

    flex-direction:column;

    text-align:center;

}

.contact_form{

padding: 20px 0px;
}

}








.section-title{
text-align:center;
margin-bottom:50px;
}

.section-title h2{
font-size:48px;
font-weight:700;
color:#0b2f6d;
letter-spacing:2px;
}

.section-title p{
margin-top:10px;
color:#777;
font-size:18px;
}

.document-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;

}

.section-title{text-align:center;margin-bottom:50px;color: #152036;}

.section-title h2{
font-size:48px;
font-weight:700;
color:#0b2f6d;
letter-spacing:2px;
}

.section-title p{
margin-top:10px;
color:#777;
font-size:18px;
}

.document-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;

}

.download-card{

background:#fff;
border-radius:18px;
padding:30px;
position:relative;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
overflow:hidden;

}

.download-card:hover{

transform:translateY(-10px);
box-shadow:0 18px 40px rgba(0,70,180,.18);

}

.pdf-badge{

position:absolute;
top:20px;
right:20px;
background:#ff3b30;
color:#fff;
padding:6px 14px;
border-radius:8px;
font-weight:bold;
font-size:14px;

}
.flexox
{
    
display: flex;
    
align-items: center;
    
gap: 13px;
}

.doc-icon{

/* width:90px; */

/* height:90px; */

border-radius:20px;

background:#edf5ff;

display:flex;

justify-content:center;

align-items:center;

/* margin:auto; */

margin-bottom:25px;

font-size:45px;

color:#0a56d8;
}
.doc-icon img{
    
width: 46px;
}
.download-card h3{

text-align:center;

font-size: 17px;

color:#0b2f6d;

/* margin-bottom:30px; */

line-height:1.3;
}

.doc-info{

display:flex;

padding-top: 10px;

border-top:1px solid #eee;

margin-top: 14px;

font-size: 14px;

color:#666;

gap: 22px;

align-items: center;
}

.download-file{

display: flex;

border-radius:12px;

text-align:center;

text-decoration:none;

color: #666;

font-size:18px;

font-weight:bold;

transition:.3s;

width: 25px;

height: 25px;

align-items: center;

justify-content: center;
}

.download-file:hover{

background: #f3971f;

color: #000;
}

.download-file i{

/* margin-right:10px; */
}


.downfl{
    padding: 100px 0px;
}










.request-modal{

position:fixed;
inset:0;
background:rgba(7,18,40,.65);
backdrop-filter:blur(8px);
opacity:0;
visibility:hidden;
display:flex;
justify-content:center;
align-items:center;

z-index:9999999;

}

.request-modal.show{

opacity:1;
visibility:visible;

backdrop-filter:blur(6px);

}

.request-box{

width:1050px;
max-width:95%;
display:grid;
grid-template-columns:380px 1fr;
transform:translateY(30px) scale(.85);

opacity:0;
background:#fff;
border-radius:20px;
overflow:hidden;

box-shadow:
0 30px 70px rgba(0,0,0,.18);

}
/* Popup Active */

.request-modal.show .request-box{

transform:translateY(0) scale(1);

opacity:1;

}

.request-left{

background:linear-gradient(135deg,#003c88,#005fd9);

padding:50px;
color:#fff;

display:flex;
flex-direction:column;

}

.badge{

display:inline-block;
padding:8px 18px;

background:rgba(255,255,255,.15);

border-radius:50px;

font-size:12px;
letter-spacing:2px;
margin-bottom:25px;

}

.request-left h2{
    font-size: 34px;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #fff;

}

.request-left p{

    line-height: 1.8;
    opacity: .9;
    margin-bottom: 40px;
    color: #fff;

}

.featurepop{

    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 22px;
    font-size: 17px;
    color: #fff;

}

.featurepop i{

    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0055c2;

}

.request-right{

padding:50px;

}

.grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:22px;

}

.input-group{

margin-bottom:22px;

}

.input-group label{

display:block;
margin-bottom:8px;
font-weight:600;
color:#0d2d63;

}

.input-group input,
.input-group textarea{

width:100%;
padding:15px 18px;

border:1px solid #dfe6ef;

border-radius:10px;

font-size:15px;

transition:.3s;

}

.input-group input:focus,
.input-group textarea:focus{

outline:none;

border-color:#0058d8;

box-shadow:0 0 0 4px rgba(0,88,216,.08);

}

.submit-request{

width:100%;

padding:18px;

border:none;

border-radius:10px;

background:linear-gradient(90deg,#0058d8,#003f9c);

color:#fff;

font-size:17px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.submit-request:hover{

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(0,88,216,.3);

}

.close-popup{

position:absolute;

right:25px;
top:25px;

width:40px;
height:40px;

border:none;

border-radius:50%;

background:#f3f5f8;

font-size:24px;

cursor:pointer;

}

@media(max-width:900px){

.request-box{

grid-template-columns:1fr;

}

.request-left{

display:none;

}

.grid{

grid-template-columns:1fr;

}

}










.partners-section{

position:relative;

padding:100px 8%;

overflow:hidden;

background:
linear-gradient(180deg,#ffffff,#f7fbff);

}

/* Decorative Background */

.partners-section::before{

content:"";

position:absolute;

top:-250px;
left:-250px;

width:500px;
height:500px;

background:

radial-gradient(circle,
rgba(0,90,255,.08),
transparent 70%);

border-radius:50%;

}

.partners-section::after{

content:"";

position:absolute;

bottom:-200px;
right:-200px;

width:450px;
height:450px;

background:

radial-gradient(circle,
rgba(0,90,255,.08),
transparent 70%);

border-radius:50%;

}

.section-title-brnd{

text-align:center;

margin-bottom:70px;

position:relative;

z-index:2;

}

.section-title-brnd span{

display:inline-block;

padding:8px 22px;

background:#eef5ff;

border-radius:30px;

color:#0b5cff;

font-size:14px;

font-weight:600;

letter-spacing:2px;

margin-bottom:25px;

}

.section-title-brnd h2{

font-size:58px;

font-weight:700;

color:#081f4d;

line-height:1.2;

margin-bottom: 0;
}

.section-title-brnd h2 span{

background:none;

padding:0;

color: #f3971f;

font-size:inherit;
}

.section-title-brnd p{

font-size:18px;

color:#6d7c97;

}

/* Grid */

.partners-grid{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:24px;

position:relative;

z-index:2;

}

/* Cards */

.partner-card{

height:160px;

background:#fff;

border-radius:22px;

display:flex;

justify-content:center;

align-items:center;

padding: 1px 30px;

transition:.35s;

border:1px solid rgba(0,0,0,.05);

box-shadow:

0 15px 40px rgba(16,53,117,.08);
}

.partner-card:hover{

transform:translateY(-10px);

box-shadow:

0 25px 50px rgba(0,86,255,.18);

border-color:#0b5cff;

}

.partner-card img{

max-width: 100%;

max-height: 100%;

/* filter:grayscale(100%); */

opacity:.75;

transition:.35s;
}

.partner-card:hover img{

filter:none;

opacity:1;

transform:scale(1.05);

}

/* Tablet */

@media(max-width:1200px){

.partners-grid{

grid-template-columns:repeat(4,1fr);

}

}

/* Mobile */

@media(max-width:768px){

.section-title-brnd h2{

font-size:38px;

}

.partners-grid{

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.partner-card{

height:120px;

}

.partner-card img{

max-width:110px;

}

}








.aim-area{
    padding: 100px 0;
    background:#f7f9fb;
}

.aim-wrapper{
    max-width:1180px;
    margin:auto;
}

.aim-top{
    text-align:center;
    margin-bottom:70px;
}

.aim-top .sub-title{
    display:inline-block;
    color:#0077b6;
    font-size:14px;
    display: flex;
    font-weight:700;
    margin: auto;
    /* justify-content: center; */
    letter-spacing:2px;
    justify-content: center;
    margin-bottom:18px;
    max-width: fit-content;
    text-align: center;
}

.aim-top h2{
    font-size:48px;
    font-weight:700;
    color:#0f172a;
    line-height:1.2;
}

.aim-top label{
    color:#0ea5e9;
}

.aim-content{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:60px;
    align-items:center;
    background:#fff;
    padding:60px;
    border-radius:24px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.aim-left{
    text-align:center;
}

.aim-icon{
    width: 92px;
    height: 92px;
    margin:auto;
    border-radius:50%;
    background: #39569f;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:42px;
    margin-bottom:25px;
}

.aim-left h3{
    font-size:28px;
    color:#0f172a;
}

.aim-right p{
    font-size: 16px;
    line-height:2;
    color: #000000;
    font-family: 'Nanum Gothic';
}

.aim-bottom{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.aim-box{
    background:#fff;
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    transition:.35s;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.aim-box i{
    font-size:34px;
    color: #39569f;
    margin-bottom:18px;
}

.aim-box span{
    display:block;
    font-weight:600;
    color:#1e293b;
    line-height:1.5;
}

.aim-box:hover{
    transform:translateY(-10px);
}

@media(max-width:991px){

.aim-content{
    grid-template-columns:1fr;
    padding:40px;
    text-align:center;
}

.aim-bottom{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.aim-area{
    padding:80px 0;
}

.aim-top h2{
    font-size: 29px;
}

.aim-content{
    padding:30px;
    gap: 26px;
}
.aim-icon{
    
}
.aim-bottom{
    grid-template-columns:1fr;
}

.aim-right p{
    line-height:1.8;
    font-size: 15px;
}

}








.consultancy-area{
    padding:120px 0;
    background:#fff;
}

.consultancy-title{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.consultancy-title .sub-title{
    display: inline-block;
    color: #0077b6;
    font-size: 14px;
    display: flex;
    font-weight: 700;
    margin: auto;
    /* justify-content: center; */
    letter-spacing: 2px;
    justify-content: center;
    margin-bottom: 18px;
    max-width: fit-content;
    text-align: center;
}

.consultancy-title h2{
    font-size: 39px;
    color:#0d2745;
    margin-bottom:18px;
    line-height:1.2;
}

.consultancy-title p{
    color:#6b7280;
    line-height:1.8;
    font-size:17px;
}

.consultancy-wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:60px;
    align-items:center;
}

.consultancy-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.consultancy-card{
    background:#f8fafc;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    transition:.35s;
    border:1px solid #edf2f7;
}

.consultancy-card i{
    width:70px;
    height:70px;
    background: #39569f;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:28px;
}

.consultancy-card h4{
    font-size:18px;
    color:#0d2745;
    font-weight:600;
}

.consultancy-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.consultancy-content{
    background:#f8fafc;
    padding:60px;
    border-radius:24px;
    position:relative;
}

.quote-icon{
    width:70px;
    height:70px;
    background: #f3971f;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    margin-bottom:30px;
}

.consultancy-content p{
    color: #000000;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom:25px;
    font-family: 'Manrope';
}

.consultancy-content p:last-child{
    margin-bottom:0;
}

@media(max-width:991px){

.consultancy-wrapper{
    grid-template-columns:1fr;
}

.consultancy-content{
    padding:40px;
}

}

@media(max-width:767px){

.consultancy-area{
    padding:80px 0;
}

.consultancy-title h2{
    font-size: 29px;
}

.consultancy-features{
    grid-template-columns:1fr;
}

.consultancy-content{
    padding:30px;
}

.consultancy-content p{
    font-size:16px;
    line-height:1.9;
}

}






.gallery-section{
    background:#f8f9fa;
    padding: 100px 20px;
    width: 95%;
    margin: auto;
}

.col-lg-custom{
    width:20%;
}

.gallery-item{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:18px;
}

.gallery-item img{
    width:100%;
    object-fit:cover;
    transition:.5s;
    aspect-ratio: 1/.7;
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.gallery-overlay i{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#00a0df;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    transform:scale(.7);
    transition:.4s;
}

.gallery-item:hover img{
    transform:scale(1.1);
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}

.gallery-item:hover .gallery-overlay i{
    transform:scale(1);
}

.colpd0{
    
padding: 5px;
}

@media(max-width:991px){

.col-lg-custom{
    width:auto;
}

.gallery-item img{
    height:240px;
}

}

@media(max-width:576px){

.gallery-item img{
    height:180px;
}

}












.containerfrm{
    max-width:900px;
    margin:50px auto;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    overflow:hidden;
}

.headerfrm{
    background:#0B3D91;
    color:#fff;
    padding:30px;
    text-align:center;
}

.headerfrm h3{
    margin-bottom:10px;
    font-size: 27px;
    color: #fff;
}

.headerfrm p{
    opacity:.9;
    font-family: 'Manrope';
    color: #fff;
    font-size: 13px;
}

.form{
    padding:40px;
}

.frmrow{
    display:flex;
    gap:20px;
    margin-bottom:20px;

}

.group{
    flex:1;
    display:flex;
    flex-direction:column;
}

.group label{
    margin-bottom:8px;
    font-weight:500;
    color:#333;
    font-family: 'Manrope';
    font-size: 13px;
}

.group input,
.group select,
.group textarea{
    padding:12px;
    border:1px solid #ccc;
    border-radius: 10px;
    font-size:15px;
}

.group textarea{
    resize:vertical;
    min-height:120px;
}

.full{
    width:100%;
    margin-bottom:20px;
}

button{
    background:#F59E0B;
    color:#fff;
    border:none;
    padding:14px 35px;
    font-size:16px;
    border-radius:6px;
    cursor:pointer;
    transition:.3s;
}

button:hover{
    background:#d88500;
}

@media(max-width:1200px){
    .addinof{
        display: none;
    }
}

@media(max-width:768px){
.row{
    flex-direction:column;
}
.prpbrands{
    padding: 100px 15px;
}
}

@media(max-width:575px){
    .category_dropdown li {
        width: 100%;
    }
    .section-title{
                font-size: 27px;
    }
    .spec-box h6{
        font-size: 12px;
        font-family: 'Roboto Condensed';
    }
    .brndig img{
        height: 155px;
        object-fit: contain;
    }
    .info a{
        
font-size: 4vw;
    }

    .about-content h3{
        
font-size: 25px;
    }

    .featureabt h4{
        font-size: 17px;
        font-weight: 500;
    }
}

.request-modal{
    display:none;
}


.gallery-grid{
        display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.gallery-page{

padding: 100px 0px;
}


.gallery-page .sidebar-header{
    text-align: center;
}
.gallery-page .sidebar-header span{
    
}
.gallery-page .sidebar-header h1{
    font-size: 29px;
    font-family: 'Roboto Condensed';
    color: #152036;
    font-size: clamp(41px, 5vw, 39px);
    font-weight: 400;
    line-height: 1.05;
    margin-bottom: 18px;
}

.gallery-page .sidebar-header p{
    
}
.gallery-card{
    
width: 100%;
}

.gallery-card  .card-content h3{
    word-break: break-all;
}


.gallery-filter{display: flex;align-items: center;justify-content: center;gap: 4px;margin-bottom: 28px;}
.gallery-filter .filter-toggle{

}
.gallery-tabs button{

}


@media(max-width:1050px){
.gallery-grid{
        grid-template-columns: repeat(3, 1fr);
}
}

@media(max-width:768px){
.gallery-grid{
        grid-template-columns: repeat(2, 1fr);
}
}

@media(max-width:575px){
.gallery-grid{
        grid-template-columns: repeat(1, 1fr);
}
    .about-content{
        margin-top:100px;
    }
    .gallery-filter{
        flex-direction: column;
    }
    .gallery-tabs button {
    font-size: 13px;
    padding: 11px 20px;
}
    .gallery-filter .filter-toggle{
         font-size: 13px;
         padding: 11px 20px;
         margin: 0;
    }
}