*{
    padding: 0;
    margin: 0;
    outline: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
ul,ol{
    list-style-type: none;
}
img{
    vertical-align: none;
    border: 0;
}

p{
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#444444;
}
h1{
    font-size: 55px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
h2{
    /* font-size: 56px; */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #3a85c9;
}
h3{
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
}
.tittle{
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/*===========preloder=============*/
.preloder{
    position: fixed;
    width: 100%;
    height: 100%;
    background:#3a85c9; 
    z-index: 9999999;
}
.preloder img{
    position: absolute;
    top: 30%;
    left: 40%;
}
/*=======================Header part start===========================*/
.navbar{
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 15px 100px !important;
    
}
.bg{
    background: transparent linear-gradient(180deg, #F2709C 0%, #FE9273 100%) 0% 0% no-repeat padding-box;
    animation: nav 1s;
}
@keyframes nav{
    from{top:-50px;}
    to{top:0px;}
}
.navbar-light .navbar-nav .nav-link {
	font-size:18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #fff !important;
    padding:30px 6px;
    border-top:1px solid transparent;
}
.Partner {
    border: 1px solid #fff;
    font-size:18px;
    height: 50px;
    padding: 11px 20px;
    color: #fff;
    margin-top: 15px;
    margin-left: -18px;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.Partner:hover{
    color: #fff;
}
.nav-item{
    padding-right: 44px;
}
.header_btn{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:#3a85c9;
    color: #fff;
    border:1px solid transparent;
    z-index: 999;
}
.btn:hover{
    background:#fff;
    color:#3a85c9;
    border: 1px solid #3a85c9;
}
.header_button input {
    width: 0;
    transition: all linear .3s;
    border: none;
}
.header_button:hover input {
    width: 200px;
}
/*====================banner part start======================*/
#banner{
    background: url(../images/bannerBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 500px 0;
   
}
.banner_text h1{
    color: #fff;
    font-weight: 600;
    padding-top: 160px;
    transition: 1.5s;
    transform-origin: left;
    transform: scaleY(0);
    position: relative;
    display: inline-block;
}
.banner_text h1[data-scroll="in"]{
    transform: scaleY(1);
}
.banner_text h3{
    padding: 0 100px;
    transition: 1.5s;
    transform-origin: top;
    transform: scaleY(0);
}
.banner_text h3[data-scroll="in"]{
    transform: scaleY(1);
}

.banner_text p{
    font-size: 18px;
    font-family: ol;
    color: #fff;
}
.banner_text span{
    font-family:afr;
    font-size: 65px;
}
.banner_text a{
    font-size: 20px;
    font-family:osb;
    padding:12px 20px;
    background: #fff;
    border-radius:30px;
    color:#3a85c9;
}
.banner_Dashbord{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 20%;
    bottom: -32px;
}
.banner_Dashbord img{
    box-shadow: 0px 17px 45px #00000029;
}
.banner_Mobil{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -69px;
    bottom: -32px;
}
/* .banner_Mobil img{
    box-shadow: 0px 17px 45px #00000029;
} */
.certifaiedmobil{
    display: none;
}
.certifaied{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 56px;
    width: 100%;
    height: 112px;
    line-height: 112px;
    padding: 0 45px;
    margin-top: 20px;
    opacity: 0.63;
}
.certifaiedImg{
    width: 25%;
    float: left;
    text-align: center;
}
.back-to-top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background:#3a85c9;
    color: #fff;
    line-height: 40px;
    z-index: 99;
    font-size: 20px;
}
/*============bridge text==================*/
.bridgemobilimage{
    display: none;
}
.bridegeBorder{
    border: 2px solid #707070;
    border-style: dashed;
    padding: 90px 90px 48px 90px;
    margin-top: 230px;
    position: relative;
    border-radius: 16px;
}
.bridegeBorder::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: -200px;
    left: 0;
    background-image: url(../images/bridge.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
}
.bridgetext {
    position: absolute;
    bottom: -40px;
    background: #fff;
    width: 21%;
}
.bridgetext p{
    font-size: 30px;
    margin-top: 20px;
    text-transform: uppercase;
    margin-left: -20px;
}
/*==============Bridge mobil=================*/
.brigeMobile{
    width: 23%;
    float: left;
    margin-left: 15px;
}
/* ==================
Core Module
==================== */
#CoreModule{
    margin-top: 80px;
    position: relative;
}
#CoreModule::after{
    position: absolute;
    content:'';
    width: 81%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FBD8CD 0% 0% no-repeat padding-box;
    border-radius: 10px 50px 0px 0px;
    opacity: 0.25;
    z-index: -1;
}
.CoreTitle h2{
    color: #F05A28;
    margin-bottom: 50px;
}
.coreNav .nav-link {
    border-radius: .25rem;
    border-bottom: 1px solid #7070703d;
    border-radius: 0;
    color: #626679;
    padding: 0 38px;
}
.coreNav .nav-item{
    margin-right: -45px !important;
    margin-bottom: 20px;
}
.coreNav .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
    background-color: transparent;
    color: #F37298;
    border-bottom: 1px solid #F37298;
}
.coreNav .nav-link.active, .nav-pills .show > .nav-link svg {
	stroke: #F37298;
}

.mobilbannerimage{
    display: none;
}

/*=================================
Core Feature
====================================*/
#CoreFeature{
    background: #F4F9FF 0% 0% no-repeat padding-box;
    padding: 50px 0;
}
.core h3{
    color: #0AB69F;
    font-weight: 700;
}
.coreFeaturedown {
    width: 23%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    float: left;
    margin-right: 2%;
    padding: 50px 0;
    margin-top: 25px;
}
.coreFeaturedown p {
    font-size: 20px;
    font-weight: 500;
    color: #747F92;
    margin-top: 18px;
}
.coreFeatureup{
    width: 23%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    float: left;
    margin-right:2%;
    padding: 50px 0;
}
.coreFeatureup p {
    font-size: 20px;
    font-weight: 500;
    color: #747F92;
    margin-top: 18px;
}

#pills-odhyyon {
    margin-top: 55px;
}
.odhyyon h5{
    font-size: 18px;
    color: #626679;
    font-family: 'Montserrat';
    font-weight: 600;
    letter-spacing: 4px;
}
.odhyyon h3{
    font-size: 24px;
    color: #626679;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 40px;
}

.odhyyon a img{
    transform: translateX(5px);
    /* transition: all linear .5s; */
    transition: all 0.3s ease-in-out 0s;
}
.odhyyon a:hover img{
    transform: translateX(15px);
}
.coreModuleIcon {
    margin-top: 55px;
}
.coreModuleIconInner{
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
.codemoduleicontext p {
    margin-top: 3px;
    font-size: 18px;
}
.coreModuleIcon li{
    display: inline-block;
}
.coreModulemainIccon{
    width: 30%;
    float: left;
}
.codemoduleicontext{
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
.Modules{
    padding: 10px 20px;
    background: transparent linear-gradient(270deg, #55D6BE 0%, #0AB69F 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 3px;
    color: #fff;
}
.Modulesbtnmobil{
    display: none;
}
/*===============organaosation banefits====================*/
.organizationsIteams{
    width: 25%;
    float: left;
}