body{
    font-family: 'Archivo', sans-serif;
}

/************************************** 
regular
***************************************/
p{
    font-size: 16px;
    color: #707070;
    line-height: 25px;
}
a{
    color: #610981;
}
.pt-30{
    padding-top: 30px;
}
.pb-30{
    padding-bottom: 30px;
}
.pt-20{
    padding-top: 20px;
}
.pb-20{
    padding-bottom: 20px;
}
.pl-60{
    padding-left: 60px;
}
.pr-60{
    padding-right: 60px;
}

.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}
.mt-90{
    margin-top: 90px;
}
.mb-70{
    margin-bottom: 70px;
}
.mt-70{
    margin-top: 70px;
}
.btn-purple{
    color: #fff;
    border-radius: 144px;
    padding: 12px 27px 12px 27px;
    letter-spacing: 1px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 15px;
    display: inline-block;
    background-color: #610981;
    box-shadow: 0px 5px 13px rgb(97 9 129 / 35%);
}
.btn-purple:hover{
    background: #D32D7C;
    color: #ffffff;
}

.section-heading{
    text-align: center;
    position: relative;
    z-index: 222;
}
.section-heading h3{
    font-size: 25px;
    font-weight: 700;   
    font-family: 'Montserrat', sans-serif;
    color: #000000;
}
.section-heading p{
    margin-top: 10px;
    margin-bottom: 0px;
}
    
.section-heading-white{
    text-align: center;
    position: relative;
    z-index: 222;
}
.section-heading-white h3{
    font-size: 25px;
    font-weight: 700;   
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
}
.section-heading-white p{
    margin-top: 10px;
    margin-bottom: 0px;
    color: #ffffff;
}
.d-up-center{
    display: flex;
    align-items: center;
}
.d-side-end {
    display: flex;
    align-items: center;
    justify-content: end;
}
.bounce-up-image{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
#loading {
    width: 100%;
    height: 100%;
    background-color:rgb(255, 255, 255);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
#loading-image {
    position: relative;
    left: 0;
    height: 80px;
    width: 80px;
    right: 0;
    z-index: 100;
    text-align: center;
}
/***************************************
 main-section 
***************************************/

.background-01{
    background-color:rgba(239, 212, 249, 0.22);
    position: relative;
    min-height: 600px;
}
.first-top-main{
    position: relative;
    padding-top: 125px;
}
.aline-center{
    display: flex;
    align-items: center;
}
.main-content{
    padding-right: 115px;
}
.main-content h1{
    font-weight: 700;
    color: #000000;
    line-height: 46px;
    font-family: 'Montserrat', sans-serif;
}
.main-content p{
    padding-right: 65px;
}
.img-parents{
    text-align: end;
}
.med-main-img{
    width: 450px;    
}
#more {
    display: none;
}
.more-toggle{
    color: #610981;
    font-size: 15px;
    padding-left: 5px;
}
.more-toggle i{
    font-size: 12px;
}

/***************************************
blog
***************************************/
.page-heading-bg{
    background-color:rgba(239, 212, 249, 0.22);
    position: relative;
    min-height: 290px;
}
.lotus-parents{
    position: relative;
    text-align: center;
    height: 100%;
    bottom: 0px;
    margin: 0 auto;
}
.lotus-img{
    width: 390px;
    position: relative;
    bottom: -40px;
}
.content-child{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 30px;
    text-align: center;
}
.heading-page-parent{
    min-height: 290px;
}
.heading-page-parent h1{
    font-weight: 700;
    color: #000000;
    line-height: 46px;
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
}
/* breadcum */
.breadcrumb{
    justify-content: center;
}
.breadcrumb-item.active{
    color: #610981;
}
.breadcrumb-item{
    font-size: 15px;
}
.breadcrumb-item+.breadcrumb-item::before{
    content: none;
}
.bread-font-color{
    color: #000000;
}
/* end */

