:root{
   --bg-black :#000916; 
   --theme-color:#3C72FC;
   --theme-color2:#E0009B;
   --gray-txt:#c7c7c7;
}

body{
    background: var(--bg-black)  !important;

}


.navbar-toggler{
background-color:#fff !important;
}

#ALH_breadcrump {
  margin-top: 30px;
  color: #fff;
  text-align: center;
}

#ALH_breadcrump a{
   color: #fff;
   font-size: 20px;
   
}

#ALH_breadcrump a.ALHB_active{
    color: var(--theme-color);
}


#logo_container{
    color:#fff;
    font-size: 30px;
}



.bg-light-blck{
    background: #030f1f;
}
#mainHeader{

    background: var(--bg-black);
    padding: 30px 0px;
}

#navgation_container .nav-link{

    color: #fff;
}

#hero_section{
    padding-top: 50px;
    padding-bottom: 80px;
}
.allSectionHeading h4{
    color: var(--theme-color);
    font-size: 18px;

}

.allSectionHeading h1 , .allSectionHeading h2{
    color: #fff;
  
    margin-top: 25px;
    margin-bottom: 30px;

}

.allSectionHeading h1{
    font-size: 70px;
}
.allSectionHeading h2{
    font-size: 40px;
}


.allSectionHeading div{
    color: var(--gray-txt);

}

.CTA_HM_bnt2{
    text-decoration: none;
    color: #fff;
    font-size: 17px;
}
.CTA_HM_bnt2 span{
    color: var(--theme-color);
    height: 50px;
    width: 50px;
    display: inline-block;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    line-height: 50px;
  
    margin-right: 10px;
}
.allBtn{
    background: linear-gradient(118deg, var(--theme-color), var(--theme-color2));
    border-radius: 50px;
    padding: 15px 36px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
}

.HM_CTA{
    padding-right: 30px;
}


#HM_CTA_container{
    margin-top: 55px;
}

#aboutUs_section ,#howItWorks{
    padding-top: 80px;
    padding-bottom: 80px;
}

#ABS_List_Container{
    margin-top: 40px;
}

.ABS_List{margin-bottom: 10px;}

.ABS_List span{
    color: #fff;
}

.ABS_List span i{
color: var(--theme-color);
}

#ABS_imgContainer{
    position: relative;
    border-radius: 10px;
    display: inline-block;
}

#ABS_imgContainer:after {
  
        content: "";
        position: absolute;
        inset: 0;
        padding: 2px;
        border-radius: inherit;
        background: -webkit-linear-gradient(120deg, var(--theme-color2), var(--theme-color) 80%);
        background: linear-gradient(-30deg, var(--theme-color2), var(--theme-color) 80%);
        -webkit-mask: -webkit-linear-gradient(white, white) content-box, -webkit-linear-gradient(white, white);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: 1;
      
    }


#ABS_img{
    border-radius: 10px;
    border: 1px solid linear-gradient(118deg, var(--theme-color), var(--theme-color2));
}

 .img-box2-shape1 {
    position: absolute;
    inset: 12px 24px -12px -24px;
    background: -webkit-linear-gradient(345.67deg, var(--theme-color) 15.64%, var(--theme-color2) 139.11%);
    background: linear-gradient(104.33deg, var(--theme-color) 15.64%, var(--theme-color2) 139.11%);
    border-radius: 24px;
    z-index: -1;
}

#ABS_CTA{
    margin-top: 30px;
}

#HIW_LC_ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 971px;
    position: relative;
}

#HIW_LC_ul::after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    border: 1px dashed rgba(255,255,255,0.24);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
}


.HIW_LC_li:nth-child(odd) .HIW_SP {
    margin-left: auto;
}
.HIW_LC_li:first-child .HIW_SP {
    padding-top: 40px;
}

.HIW_LC_li:nth-child(even) .HIW_SP {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}

.HIW_LC_li:nth-child(even) .HIW_SP:before {
    left: auto;
    right: 19px;
}


.HIW_SP {
    max-width: 506px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    gap: 24px;
    padding: 0 0 64px;
    position: relative;
}

.HIW_SP::before{
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    border: 1px solid var(--theme-color);
    z-index: -1;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.HIW_SP:hover:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.HIW_B_Number{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: 1px solid var(--theme-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color);
    position: relative;
    z-index: 1;
}

.HIW_B_title {
    color: #fff;
}

.HIW_B_details{
    color: var(--gray-txt);
}

.HIW_B_Number_bg{
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--theme-color);
    z-index: -1;
}

#brandSlider{
    padding: 30px 0px;
}


#ourTeam{
    padding: 40px 0px;
}

.TMS_card{
    border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 20px;
}

.TM_name{
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.TM_occup{
    text-align: center;
    color: var(--theme-color);
    margin-bottom: 20px;
    margin-top: 5px;

}


.TM_SocialContainer{
    text-align: center;
}

.TM_SocialContainer ul{
    list-style: none;
    padding: 0px;
    display: flex;
    gap: 15px;
    justify-content: center;
}

.TM_SocialContainer ul a{
    display: inline-block;
}

.TM_SocialContainer ul li img{
    height:14px;
}

.TM_content{
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    padding: 10px;
    background: linear-gradient(1deg, black, hsl(0deg 0% 14.17% / 75%));
}

#teamHead{
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}

#downloadP , #H_videos{
    padding: 60px 0px;
}



#HV_vido_containr{
display: flex;
gap: 30px;
}

.HV_Vblocks iframe{
    width: 100%;
    height: 300px;
}

.HV_Vblocks{
    width: 50%;
    background: #031837;
    padding: 20px;
    border-radius: 10px;
}

