/*-----------------------------------------------------------------------------------
    Template Name   : Work
    Developer       : Huanin Butt
    Description     : This is a CSS Template
    Version         : 1.1.0
-----------------------------------------------------------------------------------*/

/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{font-size: 15px; color: #7e7e7e;  font-weight: 500; font-family: 'Roboto', sans-serif;}
body h1, body h2, body h3, body h4, body h5, body h6{margin: 0px; font-weight: 700; color: #001644; font-family: 'Roboto', sans-serif;}
div{ outline: none;}
p a{ color: #fff; text-decoration: none; font-family: 'Roboto', sans-serif;}
p a:hover{ text-decoration:underline; outline: none;}
body p{ letter-spacing: normal; margin: 0 0 10px; color: #fff; line-height: 23px; font-size: 16px;}
a{ color: #fff; text-decoration: none; outline: none !important; display: block;}
a:hover,
a:focus{ outline: none; text-decoration: none; color: #fff;}
.btn:hover, .btn:focus, .btn.focus{ outline: none; text-decoration: none; color: #fff;}
/****** Image Style ******/
img{ max-width: 100%;}

/***** iframe ****/

iframe{ border: 0; width: 100%;}
/**** blockquote ****/
blockquote{ padding: 0; border: 0;}
/****** From Element Style ******/
label{ display: block; font-weight: 400; margin: 0;}
textarea{ border-radius: 0; resize: none;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input,
.form-control{    height: 61px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 4px;
	box-shadow: none;
	font-size: 19px;
	position: relative;
	font-weight: 400;}
.form-control.border-0{ border: 0;}
.form-control.bg-wihet{ background: #fff;}
.form-control::-webkit-input-placeholder{ color: #999;} 
.form-control:-moz-placeholder{ color: #999;}
.form-control::-moz-placeholder{ color: #999;}
.form-control:-ms-input-placeholder{ color: #999;}
.form-control:focus::-webkit-input-placeholder{ opacity: 0;} 
.form-control:focus:-moz-placeholder{ opacity: 0;}
.form-control:focus::-moz-placeholder{ opacity: 0;}
.form-control:focus:-ms-input-placeholder{ opacity: 0;}
/****** From Element Style ******/
.overlay-dark{ position: relative;}
.overlay-dark::before,
.overlay-dark::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(0,0,0,0.73); z-index: 1;}
.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}
[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}

/**** row-no-gutter ***/
.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}
/******** Margin & Padding *******/
.mb-0{ margin-bottom: 0px;}
.mb-5{ margin-bottom: 5px;}
.mb-10{ margin-bottom: 10px;}
.mb-15{ margin-bottom: 15px;}
.mb-20{ margin-bottom: 20px;}
.mb-25{ margin-bottom: 25px;}
.mb-30{ margin-bottom: 30px;}
.mb-35{ margin-bottom: 35px;}
.mb-40{ margin-bottom: 40px;}
.mb-45{ margin-bottom: 45px;}
.mb-50{ margin-bottom: 50px;}
.mb-60{ margin-bottom: 60px;}
.mb-70{ margin-bottom: 70px;}
.mb-80{ margin-bottom: 80px;}
.mb-90{ margin-bottom: 90px;}
.mb-100{ margin-bottom: 100px;}
.mt-0{ margin-top: 0px;}
.mt-5{ margin-top: 5px;}
.mt-10{ margin-top: 10px;}
.mt-15{ margin-top: 15px;}
.mt-20{ margin-top: 20px;}
.mt-25{ margin-top: 25px;}
.mt-30{ margin-top: 30px;}
.mt-35{ margin-top: 35px;}
.mt-40{ margin-top: 40px;}
.mt-45{ margin-top: 45px;}
.mt-50{ margin-top: 50px;}
.mt-60{ margin-top: 60px;}
.mt-70{ margin-top: 70px;}
.mt-80{ margin-top: 80px;}
.mt-90{ margin-top: 90px;}
.mt-100{ margin-top: 100px;}
.ml-0{ margin-left: 0px;}
.ml-5{ margin-left: 5px;}
.ml-10{ margin-left: 10px;}
.ml-15{ margin-left: 15px;}
.ml-20{ margin-left: 20px;}
.ml-25{ margin-left: 25px;}
.ml-30{ margin-left: 30px;}
.ml-35{ margin-left: 35px;}
.ml-40{ margin-left: 40px;}
.ml-45{ margin-left: 45px;}
.ml-50{ margin-left: 50px;}
.ml-60{ margin-left: 60px;}
.ml-70{ margin-left: 70px;}
.ml-80{ margin-left: 80px;}
.ml-90{ margin-left: 90px;}
.ml-100{ margin-left: 100px;}
.mr-0{ margin-right: 0px;}
.mr-5{ margin-right: 5px;}
.mr-10{ margin-right: 10px;}
.mr-15{ margin-right: 15px;}
.mr-20{ margin-right: 20px;}
.mr-25{ margin-right: 25px;}
.mr-30{ margin-right: 30px;}
.mr-35{ margin-right: 35px;}
.mr-40{ margin-right: 40px;}
.mr-45{ margin-right: 45px;}
.mr-50{ margin-right: 50px;}
.mr-60{ margin-right: 60px;}
.mr-70{ margin-right: 70px;}
.mr-80{ margin-right: 80px;}
.mr-90{ margin-right: 90px;}
.mr-100{ margin-right: 100px;}
.pb-0{ padding-bottom: 0px;}
.pb-5{ padding-bottom: 5px;}
.pb-10{ padding-bottom: 10px;}
.pb-15{ padding-bottom: 15px;}
.pb-20{ padding-bottom: 20px;}
.pb-25{ padding-bottom: 25px;}
.pb-30{ padding-bottom: 30px;}
.pb-35{ padding-bottom: 35px;}
.pb-40{ padding-bottom: 40px;}
.pb-45{ padding-bottom: 45px;}
.pb-50{ padding-bottom: 50px;}
.pb-60{ padding-bottom: 60px;}
.pb-70{ padding-bottom: 70px;}
.pb-80{ padding-bottom: 80px;}
.pb-90{ padding-bottom: 90px;}
.pb-100{ padding-bottom: 100px;}
.pt-0{ padding-top: 0px;}
.pt-5{ padding-top: 5px;}
.pt-10{ padding-top: 10px;}
.pt-15{ padding-top: 15px;}
.pt-20{ padding-top: 20px;}
.pt-25{ padding-top: 25px;}
.pt-30{ padding-top: 30px;}
.pt-35{ padding-top: 35px;}
.pt-40{ padding-top: 40px;}
.pt-45{ padding-top: 45px;}
.pt-50{ padding-top: 50px;}
.pt-60{ padding-top: 60px;}
.pt-70{ padding-top: 70px;}
.pt-80{ padding-top: 80px;}
.pt-90{ padding-top: 90px;}
.pt-100{ padding-top: 100px;}
.pl-0{ padding-left: 0px;}
.pl-5{ padding-left: 5px;}
.pl-10{ padding-left: 10px;}
.pl-15{ padding-left: 15px;}
.pl-20{ padding-left: 20px;}
.pl-25{ padding-left: 25px;}
.pl-30{ padding-left: 30px;}
.pl-35{ padding-left: 35px;}
.pl-40{ padding-left: 40px;}
.pl-45{ padding-left: 45px;}
.n-dex-wrapper .pl-50{ padding-left: 50px;}
.pl-60{ padding-left: 60px;}
.pl-70{ padding-left: 70px;}
.pl-80{ padding-left: 80px;}
.pl-90{ padding-left: 90px;}
.pl-100{ padding-left: 100px;}
.pr-0{ padding-right: 0px;}
.pr-5{ padding-right: 5px;}
.pr-10{ padding-right: 10px;}
.pr-15{ padding-right: 15px;}
.pr-20{ padding-right: 20px;}
.pr-25{ padding-right: 25px;}
.pr-30{ padding-right: 30px;}
.pr-35{ padding-right: 35px;}
.pr-40{ padding-right: 40px;}
.pr-45{ padding-right: 45px;}
.pr-50{ padding-right: 50px;}
.pr-60{ padding-right: 60px;}
.pr-70{ padding-right: 70px;}
.pr-80{ padding-right: 80px;}
.pr-90{ padding-right: 90px;}
.pr-100{ padding-right: 100px;}
/**** padding & margin ****/
.section-padding{ padding: 80px 0;}
.section-margin{ margin: 100px 0;}

/******* Home Page Style  *****/
.wrapper .btn{
	padding: 10px 40px;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
}

.wrapper .btn-blue{
	border: 1px solid #213681;
	background: #213681;
	color: #fff;
}

.wrapper .btn-blue:hover{
	color: #fff;
}

.wrapper .btn-light-blue{
	background-color: #D6DFFF;
	color: #000;
	border: 1px solid #D6DFFF;
}

.wrapper .btn-light-blue:hover{
	color: #fff;
}
.logo h1{
	text-decoration: none !important;
}

.main-banner{
	height: 100vh;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.banner-image{
	top: 0;
	position: absolute;
}

.main-header{
	position: relative;
	z-index: 1;
	padding: 15px 0px;
	background: rgb(97 100 107 / 40%);
}

.banner-caption-holder{
	position: relative;
	z-index: 1;
}

.banner-caption h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 45px;
	line-height: 104%;
	color: #FFFFFF;
}

.banner-caption h2{
	font-family: 'Sofia Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 58px;
	line-height: 55px;
	color: #FFFFFF;
	margin-bottom: 23px;
}

.banner-caption h2 span {
	font-size: 65px;
	line-height: 75px;
	font-weight: 800;
	color: #AF7B3F;
}

.banner-caption h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 38px;
	line-height: 47px;
	color: #FFFFFF;
	margin-bottom: 23px;
}

.banner-caption h3 span {
	font-size: 45px;
	line-height: 53px;
	color: #AF7B3F;
}

.banner-caption p {
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 35px;
	color: #FFFFFF;
}

.banner-caption a{
	margin-top: 30px;
}

.banner-caption-holder{
	padding-top: 11%;
}

.main-heading h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 40px;
}

.get-access-holder .main-heading-2 h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 37px;
	line-height: 49px;
	color: #000000;
}

.main-heading-2 h3.mb-50{
	margin-bottom: 50px !important;
}

.video-holder h4 {
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	margin-bottom: 20px;
	line-height: 29px;
	color: #000000;
}

.explore-holder{
	background-image: url(assets/images/explore/bg-blue.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.explore-holder .explore-heading h2,
.explore-holder .explore-heading h3,
.explore-holder .explore-heading p {
	color: #fff !important;
}


.explore-left p {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 28px;
	color: #000000;
}

.explore-left p.mb-40{
	margin-bottom: 20px !important;
}

.explore-heading h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 19px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 15px;
}

.explore-heading h3{
	font-style: normal;
	font-weight: 400;
	font-size: 27px;
	line-height: 40px;
	margin-bottom: 15px;
	color: #000000;
}

.upcoming-holder{
	background-image: url(assets/images/explore/bg-light-blue.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.upcoming-holder .explore-heading h3 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 17px;
	line-height: 34px;
	color: #000000;
}

.upcoming-holder .explore-heading p {
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 0;
	color: #000000;
}

.explore-heading  p.mb-40{
	margin-bottom: 40px;
}

.explore-heading h3.mb-20{
	margin-bottom: 20px;
}

.proceed-card {
	background: linear-gradient(180deg, rgba(196, 196, 196, 0.1) 0%, rgba(196, 196, 196, 0.2) 100%);
	border: 1px solid #651a1a;
	box-sizing: border-box;
	backdrop-filter: blur(50px);
	border-radius: 5px;
	border-radius: 0px 0px 100px 100px;
	position: relative;
	z-index: 1;
	padding: 73px 140px;
}

.proceed-holder{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.left-proceed h4 {
	font-weight: 600;
	font-size: 19px;
	line-height: 32px;
	color: #FFFFFF;
}

.proceed-heading h2 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-size: 55px;
	margin-bottom: 20px;
	line-height: 104%;
	color: #FFFFFF;
}

.proceed-heading{
	text-align: center;
}

.main-footer{
	padding: 40px 0px;
}

.footer-link {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	justify-content: flex-end;
	list-style: none;
}

.footer-link li {
	margin-right: 30px;
}

.footer-link li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.footer-link li:last-child {
	margin-right: 0;
}

.footer-link li a img{
	margin-right: 12px;
}	

.footer-link li a h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 32px;
	color: #000000;
}

.dex-body {
	padding: 60px 0px 0px 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.dex-card {
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	width: 1050px;
	margin-bottom: 50px;
}

.dex-card-header {
	text-align: center;
}

.dex-card-header h2 {
	text-align: center;
	font-weight: 800;
	font-size: 2.9em;
	text-shadow: 2px 2px 2px rgb(150 150 150 / 54%);
	color: #0c434e;
	margin-bottom: 20px;
}

.dex-card-header h5 {
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgb(150 150 150 / 54%);
	color: #000;
	font-size: 32px;
}

.dex-video-holder {
	margin-bottom: 30px;
}

.dex-card-footer ul {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	display: flex;
	align-items: center;
}

.dex-card-footer ul li:first-child {
	margin-right: 35px;
}

.dex-card-footer ul li {
	margin-right: 30px;
}

.dex-card-footer ul li:last-child {
	margin-right: 0;
}

.dex-card-footer ul li:nth-child(4) {
	margin-right: 120px;
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:130px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float1{
	position:fixed;
	width:60px;
	height:60px;
	bottom:118px;
	right:40px;
	background-color:#2576d3;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float2{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#42a4e9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float3{
	position:fixed;
	width:60px;
	height:60px;
	bottom:280px;
	right:40px;
	background-color:#e4e4e4;
	color:#000;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}


.wrapper .btn-black{
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.wrapper .btn-black:hover{
	color: #fff;
}

.policy-section{
	padding: 25px 0px 25px 0px;
	background-color: #eee;
	margin-bottom: 100px;
}

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

.justify-content-end{
	justify-content: flex-end;
}

.d-flex{
	display: flex;
}

.align-items-center{
	align-items: center;
}

.policy-heading h2 {
	margin-bottom: 0;
	font-size: 42px;
	color: #000;
}

.privacy-detail{
	margin-top: 80px;
}

.privacy-detail h3 {
	margin-bottom: 15px;
	font-size: 25px;
}

.privacy-detail p {
	font-size: 19px;
	line-height: 26px;
	letter-spacing: 0.4px;
	color: #000;
	margin-bottom: 50px;
}

/***ul style***/
.dex-card {
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	width: 1050px;
	margin-bottom: 50px;
}

.dex-card-header h2 {
	text-align: center;
	font-weight: 800;
	font-size: 2.9em;
	text-shadow: 2px 2px 2px rgb(150 150 150 / 54%);
	color: #c59100;
	margin-bottom: 20px;
}

.dex-card-header h5 {
	text-align: center;
	margin-bottom: 50px;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgb(150 150 150 / 54%);
	color: #000;
	font-size: 32px;
}

.dex-card-header{
	text-align: center;
}

.btn-started{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background-color: #f7c623;
	font-weight: 500;
	border-radius: 8px;
	border: 2px solid #e7b718;
	padding: 14px 48px 13px 48px;
	position: relative;
}

.btn-started:hover{
	background-color: #f7c623;
	color: #000;
	background-color: #fff;
}

.dex-footer h5{
	font-size: 30px;
	color: #fff;
	margin-bottom: 12px;
}

.dex-card-footer ul{
	margin: 0;
	padding: 0 0 0 00px;
	list-style: none;
	display: flex;
	align-items: center;
}

.dex-video-holder{
	margin-bottom: 30px;
}

.dex-card-footer ul li:first-child {
	margin-right: 35px;
}

.dex-card-footer ul li:nth-child(4){
	margin-right: 120px;
}

.dex-card-footer ul li{
	margin-right: 30px;
}

.dex-card-footer ul li:last-child{
	margin-right: 0;
}

.dex-card-footer ul li h3 {
	margin-bottom: 0;
	font-size: 40px;
}

.icon-help {
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.icon-help.telegram-icons {
	background-color: #42a4e9;
	color: #FFF;
}

.icon-help.whatsapp-icon{
	background-color: #25d366;
	color: #fff;
}

.need-support h4 {
	margin-bottom: 0;
	margin-right: 25px;
}

.need-support ul li {
	margin-right: 10px !important;
}

.video-holder .btn.btn-blue {
	text-transform: capitalize;
	margin-top: 30px;
}

.banner-btn {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: center;
}

.banner-btn li:first-child {
	margin-right: 20px;
}

.banner-btn li:first-child a{
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
}
.banner-btn li:last-child a{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.input-holder label{
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 8px;
}

.contact-form-holder {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgb(219, 219, 219);
}

.wrapper-contact-from {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.message-recieved-card{
	background: #000;
    padding: 100px;
    border-radius: 30px;
}

.message-recieved-card h2{
	color: #fff;
	font-size: 40px;
	text-align: center;
}

.need-support.pres-btn .btn-danger {
	margin-right: 20px;
}

.contact-via-emial-form .input-holder .btn.btn-lg.btn-dark{
	position: absolute;
	top: 4px;
	right: 8px;
}

.input-holder{
	position: relative;
}

.contact-via-emial-form{
	margin-top: 20px !important;
}

.input-holder input:focus{
	outline: none;
	box-shadow: none;
}

.or-holder span {
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
}

.join-via-socails{
	margin-top: 20px;
}

.join-via-socails .nav-item .nav-link.email-btn{
	background: #f2dc00;
	color: #000;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-right: 20px;
	padding: 11px 26px;
}

.join-via-socails .nav-item .nav-link.email-btn img,
.join-via-socails .nav-item .nav-link.whatsapp-btn img{
	margin-right: 5px;
}

.join-via-socails .nav-item .nav-link.whatsapp-btn{
	background: #39e50c;
	color: #000;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-right: 20px;
	padding: 11px 26px;
}

/**** add style in media screen ***/
@media (min-width: 1320px) and (max-width: 1380px) {}
@media (max-width: 1200px){}
@media (min-width: 1024px) and (max-width: 1100px) {
	.dex-card{width: 870px;}
}

@media (max-width: 768px){
	.dex-card{width: 650px;}
	.dex-card-footer ul li h3{font-size: 30px;}
	.dex-card-header h2{font-size: 1.9em;}
	.dex-card-header h5{font-size: 29px;}
	.dex-video-holder iframe{height: 450px !important;}
}


@media (min-width: 320px) and (max-width: 599px) {
	.dex-card{width: 320px;}
	.dex-card-footer ul li h3{font-size: 15px;}
	.dex-card-header h2{font-size:25px; margin-bottom: 15px;}
	.dex-card-header h5{font-size: 18px; margin-bottom: 20px;}
	.dex-card{padding: 15px;}
	.dex-video-holder iframe{height: 250px !important;}
	.dex-card-footer ul li{margin-right:10px;}
	.dex-card-footer ul li a img{width: 32px;}
	.dex-card-footer ul li:first-child{position: absolute; margin-bottom: 20px; top: -20px;}
	.dex-card-footer ul li:nth-child(4){margin-right: 40px;}
	.btn-started {padding: 2px 11px 2px 11px; font-size: 14px}
	.dex-card-footer ul{margin-top: 30px !important;}
	.dex-card-footer{position: relative;}
	.dex-video-holder iframe{height: 100% !important; width: 100% !important;}
	.need-support ul{display: flex; margin-top: 0px !important;}
	.need-support ul li {position: relative !important; margin-bottom: 0 !important; top: 0px !important;}
	.icon-help { width: 30px; font-size: 17px; height: 30px;}
	.pres-btn a{margin-bottom: 15px; display: block;}
	.pres-btn{margin-top: 20px !important;}
}