@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: #FFC533;
   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 a {
   background: #efb932;
   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;
   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%;
   max-width: 400px;
   min-width: 200px;
}

@media screen and (max-width:1199px) {
   .mg-banner-mobile-img img {
      width: 100%;
      max-width: 300px;
      min-width: 200px;
   }
}

.mg-banner-mobile-img {
   display: flex;
   justify-content: center;
}

.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: #FFC533;
}

.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: #FFC533;
   background: linear-gradient(to right, #FFC533, #f3b600);
   -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-banner-section .mg-rating-main {
   margin: 0px 0px;
   padding: 0px;
}

.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: #FFC533;
   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 60px 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: #FFC533;
   background: linear-gradient(to right, #FFC533, #f3b600);
   -webkit-background-clip: text;
}

.mg-section-heading-main h2 {
   font-size: 35px;
   color: #242A2D;
   font-family: 'Sora-bold';
   text-transform: none;
}

.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 #dddddd1f;
   border: 1px solid #fff;
   background-color: #F9F9F9;
   max-height: 225px;
   margin-bottom: 16px;
}

.mg-features-sub-section-main {
   margin-top: 50px;
}

.mg-features-sub-section-main .row {
   justify-content: center
}

.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: #FFC533;
   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: 60px 0px 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: #FFC533;
   background: linear-gradient(to right, #FFC533, #f3b600);
   -webkit-background-clip: text;
}

.mg-about-heading-main {
   width: 100%;
   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: 60px 0px;
   background-color: #FFC533;
   /* 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: #FFC533;
   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: 16px;
   margin-bottom: 16px;
   font-family: 'sora-semibold';
   text-decoration: none;
   transition: 300ms all ease;
}



.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: #FFC533;
   background: linear-gradient(to right, #FFC533, #f3b600);
   -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 #dddddd1f;
   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;
}

.mg-ti-li span {
   font-family: 'Sora-bold';
   color: #242A2D;
   font-size: 16px;
}


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


/*
*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 #dddddd1f;
   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 #dddddd1f;
   background-color: #FFC533;
   transition: .8s all ease;
}

.mg-pricing-box-dark:hover {
   background-color: #FFC533 e0;
}

.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: #FFC533;
   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;
}

.mg-pricing-plan-btn {
   display: flex;
   justify-content: center;
   text-align: CENTER;
}


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


/*
 *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: #FFC533;
   background: linear-gradient(to right, #FFC533, #f3b600);
   -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 #dddddd1f;
   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;
   color: #000000;
   font-weight: 600;
}

.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 #dddddd1f;
}

.mg-testimonial-arrow button.slick-next {
   width: 50px;
   height: 50px;
   background-color: #FFC533;
   border-radius: 50%;
   margin: 0 5px;
   box-shadow: 5px 5px 10px #dddddd1f;
}

.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: 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 {
   display: flex;
   justify-content: center;
}

.mg-dark-bg-image img {
   width: 100%;
   max-width: 300px;
}

.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: #FFC533;
   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: #FFC533;
   border-color: #FFC533;
   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: #FFC533;
}

.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: 12px;
}


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


/*
 *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,
a {
   font-family: 'Inter-Medium';
   color: #777B7D;
   font-size: 13px;
   text-decoration: none;
}

.mg-copyright-main a:hover {
   color: #FFC533;
}


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


/*
 *menu-style-2
 */

.mg-menu-section.mg-menu-style-2 {
   background-color: #FFC533;
   border-image: linear-gradient(to right, #fff, #DADBDB, #fff) 1;
   border-image: linear-gradient(to right, #FFC533, #B377FF, #FFC533) 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: #FFC533;
}

.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: #FFC533;
   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.jpg');
   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
 */


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


/*
 *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 {
   border-bottom: 1px solid #DBDCDF;
}

.mg-faqs-accordian .accordion-button {
   font-size: 18px;
   font-family: 'Sora-bold';
   color: #242A2D !important;
   border-top: 1px solid #DBDCDF;
   border-collapse: collapse;
   background-color: transparent;
}

.mg-faqs-accordian .accordion-body {
   border-top: 1px solid #DBDCDF;
   ;
}

.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;
   border-radius: 35px;
}

.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.jpg');
   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: #efb932;
   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';
}

.mg-query-section .mg-btn-2 {
   text-transform: none;
}


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


/*
 * 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 58px;
   border-radius: 40px;
   width: 100%;
}

.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: #efb932;
}


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


/*
 *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%;
   border-radius: 24px;
}

.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: #efb932;
   padding: 37px;
   border-radius: 45px;
   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%;
   border-radius: 45px;
}

.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 14px;
   border-radius: 50% !important;
   font-size: 15px;
   font-family: 'Inter-Medium';
   box-shadow: 0px 0px 3px 0px #ddddddfd;
   padding: 12px 20px !important;
   transition: .5s;
}

.mg-page-link-arrow img {
   width: 8px;
}

.mg-post-pagination .page-link:hover {
   background-color: #FFC533;
   color: #ffff;
}

.page-link.mg-page-link-active:active {
   background-color: #efb932;
}

.page-link.mg-page-link-active {
   background-color: #efb932;
   color: #fff;
}


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


/*
 *single-blog page start here
 */

.mg-blog-separator {
   width: 100%;
   height: 2px;
   background-color: #dddddd1f;
}

.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: #dddddd1f;
   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%;
   border-radius: 20px;
}

.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;
}

.mg-benefits-box-title {
   margin-bottom: 16px !important;
}

@media screen and (max-width:1199px) {
   .mg-benefits-box-title {
      margin-bottom: 8px;
   }

   .mg-benefits-box-title a {
      display: flex;
      justify-content: start;
      text-align: left !important;
      font-size: 14px !important;
   }
}

.whatsapp-widgte {
   width: 100%;
   max-width: 50px;
   max-height: 50px;
   background-color: transparent;
   bottom: 100px !important;


   right: 20px;
   position: fixed;
   z-index: 999;

}

.whatsapp-widgte img {
   width: 100%;
   max-width: 50px;
   max-height: 50px;
}

.mg-footer-main {
   margin-top: 70px;
}

.app-dc-hd a img {
   max-width: 180px;
}

.mg-dark-bg-btn a img {
   max-width: 180px;
}

@media screen and (max-width:772px) {
   .app-dc-hd {
      display: flex;
   }

   .app-dc-hd a img {
      max-width: 100px;
   }

}