/* ========================================================================================================================================

                                                               Start Font Conenctivty

===========================================================================================================================================*/



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');



/* poppins-regular - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */

}

/* poppins-500 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */

       url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */

}

/* poppins-600 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */

       url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */

}

/* poppins-700 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */

       url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */

}

/* poppins-800 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 800;

  src: url('../fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */

       url('../fonts/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */

       url('../fonts/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */

}



@font-face {

  font-family: Poppins-Regular;

  src: url(../../font/Poppins-Regular.ttf)

}



@font-face {

  font-family: Poppins-SemiBold;

  src: url(../../font/Poppins-SemiBold.ttf)

}



@font-face {

  font-family: Poppins-Bold;

  src: url(../../font/Poppins-Bold.ttf)

}



@font-face {

  font-family: Poppins-Medium;

  src: url(../../font/Poppins-Medium.ttf)

}



/* ========================================================================================================================================

                                                               End Font Conenctivty

===========================================================================================================================================*/



/* =======================================================================================================================================

                                                            Default Css

==========================================================================================================================================*/



* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}

body{

  overflow-x: hidden;

  font-family: 'Poppins', sans-serif !important;

}

:root{

  --themeColor: #00c0f7;

  --blackColor: #121b20;

  --nblueColor: #142149;

  --txt: #5C5C5C;

  --whiteColor: #fff;

}

.container{

  max-width: 1400px;

  padding: 0 30px;

  margin: 0 auto;

}

h1,h2,h3,h4,h5,h6,p{

  margin: 0;

  padding: 0;

}

p{

  font-size: 14px;

}

ul{

  list-style: none;

  margin: 0;

  padding: 0;

}

a{

  text-decoration: none;

}

.p_relative{

  position: relative;

}

.d-flex{

  display: flex;

}

.align-items-center{

  align-items: center;

}

.justify-content-end{

  justify-content: end;

}

.justify-content-center{

  justify-content: center;

}

.justify-content-between{

  justify-content: space-between;

}

.justify-content-evenly{

    justify-content: space-evenly;

}

.flex_warp{

  flex-wrap: wrap;

}
.flex-warp{

  flex-wrap: wrap;

}

.spacerY{

  padding: 90px 0;

}

.spacerB{

  padding-bottom: 90px;

}

.spacerT{

  padding-top: 90px;

}

.fw-600{

  font-weight: 600 !important;

}

.fs-13{

  font-size: 13px !important;

}

.fs-14{

  font-size: 14px !important;

}

.fs-17{

  font-size: 17px !important;

}

.mt-40{

  margin-top: 40px;

}

.ps-8{

  padding-left: 8px;

}

.nblue{

  color: var(--nblueColor);

}

.white{

  color: var(--whiteColor) !important;

}

.black{

  color: var(--blackColor) !important;

}

.txt{

  color: var(--txt) !important;

}

.blue{

  color: var(--themeColor) !important;

}

.btn_light a{

  display: inline-block;

  padding: 8px 20px;

  border: 1px solid var(--blackColor);

  border-radius: 7px;

  font-size: 14px;

  color: var(--blackColor);

}

.btn_light_banner a:hover{

  background-color: var(--themeColor);

  border: 1px solid transparent;

}

.btn_theme a{

  display: inline-block;

  padding: 20px 41px;

  background-color: var(--themeColor);

  color: var(--whiteColor);

  border-radius: 7px;

  font-size: 14px;

  transition: .3s;

}

.btn_theme a:hover{

  background-color: var(--nblueColor);

}

.btn_theme_1{

  padding-left: 10px;

}

.btn_theme_1 a{

  display: inline-block;

  padding: 18px 41px;

  border: 1px solid var(--whiteColor);

  color: var(--whiteColor);

  border-radius: 7px;

  font-size: 14px;

  transition: .3s;

}

.btn_theme_1 a:hover{

  background-color: var(--themeColor);

  border: 1px solid transparent;

}

.btn_advantages a{

  display: inline-block;

  padding: 10px 20px;

  border: 1px solid var(--blackColor);

  border-radius: 5px;

  color: var(--blackColor);

  transition: .2s;

}

.btn_advantages a:hover{

  background-color: var(--themeColor);

  border: 1px solid transparent;

  color: var(--whiteColor);

}

.main_banner_button li a{

  display: inline-block;

  font-size: 14px;

  color: var(--whiteColor);

  font-weight: 500;

  border-radius: 6px;

  padding: 15px 20px;

  background-color: transparent;

  border: 1px solid var(--whiteColor);

  transition: .1s;

}

.main_banner_button li a:hover{

  background-color: var(--themeColor);

  border: 1px solid transparent;

}

.btn_price a{

  display: inline-block;

  padding: 12px 20px;

  background-color: var(--nblueColor);

  color: var(--whiteColor);

  font-weight: 500;

  border-radius: 5px;

  transition: .2s;

  text-align: center;

}

