@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #FF6E6E;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #A8DADC;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-primary: #1D3557;
    --bs-secondary: #6c757d;
    --bs-success: rgb(25, 135, 84);
    --bs-info: #A8DADC;
    --bs-warning: #ffc107;
    --bs-danger: #ff6e6e;
    --bs-light: #f3f3f3;
    --bs-dark: #000000;
    --bs-primary-rgb: 29, 53, 87;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 168, 218, 220;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 255, 110, 110;
    --bs-light-rgb: 243,243,243;
    --bs-dark-rgb: 0,0,0;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #000000;
    --bs-body-color-rgb: 0,0,0;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #1D3557;
    --bs-link-color-rgb: 29, 53, 87;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #1D3557;
    --bs-link-hover-color-rgb: 29, 53, 87;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-font-sans-serif: 'Montserrat',Arial,sans-serif;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-border-radius:8px;
}
.btn {
    --bs-btn-font-family: ;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled,.btn.disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}
.btn-dark {
    --bs-btn-color:var(--bs-white);
    --bs-btn-bg: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-color:var(--bs-white);
    --bs-btn-active-bg: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-black);
    --bs-btn-disabled-border-color: var(--bs-black);
}

.btn-info{
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: rgba(var(--bs-info-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-info-rgb),0.9);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: rgba(var(--bs-info-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-info-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-black);
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info);
}
.btn-light {
    --bs-btn-color:var(--bs-black);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg: rgba(var(--bs-light-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-light-rgb),0.9);
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg: rgba(var(--bs-light-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-light-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-black);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light);
}
.btn-white {
    --bs-btn-color:var(--bs-black);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg: rgba(var(--bs-white-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-white-rgb),0.9);
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg: rgba(var(--bs-white-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-white-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-black);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-dark {
    --bs-btn-color:var(--bs-white);
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-hover-bg: rgba(var(--bs-dark-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-dark-rgb),0.9);
    --bs-btn-active-color:var(--bs-white);
    --bs-btn-active-bg: rgba(var(--bs-dark-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-dark-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-black {
   --bs-btn-color:var(--bs-black);
    --bs-btn-bg: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-hover-border-color: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-border-color: rgba(var(--bs-black-rgb),0.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-black);
    --bs-btn-disabled-bg: var(--bs-black);
    --bs-btn-disabled-border-color: var(--bs-black);
}

.btn-outline-primary {
    --bs-btn-color:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg:var(--bs-primary);
    --bs-btn-hover-border-color:var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 0, 132, 255;
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg:var(--bs-primary);
    --bs-btn-active-border-color:var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color:var(--bs-primary);
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-focus-shadow-rgb: 175, 225, 227;
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-info);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-info);
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-light);
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-light);
    --bs-gradient: none
}

.btn-outline-white {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color:var(--bs-black);
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color:var(--bs-black);
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: 5, 26, 67;
    --bs-btn-active-color:var(--bs-white);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-dark);
    --bs-gradient: none
}



.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}
html{scroll-behavior:unset !important}
.lenis.lenis-smooth {scroll-behavior:unset !important}

header .dropdown:hover .dropdown-menu{display:block}
header .dropdown-menu{--bs-dropdown-link-hover-bg: var(--bs-info);}
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0084FF;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}



body{font-size:16px; background-color: #ffffff;  color:#000000;}

h1,.h1 {font-size: 60px;font-weight: 700;font-family: "M PLUS Rounded 1c", sans-serif;}
h2,.h2 {font-size: 50px;font-weight: 700;font-family: "M PLUS Rounded 1c", sans-serif;margin-bottom:34px;color:var(--bs-primary)}
h3,.h3 {font-size: 44px;font-weight: 700;font-family: "M PLUS Rounded 1c", sans-serif;}
h4,.h4 {font-size: 28px;font-weight: 700;font-family: "M PLUS Rounded 1c", sans-serif;}
h5,.h5 {font-size: 20px;font-weight: 700;font-family: "M PLUS Rounded 1c", sans-serif;}
h6,.h6 {font-size: 12px;font-weight: 400;font-family: "M PLUS Rounded 1c", sans-serif;}


p{word-break: break-word;}

.display-2{font-weight: 600;}

.row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem;}

