@font-face {
    font-family: Sora-bold;
    src: url(../fonts/Sora-Bold.ttf);
}
@font-face {
    font-family: Sora-SemiBold;
    src: url(../fonts/Sora-SemiBold.ttf);
}
@font-face {
    font-family: Sora-Regular;
    src: url(../fonts/Sora-Regular.ttf);
}
@font-face {
    font-family: Inter-Medium;
    src: url(../fonts/Inter-Medium.ttf);
}
@font-face {
    font-family: Inter-Regular;
    src: url(../fonts/Inter-Regular.ttf);
}
body{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
ul, li {
    margin: 0px;
    padding: 0px;
}
/*
 *helper
 */

.mg-btn-1 {
    background-color: #7000FF;
    color: #fff!important;
    font-family: 'inter-medium';
    padding: 12px 34px;
    border-radius: 28px;
    font-size: 13px;
    text-transform: capitalize;
    transition: .5s;
}
.mg-btn-1:hover {
    color: #000!important;
    background-color: #fff;
    border: 1px solid #000;
}
.mg-btn-1 img {
    width: 13px;
    margin-left: 0px;
}
.mg-btn-1:hover {
    color: #000!important;
    background-color: #fff;
    border: 1px solid #000;
}
.mg-btn-1:hover .mg-light-arrow {
    display: none;
}
.mg-btn-1:hover .mg-hover-image {
    display: inline-block;
}
.mg-btn-2 {
    background-color: #fff;
    color: #000!important;
    font-family: 'inter-medium';
    padding: 12px 34px;
    border-radius: 28px;
    font-size: 13px;
    text-transform: capitalize;
    transition: .5s;
    border: 2px solid transparent;
    font-weight: 600;
}
.mg-light-arrow {
    width: 13px;
    margin-left: 2px;
}
.mg-hover-image {
    width: 13px;
    margin-left: 2px;
}
.btn.mg-btn-2:hover {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff!important;
}
.mg-btn-2:hover .mg-light-arrow {
    display: none;
}
.mg-btn-2:hover .mg-hover-image {
    display: inline-block;
}
#back-top {
    background: #7001ff;
    height: 50px;
    width: 50px;
    right: 20px;
    bottom: 18px;
    position: fixed;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 30%;
    line-height: 48px;
    border: 2px solid transparent;
    box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.5);
    z-index: 999;
}

#back-top a {
    color: #fff;
}
/**********************/
/*
 *Home page
 */
/*
 *banner section
 */