.HV_Vblocks .HVV_title{
color: var(--gray-txt);
margin-bottom: 20px;
}

/* footer  */
#footerLogoCOnt{
    color: #fff;
    font-size: 30px;
}

#mainFooter{

}

#footerLogoCOnt{
margin-bottom: 20px;
}

#mainFooter>.container{
    padding: 30px 0px;
    margin-top: 30px;
    border-top:1px solid #5d5d5d;
}

#FT_descp{
  color: var(--gray-txt);
}

.FT_MHeading{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.FT_menuContainer ul , .FT_contact ul{
    list-style: none;
    padding: 0px;
}
.FT_menuContainer ul li , .FT_contact ul li{
    margin-top: 20px;
}
.FT_menuContainer ul li a{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--gray-txt);
}
.FT_menuContainer ul li a i{
    color: var(--theme-color);
}

.FT_contact li{
    display: flex;
    gap: 20px;

}

.FT_C_icon{
    color: var(--theme-color);
    border: 1px solid #7c7c7c;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    line-height: 48px;
    font-size: 22px;
}

.FT_C_smHeading{
    color: var(--theme-color);
}
.FT_C_Data{
    color: var(--gray-txt);
    font-size: 18px;
}

#footerBottom{
    padding:20px 0px;
}

#BF_copright , #BF_btnCon a{
    color:var(--gray-txt);
    font-size:18px;
    text-decoration: none;
}

#BF_btnCon{
display: flex;
gap: 30px;
flex-direction: row;
}

#all_hero_section{
    position: relative;
    max-height: 400px;
    overflow: hidden;

}

#ALH_videocontain video{
     width: 100%;
     height: auto;
}

#ALH_Content{
    position: absolute;
    top: 45%;
    width: 100%;
}

#ALH_Content h1{
    text-align: center;
    color: #fff;
}

.DFF_cont{
    display: flex;
}

.DFF_block{
    text-align: center;
    width: 25%;
    padding: 30px;
    background: #000916;
    position: relative;
    z-index: 2;
}
.DFF_title{
    color: var(--bs-blue);
    font-size: 20px;
    margin-top: 20px;
}


#D_Features{
    padding: 40px 0px;
}

#DDF_D_btn a{
    color: #000;
    background: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 15px 50px;
    border-radius: 67px;
}

#DDF_D_title{color: #fff;}

#DDF_download {
    background: linear-gradient(45deg, var(--theme-color), var(--theme-color2));
    padding: 60px 40px;
   
}

#DPCont{
    display: flex;
}

.D_P_block{
    padding: 20px;
    position: relative;

    width: 50%;
}

.DPB_blk{
    background: #000916;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: 30px;
    height: 500px;
    
}

.DPB_wht{
    background: var(--gray-txt);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    height: 530px;
    
}
.DPB_wht .DP_price{
    background: #d9d9d9;
}

.DPB_blk div{
    color: var(--gray-txt);
}
.DPB_wht div{
    color: #000916;
}


.DP_title{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}

.DP_price{
    font-size: 23px;
    background: #212121;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
.DP_content{}
.DP_content ul{
    list-style: none;
}
.DP_content ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.DP_content ul li .DP_CC{}
.DP_content ul li .DP_CC>i{
    color: var(--theme-color);
}

.DP_content ul li>i{
    color: #6f6f6f;
}

.DP_btnCont a{
    width: 80%;
}

.DP_btnCont{
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 30px;
}


/* Features page */


#F_Features .container{
    margin-top: 20px;
}

#F_Features{
    padding: 80px 0px;
}


.F_icon_cont img{
    height: 50px;
}

.F_block{
    padding: 10px;
    background: hsl(223.13deg 96.97% 61.18% / 20%);
    border-radius: 10px;
}

.F_Contnt{

}

.F_title{
    color: #fff;
    font-size: 30px;
    margin-top: 20px;
}
.F_subtitle{
  color: var(--gray-txt);
}

.F_detail ul{
   padding: 0px;
   list-style: none;
   margin-top: 20px;
}
.F_detail ul li{
color: #fff;
font-size: 13px;
margin-top: 7px;
}
.F_detail ul li i{
color: var(--theme-color);
}


/* contact us page */

#contactUs{
  padding: 80px 0px;
}

#CForm_Container{
    background: #00172f;
    padding: 30px;
    border-radius: 20px;
}

.CF_inline{
    display: flex;
    gap: 15px;
}

.CF_inputBlock{
  position: relative;
  margin-top: 15px;
}

.CF_inputBlock input[type="text"] , 
.CF_inputBlock input[type="email"] ,
.CF_inputBlock input[type="number"],
.CF_inputBlock textarea{

    background: none;
    border: 1px solid #32527f;
    padding: 10px 30px 10px 10px;
    border-radius: 80px;
    font-size: 14px;
    min-width: 335px;
    width: 100%;
color: #fff;
}

.CF_inputBlock textarea{
    height: 200px;
    border-radius: 20px;
}

.CF_inputBlock i{
    position: absolute;
    right: 15px;
    top: 12px;
    color: var(--theme-color);
}

.CF_rInfoBlock{
    background: #00172f;
    padding: 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.CFR_iconContainer{
    background: #000916;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 5px;
}
.CFR_iconContainer i{

}

.CFR_title{
    color: var(--theme-color);
    font-size: 16px;
}
.CFR_sub{
    color: #fff;
}

/* about us page */

.TMS_abt::after{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: -webkit-linear-gradient(30deg, var(--theme-color2), var(--theme-color) 80%);
    background: linear-gradient(-30deg, var(--theme-color2), var(--theme-color) 80%);
    -webkit-mask: -webkit-linear-gradient(white, white) content-box, -webkit-linear-gradient(white, white);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
}