::-moz-selection{background: #1D3557;color: #ffffff;}
::selection{background: #1D3557;color: #ffffff;}

@-moz-document url-prefix(){
    select, select:-moz-focusring, select::-moz-focus-inner{color:transparent !important;text-shadow: 0 0 0 #000 !important;background-image: none !important;border:0;}
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset;
}
*:focus,*:focus-visible{outline: 0 none;}

.overflow-hidden{overflow: hidden;}

.swiper.bs-swiper-pagination-col3{overflow: visible;}

/*----background and color----*/
.bg-top-url{background-size: cover; background-repeat: no-repeat;background-position: center top;}
.bg-center-url{background-size: cover; background-repeat: no-repeat;background-position: center center;}
.bg-bottom-url{background-size: cover; background-repeat: no-repeat;background-position: center bottom;}

.bg-white-t-half{background-image: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);}
.bg-primary-t-half{background-image: linear-gradient(180deg, rgba(var(--bs-primary-rgb),1) 50%, rgba(var(--bs-primary-rgb),0) 50%);}

.bg-primary-b-half{background-image: linear-gradient(0deg, rgba(var(--bs-primary-rgb),1) 50%, rgba(var(--bs-primary-rgb),0) 50%);}

.bg-primary-gradient{
    background: linear-gradient(226.14deg, #A8DADC -1.01%, #FFFFFF 26.01%, #A8DADC 53.02%, #FFFFFF 80.04%, #A8DADC 107.06%);
}

.text-grey{color: #F3F3F3 !important;}
.text-white-1{color: rgba(255, 255, 255, 0.5);}

.w-xl{max-width:1010px}
.w-lg{max-width:870px}
.w-md{max-width:800px}
.w-sm{max-width:600px}
.w-xs{max-width:200px}

.img-small{width:40px}
.img-1x{width:80px}
.img-2x{width:120px}
.img-3x{width:180px}
.img-4x{width:220px}

.ratio img{object-fit:cover;}
.ratio{overflow: hidden;}
.ratio-portrait{--bs-aspect-ratio: calc(5 / 4 * 100%);}

.btn-width-lg{min-width: 200px}


.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.btn.focus, .btn:focus{box-shadow: 0 0 0 0 rgba(158, 124, 124, 0);}

.bs-nav-icon-white-text a.nav-link{color:#ffffff;line-height: 1.1;}
.bs-nav-icon-white-text.nav-pills .nav-link{height:100%;border-radius:0px;padding-top:10px;padding-bottom:10px; display:flex;flex-direction: column;justify-content: center;min-width: 100px;}


.bs-icon-1x{width: 20px;height: 20px;}
.bs-icon-2x{width: 40px;height: 40px;}
.bs-icon-3x{width: 60px;height: 60px;}
.bs-icon-white{filter: brightness(0) invert(1);object-fit:contain;}

/*collapsed*/
.collapsed[data-bs-toggle="collapse"] .icon-collapse{transform: rotate(180deg);} 
[data-bs-toggle="collapse"] .fa-plus::before{content: "\f068";}
.collapsed[data-bs-toggle="collapse"] .fa-plus::before{content: "\2b";}

.bs-fa-long-arrow-updown.collapsed .fa-long-arrow-up:before{content: "\f176";}
.bs-fa-long-arrow-updown .fa-long-arrow-up:before{content: "\f175";}
.bs-fa-angle-updown.collapsed .fa-angle-up:before{content: "\f107";}
.bs-fa-angle-updown .fa-angle-up:before{content: "\f106";}

/*----header narber----*/

.navbar-brand{width: 140px;}

.navbar-light .navbar-nav .nav-link{color: var(--bs-light);font-weight: 500; text-transform: capitalize;background-color:rgba(255, 255, 255,0.2);border-radius: 20px;--bs-navbar-nav-link-padding-x:20px}
.navbar-light .navbar-nav>li>a.nav-link:focus, 
.navbar-light .navbar-nav>li>a.nav-link:hover{color:var(--bs-light);}
.navbar-light .navbar-nav>.active>a.nav-link,
.navbar-light .navbar-nav>.active>a.nav-link:focus,
.navbar-light .navbar-nav>.active>a.nav-link:hover{color:var(--bs-light);}
.navbar-light .navbar-nav li.nav-item{padding-left: 8px; padding-right:8px;position: relative;}

.navbar-toggler:focus{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

/*navbar-toggler collapsed*/
.navbar-light .navbar-toggler{position:relative;width: 40px;height:40px;text-align: center;margin-top: 20px;margin-bottom: 20px;border: 1px solid var(--bs-primary);color: #ffffff;background-color: var(--bs-primary)!important;}
.navbar-light .navbar-toggler span{background-color:#ffffff;display: block;height:2px;left:0;right:0;margin:auto;position:absolute;transform-origin: center;transition: 86ms all ease-out;width: 20px;}
.navbar-light .navbar-toggler.collapsed span:nth-child(1){transform: translateY(-2px) rotate(0deg);}
.navbar-light .navbar-toggler.collapsed span:nth-child(2){opacity: 1;}
.navbar-light .navbar-toggler.collapsed span:nth-child(3){transform: translateY(2px) rotate(0deg);}

.navbar-light .navbar-toggler span:nth-child(1){transform: translateY(5px) rotate(45deg);top: calc(50% - 5px);}
.navbar-light .navbar-toggler span:nth-child(2){opacity: 0;top: calc(50% - 0px);}
.navbar-light .navbar-toggler span:nth-child(3) {transform: translateY(-5px) rotate(-45deg);top: calc(50% + 5px);}

/*navbar-toggler collapsed*/
.navbar-dark .navbar-toggler{position:relative;width: 40px;height:40px;text-align: center;margin-top: 20px;margin-bottom: 20px;border: 1px solid #ffffff;color: #22223B;background-color: #ffffff!important;}
.navbar-dark .navbar-toggler span{background-color:#22223B;display: block;height:2px;left:0;right:0;margin:auto;position:absolute;transform-origin: center;transition: 86ms all ease-out;width: 20px;}
.navbar-dark .navbar-toggler.collapsed span:nth-child(1){transform: translateY(-2px) rotate(0deg);}
.navbar-dark .navbar-toggler.collapsed span:nth-child(2){opacity: 1;}
.navbar-dark .navbar-toggler.collapsed span:nth-child(3){transform: translateY(2px) rotate(0deg);}

.navbar-dark .navbar-toggler span:nth-child(1){transform: translateY(5px) rotate(45deg);top: calc(50% - 5px);}
.navbar-dark .navbar-toggler span:nth-child(2){opacity: 0;top: calc(50% - 0px);}
.navbar-dark .navbar-toggler span:nth-child(3) {transform: translateY(-5px) rotate(-45deg);top: calc(50% + 5px);}

/* .header-scroll-danger .navbar-brand,
.header-scroll-black .navbar-brand{filter: brightness(0) invert(1);} */

.layout-footer-bottom{margin-bottom:20px;background-color: #e7f3ff !important;border-radius:20px 20px 20px 20px;max-width:calc(100% - 60px);margin-left:auto;margin-right:auto;overflow: hidden;}

.header-scroll-primary{padding-top: 20px; transition: all 0.5s ease-in-out;}
.header-scroll-primary .container{backdrop-filter: blur(10px);background-color: rgba(var(--bs-primary-rgb),0.8);border-radius: 10px; transition: all 0.5s ease-in-out;}
.header-scroll-primary.is-scrolling .container{background-color: rgba(var(--bs-primary-rgb),0.7);}
.header-scroll-primary.is-scrolling{padding-top: 10px;}
.bs-about-content{
    margin-top:-150px;
}
.js-icon-massage{z-index: 99;}

/* .input-group-text{} */
.form-control{background-color: #ffffff;}
.form-select{background-color: #ffffff;}
.form-check-input[type=checkbox]{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.form-select:focus,.form-control:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);background-color: #ffffff;border-color: #dfdfdf}
.form-check-input:checked {background-color: #198754;border-color: #198754;}
.form-check-input:focus {border-color: #198754;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}


/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: rgba(0,0,0,0.05);color: #ffffff;}*/
.input-group-text{border-color: #dfdfdf}
textarea{resize: none;}
.card-header{background-color:transparent;}
.card-footer{background-color:transparent;}
.c-pointer{cursor: pointer;}

.form-input-text{width: 100%;}


.step1,.step2,.step3{display: none;}

.step1 .help-block,.step2 .help-block,.step3 .help-block{
    margin-top: 0px;
    position: absolute;
    font-size: 11px;
}
.step1 .form-group,.step2 .form-group,.step3 .form-group{
    margin-bottom: 20px;
}

.step1.active,.step2.active,.step3.active{display: block;}
.form-group{margin-bottom: 1.5rem;}
.has-error.form-group{margin-bottom: 1.5rem !important; position:relative;}
.help-block{color:#e32525;margin-top: 0px;position: absolute;font-size: 12px; top:100%; left:0; padding-left:15px;padding-right:15px;}
    

/* content */
.content .list-unstyled a{text-decoration:none;}
.content ul a{text-decoration:none;}
.content .fa-ul a{text-decoration:none;}
.content .bs-fa-chevron-collapse a{text-decoration:none;}


/* bs-nav-menu */
.bs-nav-menu a{color:#ffffff;}
.bs-nav-menu a.active{color:#1D3557;}

/* bs-nav-tabs */

.nav-pills.bs-nav-tabs .nav-link{padding: 24px; text-transform: uppercase;}

.nav-pills.bs-nav-tabs{
    --bs-nav-link-color: var(--bs-white); --bs-nav-pills-link-active-color: var(--bs-white); --bs-nav-pills-link-active-bg: var(--bs-black);
}

/* animation */
[data-animation] {
opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled,
.animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}

.animate__fadezoomleft{
    -webkit-animation-name:fadezoomleft;
    animation-name:fadezoomleft
}
.animate__fadezoomright{
    -webkit-animation-name:fadezoomright;
    animation-name:fadezoomright
}
@keyframes fadezoomleft{
    0%{opacity:0;-webkit-transform:translate(50%,50%) scale(1.8);transform:translate(50%,50%) scale(1.8);}
    to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);}
}
@keyframes fadezoomright{
    0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.8);transform:translate(-50%,-50%) scale(1.8);}
    to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);}
}
@-webkit-keyframes fadezoomleft{
    0%{opacity:0;-webkit-transform:translate(50%,50%) scale(1.8);transform:translate(50%,50%) scale(1.8);}
    to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);}
}
@-webkit-keyframes fadezoomright{
    0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.8);transform:translate(-50%,-50%) scale(1.8);}
    to{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);}
}

/*footer*/
footer a{color:#ffffff;} 
footer .form-control{--bs-secondary-color:#ffffff;}
footer a:hover,
footer a:focus{color:#0A263C;} 
footer i{color:#ffffff;}
.footer-logo{max-width: 150px; width:100%;}
footer h5{margin-bottom:10px;}
footer p{margin-bottom:10px;}

.bs-text-line-white{position:relative;}
.bs-text-line-white span{background-color:#ffffff; position:relative;padding:0px 8px;}
.bs-text-line-white p{margin:0;padding-top:15px;padding-bottom:15px;}
.bs-text-line-white hr{position:absolute;width:100%;left:0;top:50%;margin:0;opacity: 1;}

.bs-small-tooltip{font-size:12px;}
.bs-small-tooltip .tooltip-inner{max-width:300px;}

/* swiper */

.bs-ani-testimonials{overflow: hidden;}
.bs-swipe-outside-testimonials .swiper-testimonials{overflow:visible; max-width:1000px;}

.swiper-scrollbar{background-color:#0A263C;}
.swiper-scrollbar-drag{padding:8px;background-color:#0A263C;position:relative;margin-top:-5px;}

.swiper-marquee{width: 100%;height: 100%;position: relative;color: #4F52FF;}
.swiper-marquee .swiper-wrapper{-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.swiper-marquee .swiper-slide img{height: 70px; object-fit: contain; object-position: center;}
.swiper-marquee .swiper-slide{ text-align: center;font-size: 2px;display: flex;justify-content: center;align-items: center;width: 20%;position: relative;overflow: hidden;padding: 0 20px;}



/* hero-banner */
.bs-hero-banner>.container{padding-top:65px;position: relative;}
.bs-hero-banner{border-radius: 15px; color: var(--bs-white); text-align: center;overflow:hidden;background-color:var(--bs-primary); position: relative; margin-left:auto; margin-right:auto; width:calc(100% - 15px);min-height:calc(100vh - 20px);display: flex;flex-direction: column;justify-content: center; margin-top:8px;}
.bs-hero-banner._1{min-height: 450px;background-position: 20% 10%;justify-content: center;}
.bs-hero-banner::before{ background-image: linear-gradient(0deg, rgba(var(--bs-primary-rgb),0.2) 0%, rgba(var(--bs-primary-rgb),0.70) 100%);
    content:'';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    border-radius: 15px;
    display: block;
}
.bs-hero-banner .bs-card-num-text{box-shadow: 0px 0px 0px 5px rgba(255, 255, 255,0.8);}
.bs-hero-banner .bs-card-num-text h3{font-size: 30px;font-weight:700;}
.bs-hero-banner  .display-1.text-info {
    font-size: 250px;
    line-height: 160px;
    pointer-events: none;
    transform: translateY(60%);
}
.bs-logo-bottom .img-fluid{margin-bottom:-50px;width: 96%;}

.bs-ani-wwo .bg-primary-gradient{position:relative;}
.bs-ani-wwo .bg-primary-gradient>div{position:relative;z-index:1;}
.bs-ani-wwo .bg-primary-gradient:before{
    content:'';
    top:0; left:0;
    position:absolute;
    display:block;
    background-color:var(--bs-white);
    width:100%;
    height:350px;
}
.bs-ani-wwo .bg-primary-gradient:after{
    content:'';
    bottom:0; left:0;
    position:absolute;
    display:block;
    background-color:var(--bs-white);
    width:100%;
    height:200px;
    z-index:0;
}

/* cards */
.bs-card-num-text{border-radius:30px;text-align: center;}
.bs-card-num-text h3{font-size: 40px;font-weight:400;}
.bs-card-num-text p{margin-bottom: 0px;}

.bs-ani-scroll-sec2 .container{min-height: calc(100vh - 6rem);width: 100%;display: flex;flex-direction: column;justify-content:center;}
.bs-ani-scroll-sec2-img._1{margin-bottom:0px}
.bs-ani-scroll-sec2-img._2{margin-top:-20%;}
.bs-ani-scroll-sec2-img._1 .img-3x{width: 85%;}
.bs-ani-scroll-sec2-img._2 .img-3x{width: 40%; border:3px solid var(--bs-body-bg);}

.bs-ani-wcu .sticky-top{top:43%; padding-bottom: 40px;}
.bs-ani-image-text{display: flex;padding:20px; gap: 20px;border-radius: 4px;
    transition:all 0.5s ease;
    background-color: var(--bs-white);
}
.bs-ani-scroll-sec2 [data-animation]{
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
}


.bs-ani-scroll-sec2-2 .container{min-height: calc(100vh - 6rem);width: 100%;display: flex;flex-direction: column;justify-content:center;}
.bs-ani-scroll-sec2-2-img._1{margin-bottom:0px}
.bs-ani-scroll-sec2-2-img._2{margin-top:-20%;}
.bs-ani-scroll-sec2-2-img._1 .img-3x{width: 85%;}
.bs-ani-scroll-sec2-2-img._2 .img-3x{width: 40%; border:3px solid var(--bs-body-bg);}


.bs-ani-image-text{margin-top:40px;margin-bottom:40px;}
.bs-ani-image-text .bs-content{padding-right:50px}
.bs-ani-image-text .bs-card-image .bs-card-color{background-color:var(--bs-primary); border-radius: var(--bs-border-radius);width:250px; margin-top:-50px;margin-bottom:-50px}
.bs-ani-image-text .bs-card-image .ratio{transform:rotate(0deg);transition:all 0.5s ease;}

.bs-ani-image-text.active .bs-card-image .ratio{transform:rotate(-5deg);}
.bs-ani-image-text.active{
    background-color: var(--bs-info);
}

.bs-ani-wwo{overflow: hidden;}
.bs-ani-gallery{transform: rotate(357deg) scale(2.0); transform-origin: center; margin-bottom: 70px; margin-top: 70px;transition: all 0.5s ease;}
.bs-ani-gallery .row{transform: translateX(25%);}
.bs-sec8 .row{position:relative;z-index:1;}
.bs-sec8 hr{z-index:0;position:relative}


.bs-ani-gallery2 {position: relative;width: 100% !important;transform: rotate(357deg);}
.bs-ani-gallery2 .row{display: flex;flex-wrap: nowrap;}
.bs-ani-gallery2 .col{flex: 0 0 auto;width: 25%;}

.bs-row-cards,
.bs-row-cards .row{ --bs-gutter-y: 1.5rem;}
.bs-row-cards .ratio{height:calc(100%);}
.bs-row-cards .bs-hover-card{ height:100%}
.bs-row-cards .bs-cards-space .bs-hover-card{height:auto;margin-bottom:25px;}
.bs-row-cards .bs-cards-space .bs-hover-card:last-child{margin-bottom:0px;}
.bs-row-cards .bs-hover-card p{margin-bottom:0;}
.bs-row-cards .bs-hover-card h5{margin-bottom:15px;}


.bs-hover-card{position:relative;}
.bs-hover-card a{text-decoration: none;}
.bs-hover-card .flex-md-shrink-0{padding-right:10px;}
.bs-hover-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    background-color:var(--bs-primary);
    width:100%;
    height:100%;
    border-radius:var(--bs-border-radius);
    transition:all 0.5s ease;
}
.bs-hover-card .card-body{
    position:relative; 
    background-color:var(--bs-white);
    border: var(--bs-border-color-translucent) 1px solid;
    border-radius:var(--bs-border-radius);
    transition:all 0.5s ease;

}
.bs-hover-card:hover:before{
    transform:rotate(-2deg);
}

.text-center.h-100.bs-hover-card:before{
   background-color:var(--bs-info);
}

.text-center.h-100.bs-hover-card:hover .card-body{
  background-color:var(--bs-primary);  
  --bs-card-color:var(--bs-white);
}
.text-center.h-100.bs-hover-card:hover .card-body img.img-2x{
    filter: brightness(0.2) invert(1) hue-rotate(200deg) saturate(5);
}
@media screen and (max-width: 1199px) {    
    .navbar-light .navbar-nav li.nav-item {padding-left: 4px;padding-right: 4px;}
}
@media screen and (max-width: 991px){
    header .navbar{--bs-navbar-padding-y: 0rem;}
    .navbar-light .navbar-nav .nav-link{background-color:transparent;}
    .logos-w-md{max-width: 520px;margin-left: auto;margin-right: auto;}
    .bs-ani-image-text .bs-card-image .bs-card-color{width:150px;}
    body{font-size:15px;}
    h1,.h1 {font-size: 55px;}
    h2,.h2 {font-size: 45px; margin-bottom: 20px;}
    h3,.h3 {font-size: 40px;}
    h4,.h4 {font-size: 24px;}
    h5,.h5 {font-size: 20px;}
    h6,.h6 {font-size: 12px;}
    .bs-ani-image-text .bs-content{padding-right: 10px;}
    .bs-hero-banner>.container{padding-top: 50px;}
    .bs-card-num-text h3{font-size: 40px;}
    .bs-ani-gallery2 .col{width: 31.2%;}
}
@media only screen and (max-width:767px){
    .container{max-width: 100%;}
    .bs-ani-image-text .bs-card-image .bs-card-color{width:100%;margin-top: 0px;margin-bottom: 0px;}
    body{font-size:14px;}
    h1,.h1 {font-size: 28px;}
    h2,.h2 {font-size: 36px;}
    h3,.h3 {font-size: 32px;}
    h4,.h4 {font-size: 24px;}
    h5,.h5 {font-size: 19px;}
    h6,.h6 {font-size: 12px;}
    
    .navbar-brand{width: 80px;}
    .bs-ani-image-text{flex-direction: column-reverse;}
    .header-scroll-primary{padding-top: 0px;}
    .header-scroll-primary.is-scrolling{padding-top:0px;}
    .header-scroll-primary .container{border-radius: 0px 0px 10px 10px;}
    .bs-ani-gallery .row{--bs-gutter-x: .3rem; --bs-gutter-y: .3rem;transform: translateX(50%);}
    .bs-ani-gallery{transform: rotate(357deg) scale(6.0); margin-bottom: 50px; margin-top: 50px;}
    .bs-card-num-text h3{font-size: 30px;}
    .bs-sec8 hr{margin-top:50px}
    .bs-hero-banner{min-height:55vh;}
    .bs-about-sec2 .min-vh-100{min-height: 50vh!important;}
    .bs-about-sec2 .ratio.ratio-21x9{--bs-aspect-ratio: 70%;}
    .bs-ani-scroll-sec2 .container{min-height: calc(70vh - 6rem);flex-direction: row;flex-wrap: wrap;align-content: center;}
    .bs-ani-scroll-sec2-img._1 {max-width: 60%;margin-right:auto;margin-left: auto;    margin-top: 100px;}
    .bs-ani-scroll-sec2-img._2 {max-width: 50%;margin-right: auto;margin-left: 0;}
    .bs-ani-scroll-sec2-img._1 .img-3x{width:80%;}
    .bs-ani-scroll-sec2-img._2 .img-3x{width:50%;}
    
    .bs-ani-scroll-sec2-2 .container{min-height: calc(70vh - 6rem);flex-direction: row;flex-wrap: wrap;align-content: center;}
    .bs-ani-scroll-sec2-2-img._1 {max-width: 60%;margin-right:auto;margin-left: auto;    margin-top: 100px;}
    .bs-ani-scroll-sec2-2-img._2 {max-width: 50%;margin-right: auto;margin-left: 0;}
    .bs-ani-scroll-sec2-2-img._1 .img-3x{width:80%;}
    .bs-ani-scroll-sec2-2-img._2 .img-3x{width:50%;}
    .bs-ani-gallery2 .col{width: 70%;}
    .bs-ani-wcu .sticky-top{padding-bottom: 20px;}
}
@media screen and (max-width: 539px){
}
@media screen and (max-width: 500px){
  
}
@media screen and (max-width: 500px){
    .swiper-marquee .swiper-slide{width: 35%;}
}
@media only screen and (min-width:369px) {
}
@media screen and (min-width: 540px){
    .position-sm-absolute-top{position:absolute; left:0; top:20px;right:0;transform: translateY(-70%)}
}
@media screen and (min-width: 768px){
    .navbar-brand{width: 100px;}
    .dropdown-select-mobile .dropdown-menu{display:block !important;border:0;background:transparent;opacity:1 !important;}
    .border-md-end{border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
    .bs-ani-scroll-sec2 .container{padding-top: 100px;}
    .bs-ani-scroll-sec2-2 .container{padding-top: 100px;}
}
@media screen and (min-width: 992px){
    .mt-lg-n5{margin-top:-90px}
    .pb-md-n4{margin-bottom: -40px;}
}
@media screen and (min-width: 1200px){
      .container{max-width: 1200px;}
}
@media screen and (min-width: 1400px){
    
    
}