/* blog */
.blog-box-parents{
    background-color: #FBF6FE;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}
.bg-hover{
    background: #610981;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
}
.blog-box-parents img{
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.blog-box-parents:hover img {
	opacity: .8;
}
.blog-box-content{
    padding: 20px 15px 15px;
    text-align: start;
}
.blog-box-content h4{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    width: 100%;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.blog-box-content label{
    color: #707070;
    margin-bottom: 20px;
    display: block;
}
.blog-redmore-link {
    font-size: 15px;
    color: #610981;
}
.blog-redmore-link:hover {
    color: #360647;
}
.blog-box-content a i{
    font-size: 12px;
    padding-left: 5px;
}

/* appstore-mobile-apps */

/* connect to change pro */
.app-store-bg{
    background: rgba(239, 212, 249, 0.5);
    padding: 50px 0px;
}
.app-store-parents{
    height: 100%;
    align-items: center;
    display: flex;
}
.only-landing-img{
    width: 430px;
}
build-a-more-img{
    width: 430px;
}
.connect-to-parent{
    text-align: start;
}
.connect-to-parent-02{
    text-align: end;
}
.app-store-parents h1{
    font-weight: 700;
    color: #000000;
    line-height: 45px;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
}
.app-store-btn{
    box-shadow: 0px 5px 13px #97909A;
    background: #000000;
    border-radius: 13px;
}
.apps-add-img-parent{
    text-align: end;
}
.apps-add-img-parent img{
    width: 400px;
}

/* build up more */

.build-more{
    text-align: start;
}
.build-more img{
    width: 440px;
}
.build-more-02{
    text-align: end;
}
.build-more-02 img{
    width: 440px;
}
.connect-to-conntent h3{
    font-size: 25px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
}
.small-box-points{
    background-color: #FBF6FE;
    border-radius: 15px;
    padding: 25px 20px;
    text-align: center;
    margin-bottom: 20px;
}
.small-box-points img{
    padding-bottom: 30px;
    width: 35px;
}
.small-box-points h5{
    color: #000000;
    font-weight: 500;
}
.small-box-points p{
    margin: 0;
}

.small-box-points:hover{
    background-color: #f9efff;
}
.small-box-points:hover h5{
    color: #610981;
}
.web-quick-icon{
    width: 50px !important;
}

.all-equal-hight{
    min-height: 212px;
}
/* counters */
.con-pending-counter{
    padding: 75px 0px;
}
.clam-by-bg{
    position: relative;
    background-image: url(../img/main-page/clam-by-number-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.clam-by-bg::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(62, 48, 137, 0.8);
    z-index: 1;
}
.row-zindex{
    position: relative;
    z-index: 22;
}
.counter {
    animation-duration: 1s;
    animation-delay: 0s;
}
.counter-main-box{
    text-align: center;
    border: 1px solid #8064AA;
    padding: 50px 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.counter-main-box p{
    color: #ffffff;
    margin-bottom: 0px;
}
.number-pers{
    display: flex;
    align-items: center;
    justify-content: center;
}
.number-pers h1{
    color: #ffffff;
    font-size: 45px;
    font-weight: 800;
}
.number-pers i{
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    padding-left: 7px;
}

/* how clam */
.clam-box-parents{
    background-color: #FBF6FE;
    text-align: center;
    border-radius: 15px;
    padding: 40px 25px;
    /*margin-bottom: 20px;*/
    min-height: 286px;
    height: 100%;
}
.clam-box-parents img{
    width: 60px;
}
.clam-box-parents h5{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.clam-box-parents p{
    margin: 0px;
}

.clam-box-parents:hover{
    background-color: #f9efff;
}
.clam-box-parents:hover h5{
    color: #610981;
}


/***************************************
Professionals
***************************************/
.page-heading-bg-professional {
    background-image: url(../img/professional/p-bg.jpg);
    position: relative;
    min-height: 290px;
}

.page-heading-bg-professional::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: rgba(251, 246, 254, 0.94);
}
.profesional-services-img{
    width: 100%;
}
.only-pl{
    padding-left: 60px;
}

/* meet-team */
.meet-team-parents{
    background-color: #FBF6FE;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 35px;
    text-align: center;
}
.meet-team-parents img {
    width: 70px;
    border-radius: 100%;
    border: 2px solid #f1ccff;
    margin-bottom: 10px;
    padding: 2px;
}
/*.meet-team-parents img{
    width: 100px;
    border-radius: 100%;
    border: 3px solid #610981;
    margin-bottom: 20px;
}*/
.meet-team-parents h5{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.meet-team-parents:hover{
    background-color: #f9efff;
}
/* .meet-team-parents:hover img{
    transform: rotateY(360deg);
    transition: 0.7s;
    transition: all 500ms ease;
} */
.meet-team-parents:hover h5{
    color: #610981;
    cursor: default;
}
.meet-team-parents:hover img {
    border-color: #610981;
}

/* create-your-parents */
.creaye-your-parents{
    text-align: center;
}
.creaye-your-parents img{
    width: 70px;
    margin-bottom: 30px;
}
.creaye-your-parents h5{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.creaye-your-parents:hover h5{
    color: #610981;
}
.cust_p {
    font-size: 20px;
    line-height: 31px;
}
/***************************************
Professionals end
***************************************/

/***************************************
features
***************************************/
.only-fea-width{
    width: 85%;
}
.down-text-line p{
    max-width: 470px;
}

/***************************************
features end
***************************************/

/***************************************
about
***************************************/
.about-parents{
    text-align: end;
}
.about-img{
    width: 75%;
}

.meet-team-about-parent{
    background-color: #FBF6FE;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}
.bg-hover-about {
    background: #610981;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
}
.meet-team-about-parent:hover img {
    opacity: .8;
}
.meet-team-about-parent img{
    width: 100%;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.img-team-data{
    text-align: center;
    padding: 20px 15px;
}
.img-team-data h5{
    margin-bottom: 20px;
}

/***************************************
about end
***************************************/

/***************************************
contact start
***************************************/

/* contact form */
.contact-form-parents{
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px #F3F3F3;
    border-radius: 15px;
}
.con-form-label{
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 15px;
    color: #000000;
}
.con-form-textbox{
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 15px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
}
.con-form-textarea{
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 15px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    resize: none;
    display:block;
}
.con-form-textbox:focus{
    border-color: #610981;
    box-shadow: none;
}
.con-form-textarea:focus{
    border-color: #610981;
    box-shadow: none;
}
.contact-img{
    text-align: end;
}
.contact-img img{
    width: 450px;
}
/* end contact form */

/* For More Information? */
.parents-accordian{
    margin-bottom: 20px;
    border: 0px;
}
.btn-accordian{
    background: #FFFFFF;
    box-shadow: 0px 5px 15px #F3F3F3;
    border-radius: 15px;
    border: 0px;
    padding: 20px;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}
.accordion-button:not(.collapsed){
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #000000;
    font-weight: 400;
    font-size: 15px;
    background-color: #ffffff;
    box-shadow:0px -2px 15px #f3f3f3b5;
    border-bottom: 1px solid #DADADA;
}
.accordian-content{
    background: #FFFFFF;
    box-shadow: 0px 5px 15px #F3F3F3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.accordian-content p{
    margin-bottom: 0px;
}
.accordion-button:focus{
    box-shadow: 0px 5px 15px #F3F3F3;
    border-color: #DADADA;
}

/* For More Information? end */
/***************************************
contact end
***************************************/
/***************************************
footer
***************************************/

footer{
    text-align: center;
    padding: 40px 0px;
}
.footer-img{
    width: 90px;
}
footer .imp-links a{
    color: #000000;
    padding: 0px 20px;
    font-weight: 400;
}
.social-icon img{
    margin: 0px 12px;
    width: 30px;
    height: 30px;
}
footer p{
    color: #263238;
    margin: 0;
}

/***************************************
footer end
***************************************/

/***************************************
    Meet our professionals start
***************************************/

.main-meet-box{
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px #F3F3F3;
    border-radius: 15px;
}
.parents-img-meet{
    background-color: #FBF6FE;
    border-radius: 15px;
}
.name-desig{
    padding: 15px 0px 10px;
    text-align: center;
}
.name-desig h5{
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin: 0px;
}
.name-desig p{
    font-size: 14px;
    font-weight: 400;
    color: #263238;
    margin: 0px;
    text-transform: uppercase;
}

.meet-img-people img{
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
/***************************************
    end Meet our professionals start
***************************************/