/***** Font***/
body { font-family: "Montserrat", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; background: #0D1321; }
/**color***/
.HeiglightColor { color: #3F5AFA !important; }
.SecondaryColor { color: #D8DCF1; }
.BgPrimary { background-color: #161E2E; }
/**button**/
.BtnPrimary { background: #FFB005; color: #000000; border-color: #FFB005; font-size: 18px; font-weight: 600; border: solid 2px #FFB005; min-width: 175px; min-height: 55px; align-items: center; display: inline-flex; justify-content: center; }
.BtnPrimary:hover, .BtnPrimary:focus, .BtnPrimary:active, .BtnPrimary.active { border: solid 2px #fff; color: #fff; }
.BtnVideo { color: #fff; font-size: 16px; font-weight: 600; min-width: 175px; min-height: 55px; align-items: center; display: inline-flex; justify-content: center; line-height: 20px; }
.BtnVideo svg { height: 50px; }
.BtnVideo:hover, .BtnVideo:focus, .BtnVideo:active, .BtnVideo.active, .BtnVideo.btn:focus-visible { color: #FFB005; }
.BtnVideo:hover svg path, .BtnVideo:focus svg path, .BtnVideo:active svg path, .BtnVideo.active svg path { fill: #FFB005 }
.BtnOutlineDark { border: solid 2px #fff; color: #fff; font-size: 18px; font-weight: 500; padding: 9px; }
.BtnOutlineDark:hover, .BtnOutlineDark:focus, .BtnOutlineDark:active, .BtnOutlineDark.active, .BtnOutlineDark.btn:focus-visible { background: #FFB005; color: #000000; border-color: #FFB005 }
/***header**/
.sticky-header { transition: transform 0.3s ease, background-color 0.3s ease; position: sticky; will-change: transform, background-color; top: 0; z-index: 1030; }
.sticky-header.scrolled { background: #0D1321; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);     /* More pronounced shadow */ }
.header_bg { background: #161E2E; background-image: url(../images/svg/header-bg.svg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
.CustomStyleNav .navbar-nav li a { color: #fff; font-weight: 500; font-size: 18px; }
.CustomStyleNav .navbar-nav .nav-link:hover, .CustomStyleNav .navbar-nav .nav-link.active, .CustomStyleNav .navbar-nav .nav-link.clicked { color: #FFB005; }
.mobile-top-bar { background-color: #0e1227e7; padding: 10px 15px; }
.BannerLeft h1 { font-size: 32px; }
.BannerLeft p { font-size: 18px; }
.languageStyle{   position: relative; }

.dropdown-item.active, .dropdown-item:active {  
	background-color: #3f5afa;
} 
.languageStyle img {
	height: 19px; 
}

 

#languageSelect {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.languageStyle  .dropdown-menu {
	min-width: 114px;
}

#languageDropdown {
	background: transparent;
	border: 2px solid white;
	height: 50px;
	color: white;
	width: 110px;
	display: flex;
	padding: 0 12px;
	font-size: 18px;
	font-weight: 500; 
	border-radius: 5px;
	font-family: "Montserrat", serif;
	align-items: center;
	gap: 8px;
}
.languageStyle  {
	margin-left: 20px;
}
#languageDropdown  .dropdown-toggle::after { 
	margin-left: 10px; 
}

.dropdown-menu {
	background: #0d1321;
}

.dropdown-item {
	color: white;
	font-weight: 500;
}

.dropdown-item:hover {
	background: #141c2b;
	color: white;
}


.languageStyle:focus{border: none; outline: none;}
.languageStyle option {background: #262525;border-radius: 5px; overflow: hidden;color: #fff; text-align: left;font-family: "Montserrat", serif;}
.BtnVideo span {width: 157px;}
/**CounDownSection**/
.CounDownSection { background: #0D1321; }
.CounDownSectionCol .Title { font-size: 34px; line-height: normal; }
.CounDownSectionCol p { font-size: 16px; }
.CounDownSectionCol .countdown-timer { line-height: 20px; }
/*8section Title**/
.SectionTitle h2 { font-size: 32px; font-weight: 600; }
/****/
.BackgroundOne { background: #0D1321 url(../images/svg/bg-2.svg); background-size: cover; background-position: top center; }
.ListFeat h3 { font-size: 24px; font-weight: 600; }
.ListFeat ul li { margin-bottom: 20px; }
.ListFeat ul li p { margin-bottom: 0; }
.ListFeat ul li:last-child { margin-bottom: 0px; }
.ListFeat ul li h4 { font-size: 18px; font-weight: 600; }
.ListFeat ul li p { font-size: 16px; }
/*** Choice Section***/
.BackgroundTwo { background: #1A203C; }
.TableStyle tr td, .TableStyle th { font-size: 14px; font-weight: normal; text-align: center; color: #fff; border: 0; }
.TableStyle thead, .TableStyle th { background: #14182B; color: #fff; }
.TableStyle tr td, .TableStyle th { padding: 20px; border-right: 1px solid #3D4570; }
.TableStyle tbody tr td { background-color: none; }
.TableStyle tbody tr.odd:nth-child(odd) td, .TableStyle tbody tr.odd td { background-color: #1F233A }
.TableStyle tr td:last-child, .TableStyle tr th:last-child { border-right: 0; }
.TableStyle tbody tr.even:nth-child(even) td, .TableStyle tbody tr.even td { background-color: #2C314F }
.TableStyle th:first-child { border-top-left-radius: 10px; }
.TableStyle th:last-child { border-top-right-radius: 10px; }
.TableStyle tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.TableStyle tr:last-child td:last-child { border-bottom-right-radius: 10px; }
/*** Why choose ***/
.BackgroundTheree { background: #0D1321 url(../images/svg/bg-3.svg); background-size: cover; background-position: top center; }
.ChhoseKisyItem { background: #1A203B; padding: 15px 20px; height: 100%; }
.ChhoseKisyItem img, .HowitWorksItems .IconBox img { opacity: 0.7; }
.ChhoseKisyItem h5 { font-size: 22px; }
.ChhoseKisyItem p { margin-bottom: 0; }
.ChhoseKisyItem:hover img, .HowitWorksItems:hover .IconBox img { opacity: inherit; }
/***Cta****/
.CTAStyle { background: #111632; border: solid 1px #262B42; padding: 30px; }
.CTAStyle h5, .CTAStyleTwo h5, .HowitWorksItems h5, .FromBox h5 { font-size: 22px; }
.QuotesBox:before { height: 60px; width: 60px; left: -15px; top: -15px; content: ""; position: absolute; background-image: url(../images/svg/quotes.svg); content: ""; }
/******How it works ****/
.Backgroundfour { background: #1A203B; }
.IconBox { background: #171B34; border: solid 1px #1E2448; padding: 10px 10px; height: 100px; width: 100px; display: flex }
/****Contact us *****/
.BackgroundContact { background: #0D1321 url(../images/svg/footerbg.svg); background-size: cover; background-position: top center; }
.FromBoxBg { background: #181C31; }
.CopyRightBg { background: #15182A; }
.FromBox .form-control { background: #282E52; border: solid 1px #6f759885; color: #fff; padding: 15px; }
.FromBox .form-control:focus { border: solid 1px #6f759885; box-shadow: none; }
.FromBox .form-control::-webkit-input-placeholder { color: #6873AF }
.FromBox .form-control:-ms-input-placeholder { color: #6873AF }
.FromBox .form-control::-ms-input-placeholder { color: #6873AF }
/****Footer *****/
.FtrLinks li:last-child { border-right: none;}
.FtrLinks li { display: inline-block; padding: 0px 15px; border-right: solid 1px #505050;}
.FtrLinks li a{text-decoration: none;}
.SocailIconsStyle li { margin: 0px 10px; }
.SocailIconsStyle li a:hover svg path, .SocailIconsStyle a:hover svg path, .SocailIconsStyle a:hover, .FtrLinks li a:hover { fill: #FFB005; color: #FFB005 !important; }
/****Video *****/
.responsive-video-container { position: relative; width: 100%;     /* Full width of the parent container */ padding-top: 56.25%;     /* Aspect ratio for 16:9 */ overflow: hidden; }
.responsive-video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Add offset for sticky header */
section { scroll-margin-top: 70px; }
#scrollToTopButton { position: fixed; bottom: 20px; right: 20px; display: none; z-index: 99; border: none; outline: none; background-color: #3F5AFA; color: white; cursor: pointer; border-radius: 50%; width: 50px; height: 50px; text-align: center; text-align: center; padding: 9px 11px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: opacity 0.3s, transform 0.3s; }
#scrollToTopButton svg path { fill: #fff; }
#scrollToTopButton:hover { background-color: #FFB005; }
/* line animation */
.line-animation-container { position: relative; width: 180px; height: 5px; 
display: flex; align-items: center; justify-content: center; margin: auto; }
.line { position: absolute; height: 5px; background-color: #3F5AFA; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transform: scaleX(0);     /*Starthidden*/ transform-origin: center; animation: grow-line 1s infinite alternate; -webkit-animation: grow-line 1s infinite alternate; }
.left-line { width: 40%; left: 0; transform-origin: right; }
.right-line { width: 40%; right: 0; transform-origin: left; }
.center-dot { width: 20px;   height: 5px; background-color: #3F5AFA; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

/**statci Text****/
.StaicTextStyle  p a, a{ color: #FFB005; }
.StaicTextStyle h1{ font-size: 1.9rem; font-weight: 600;} 
.StaicTextStyle p strong { font-size: 1.4rem;}
.StaicTextStyle {
    color: #fff;
}
@keyframes grow-line {
from { transform: scaleX(0);}
to { transform: scaleX(1);  }
}

.founder-name {
    width: 240px;
}


#accordionFAQ {
	background: transparent;
	max-width: 1020px;
}
.accordion-item {
	margin: 16px 0;
	background: #1a203b;
	border: 0;
	border-radius: 10px !important;
}

.accordion-button {
	background: transparent;
	color: white;
	font-weight: 600;
	font-size: 17px;
	box-shadow: none !important;
	border-radius: 10px 10px 0 0;
}


.TableStyle .table-titles th {
	font-size: 24px;
	font-weight: 600;
}

.TableStyle .table-pricing td {
	font-size: 24px;
	font-weight: 700;
	background: #090703 !important;
}

.accordion-button[aria-expanded="false"]::after {
	background-color: #e1e1e147;
	border-radius: ;
	background-size: 13px;
	background-position: center;
	border-radius: 3px;
}


.languageStyle .btn.btn-secondary.dropdown-toggle {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0 auto;
	display: block;
}