.mg-banner-section {
    background-image: url('../images/banner/bg-layout.png');
    height: auto;
    background-color: #F6F7FB;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.mg-banner-content-main {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
}
.mg-banner-text {
    width: 40%;
}
.mg-banner-overlay-img {
    width: 60%;
    margin-top: 60px;
}
.mg-banner-mobile-img img {
    width: 100%;
}
.mg-banner-btn .mg-play-btn-img {
    width: 5%;
}
.mg-btn-group {
    display: flex;
}
.mg-play-btn {
    text-decoration: none;
    color: #242A2D;
    font-family: 'Inter-Medium';
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 10px;
}
.mg-banner-btn img {
    width: 13px;
    margin-left: 5px;
}
.mg-banner-btn .mg-play-btn-img {
    width: 45px;
    margin-right: 10px;
    display: inline-block;
}
.mg-hover-image {
    display: none;
}
.mg-play-btn:hover {
    color: #7000ff;
}
.mg-banner-title h2 {
    font-family: 'sora-bold';
    font-weight: 700;
    font-size: 40px;
}
.mg-banner-title h2 span {
    -webkit-text-fill-color: transparent;
    color: #7000FF;
    background: linear-gradient(to right, #7000FF, #00B1E9 );
    -webkit-background-clip: text;
}
.mg-banner-des span {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #777B7D;
    line-height: 13px;
}
.mg-banner-des {
    width: 75%;
    margin: 20px 0px;
}
.mg-banner-des p {
    font-family: 'Inter-Medium';
    font-size: 14px;
    color: #777B7D;
}
.mg-btn-group {
    display: flex;
    margin: 50px 0px;
}
.mg-feedback {
    display: flex;
}
.mg-client-group {
    margin-right: 20px;
}
.mg-rating img {
    width: 12px;
}
.mg-rating-text span {
    font-size: 16px;
    font-family: 'Inter-Medium';
}
.mg-client-group img {
    width: 115px;
}

/********************/

/*
 *partner section
 */
.mg-partner-section {
    background-color: #242A2D;
    padding: 30px 0px;
}
.mg-partner-section-main {
    display: flex;
    align-items: center;
}
.mg-partner-section-text {
    width: 30%;
    display: flex;
}
.mg-partner-btn {
    width: 40px;
    background-color: #7000ff;
    height: 40px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 35px;
}
.mg-partner-logo-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mg-partner-section-dwn-arrow a img {
    width: 10px;
}
.mg-partner-section-dwn-arrow {
    display: inline-block;
    padding: 14px;
    border: 2px solid #303639;
    border-radius: 40px;
}
.mg-partner-section-title span {
    color: #fff;
    font-family: 'Inter-Medium';
    font-size: 16px;
}

.mg-partner-section-title {
    width: 55%;
    margin-left: 20px;
}
.mg-partner-logo {
    display: flex;
}
.mg-partner-logo-image img {
    width: 100%;
    padding: 0px 25px;
    border-left: 1px solid #3E4447;
}
/********************/

/*
 *features section
 */

.mg-features-section {
    padding: 100px 0px;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
}
.mg-section-top-main {
    width: 50%;
    margin: auto;
    text-align: center;
}
.mg-subheading {
    color: #242A2D;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    border: 2px solid #242A2D;
    border-radius: 26px;
    padding: 9px 30px;
    font-family: 'Inter-Medium';
}
.mg-subheading:hover {
    color: #242A2D;
}
.mg-section-heading-main {
    margin: 30px 0px 20px 0px;
    width: 100%;
}
.mg-section-heading-main span {
    -webkit-text-fill-color: transparent;
    color: #7000FF;
    background: linear-gradient(to right, #7000FF, #00B1E9 );
    -webkit-background-clip: text;
}
.mg-section-heading-main h2 {
    font-size: 35px;
    color: #242A2D;
    font-family: 'Sora-bold';
    text-transform: capitalize;
}
.mg-about-section-title .mg-section-des-main {
    width: 95%;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
    padding-bottom: 20px;
}
.mg-section-des-main p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    margin: 0px;
}
.mg-features-box {
    padding: 60px 40px;
    text-align: center;
    border-radius: 51px;
    box-shadow: 0px 17px 80px 8px #ddd;
    border: 1px solid #fff;
    background-color: #F9F9F9;
}
.mg-features-sub-section-main {
    margin-top: 50px;
}
.mg-features-box:hover p {
    color: #000;
}
.mg-feature-content {
    background-image: url('../images/gallery/feature-bg.png');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}
.mg-feature-top-text {
    margin-bottom: 35px;
}
.mg-feature-heading {
    margin: 20px 0px;
}
.mg-feature-heading {
    margin: 20px 0px;
}
.mg-feature-top-text span {
    color: #7000ff;
    font-family: 'Sora-bold';
    font-size: 14px;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px #ccc;
    background-color: #fff;
}
.mg-feature-heading h5 {
    font-size: 20px;
    font-family: 'Sora-bold';
    font-weight: 700;
    color: #242A2D;
}
.mg-feature-des p {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #777B7D;
    transition: .5s;
}

/********************/

/*
 *home-about section
 */
.mg-about-section {
    padding: 100px 0px;
}
.mg-about-section-text {
    background-image: url('../images/gallery/mg-home-about-bg.png');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}
.mg-mobile-image img {
    width: 100%;
}
.mg-about-section-title {
    margin-top: 35px;
}
.mg-about-heading-main {
    width: 65%;
}
.mg-about-heading-main h2 {
    font-size: 35px;
    color: #242A2D;
    font-family: 'Sora-bold';
}
.mg-about-heading-main span {
    -webkit-text-fill-color: transparent;
    color: #7000FF;
    background: linear-gradient(to right, #7000FF, #00B1E9 );
    -webkit-background-clip: text;
}
.mg-about-heading-main {
    width: 65%;
    margin: 25px 0px 30px 0px;
}
.mg-about-section-li ul li {
    margin-bottom: 3px;
    list-style:none;
}
.mg-about-section-li span img {
    width: 15px;
    margin-right: 10px;
}
.mg-about-section-li ul li span {
    font-size: 13px;
    font-family: 'Inter-Medium';
}
.mg-about-section-btn {
    margin-top: 45px;
}
.mg-about-section-li {
    padding-top: 15px;
}
/***************/
/*
*benefit section
*/
.mg-benefits-section {
    padding: 100px 0px;
    background-color: #7000ff;
    background-image: url('../images/gallery/benefit-bg-bar.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.mg-subheading-dark {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    border: 2px solid #fff;
    border-radius: 26px;
    padding: 9px 30px;
    font-family: 'Inter-Medium';
    background-color: #7000ff;
    text-decoration: none;
}
.mg-subheading-dark:hover {
    color: #fff;
}
.mg-top-content-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.mg-bs-heading-main {
    width: 65%;
}  
.mg-bs-heading-main h2 {
    color: #fff;
    font-family: 'Sora-bold';
    font-size: 34px;
}
.mg-benefits-grid-main {
    margin-top: 30px;
}
.mg-benefits-image a img {
    width: 100%;
    margin-bottom: 20px;
}
.mg-benefits-image a img:hover {
    filter: brightness(0.9);
}
.mg-benefits-box-title a {
    color: #fff;
    font-size: 22px;
    font-family: 'sora-semibold';
    text-decoration: none;
}
.mg-benefits-box-title a img {
    margin-left: 15px;
}
.mg-benefits-des {
    width: 90%;
    margin-top: 20px;
}
.mg-benefits-des p {
    color: #fff;
    font-family: 'Inter-Medium';
    font-size: 13px;
}
/****************************************/
/*
 * text-with-image-section
 */
.mg-text-with-image-section {
    padding: 100px 0px;
    background-image: url('../images/gallery/ti-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
}
.mg-ti-text {
    margin-top: 80px;
}
.mg-ti-heading-main {
    margin: 25px 0px 30px 0px;
    width: 65%;
}
.mg-ti-heading-main h2 {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 35px;
}
.mg-ti-heading-main span {
    -webkit-text-fill-color: transparent;
    color: #7000FF;
    background: linear-gradient(to right, #7000FF, #00B1E9 );
    -webkit-background-clip: text;
}
.mg-ti-des-main{
    width:95%;
}
.mg-ti-des-main p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    margin: 0px;
    padding-bottom: 20px;
}
.mg-about-team-overlay-text span {
    font-family: 'Sora-bold';
    font-size: 13px;
}
.mg-about-team-section {
    position: relative;
    margin: 60px 15px 0px 15px;
    padding: 36px 40px;
    text-align: start;
    border-radius: 35px;
    box-shadow: 0px 17px 80px 8px #ddd;
    border: 1px solid #fff;
    background-color: #F9F9F9;
}
.mg-about-team-overlay-text p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    margin: 0px;
    padding-bottom: 20px;
}
.mg-team-overlay-image {
    position: absolute;
    top: -39px;
    left: 55px;
}
.mg-team-overlay-image img {
    width: 70px;
}
/****************************************/
/*
*pricing section
*/
.mg-pricing-section {
    padding: 100px 0px;
}
.mg-pricing-section .mg-section-heading-main h2 {
    font-size: 35px;
    color: #242A2D;
    font-family: 'Sora-bold';
    text-transform: none;
}
.mg-pricing-grid.-main {
    margin-top: 35px;
}
.mg-pricing-box {
    padding: 45px 35px;
    text-align: start;
    border-radius: 51px;
    box-shadow: 0px 17px 80px 8px #ddd;
    border: 1px solid #fff;
    background-color: #F9F9F9;
    background-image: url('../images/gallery/pricing-box-bg.png');
    background-repeat: no-repeat;
    transition: .5s all ease;
}
.mg-pricing-box:hover {
    background: none;
    background-color: #eee;
}
.mg-pricing-box-dark {
    padding: 45px 35px;
    text-align: start;
    border-radius: 51px;
    box-shadow: 0px 17px 80px 8px #ddd;
    background-color: #7000ff;
    transition: .8s all ease;
}
.mg-pricing-box-dark:hover {
    background-color: #7000ffe0;
}
.features-list-dark {
    margin: 20px 0px;
}
.mg-pricing-plan {
    margin: 10px 0px;
}
.mg-pricing-plan span {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 20px;
    font-weight: 600;
}
.mg-plan-price span {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 30px;
}
.mg-plan-validity span {
    font-family: 'Sora-SemiBold';
    font-weight: 500;
    font-size: 18px;
}
.mg-plan-validity {
    margin-bottom: 15px;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, #DADBDB, transparent) 1;
    padding: 0px 0px 20px 0px;
}

.mg-plan-features-heading span {
    font-family: 'Inter-Medium';
    font-size: 13px;
    font-weight: 700;
}
.mg-plan-features-des span {
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: 13px;
}
.mg-pricing-plan-dark {
    margin: 10px 0px;
}
.mg-pricing-plan-dark span {
    color: #ffffff;
    font-family: 'Sora-bold';
    font-size: 20px;
    font-weight: 600;
}
.mg-plan-price-dark span {
    color: #ffffff;
    font-family: 'Sora-bold';
    font-size: 30px;
}
.mg-plan-validity-dark span {
    font-family: 'Sora-SemiBold';
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.mg-plan-validity-dark{
    margin-bottom: 15px;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, #DADBDB, transparent) 1;
    padding: 0px 0px 20px 0px;
}
.mg-plan-features-heading-dark span {
    font-family: 'Inter-Medium';
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.mg-plan-features-des-dark span {
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: 13px;
    color: #fff;
}
.features-list {
    margin: 20px 0px;
}

.features-list ul li {
    list-style: none;
}
.features-list ul li span {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    font-weight: 500;
}
.features-list ul li span img {
    width: 13px;
    margin-right: 5px;
}
.mg-pricing-box:hover.mg-btn-1 {
    background-color: #fff;
    color: #242A2D;
}
.features-list-dark ul li {
    list-style: none;
}
.features-list-dark ul li span {
    color: #fff;
    font-family: 'Inter-Medium';
    font-size: 13px;
    font-weight: 500;
}
.features-list-dark ul li span img {
    width: 13px;
    margin-right: 5px;
}
.mg-pricing-box:hover.mg-btn-1 {
    background-color: #fff;
    color: #242A2D;
}
.mg-btn-1-dark {
    background-color:#fff ;
    color: #242A2D;
    font-family: 'inter-medium';
    padding: 12px 34px;
    border-radius: 28px;
    font-size: 13px;
    text-transform: capitalize;
    transition: .5s;
}
.mg-btn-1-dark:hover {
    color: #fff!important;
    background-color: #7000FF;
    border: 1px solid #fff;
}
.mg-btn-1-dark:hover .mg-light-arrow {
    display: none;
}
.mg-btn-1-dark:hover .mg-hover-image {
    display: inline-block;
}
/*********************************/

/*
 *testimonial section
 */
.mg-testimonial {
    background-image: linear-gradient( #f6f7fb, #dedfe3,#f2f3f7);
    padding: 100px 0px;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
}
.mg-testimonial-heading {
    margin: 25px 0px 30px 0px;
    width: 40%;
}
.mg-testimonial-heading span {
    -webkit-text-fill-color: transparent;
    color: #7000FF;
    background: linear-gradient(to right, #7000FF, #00B1E9 );
    -webkit-background-clip: text;
}
.mg-testimonial-heading h2 {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 35px;
}
.mg-testimonial-heading-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mg-testimonial-ctrl-btn a {
    text-decoration: none;
}
.mg-testimonial-ligh-arrow {
    width: 60px;
}
img.mg-testimonial-dark-arrow {
    width: 60px;
}
.mg-testimonial-profile {
    display: flex;
}
.mg-testimonial-slide {
    padding: 35px 55px;
    text-align: start;
    border-radius: 51px;
    box-shadow: 0px 17px 80px 8px #ddd;
    border: 1px solid #fff;
    background-color: #F9F9F9;
    transition: .8s all ease;
}
.mg-testimonial-des {
    margin-top: 40px;
}
.mg-testimonial-des span {
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-weight: 500;
    font-size: 16px;
}
.mg-testimonial-profile-image img {
    width: 65px;
}
.mg-testimonial-tagline {
    margin-left: 10px;
}
.mg-testimonial-tagline h4 {
    font-family: 'Sora-bold';
    font-size: 22px;
}
.mg-testimonial-tagline span {
    font-size: 13px;
    color: #777B7D;
    font-family: 'Inter-Medium';
}
.mg-testimonial-slide-content .mg-rating {
    margin: 0px 0px 15px 0px;
}
.mg-testimonial-date span {
    font-family: 'Inter-Medium';
    font-size: 14px;
}
.mg-testimonial-slide-content .mg-rating img {
    display: inline-block;
}
.mg-testimonial-slide-content {
    padding: 45px 30px;
    text-align: start;
    border-radius: 51px;
    border: 2px solid #fff;
    background-color: #f3f3f3;
    transition: .8s all ease;
}
.mg-testimonial-slide-.testimonial-1 .mg-testimonial-slide-content {
    box-shadow: 10px 0px 12px 6px #e0e1e5;
}
.mg-testimonial-slide-.testimonial-2 .mg-testimonial-slide-content {
    box-shadow: 0px 10px 12px 6px #e0e1e5;
}
.mg-testimonial-outer {
    position: relative;
}
.mg-testimonial-arrow {
    position: absolute;
    right: 0;
    top: 80px;
    display: flex;
    justify-content: space-between;
    width: 84px;
    align-items: center;
    right: 20px;
}
.mg-testimonial-arrow.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 0px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mg-testimonial-arrow .slick-prev:before {
    display: none;
}
.mg-testimonial-arrow button.slick-prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    box-shadow: 5px 5px 10px #ddd;
}
.mg-testimonial-arrow button.slick-next {
    width: 50px;
    height: 50px;
    background-color: #7000ff;
    border-radius: 50%;
    margin: 0 5px;
    box-shadow: 5px 5px 10px #ddd;
}
.mg-testimonial-arrow button img {
    width: 20px;
}
.slick-list {
    margin: 0 -20px;
}
.slick-slide {
    margin: 0px 20px;
}
/***********************************************/

/*
 *dark bg section
 */


.mg-light-bg-section {
    background-image: linear-gradient( #f6f7fb 55%, #fff 45%);
    padding: 100px 0px;
}
.mg-subheading-light {
    color: #242A2D;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    border: 2px solid #242A2D;
    border-radius: 26px;
    padding: 9px 27px;
    font-family: 'Inter-Medium';
}
.mg-dark-bg-main {
    background-color: #242A2D;
    padding: 100px;
    border-radius: 50px;
}
.mg-subheading-light {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    border: 2px solid #fff;
    border-radius: 26px;
    padding: 9px 27px;
    font-family: 'Inter-Medium';
}
.mg-subheading-light:hover{
    color: #fff;

}
.mg-dark-box-heading {
    margin: 25px 0px 30px 0px;
    width: 100%;
}
.mg-dark-box-heading h2 {
    color: #fff;
    font-family: 'Sora-bold';
    font-size: 35px;
}
.mg-dark-bg-des p {
    color: #ffffff;
    font-family: 'Inter-Medium';
    font-size: 13px;
    margin: 0px;
    padding-bottom: 20px;
}
.mg-dark-bg-btn {
    margin-top: 30px;
}
.mg-dark-bg-image img {
    width: 100%;
}
.mg-dark-bg-main {
    background-color: #242A2D;
    padding: 100px 100px 0px 100px;
    border-radius: 50px;
    background-image: url('../images/gallery/dark-bg.png');
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}
/********************************************/

/*
 *footer section
 */
.mg--footer-grid-main {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
    padding-bottom: 50px;
}
.mg-footer-box-des {
    width: 68%;
    margin: 20px 0px;
}
.mg-footer-box-des p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    margin: 0px;
    padding-bottom: 20px;
}
.mg-form-grp {
    display: flex;
    align-items: center;
}

.mg-form-control {
    border-radius: 13px;
    border: none;
    background-color: #EFF0F8;
    padding: 12px 0px 12px 20px;
    font-family: 'Inter-Medium';
    width: 100%;
}
.mg-form-control:focus {
    outline: none;
    border: none;
}
.mg-form-control::placeholder {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #BBBDC3;
}
.mg-submit-btn {
    background-color: #7000ff;
    color: #fff;
    padding: 12px 35px;
    border-radius: 13px;
    font-size: 14px;
    font-family: 'Inter-Medium';
    margin-left: 15px;
    transition: .5s;
}
.mg-submit-btn:hover {
    background-color: #fff;
    color: #242A2D;
    border: 1px solid #242A2D;
}
.mg-footer-checkbox span {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
}
.mg-footer-checkbox {
    margin-top: 10px;
}
.form-check-input:checked {
    background-color: #7000ff;
    border-color: #7000ff;
    margin-right: 5px;
}
.mg-checkbox {
    border: 1px solid #d0d0d0;
    margin-right: 10px;
}

.mg-footer-links-title {
    margin-bottom: 20px;
}
.mg-footer-links-title h4 {
    font-family: 'Sora-bold';
    font-size: 23px;
}
.mg-footer-links-li ul li {
    list-style: none;
}
.mg-footer-links-li ul li a {
    text-decoration: none;
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
    text-transform: capitalize;
    transition: .5s;
}
.mg-footer-links-li ul li a:hover {
    color: #7000ff;
}
.mg-footer-links {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-left-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #fff, #DADBDB, #fff) 1;
    padding: 0px 0px 0px 40px;
}
.mg-footer-links-sub-li {
    margin-top: 30px;
}
/****************************************/
/*
 *copyright text
 */
.mg-copyright-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
}
.mg-copyright-text span {
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 13px;
}
.mg-copyright-text span img {
    width: 13px;
}
.mg-copyright-main span{
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 13px;

}
/****************************************/
/*
 *menu-style-2
 */
.mg-menu-section.mg-menu-style-2 {
    background-color: #7000ff;
    border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;border-image: linear-gradient(to right, #7000FF, #B377FF, #7000FF) 1;
}
.mg-menu-section.mg-menu-style-2 .mg-logo-box a {
    color: #ffffff;
}
.mg-menu-section.mg-menu-style-2 .mg-main-nav > li > a:hover {
    color: #fff;
}
.mg-menu-section.mg-menu-style-2 .mg-logo-box span {
    color: #ffffff;
}
.mg-menu-section.mg-menu-style-2 .mg-main-nav > li > a {
    color: #ffffff;
}
.mg-menu-section.mg-menu-style-2 .slicknav_menu {
    background-color: #fff;
    padding: 0;
    width: 33px;
    height: 33px;
}
.mg-menu-section.mg-menu-style-2 .slicknav_menu .slicknav_icon-bar {
    background-color: #7000ff;
}
.mg-menu-section.mg-menu-style-2 .mg-nav-box ul.slicknav_nav li a {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #242a46;
}
.mg-menu-section.mg-menu-style-2 .mg-nav-box ul.slicknav_nav {
    position: absolute;
    background-color: #ffffff;
    top: 60px;
    z-index: 999;
    right: -12px;
    width: 100vw;
    max-width: 376px;
}
/***************************************/

/*
 *features-page-css start here
 */

/********************************************/
/*
 * header-section start here
 */
.mg-page-header {
    background-color: #7000ff;
    background-image: url('../images/banner/mg-page-header-bg.png');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}
.mg-page-header-content {
    text-align: center;
    padding: 130px 0px 240px 0px;
}
.mg-page-header-content {
    text-align: center;
}
.mg-page-header-title h2 {
    color: #fff;
    font-family: 'Sora-bold';
    font-size: 40px;
}
.mg-page-header-des {
    width: 40%;
    margin: auto;
}
.mg-page-header-des span {
    color: #fff;
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: 13px;
}
/*************************************/

/*
 *feature section
 */
.mg-features-section.mg-feature-section-style-2 .mg-features-box {
    margin-bottom: 20px;
}
.mg-features-section.mg-feature-section-style-2 {
    border: none;
}

/*********************************/

/*
 *feature-detail
 */
.mg-features-detail-outer {
    background-color: #F6F7FB;
    padding: 100px 0px;
}
.mg-section-top-main-style-2 {
    width: 100%;
    text-align: center;
}
.mg-section-top-main-style-2 .mg-section-des-main {
    width: 50%;
    margin: auto;
}
.mg-section-top-main-style-2 h2 {
    text-transform: none;
}
.mg-features-detail-box {
    text-align: right;
}
.mg-features-destail-img {
    width: 73%;
    margin: auto;
    margin-top: 40px;
}
.mg-features-destail-img img {
    width: 100%;
}
.mg-features-detail-grid-main {
    margin-top: 50px;
}
.mg-featues-detail-title h3 {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 22px;
    text-transform: none;
}
.mg-features-box-icon img {
    border: 1px solid #E0E1E4;
    border-radius: 50%;
    padding: 18px;
    width: 55px;
}
.mg-features-box-icon img {
    border: 1px solid #E0E1E4;
    border-radius: 50%;
    padding: 18px;
    width: 55px;
}
.mg-featues-detail-title {
    margin: 20px 0px;
}
.mg-features-detail-des p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 12px;
}
.mg-text-with-image-section.mg-ti-style-2 .mg-ti-des-main {
    width: 100%;
}
.mg-text-with-image-section.mg-ti-style-2 .mg-ti-heading-main {
    margin: 25px 0px 20px 0px;
    width: 75%;
}
.mg-ti-li p {
    margin-left: 26px;
}
.mg-ti-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.mg-ti-list ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.mg-ti-icon img {
    width: 15px;
    margin-right: 10px;
}
.mg-ti-li h3 {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 22px;
}
.mg-ti-li p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
}
/***********************************/

/*
 *video section start here
 */
.mg-video-section-outer {
    background-image: url('../images/gallery/video-bg.png');
    padding: 120px 0px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mg-video-section-content {
    width: 40%;
    margin: auto;
}
/**************************************/

/*
 *dark bg section
 */
.mg-light-bg-section.mg-light-bg-section-style-2 {
    background: none;
}
/*******************************************/
/*
 *testimonial
 */

.mg-testimonial.mg-testimonial-style-2 {
    border: none;
}
/*********features page end here*************/



/*
 *faqs page css start here
 */
/*
 *faqs section start here
 */
.mg-faqs-section-outer {
    background-color: #F6F7FB;
    padding: 100px 0px;
}
.mg-faqs-accordian-main {
    margin-top: 50px;
}
.mg-faqs-accordian .accordion-button {
    font-size: 18px;
    font-family: 'Sora-bold';
    color: #242A2D!important;
}
.mg-faqs-accordian  .accordion-body p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
}
.mg-faqs-accordian .accordion-item {
    background-color: #F6F7FB;
    border: none;
}
.mg-faqs-accordian .accordion-button::after {
    background: none;
}
.mg-faqs-accordian .accordion-button {
    font-size: 18px;
    font-family: 'Sora-bold';
    color: #242A2D!important;
    border-top: 1px solid #DBDCDF;
    border-bottom: 1px solid #DBDCDF;
    border-collapse: collapse;
    background-color: transparent;
}
.mg-faqs-accordian .accordion-button:focus {
    border-color: none;
    outline:none;
    box-shadow: none;

}
.mg-faqs-accordian  .accordion-button:not(.collapsed) {
    box-shadow: none;
}

/******************************* faqs page end here***************************************/

/*
 *about us page start here
 */

/*
 *about us section start here
 */
.mg-about-section.mg-about-section-style-2 .mg-about-section-text {
    background-image: url('../images/gallery/about-page-section-bg.png');
    background-position: left;
}

.mg-section-des-main p {
    margin-bottom: 20px;
}
.mg-about-section.mg-about-section-style-2 .mg-about-section-title .mg-section-des-main {
    border: none;
}
.mg-about-image img {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
}
.mg-about-image {
    width: 100%;
    height: 100%;
}

/*
 *extra feature section start here
 */
.mg-extra-feature {
    background-color: #F6F7FB;
    padding: 100px 0px;
}
.mg-extra-features-grid {
    margin-top: 60px;
}

.mg-features-box-style-2 .mg-feature-content {
    background:none;
}
.mg-features-box-style-2 {
    padding: 0px 42px;
    text-align: center;
}
.mg-features-box-style-2.mg-features-box-border {
    border-left: 1px solid #DBDCDF;
    border-right: 1px solid #DBDCDF;
}
.mg-features-box-style-2 .mg-feature-top-text img {
    width: 18px;
}
.mg-features-box-style-2 .mg-feature-top-text span {
    background-color: transparent;
    padding: 18px;
}
/****************************************************/

/*
 *about app section start here
 */
.mg-video-section-outer.mg-video-section-style-2 {
    background-image: url('../images/gallery/about-app-bg.png');
    padding: 140px 0px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.56);
}
.mg-video-section-outer.mg-video-section-style-2 .mg-video-section-content {
    width: 60%;
    margin: auto;
}
.mg-rating-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mg-rating-star span {
    color: rgba(252, 252, 252, 1);
    font-family: 'Inter-Medium';
    font-size: 18px;
    text-transform: uppercase;
}
.mg-rating-star span {
    color: rgba(252, 252, 252, 1);
    font-family: 'Inter-Medium';
    font-size: 18px;
}
.mg-rating-star img {
    width: 14px;
}
.mg-rating-number {
    margin-right: 30px;
}
.mg-rating-number span {
    font-size: 50px;
    color: rgba(252, 252, 252, 1);
    font-family: 'Inter-Medium';
}
.mg-rating-main {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0px;
    margin: 45px 0px;
}

/**************************************************/

/*
 *query section start here
 */
.mg-query-section {
    background-image: linear-gradient( #f6f7fb 48%, #fff 46%);
    padding: 100px 0px;
}
.mg-query-inner {
    background-color: #7001ff;
    padding: 70px;
    text-align: center;
    border-radius: 55px;
    background-image: url('../images/gallery/query-bg.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
.mg-query-inner .mg-dark-bg-des {
    width: 55%;
    margin: auto;
}
.mg-query-inner .mg-dark-box-heading {
    margin: 25px 0px;
    width: 100%;
}
.mg-query-inner .mg-dark-bg-btn {
    margin-top: 10px;
}
.mg-query-inner .mg-subheading-light {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-radius: 26px;
    padding: 9px 36px;
    font-family: 'Inter-Medium';
}


/******************************************************************************/

/*
 * contact us page css
 */

.mg-contact-outer {
    padding: 100px 0px;
}
.mg-contact-form-control {
    width: 100%;
    border: 1px solid #D7D7D7;
    padding: 10px 18px;
    border-radius: 12px;
    height: 55px;
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 13px;
}
.mg-contact-form label.error {
    color: red;
    font-size: 12px;
}
.mg-textarea {
    height: 120px;
    resize: none;
}
.mg-form-row.mg-w50 {
    width: 50%;
}
.mg-form-group {
    display: flex;
}
.mg-form-row.mg-mr {
    width: 50%;
    margin-right: 10px;
}
.mg-form-row {
    margin-bottom: 15px;
}
.mg-contact-form-control:focus {
    box-shadow: none;
    outline: none;
}
.mg-contact-btn .mg-btn-1 {
    width: 100%;
    text-transform: none;
}
.mg-form-content .mg-section-des-main {
    border: none;
    width: 90%;
    padding-bottom: 0px;
}
.mg-contact-details {
    background-color: #F6F7FB;
    padding: 20px 45px;
    border-radius: 40px;
    width: 90%;
    margin: auto;
}
.mg-contact-details .mg-section-des-main {
    border: none;
    width: 100%;
}
.mg-address span {
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 13px;
}
.mg-address span a {
    text-decoration: none;
    color: #777B7D;
}
.mg-contact-info {
    margin-bottom: 10px;
}
.mg-separator {
    width: 100%;
    height: 1px;
    background-color: #D7D7D7;
    margin: 30px 0px;
}
.mg-app-images {
    display: flex;
    align-items: center;
}
.mg-dwld-app h2 {
    font-family: 'Sora-bold';
    font-size: 22px;
    margin: 0;
}
.mg-dwld-img img {
    width: 60%;
}
.mg-app-images  img {
    width: 25%;
    margin-right: 10px;
}
.mg-app-images  img {
    width: 100%;
    border-radius: 5px;
}
.mg-app-images a {
    width: 25%;
    margin-right: 10px;
}
.mg-app-images {
    display: flex;
    align-items: center;
    margin: 30px 0px;
}
.mg-form-outer {
    padding: 20px 0px;
}
/*****************************************************************************/

/*
 * map section start here
 */
.mg-map-img {
    padding-bottom: 100px;
}
.mg-map-img img {
    width: 100%;
}

/**************************************************************************/


/*
 *latest blog page start here
 */

.mg-latest-blog-main {
    padding: 100px 0px;
}
.mg-blog-search-bar {
    width: 100%;
    height: 50px;
    font-family: 'Inter-Medium';
    font-size: 14px;
}
.mg-blog-search {
    display: flex;
    border: 1px solid #D7D7D7;
    border-radius: 15px;
    padding: 5px 15px;
    margin-bottom: 50px;
}
.mg-blog-search-bar:focus {
    outline: none;
}
.mg-blog-search-bar {
    border:none;
}
.mg-search-submit-btn {
    border: none;
    background: transparent;
    padding:0;
}
.mg-search-submit-btn img {
    width: 75%;
}
.mg-blog-category-title h3 {
    font-family: 'Sora-bold';
    font-size: 22px;
}
.mg-blog-category-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mg-category-list ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 10px;
}
.mg-blog-category-name a {
    text-decoration: none;
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 14px;
    transition: .5s;
}
.mg-blog-category-name a:hover {
    color: #7001ff;
}
/**********************************/
/*
 *recent post section
 */
.mg-recent-post-main {
    margin: 50px 0px;
}
.mg-recent-post-title {
    width: 75%;
}
.mg-recent-post-content {
    display: flex;
    align-items: center;
}
.mg-recent-post-thumnail img {
    width: 100%;
}
.mg-recent-post-thumnail {
    margin-right: 15px;
}
.mg-recent-post-title a {
    color: #242A2D;
    font-family: 'Sora-bold';
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-decoration: none;
}
.mg-recent-post-date span {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 14px;
}
.mg-recent-post-box {
    margin: 20px 0px;
}
.mg-newsletter-main {
    background-color: #7001ff;
    padding: 37px;
    border-radius: 50px;
    width: 85%;
    margin-top: 50px;
}
.mg-category-list {
    width: 85%;
}
.mg-blog-search {
    width: 85%;
}
.mg-newsletter-title span {
    font-family: 'Sora-bold';
    color: #FFFFFF;
    font-size: 19px;
}
.mg-newsletter-des span {
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'Inter-Medium';
}
.mg-newsletter-email {
    border: 1px solid #8F38FF;
    background: transparent;
    width: 100%;
    height: 50px;
    border-radius: 17px;
    padding: 13px;
    font-family: 'Inter-Medium';
    font-size: 15px;
    color: #B378FF;
}
.mg-input-field {
    margin: 15px 0px;
}
.mg-recent-post-text {
    width: 60%;
}
.mg-recent-post-thumnail {
    margin-right: 15px;
    width: 40%;
}
.mg-recent-post-title {
    width: 80%;
    margin-bottom: 8px;
}
.mg-newsletter-btn .btn.mg-btn-2 {
    width: 100%;
    border-radius: 10px;
}
.mg-newsletter-email:focus {
    outline: none;
}
/*************************************/

/*
 *blog-post-section
 */

.mg-post-image img {
    width: 100%;
}
.mg-post-title {
    margin: 10px 0px;
}
.mg-post-image {
    margin-bottom: 30px;
}
.mg-post-title h3 {
    font-family: 'Sora-bold';
    font-size: 26px;
}
.mg-post-title a {
    text-decoration: none;
    color: #242A2D;
}
.mg-post-date span {
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 14px;
}
.mg-post-date {
    margin: 15px 0px;
}
.mg-post-des {
    margin: 10px 0px;
}
.mg-post-des p {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #777B7D;
}
.mg-post-read-more-btn {
    margin: 20px 0px;
}
.mg-post-read-more-btn .mg-btn-1 {
    padding: 12px 50px;
}
.mg-blog-post {
    margin-bottom: 60px;
}
.mg-post-pagination .page-link {
    border: none;
}
.mg-post-pagination .page-link {
    color: #252525;
    background-color: #F6F7FB;
    margin: 0px 20px;
    border-radius: 50%!important;
    font-size: 15px;
    font-family: 'Inter-Medium';
    box-shadow: 0px 0px 3px 0px #dddd;
    padding: 12px 20px!important;
    transition: .5s;
}

.mg-page-link-arrow img {
    width: 8px;
}
.mg-post-pagination .page-link:hover {
    background-color: #7000ff;
    color: #ffff;
}


/**********************************************/

/*
 *single-blog page start here
 */
.mg-blog-separator {
    width: 100%;
    height: 2px;
    background-color: #ddd;
}
.mg-blog-details-tilte a {
    color: #242A2D;
    text-decoration: none;
}
.mg-blog-details-tilte h3 {
    font-family: sora-regular;
    font-size: 20px;
}
.mg-blog-details-tilte {
    font-family: sora-regular;
    font-size: 20px;
    border-left: 1px solid #DFDFDF;
    padding-left: 18px;
    margin-bottom: 30px;
}
.mg-blog-details-tilte span {
    font-family: 'Inter-Medium';
    color: #777B7D;
    font-size: 13px;
}
.mg-blog-details-des p {
    font-family: 'Inter-Medium';
    font-size: 13px;
    color: #777B7D;
}
.mg-blog-separator {
    width: 100%;
    height: 2px;
    background-color: #ddd;
    margin: 40px 0px;
}
.mg-blog-comment-title h2 {
    font-family: 'Sora-bold';
    font-size: 26px;
}
.mg-user-name h3 {
    font-family: 'Sora-bold';
    font-size: 16px;
    margin: 5px 0px;
}
.mg-blog-comment-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6F7FB;
    padding: 20px 30px 20px 20px;
    border-radius: 26px;
    margin-bottom: 25px;
}
.mg-user-name {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}
.mg-blog-comment-title {
    margin-bottom: 25px;
}
.mg-user-dp {
    width: 50%;
    margin-right: 15px;
}
.mg-user-name span {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 14px;
}
.mg-user-dp img {
    width: 100%;
}
.mg-comment p {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 13px;
}
.mg-reply-btn a {
    background-color: #E7E9F2;
    color: #242A2D;
    font-family: 'Sora-bold';
    padding: 10px 20px;
    border-radius: 9px;
    font-size: 13px;
    text-decoration: none;
}
.mg-review-des span {
    color: #777B7D;
    font-family: 'Inter-Medium';
    font-size: 14px;
}
.mg-review-des {
    margin-bottom: 40px;
}
.mg-comment-textarea {
    width: 100%;
    height: 180px;
    resize: none;
}