.btn_price a:hover{

  background-color: var(--themeColor);

}

.btn_price_1 a, .btn_price_1 > div{

  display: inline-block;

  padding: 12px 20px;

  background-color: var(--themeColor);

  color: var(--whiteColor);

  font-weight: 500;

  border-radius: 5px;

  transition: .2s;

  text-align: center;

	cursor: pointer;

}

.btn_price_1 a:hover, .btn_price_1 > div:hover{

  background-color: var(--nblueColor);

}

.business_challenge_title{

  margin-bottom: 20px;

}

.business_challenge_title h6{

  font-size: 17px;

  font-weight: 500;

  color: var(--blackColor);

}

.business_challenge_title h2{

  font-size: 45px;

  font-weight: 700;

  color: var(--themeColor);

}

.business_challenge_title p{

  color: var(--blackColor);

  margin: 12px 0;

}



/* ========================================================================================================================================

                                                               Start Header Css

===========================================================================================================================================*/



.main_banner_content {

    padding-top: 45px!important;

}



.main_header_section{

  position: relative;

  background-color: var(--whiteColor);

}

.logo_side{

  width: 35%;

}

.menu_side{

  width: 45%;

}

.btn_side{

  width: 20%;

}

.main_menu li a{

  display: block;

  padding: 30px 12px;

  color: var(--blackColor);

  transition: .3s;

  position: relative;

  overflow: hidden;

}

.main_menu li a::after{

  content: '';

  height: 5px;

  width: 100%;

  background-color: var(--themeColor);

  position: absolute;

  bottom: 0;

  left: 0;

  opacity: 0;

}

.main_menu li a::before{

  content: '';

  position: absolute;

  width: 10px;

  height: 10px;

  background-color: var(--themeColor);

  bottom: 0px;

  left: 50%;

  transform: translateX(-50%) rotate(45deg);

  opacity: 0;

}

.main_menu li:hover a{

  color: var(--themeColor);

}

.main_menu li:hover a::before, .main_menu li:hover a::after{

  opacity: 1;

}

.mob_main_menu{

  width: calc(100% - 30px);

  margin: 0 15px;

  background-color: var(--whiteColor);

  box-shadow: 0 10px 13px 0 rgba(0,0,0,.15);

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  z-index: 50;

}

.mob_main_menu li a{

  display: block;

  padding: 10px 20px;

  color: var(--blackColor);

}

.btn_side .btn_theme{

  padding-left: 10px;

}

.toggle{

  font-size: 28px;

}

.main_header_section .btn_theme a{

  padding: 10px 20px !important;

}



/* ========================================================================================================================================

                                                               End Header Css

===========================================================================================================================================*/



/* ========================================================================================================================================

                                                               Start Footer Css

===========================================================================================================================================*/



.border_bottom{

  width: 50px;

  height: 3px;

  background-color: var(--themeColor);

  margin-top: 7px;

  margin-bottom: 20px;

}

.footer_menu li a{

  display: block;

  padding: 6px 0;

  font-size: 15px;

  color: var(--whiteColor);

  transition: .3s;

}

.footer_menu li a:hover{

  color: var(--themeColor);

}

.btn_monthly div, .btn_monthly a{

  display: inline-block;

  padding: 10px 30px;

  border: 1px solid var(--themeColor);

  color: var(--themeColor);

  font-weight: 500;

  border-radius: 5px;

  transition: .2s;

  cursor: pointer;

}

.btn_monthly div:hover, .btn_monthly a:hover{

  background-color: var(--nblueColor);

  color: var(--whiteColor);

  border: 1px solid transparent;

}

.main_footer_section{

  padding-bottom: 15px;

}

.single_footer_section{

  width: calc(12% - 30px);

  margin: 15px;

}.footer_menu li a{

  padding-left: 0 !important;

}

.single_footer_section:last-child{

  width: calc(30% - 30px);

  margin: 15px;

}

.list_contact i{

  padding-top: 3px;

  padding-right: 10px;

}

.mt-10{

  margin-top: 5px

}

.contact_footer_contact p{

  margin-top: 5px;

}

.contact_footer_contact p:first-child{

  margin-top: 0 !important;

}

.footer_logo_section{

  margin-top: 100px;

}

.brand{

  width: calc(33.33% - 30px);

  margin: 15px;

}

.brand p{

  padding-right: 10px;

}

.footer_logo_section .btn_price_1{

  padding-right: 12px;

}

.footer_logo_section .btn_price_1 a{

  padding: 10px 30px !important;

}

.footer_copy_right{

  padding: 5px 0;

  background-color: #000410;

}

.copy_right{

  width: calc(50% - 30px);

  margin: 15px;

}

.copy_right .footer_menu li a{

  padding: 10px !important;

}



/* ========================================================================================================================================

                                                               End Footer Css

===========================================================================================================================================*/