@charset "UTF-8";



:root {
    --max-width: 1832px;
    --max-width-2: 1646px;
    --max-width-3: 1780px;
    --max-width-4: 1680px;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
   
}

body.noscrol {
    overflow: hidden;
    transition: all 400ms ease;
}

header,
.container,
section,
a,
input {
    transition: all 400ms ease;
}

h1,
h2,
h3,
h4 {
    line-height: normal;
    display: inline-block;
    font-style: normal;
}

h1 span {
    /* color: #DF2935; */
}

p,
ul li {
    line-height: normal;

}

p {}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #2A2A2A;
    text-decoration: none;
}

.section {
    position: relative;
    font-family: "Monda";
    font-weight: normal;
    color: #050505;
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: #fff;
}

.bodoverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 33%);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.bodoverlay.actve {
    visibility: visible;
    opacity: 1;
    z-index: 6;
}

.modalc {
    /*  margin: 70px auto;*/
    padding: 6rem 0;
    background: #F6F6F6;
    border-radius: 20px;
    width: 40%;
    position: absolute;
    transition: all .2s linear;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modalc .close {
    position: absolute;
    top: -9px;
    right: 10px;
    transition: all 200ms;
    font-size: 41px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background-color: unset;
    border: none;
}
.modalc .close:hover {
    color: #CFA33F;
}

.modalc .content {
    max-height: 30%;
    overflow: auto;
}

.modalc .contmsgmo .csmsgm {
    text-align: center;
    padding: 0 1rem;
}

.modalc .contmsgmo .csmsgm iframe {
    width: 100%;
    height: 100%;
}

.modalc .contmsgmo .csmsgm h2 {
    font-size: 23px;
    color: #022031;
    margin-bottom: 1rem;
}

.modalc .contmsgmo .csmsgm h2 span {
    color: #0165A0;
}

.modalc .contmsgmo .csmsgm p {
    color: #022031;
    margin-bottom: 0;
    font-size: 20px;
}


.loadern {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 3;
}


body {}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

.width-full {
    max-width: 100%;
}
.width-1 {
    max-width: var(--max-width);
}
.width-2 {
    max-width: var(--max-width-2);
}
.width-3 {
    max-width: var(--max-width-3);
}
.width-4 {
    max-width: var(--max-width-4);
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
@media (min-width: 601px) {
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .buttnwrap {
        display: none;
    }
}

/* custom scrollbar */
.scrolcusto::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 15px #DBDBDB;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrolcusto::-webkit-scrollbar {
    height: 8px;
}

.scrolcusto::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4A4A4A;
}

.headn {
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    margin-top: 0;
    background-color: #18181B;
    /* box-shadow: 0px 5px 30px -6px rgb(0 0 0 / 27%); */
    transition: all .2s linear;
}
.headn.scrolin {
    /* background-color: transparent;
    position: fixed;
    top: -6rem; */
    /* box-shadow: 0px 5px 30px -6px rgb(0 0 0 / 27%); */
}
.headn.scrolin.htop {
    top: 0;
}
.headn.scrolin.scrolledDown .navbar-expand-lg  {
    display: none;
}
.headn.scrolin.htop .navbar-expand-lg>div {
    /* box-shadow: 0px 5px 30px -6px rgb(0 0 0 / 27%); */
}
.headn .navbar-expand-lg {
    /* flex-direction: column; */
    margin: 0;
    padding: 1rem 0;
    /* background-color: #022031; */
}

.headn .navbar-expand-lg>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-start;
    flex-grow: unset;
    position: unset;
    /* top: -3.1rem; */
    z-index: 1;
    margin-left: 0;
    /* flex: 1; */
}

.navbar-expand-lg .navbar-nav {
    flex: 1;
    /* justify-content: flex-end; */
    align-items: center;
    gap: 3rem;
}

.navbar>.container-fluid>div {
    /* flex: 1;
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: relative; */
}

.navbar-expand-lg .navbar-nav li a {
    color: rgba(36, 36, 36, 0.75);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
.navbar-expand-lg .navbar-nav li:last-child {
    border-left: 2px solid #f5412c;
    padding-inline-start: 3rem;
}
.headn .navbar .container-fluid-m {
    max-width: var(--max-width-2);
}

.headn .navbar-nav .nav-item {
    margin-right: 1.3rem;
    overflow: hidden;
}

.headn .navbar-nav .nav-item:first-child {}

.headn .navbar-nav .nav-item:first-child .svg {
    margin-left: -16px;
    margin-top: 31px;
    transform: rotate(59deg);
    color: #0165A0;
    text-align: center;
    font-size: 28.8px;
    font-style: normal;
    font-weight: 900;
    line-height: 110.922%;
    text-transform: uppercase;
}

.headn .navbar-nav .nav-item:last-child {
    position: unset;
    margin-right: 0;
    /* right: -56.7rem; */
    /* display: none; */
}

.headn .navbar-nav .nav-item a {
    color: #F8F9FA;
    font-family: "TT Interphases Pro Trl Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 584;
    line-height: 20px; /* 100% */
    
    
}



.headn .navbar-nav .nav-item a span {
    margin-top: 3px;
}
.headn .navbar-nav .nav-item a .svgn {
    position: absolute;
    bottom: -4px;
    right: -4px;
}
.headn .navbar-nav .nav-item a svg {
    /* margin-right: 10px; */

}
.headn.scrolin .navbar-nav .nav-item a {
    /* color: #000; */
}
.headn .navbar-nav .nav-item.abtn {
    margin-right: 0;
    
}

.headn .navbar-nav .nav-item.abtn a {
    color: #fff;
    padding: 10px 20px 8px;
}

.headn .navbar-nav .nav-item.abtn a:hover {
    color: #E2EEF3;
}


.menuehoverffect1{ overflow: hidden;}
.menuehoverffect1 a{
    position:relative;
    -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menuehoverffect1 a:after{
    content:attr( data-menu-name );
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
	-webkit-transform:translateY( -100% );
	-ms-transform:translateY( -100% );
	-o-transform:translateY( -100% );
	transform:translateY( -100% );
}
.menuehoverffect1 a:hover{
	-webkit-transform:translateY( 120% );
	-ms-transform:translateY( 120% );
	-o-transform:translateY( 120% );
	transform:translateY( 120% );
}


.headn .abtn {
    /* position: absolute;
    right: 0;
    align-items: stretch; */
    margin-left: 0;
    justify-content: flex-end;
    /* flex: 1; */
}
.headn .abtn.mob {
    display: none;
}

.headn .abtn a {
    /* background-color: #432222; */
    /* padding: 14px 1.8rem; */
 
}
.headn.scrolin .abtn a:nth-child(1), .headn.hedtoggle .abtn a:nth-child(1) {
    /* color: #000; */
}

.headn .abtn a:first-child {
    /* margin-right: .5rem; */
    
}

.headn .abtn a:first-child .img {
    display: flex;
    margin-right: 0;
    align-items: center;
}

.headn .abtn a:first-child .img>div {
    display: flex;
    flex-direction: column;
}

.headn .abtn a:first-child .img>div svg {
    margin-right: 0;
    margin-bottom: 5px;
}

.headn .abtn a.nobgn {}

.headn .abtn a svg {
    /* margin-right: 2px; */
    
}

.headn .abtn a svg path {
    transition: all 400ms ease;
}

.headn .abtn a:hover svg path {}

.headn .abtn a span {
    /* margin-left: 6px; */
    display: inline-block;
}
.headn .abtn a span.todn {
    display: none;
}
.headn .abtn a .phone-name {
    margin-right: .5rem;
}

.headn .abtn a .dekmn {}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    /* justify-content: center; */
}

.headn .abtn a:last-child {
    /* background-color: #014388; */
}


.headn .hedtop-wrap {
    background-color: #D6F0FD;
    text-align: center;
    padding: .8rem 0;
}


.headnbg picture img {
    display: none;
}
.headn .socmed-wrap {
    flex: 1;
}

.noboxshadow {
    box-shadow: unset !important;
}
.abtn {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.abtn a {
    transition: all 400ms ease;
    padding: 1rem 2rem;
}
.abtn > div  {
    transition: all 400ms ease;
    padding: 1.2rem 1rem;
}
.abtn a svg {

}
.abtn a:hover,
.abtn a.nobgn:hover {
    /* background-color: #e089ff99;
    color: #FDFEFD;
    outline: 3px solid #e089ff99; */
}

.abtn a.nobgn {
    background-color: transparent;
    box-shadow: unset;
}

.abtn a.nobgn:hover {}

.abtn a.nobgn .img {
    
}

.abtn a:last-child {
    
}
.abtn a:last-child svg {
    
}
.abtn a:last-child span {
    
}
.abtn a:hover:last-child {
    
}
.abtn a:hover:last-child span {
    
}
.abtn a:last-child svg {
    
}
.abtn a:hover:last-child svg {
    
}

.abtn a.bblack {
    
}
.abtn a.bred {
    
}
.abtn a.bcream {
    
}
.abtn a.pd {
    padding: 12px 55px;
}

.abtn a span {
    line-height: normal;
    /* display: block; */
}

.abtn a .img {
    margin-right: 10px;
}

.bg-blue {
    background-color: #007CF0 !important;
}
.bg-blue2 {
    background-color: #007CF0;
}
.bg-bluelight {
    background-color: #80D2FA;
}
.bg-black {
    background-color: #2A2829;
}
.bg-red {
    background-color: #FF3131;
}
.bg-bluedark {
    background-color: #2C2F45;
}
.bg-yellow {
    background-color: #FFC700;
}
.bg-white {
    background-color: #FFF;
}
.bg-white2 {
    background-color: #FFFDF5;
}
.bg-purple {
    background-color: #340F43;
}
.bg-green {
    background-color: #41F176;
}
.bg-orange {
    background-color: #F76A12;
}
.bg-transp {
    background-color: transparent;
}
.bg-darkblue {
    background-color: #081426;
}
.bg-cream {
    background-color: #F0EBE5;
}
.bg-grablue {
    background-color: #006e9b;
    background: var(--Linear-1, linear-gradient(180deg, #51B7EF 0%, #006E9B 100%));
}
.bg-ffffff0f {
    background-color: rgba(255, 255, 255, 0.05);
}
.bg-filter-blur-52px {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(52px);
}
.outline-fff {
    outline: 1px solid #fff;
}

.radius-6 {
    border-radius: 6.234px;
}


.abtn a span {
    line-height: normal;
    /* display: block; */
}
.abtn a span.ind {
    padding: 1rem 3rem;
    text-transform: uppercase;
}
.abtn a svg.ind {
    width: 50px;
}

.abtn a .img {
    margin-right: 10px;
}

.logo-wrap {
    position: unset;
    /* left: 0;
    right: 0;
    text-align: center;
    z-index: -1; */
    margin-right: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.logo-wrap a {
    display: inline-flex;
    padding: 0;
    align-items: center;
    gap: 15px;
    margin-right: 0;
}
.logo-wrap .abtn {}

.logo-wrap a img {

}
.logo-wrap a img.togldesk {

}
.logo-wrap a img.toglmob {
    display: none;
}
.logo-wrap a svg:first-child {
    margin-right: -15px;
}

.z-index-1 {
    z-index: 1;
}
.px-2rem {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.px-4rem {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.br-9px {
    border-radius: 9px;
}
.br-20 {
    border-radius: 20px;
}
.br-30 {
    border-radius: 30px;
}
.br-60px {
    border-radius: 60px;
}
.ls-63n {
    letter-spacing: -0.63px;
}
.ls-128n {
    letter-spacing: -1.28px;
}
.ls-4n {
    letter-spacing: -0.4px;
}
.ls-2p4n {
    letter-spacing: -2.4px;
}
.lh-96pct {
    line-height: 96%;
}
.lh-100pct {
    line-height: 100%;
}
.lh-110pct {
    line-height: 110%;
}
.lh-120pct {
    line-height: 120%;
}
.lh-140pct {
    line-height: 140%;
}
.lh-180pct {
    line-height: 180%;
}
.lh-normal {
    line-height: normal;
}
.lh-1 {
    line-height: 1;
}
.fst-italic {
    font-style: italic;
}
.ff-tt-interphases {
    font-family: 'TT Interphases Pro Trl Variable';
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 16.8px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 18.75px;
}
.fs-20 {
    font-size: 20px;
}
.fs-21 {
    font-size: 21px;
}
.fs-24 {
    font-size: 24px;
}


.fs-22 {
    font-size: 22px;
}
.fs-25 {
    font-size: 25px;
}
.fs-26 {
    font-size: 26px;
}
.fs-27 {
    font-size: 27px;
}
.fs-28 {
    font-size: 28px;
}
.fs-1305vw {
    font-size: 1.305vw;
}
.fs-30 {
    font-size: 30px;
}
.fs-32 {
    font-size: 32px;
}
.fs-33 {
    font-size: 33px;
}
.fs-35 {
    font-size: 35px;
}
.fs-36 {
    font-size: 36px;
}
.fs-37 {
    font-size: 37;
}
.fs-1825vw {
    font-size: 1.825vw;
}
.fs-40 {
    font-size: 40px;
}
.fs-42 {
    font-size: 42px;
}
.fs-48 {
    font-size: 48px;
}
.fs-50 {
    font-size: 50px;
}
.fs-53 {
    font-size: 53px;
}
.fs-56 {
    font-size: 56px;
}
.fs-60 {
    font-size: 60px;
}
.fs-64 {
    font-size: 64px;
}
.fs-3135vw {
    font-size: 3.135vw;
}
.fs-70 {
    font-size: 70px;
}
.fs-75 {
    font-size: 75px;
}
.fs-76 {
    font-size: 76px;
}
.fs-79 {
    font-size: 79px;
}
.fs-80 {
    font-size: 80px;
}
.fs-90 {
    font-size: 90px;
}
.fs-94 {
    font-size: .94vw !important;
}
.fs-120 {
    font-size: 120px;
}
.fs-171 {
    font-size: 171px;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-bold {
    font-weight: bold;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}
.color-yellow {
    color: #F2B90C;
}
.color-white {
    color: #fff;
}
.color-black {
    color: #000;
}
.color-green {
    color: #41F176;
}
.color-blue {
    color: #130170;
}
.color-blue2 {
    color: #011134;
}
.color-grey {
    color: #A4A4A4;
}
.color-gray {
    color: #2A2829;
}
.color-light-grey {
    color: #4D555B;
}
.color-orange {
    color: #F76A12;
}
.color-dark-blue {
    color: #081426;
}
.color-7F7F7D {
    color: #7F7F7D;
}
.color-3B374D {
    color: #3B374D;
}
.color-83838B {
    color: #83838B;
}
.color-D21781 {
    color: #D21781;
}
.bborder-right-1px {
    border-right: 1px solid #E6EAF4;
}
.border-top-1px-white {
    border-top: 1px solid #fff;
}
.border-top-1px-050505 {
    border-top: 1px solid #050505;
}
.ls-12-px {
    letter-spacing: 12.48px;
}
.ls-1-pnt52-pxn {
    letter-spacing: -1.52px;
}
.ls-0-pnt4-pxn {
    letter-spacing: -0.4px;
}

.main {
    /* overflow: hidden; */
}

.banimg picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    transition: all 1s linear;
    opacity: 1;
}
.banimg picture:nth-child(2) {
    opacity: 0;
}
.banimg picture.opac {
    opacity: 1;
}

.banimg picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banimg.banimgdel {
    
}
.banimg.banimgdel.shown {

}
.banimg.banimgdel picture {
    opacity: 0;
    top: 160rem;
    transition: top 4s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.banimg.banimgdel.shown picture {
    top: 0;
    opacity: 1;

}

.pulse {
    animation: pulse 2s infinite;
    width: 13px;
    height: 13px;
    background: linear-gradient(180deg, rgba(81, 183, 239, 1) 0%, rgba(0, 110, 155, 1) 95%);
    position: relative;
    top: -2px;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #51B7EF;
    }
    70% {
        box-shadow: 0 0 0 10px transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
.clockopn {
    position: unset;
    left: 0;
    right: 0;
}
.clockopn p {
   margin-bottom: 0;
}
.clockopn p span {
    
}



.sec1-wrap {
    padding: 0;
    overflow: hidden;
    background-color: #18181B;
    z-index: 2;
    margin-top: 5rem;
}
.sec1-wrap.active {
    background-color: #121212;
    transition: all .5s ease;
}
.sec1-wrap .sec1 {
    /* position: relative; */
    
}
.sec1-wrap .sec1 > .container-fluid {
    /* padding: 0 0.15rem; */
}
.sec1-wrap .sec1 .bannner-wrap {
    padding: 0;
}

.sec1-wrap .sec1 .bannner-wrap .banntext-wrap > .row {
    align-items: center;
}
.sec1-wrap .sec1 .bannner-wrap .banntxt {
    /* display: flex;
    flex-wrap: wrap;
    gap: 1rem; */
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;

}
.sec1-wrap .sec1 .bannner-wrap .banntxt .btxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: left;
    position: relative;
    text-align: left;
    width: 64%;
}
.sec1-wrap .sec1 .bannner-wrap .banntxt .btxt h1 {
    letter-spacing: -1.559px;
}
.sec1-wrap .sec1 .bannner-wrap .banntxt .btxt h1 span {
    display: block;
}
.sec1-wrap .sec1 .bannimg {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
}
.sec1-wrap .sec1 .bannimg .abtn {
    position: absolute;
    bottom: 22.5%;
    left: 5.6%;
}
.sec1-wrap .sec1 .bannimg .abtn a img {
    object-fit: cover;
    width: 10.3vw;
}
.sec1-wrap .sec1 .bannimg .abtn a span {
    color: #EBEBEB;
    font-size: .88vw;
}

.sec2-wrap {
    padding: 3rem 0 0;
    background-color: #EFEFEF;
    z-index: 1;
}
.sec2-wrap .sec2 {
    position: relative;
    padding: 6rem 0;
}
.sec2-wrap .sec2 .cform-wrap {
    border-radius: 21px;
    background-color: #FBFBF9;
    padding: 2rem;
    position: relative;
    z-index: 2;
}
.sec2-wrap .sec2 .events-details-wrap {
    padding-left: 25%;
    position: relative;
    z-index: 1;
    padding-top: 2.5rem;
}
.sec2-wrap .sec2 .events-details-wrap .ctext {
    margin-top: 2rem;
}
.sec2-wrap .sec2 .events-details-wrap .cdate {
   margin-top: 3rem;
   margin-bottom: 1rem;
}
.sec2-wrap .sec2 .events-details-wrap .cdate  .details {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.sec2-wrap .sec2 .img-wrap > picture {
    position: absolute;
    z-index: 1;

}
.sec2-wrap .sec2 .img-wrap > picture:nth-child(1) {
    /* left: 0; */
    transform: translate(-135px, 0);
}
.sec2-wrap .sec2 .img-wrap > picture:nth-child(1) img {
    object-fit: cover;

}
.sec2-wrap .sec2 .img-wrap > picture:nth-child(2) {
    left: 13rem;
    bottom: 7rem;
}
.sec2-wrap .imgstar {
    top: 0;
    right: 0;
}
.sec2-wrap .imgstar img {
    filter: blur(9.399999618530273px);
}
.sec2-wrap .sec2 .cform-wrap .text .img-starn {
    display: none;
}
.sec2-wrap.ntop {
    top: 100vw;
    left: 0;
    right: 0;
    z-index: 5;
    position: fixed;
    height: 100%;
    /* background-color: #000000f7; */
}
.sec2-wrap.position-fixed {
    top: 0;
    z-index: 40;
    margin-top: 0;
    padding: 0;
    overflow: auto;
}
.sec2-wrap .sec2 .cformclose {
    display: none;
    position: absolute;
    right: 1rem;
    top: 2rem;
    z-index: 4;
}
.sec2-wrap.position-fixed .sec2 .cformclose {
    display: block;
}
.sec2-wrap.position-fixed .sec2 .cformclose span {
    color: #fff;
    font-size: 2rem;
    padding: 1.2rem 1.5rem;
    background-color: #000;
    border-radius: 100%;
    cursor: pointer;
}


.cformwrap {
    width: auto;
    /* text-align: center; */
    flex: 1;
    padding-right: 0;

}

.ntop .cformwrap {
    margin-top: 2.2rem;
}

.cformwrap h3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.cformwrap h2 span {}

.cformwrap p {}

.cformwrap form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
    align-items: flex-end;
}

.cformwrap form:before {}

.cformwrap form .formctrl {
    display: flex;
    flex-direction: column;
    flex: 1 0 100%;
    position: relative;
    height: 100%;
    justify-content: center;
    /* flex: 1 0 44.33%; */
    
}

.cformwrap form .formctrl:nth-child(1), .cformwrap form .formctrl:nth-child(2) {
    flex: 1 0 100%;
    /* flex: 1 0 44.33%; */
}
.cformwrap form .formctrl:nth-child(3) {
    /* flex: 1 0 60.33%; */
}
.cformwrap form .formctrl:nth-child(4) {
    /* flex: 1 0 20.33%; */
}

.cformwrap form .formctrl label {
    
}

.cformwrap form .formctrl>div {
    display: flex;
}

.cformwrap form .formctrl input, .cformwrap form .formctrl select, .cformwrap form .formctrl textarea {
    color: #050505;
    font-family: 'TT Interphases Pro Trl Variable'; 
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 10px;
    background-color: rgba(251, 135, 201, 0.09);
    border: none;
    padding: 1.2rem;
    flex: 1;
    width: 100%;
}
.cformwrap form .formctrl textarea {
    padding: 1rem;
}
.cformwrap form .formctrl.erron input, .cformwrap form .formctrl.erron select, .cformwrap form .formctrl.erron textarea {
    /*border: 1px solid #db0000;*/
}
.cformwrap form .formctrl input::placeholder, .cformwrap form .formctrl textarea::placeholder {
    color: rgba(24, 24, 27, 0.25);
}

.cformwrap form .formctrl input:focus-visible, .cformwrap form .formctrl textarea:focus-visible, .cformwrap form .formctrl select:focus-visible {
    outline: none;
}

.cformwrap form .formctrl select::placeholder {
    opacity: 1;
}

.cformwrap form .formctrl select {
    color: #343A40;
    flex: unset;
}

.cformwrap form .formctrl select::-ms-expand {
    display: none;
}

.cformwrap form .formctrl select option {
    /* text-transform: uppercase; */
}

.cformwrap form .formctrl textarea {
    flex: unset;
}

.cformwrap form .formctrl h3 {}

.cform form .formctrl .radwrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem 3rem;
    margin-top: 1rem;
}

.cform form .formctrl .radwrap>div {
    /* flex: 1 0 24%; */
}

.cform form .formctrl .radwrap label {

    margin-bottom: 0;
    cursor: pointer;
}

.cform form .formctrl .radwrap>div label input {
    position: absolute;
    left: -9999px;
}

.cform form .formctrl .radwrap>div label input:checked+span:before {
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 22 22' fill='none'%3E%3Crect width='16' height='16' rx='4' fill='%23fffff' /%3E%3Cpath d='M8.0711 14.3332C7.8711 14.3332 7.68775 14.2665 7.53775 14.1165L4.2211 10.7999C3.9211 10.4999 3.9211 10.0332 4.2211 9.73321C4.5211 9.43321 4.98775 9.43321 5.28775 9.73321L8.08776 12.5165L14.7378 5.8832C15.0378 5.5832 15.5044 5.5832 15.8044 5.8832C16.1044 6.1832 16.1044 6.64987 15.8044 6.94987L8.62109 14.1165C8.45442 14.2665 8.2711 14.3332 8.0711 14.3332Z' fill='white' /%3E%3C/svg%3E");
    box-shadow: inset 0 0 0 1em #151515;
    flex-direction: column;
    flex-wrap: wrap; */
}

.cform form .formctrl .radwrap>div label span {
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: 0.25s ease;
    color: #151515;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 20px */
    letter-spacing: -0.2px;
}

.cform form .formctrl .radwrap>div label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: transparent;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 4px;
    margin-right: .5rem;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 1px #151515;
    color: #151515;
    /* justify-content: center; */
}

.cformwrap form .formctrl .scrolcusto {
    display: flex;
    /* flex-direction: column; */
    gap: 1rem;
    margin: 1rem 0 0;
}
.cformwrap form .formctrl .icon {
    position: absolute;
    left: 1.2rem;
}

.cformwrap form .formctrl .labelreno {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
    letter-spacing: -0.4px;
}

.cformwrap form .formctrl .scrolcusto.radiowrap {
    display: flex;
    gap: 1rem;
}

.cformwrap form .formctrl .scrolcusto.radiowrap>div {
    position: relative;
}

.cformwrap form .formctrl .scrolcusto.radiowrap label {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #FFF;
    background: #F76A12;
    width: 136px;
    height: 124px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.25s ease;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 20px */
    letter-spacing: -0.4px;
    gap: 1.2rem;
}

.cformwrap form .formctrl .scrolcusto.radiowrap input {
    position: absolute;
    opacity: 0;
    left: -9999rem;
    transition: 0.25s ease;
}

.cformwrap form .formctrl .scrolcusto.radiowrap input:checked+label {
    border: 1px solid #FFF;
    background-color: #F8F3F2;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}

.cformwrap form .formctrl .scrolcusto.radiowrap input label svg path {
    transition: 0.25s ease;
}

.cformwrap form .formctrl .scrolcusto.radiowrap input:checked+label svg path {
    fill: #F76A12;
}

.cformwrap form .formctrl .scrolcusto.radiowrap input:checked+label span {
    color: #26201F;
    font-weight: 600;
}

.cformwrap form .formctrl .img {
    position: absolute;
    left: 1rem;
    top: .75rem;
}

.cformwrap form .formctrl .imgarrodw,
.cformwrap form .formctrl .imgcheck {
    position: absolute;
    flex-direction: column;
    top: 0;
    bottom: 0;
    right: 1rem;
    justify-content: center;
}

.cformwrap form .formctrl .imgarrodw svg path {
    /* fill: #E12A2A; */
}

.cformwrap form .formctrl .imgcheck {
    top: 11px;
    display: none;
}

.cformwrap form .formctrl.notempty .imgcheck {
    display: block;
}

.cformwrap form .frmsbtnwrap {
    /* text-align: right; */
    position: relative;
    /* margin-top: 1rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
}

.cformwrap form .formctrl input.berror,
.cformwrap form .formctrl select.berror {
    /* border-bottom: 1px solid #db0000; */
}

.cformwrap form .formctrl .frmerror {
    position: absolute;
    font-size: 11px;
    color: #db0000;
    right: 1rem;
    bottom: 17px;
    /*display: none;*/
}

.cformwrap form .frmsbtnwrap label {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 500px;
    border: none;
    background-color: #FFF;
    padding: 9px 2rem;
    background: linear-gradient(90deg, #D21781 0%, #FB87C9 48.56%, #D21781 92.31%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    flex: 1;
}

.cformwrap form .frmsbtnwrap input {
    border: unset;
    border-radius: unset;
    background-color: transparent;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* text-transform: capitalize; */
    width: 100%;
    padding: .8rem;
}

.cformwrap form .frmsbtnwrap .infn {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cformwrap form .frmsbtnwrap .infn span {
    color: #2B2507;
}

.cformwrap form .frmsbtnwrap label svg {
    
}


@media only screen and (max-width:1855px) {}

@media only screen and (max-width:1800px) {}

@media only screen and (max-width:1700px) {
   
}

@media only screen and (max-width:1600px) {
    .headn .abtn {
        /* gap: 0; */
    }
    .logo-wrap {
        margin-right: 0;
    }
    .sec2-wrap .sec2 .img-wrap > picture:nth-child(1) {
        transform: unset;
        left: -18rem;
        right: 25rem;
    }
    .sec2-wrap .sec2 .bannimg img{
        opacity: .7;
    }
    .sec2-wrap.ntop {
        top: 308vw;
    }
    .sec2-wrap.position-fixed {
        top: 0;
    }
  
  
   
}

@media only screen and (max-width:1500px) {
    .abtn a {
        /* padding: 12px 20px; */
    }


    .fs-3135vw {
        font-size: 4.135vw;
    }
    .fs-1825vw {
        font-size: 2.8vw;
    }
   
  

}

@media only screen and (max-width:1440px) {
    .headn .navbar-nav .nav-item {
        margin-right: 0.3rem;
    }
    .headn .abtn {
        margin-left: 0;
    }
}

@media only screen and (max-width:1400px) {
    .sec2-wrap .sec2 .events-details-wrap {
        padding-left: 3rem;
    }
    .sec2-wrap .sec2 .img-wrap > picture:nth-child(1) {
        transform: unset;
        left: -22vw;
        right: 29vw;
    }
}

@media only screen and (max-width:1382px) {}

@media only screen and (max-width:1366px) {
    .headn .abtn a {
        /* font-size: 18px; */
    }
    
   
  
}

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

   

  
  

}

@media only screen and (max-width:1200px) {
    .logo-wrap {
        /* flex: 1; */
    }
    .logo-wrap .slogn {
        /* width: 39%; */
        display: inline-block;
        line-height: 1;
    }
    .fs-27 {
        font-size: 22px;
    }
  
  

}

@media only screen and (max-width:1152px) {
    .navbar-expand-lg .navbar-nav {
        gap: 1.5rem;
    }
    .navbar-expand-lg .navbar-nav li:last-child {
        padding-inline-start: 1.5rem;
    }
    .fs-3135vw {
        font-size: 5.135vw;
    }
    .fs-1825vw {
        font-size: 3.2vw;
    }
    .fs-1305vw {
        font-size: 1.605vw;
    }
    
   

    
}

@media only screen and (max-width:1100px) {
   
}

@media only screen and (max-width:1060px) {
   
}
@media only screen and (max-width:1024px) and (max-height:600px) {
    
    .headn.hedtoggle {
        /* height: 42%; */
    }
    

    
}

@media only screen and (max-width:1033px) {
    
}

@media only screen and (max-width:1007px) {}

@media only screen and (max-width:991px) {
    .headn .abtn a {
        /* font-size: 14px; */
    }

    .headn .navbar-nav .nav-item a {
        font-size: 16px;
    }
    .menub {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .menub div {
        width: 32px;
        height: 3px;
        background-color: #fff;
        margin: 3px 0;
        border-radius: 10px;
        transition: all 200ms ease;

    }
    .menub div:nth-child(2) {
        /* width: 20px; */
    }
    .menub div:nth-child(3) {
        /* width: 25px; */
    }

    .toggle .menub {
        transform: rotate(4deg);
        position: relative;
        top: 8px;
        z-index: 4;

    }

    .toggle .menub div {
        /* background-color: #000; */
    }

    .toggle .menub div:first-child {
        transform: rotate3d(1, 1, 1, 53deg);
        -webkit-transform: rotate3d(1, 1, 1, 53deg);
        -moz-transform: rotate3d(1, 1, 1, 53deg);
        -ms-transform: rotate3d(1, 1, 1, 53deg);
        -o-transform: rotate3d(1, 1, 1, 53deg);
    }

    .toggle .menub div:last-child {
        opacity: 0;
    }

    .toggle .menub div:nth-child(2) {
        margin-left: 0px;
        width: 32px;
        transform: rotate3d(4, 1, 5, 291deg) translate(9px, -9px);
        -webkit-transform: rotate3d(4, 1, 5, 291deg) translate(9px, -9px);
        -moz-transform: rotate3d(4, 1, 5, 291deg) translate(9px, -9px);
        -ms-transform: rotate3d(4, 1, 5, 291deg) translate(9px, -9px);
        -o-transform: rotate3d(4, 1, 5, 291deg) translate(9px, -9px);
    }

    .navbar-expand-lg .navbar-nav {
        margin-left: 0;
        display: none;
    }
    
    .navbar-expand-lg .navbar-toggler {
        display: block !important;
        border: none;
    }

    .navbar-expand-lg .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .navbar-expand-lg .navbar-collapse {
        display: none;
        transition: all 40ms ease;
        height: auto;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        position: unset;
        left: 0;
        right: 0;
        /* background-color: #fff; */
        /* top: 6rem; */
        top: 100%;
        margin-left: 0;
        order: 3;
    }

    .navbar-expand-lg .navbar-collapse.show {
        display: block !important;
        opacity: 1;
        visibility: visible;
        z-index: 2;
        
    }

    .headn .navbar-expand-lg {
        /* margin-top: 1.5rem; */
    }
    .headn .navbar-expand-lg > div {
        gap: 1rem;
    }
    .headn .navbar-expand-lg .container-fluid, .headn .navbar-expand-lg .container-fluid .hednavbtn {
        /* display: block;
        position: relative;
        margin-top: 0; */
    }

    .navbar-expand-lg .navbar-nav {
        justify-content: center;
        position: relative;
        /* top: 4.65rem; */
        left: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        /* background-color: #e8f5f7; */
        /* border-radius: 15px; */
        padding: 1.5rem 0;
    }

    .navbar-expand-lg .navbar-nav li {
        padding: 0 .6rem;
    }

    .headn .navbar-nav .nav-item a {
        /* color: #404040; */
    }

    .headn .navbar-nav .nav-item a svg path {
        /* fill: #FF7A19; */
    }
    .headn .navbar-expand-lg .navbar-collapse.show .nav-item a {
        /* color: #fff; */
    }
    .headn.scrolin .menub div, .headn.scrolin .toggle .menub div {
        /* background-color: #fff; */
    }

    .logo-wrap {
        /* display: flex;
        align-items: center;
        justify-content: center; */
        /* position: relative; */
        /* z-index: 1;
        left: 3rem;
        flex: 1; */
    }

    .logo-wrap a img {}
    
    .headn.hedtoggle {
        /* background-color: #fff; */
        /* height: 26%; */
    }

    .headn .abtn {
        /* position: absolute;
        z-index: 2;
        top: 13px;
        right: 1rem;
        align-items: unset;
        margin-right: 0; */
    }

    .headn .abtn a {
        /* padding: 3.2rem 3rem; */
    }

    .headn .navbar-nav .nav-item.abtn a {
        padding: 1rem 1.5rem;
        margin-right: 0;
    }

    .headn .abtn {}

    .headn .abtn a {}

    .headn .abtn a:first-child {
        /* font-size: 16px; */
    }

    .headn .abtn a:first-child .img>svg {
        /* width: 50px; */
    }

    .headn .abtn a:nth-child(2) {}

    .abtn a .img {}

    .abtn a:first-child {}

    .abtn a:first-child .img {
        display: flex;
    }

    .abtn a:nth-child(2) .img svg {
        width: 3.5rem;
    }

    .abtn a span {}

    .abtn a.nobgn:after {
        content: unset;
    }
   
    .headn .navbar-nav .nav-item {
        margin-right: 0;
    }


    .headn .abtn {
        position: unset;
        flex: 1;
    }

    .headn .abtn a {
        /* padding: 14px 0.8rem;
        font-size: 14px; */
    }

    .headn .abtn a:first-child {
        /* font-size: 15px; */
    }

    .headn .abtn a:first-child .img>svg {
        width: 40px;
    }

    .headn .abtn a:first-child .img>div svg {
        width: 89px;
    }

    .headn .abtn a {
        /* padding: 2px 1rem; */
    }
    .headn .navbar-expand-lg {
        padding: 1rem 0 2rem;
    }

    .logo-wrap {
        flex: unset;
    }
    .headn .dblock .googlefivestar {
        display: none;
    }
    .headn .hedtop {
        display: flex;
    }

    .logo-wrap a img {
        /* width: 38vw; */
    }

    .sec1-wrap {
        padding-bottom: 2rem;
    }
    .sec2-wrap .imgstar {
        top: -4rem;
        right: unset;
    }
    .sec2-wrap .imgstar img {
        filter: unset;
    }
    .sec1-wrap .sec1 .bannimg .abtn {
        position: absolute;
        bottom: 7rem;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sec1-wrap .sec1 .bannimg .abtn a {
        flex-direction: column;
        gap: 2rem !important;
    }
    .sec1-wrap .sec1 .bannimg .abtn a img {
        object-fit: cover;
        width: auto;
    }
    .sec1-wrap .sec1 .bannimg .abtn a span {
        color: #EBEBEB;
        font-size: 14px;
    }
    .sec2-wrap .sec2 {
        padding: 2rem 0 0;
    }
    .sec2-wrap .sec2 > .container-fluid > .row > div:first-child {
        display: none;
    }
    .sec2-wrap .sec2 .bannimg, .sec2-wrap .sec2 .banimg {
        display: none;
    }
    .sec2-wrap .sec2 .events-details-wrap {
        padding-left: 1rem;
        display: none;
    }
    .sec2-wrap .sec2 .img-wrap {
        margin-bottom: 2rem;
    }
    .sec2-wrap .sec2 .img-wrap > picture:nth-child(1) {
        position: unset;
        display: none;

    }
    .sec2-wrap .sec2 .img-wrap > picture:nth-child(2) {
        left: unset;
        bottom: 0;
        right: 0;
        z-index: 3;
    }
    .sec2-wrap .sec2 .cform-wrap {
        border-radius: unset;
        background-color: transparent;
        padding: 2rem;
        position: relative;
        z-index: 2;
    }
    .sec2-wrap .sec2 .cform-wrap .cformwrap {
        border-radius: 21px;
        background-color: #FBFBF9;
        padding: 2rem 2rem 6rem;
        position: relative;
        z-index: 2;
    }
    .sec2-wrap .sec2 .cform-wrap .text {
        
        display: flex;
        align-items: center;
    }
    .sec2-wrap .sec2 .cform-wrap .text h3 {
        width: 68%;
    }
    .sec2-wrap .sec2 .cform-wrap .text .img-starn {
        position: absolute;
        right: 0;
        display: block;
    }
    .sec2-wrap .sec2 .cform-wrap .text .img-starn img {
        filter: blur(3.5px);
    }
    .cformwrap form .frmsbtnwrap {
        margin-top: 1rem;
    }
    
 

}
@media only screen and (max-width:900px) {
 
}
@media only screen and (max-width:860px) {
 
}
@media only screen and (max-width:812px) {
    .headn .abtn {
        position: relative;
        right: 0;
    }

    .headn .abtn a {
        /* font-size: 13px; */
    }
    .abtn a:last-child svg {
        /* right: 113px; */
    }

    .headn .abtn a:first-child {
        /* font-size: 16px;
        position: unset;
        right: 0;
        top: -4rem;
        margin-right: 0; */
    }

    .headn .abtn a:nth-child(2) {
        /* flex: 1;
        border-radius: unset;
        margin: 15px -6px 0;
        padding: 14px 1rem; */
    }
    .logo-wrap {
        /* gap: 1.2rem; */
    }
    .clockopn span {
        font-size: 12px;
    }


    

}

@media only screen and (max-width:768px) {
    .headn .abtn a:first-child {
        /* font-size: 16px; */
    }

    
    .headn .abtn a {
        
    }
    .headn .abtn a svg {
        
    }
    .headn .abtn a:first-child {
        
    }
   
   
    .fs-27 {
        font-size: 27px;
    }

  
}

@media only screen and (max-width:767px) {
    .logo-wrap a svg {
        width: 8rem;
    }

    .headn .abtn {}

    .headn .abtn a {
        /* font-size: 14px; */
    }

   



}

@media only screen and (max-width:740px) {}

@media only screen and (max-width:700px) {
    .headn {
        /* position: fixed;
        height: 0; */
    }
    .headn .abtn {
        /* display: none; */
    }
    .headn .abtn a {
        
    }
    .headn .abtn.mob a {
        
    }
    .headn .abtn a:nth-child(1) {
        /* display: none; */
    }
    .headn .abtn.desk {
        display: none;
    }
    .headn .abtn.mob {
        display: none;
        margin: 0;
        padding: 0 1.8rem;
        position: unset;
        bottom: 3rem;
        left: 0;
        right: 0;
    }
    .headn .abtn.mob a {
        font-size: 18px;
    }
    .headn.hedtoggle .abtn.mob {
        display: block;
    }
    .headn.hedtoggle {
        /* height: 70%; */
        /* background-color: #e8f5f7; */
    }
    .headn.scrolin {
        /* background-color: #1699F7;
        height: 15.5%; */
    }
    .headn.scrolin.hedtoggle {
        /* height: 70%; */
    }
    .logo-wrap {
        /* flex: unset; */
    }
    .headn.hedtoggle .logo-wrap a img, .headn.scrolin .logo-wrap a img {
        /* display: none; */
    }
    .headn.hedtoggle .logo-wrap a img.toglmob, .headn.scrolin .logo-wrap a img.toglmob {
        display: block;
    }
    .headn .abtn a:nth-child(2) {
        /* display: none; */
    }
    .navbar-expand-lg .navbar-collapse {
        background-color: transparent;
        /* height: 0; */
        /* opacity: 0; */
        /* background-color: #e8f5f7; */
        padding-bottom: 1rem;
    }
    .navbar-expand-lg .navbar-collapse.show {
        /* height: 11rem; */
        
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        padding: 1.5rem;
        align-items: flex-start;
        background-color: transparent;
        gap: .5rem;
    }
    .headn .navbar-nav .nav-item a {
        font-size: 18px;
    }
    

    .headn .navbar-nav .nav-item:last-child {
        border-left: unset;
        border-top: unset;
        padding-inline-start: .6rem;
        padding-top: 0;
    }
    .sec1-wrap .sec1 .bannimg .abtn {
        bottom: 3rem;
    }

    
 



}

@media only screen and (max-width:600px) {
    h1, h2, h3, h4 {
        line-height: 1.1;
    }
    .headn {
        position: sticky;
        z-index: 4;
    }
    .headn .navbar-expand-lg {
        padding: 1rem 1rem 2rem;
    }
    .headn.scrolin {
        /* background-color: #fff; */
    }
    .headn.hedtoggle {
        /* background-color: #fff !important; */
    }
    .headn.scroln .navbar-expand-lg {
        /* position: fixed; */
        top: 0;
        left: 0;
        right: 0;
        z-index: 4;

    }
    
    .headn .navbar-expand-lg>div {
        /* justify-content: center;
        flex-direction: column; */
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        /* position: absolute; */
        left: 0;
    }

    .logo-wrap {
        justify-content: center;
        left: 0;
        right: 0;
        text-align: center;
        /* z-index: -1; */
        flex: unset;
    }

    .headn .abtn {
        /* display: none; */
        margin-left: 0;
    }
    .headn .abtn a {
        /* display: none; */
        padding: 12px 1rem;
        font-size: 11px;
        background-color: #f9f9f97a;
    }
    .headn .abtn a:nth-child(2) {
        /* margin: 15px -13px 0; */
    }

    .headn .abtn a:first-child {
        /* font-size: 3.2vw; */
        /* flex-direction: column; */
    }
     .headn .abtn a span {
        border: unset;
     }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
    }
    .headn.hedtoggle {
        /* height: 49%; */
        /* background-color: rgb(255 255 255 / 95%); */
    }
    .headn .annoucement {
        padding: .8rem 1rem;
    }
    .headn .annoucement span {
        font-size: 12px;
        font-size: 2vw;
    }
    .headn .annoucement .rimgn.mob {
        width: 72%;
    }
    .headn .navbar-nav .nav-item a {
        font-size: 18px;
    }
   
    .ntop {
        top: 208vw;
    }
    .abtnwrapn {
        gap: .3rem;
    }
    .logo-wrap a img {
        /* width: 51vw; */
    }

    .sec2-wrap .sec2 .cform-wrap {
        padding: 2rem 1rem;
    }
    
   

}

@media only screen and (max-width:586px) {}

@media only screen and (max-width:575px) {}

@media only screen and (max-width:560px) {}

@media only screen and (max-width:554px) {}

@media only screen and (max-width:540px) {
    .logo-wrap a img {
        /* width: 7rem; */
    }
    .logo-wrap .slogn span {
        font-size: 14px;
    }

    .abtn {}

    .abtn a:first-child {
        /* margin-right: 0;
        margin-left: -1.4rem; */
    }

    .headn .abtn a:first-child {
        margin-left: 0;
        /* font-size: 3vw; */
    }

    .headn {
        /* padding: 2rem 0; */
        margin-top: 0;
    }

    .headn .abtn {
        /* margin-right: 2rem; */
    }

    .headn .abtn a {
        width: auto;
        padding: 9px 16px;
        font-size: 10px;
    }
    .headn .abtn a span.fs-18 {
        font-size: 2.8vw;
    }

    .headn .hedtop {
        padding: .5rem 0;
    }

    .hsocial {
        position: unset;
        left: 0;
        right: 0;
        top: 6.6rem;
        z-index: 4;
        text-align: center;
    }

    .hsocial div {
        justify-content: center;
        padding: 0 1rem;
        background-color: #fff;
        border-radius: 33.332px;
        filter: drop-shadow(0px 0px 13.1px rgba(0, 0, 0, 0.25));
    }

    .hsocial a svg {
        /* width: 2.5rem; */
    }

    .headn .abtn a:first-child {
        /* font-size: 10px; */
    }

    .headn .abtn a:first-child .img>svg {
        width: 30px;
        height: 29px;
    }

    .headn .abtn a:first-child .img>div svg {
        width: 60px;
        margin-bottom: 0;
    }
    .headn.hedtoggle {
        /* height: 65%; */
    }
    .headn.scrolin {
        /* height: 19.5%; */
    }

 
  


}

@media only screen and (max-width:525px) {
    .headn .abtn a:first-child span:first-child {
        /* display: none; */
    }
}

@media only screen and (max-width:490px) {}

@media only screen and (max-width:483px) {}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:460px) {}

@media only screen and (max-width:452px) {}

@media only screen and (max-width:440px) {
    .navbar-expand-lg .navbar-nav {
        padding: 1.5rem 1rem;
    }
    .headn .navbar-expand-lg {
        padding: 1rem 0 .5rem;
        /* margin: 0 .5rem; */
    }
    .headn .navbar-expand-lg>div {
        padding: 0 1rem 1rem;
    }

    .headn .navbar-nav .nav-item {}

    .abtn {
        gap: .5rem;
        /* justify-content: center; */
        align-items: stretch;
    }
    .abtn a {
        /* padding: 10px 0;
        width: 100%; */
        /* flex: 1; */
        font-size: 4vw;
        padding: 9px 1rem;
    }
    .abtn a svg {
        width: 8vw;
    }
  
    .headn .abtn {
        /* margin-right: .5rem; */
        align-items: unset;
        /* flex: 0 100%; */
        /* flex-direction: row-reverse; */
        position: unset;

    }
    .headn .abtn a {
        font-size: 2.8vw;
        padding: 8px .8rem;
        flex: unset;
        flex-direction: row;
        height: auto;
        width: auto;
    }
    .headn .abtn a span {
        border: unset;
        padding: 0;
    }
    .headn .abtn a:hover:last-child span {
        padding: 0;
    }

    .headn .abtn a img {
        width: 13%;
    }

   
    .headn .abtn a:first-child svg {
        display: block;
        margin-right: 0;
    }
    .headn .abtn a:first-child span {
        /* font-size: 4vw; */
        /* display: none; */
        margin-right: 0;
    }

    .headn .abtn a:nth-child(2) {
        /* margin: 6px -10px 0; */
    }

    .headn .abtn a:nth-child(2) svg {
        width: 21px;
        margin-right: 5px;
        display: none;
    }
    .headn .abtn a:first-child span {
        /* display: none; */
    }
    .headn .abtn a span.todn {
        display: block;
    }

    .logo-wrap {
        /* margin-left: 2rem; */
        gap: 1.2rem;
        /* justify-content: unset; */
    }

    .logo-wrap a {
        margin-right: 0;
    }
    .logo-wrap a span {
        font-size: 3vw !important;
    }
    .logo-wrap a img {
        /* width: 13rem; */
    }
    .logo-wrap .slogn {
        display: none;
    }
    .headn .navbar-nav .nav-item a {
        position: relative;
        font-size: 18px;
    }

    .headn .navbar-nav .nav-item a .svg {
        position: absolute;
    }

    .headn .navbar-nav .nav-item a span {
        /* margin-left: 2.5rem; */
    }

    .headn .hedtop .hsocial-wrap span {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 1rem;
        top: 0;
    }

    .navbar-expand-lg .navbar-collapse.show {
        /* height: 13rem; */
    }
    .headn.hedtoggle {
        /* height: 120vw; */
    }
    .headn.scrolin {
        height: auto;
    }
    .clockopn span {
        font-size: 3.8vw !important;
    }

    .headn .socmed-wrap {
        flex: unset;
    }

  
    .fs-16 {
        font-size: 4.2vw;
    }
    .fs-18 {
        font-size: 4.7vw !important;
    }
    .fs-19 {
        font-size: 18.75px;
        font-size: 4.26vw;
    }
    .fs-20 {
        font-size: 4.55vw !important;
    }
    .fs-22 {
        font-size: 4.8vw;
    }
    .fs-24 {
        font-size: 5.5vw;
    }
    .fs-25 {
        font-size: 5vw;
    }
    .fs-27 {
        font-size: 22px;
        font-size: 5.6vw;
    }
    .fs-30 {
        font-size: 7.6vw;
    }
    .fs-32 {
        font-size: 32px;
        font-size: 4.5vw;
    }
    .fs-35 {
        font-size: 8vw;
    }
    .fs-40 {
        font-size: 7vw;
    }
    .fs-42 {
        font-size: 9vw;
    }
    .fs-48 {
        font-size: 8vw;
    }
    .fs-60 {
        font-size: 10.5vw;
    }
    .fs-64 {
        font-size: 44px;
        font-size: 11vw;
    }
    .fs-80 {
        font-size: 11.5vw;
        font-size: 12.5vw;
    }
    .fs-28 {
        font-size: 28px;
        font-size: 5.8vw;
    }
    .fs-36 {
        font-size: 7.2vw;
    }
    .fs-56 {
        font-size: 56px;
        font-size: 12vw;
    }
    
    .fs-70 {
        font-size: 53px;
        font-size: 12vw;
        line-height: 1;
    }
    .fs-75 {
        font-size: 9.9vw;
    }
    .fs-76 {
        font-size: 12vw;
    }
    .fs-79 {
        font-size: 79px;
        font-size: 10.5vw !important;
    }
    .fs-90 {
        font-size: 13vw;
        line-height: 1;
        font-size: 9.6vw;
    }
    .fs-171 {
        font-size: 12.5vw;
    }

   
    .sec1-wrap .sec1 .bannimg .abtn a {
        flex-direction: column;
        gap: .5rem !important;
    }
    .sec1-wrap .sec1 .bannimg .abtn a img {
        object-fit: cover;
        width: 27.3vw;
    }
    .sec1-wrap .sec1 .bannimg .abtn a span {
        font-size: 3.2vw;
    }
    .sec1-wrap .sec1 .bannimg .abtn a span span {
        display: block;
        text-align: center;
    }
    .sec2-wrap .imgstar {
        top: -2rem;
        right: unset;
    }
    .sec2-wrap .imgstar img {
        filter: unset;
        object-fit: cover;
        width: 7rem;
    }
    .sec2-wrap.position-fixed .sec2 .cformclose span {
        font-size: 5vw;
        padding: .5rem .7rem;
    }
    
    

    
    

}

@media only screen and (max-width:430px) {
    .fs-12 {
        font-size: 2.63vw;
    }
  

}

@media only screen and (max-width:420px) {}

@media only screen and (max-width:414px) {
    
}

@media only screen and (max-width:414px) and (min-height:896px) {}

@media only screen and (max-width:412px) {
    .headn.hedtoggle {
        /* height: 66%; */
    }
}

@media only screen and (max-width:412px) and (min-height:915px) {
    .headn.hedtoggle {
        /* height: 67%; */
    }
}

@media only screen and (max-width:412px) and (min-height:786px) {}

@media only screen and (max-width:393px) {
    .logo-wrap a img {
        width: 26vw;
    }

    .headn .abtn {}

    .headn .abtn a {
        /* padding: 4px 8px; */
        font-size: 4.3vw;
    }
    .headn .abtn a span {
        border: unset;
        padding: 0;
        font-size: 3.3vw;
    }
    .headn .abtn a:first-child {
        /* top: -3rem; */
        /* position: absolute; */
    }
    .headn .abtn a, .headn .abtn a:first-child {
        padding: 7px 9px;
    }
    
    .fs-32 {
        font-size: 3.7vw;
    }
 
   
   
}

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

}

@media only screen and (max-width:384px) {
    .logo-wrap a img {
        
    }
}

@media only screen and (max-width:375px) {
    .logo-wrap {
        
    }
    .logo-wrap a img {
        /* width: 5rem; */
    }
    .headn .abtn a {
        /* font-size: 3.5vw; */
    }
    .headn .navbar-expand-lg > div {
        gap: 1rem;
    }
   
   
}

@media only screen and (max-width:375px) and (max-height:667px) {}

@media only screen and (max-width:360px) {
    .logo-wrap a img {
        /* width: 10rem; */
    }
    
}

@media only screen and (max-width:320px) {
    .logo-wrap {
        
    }
    .logo-wrap a img {
        
    }
    .headn .abtn a {
        /* padding: 7px 11px; */
    }
    .abtn a {
        /* flex: 1;
        padding: 12px 5px; */
        font-size: 3.5vw;
    }
    .headn.hedtoggle {
        /* height: 135vw; */
    }
    .headn .abtn a {
        font-size: 3vw;
    }
    .clockopn span {
        font-size: 3.5vw !important;
        text-align: left;
    }
    .headn .abtn a:first-child {
        /* padding-right: 0; */
    }
    .headn .abtn.mob a {
        font-size: 14px;
    }
    .headn .navbar-nav .nav-item a {
        font-size: 16px;
    }
    
}

@media only screen and (max-width:280px) {
    .logo-wrap a img {
        
    }
   
}