html {
   font-family: 'Jost', sans-serif;
   scroll-behavior: smooth;
}

body {
   font-family: 'Jost', sans-serif;
   font-size: 14px;
   color: #000;
   font-weight: 500;
   scroll-behavior: smooth;
}

a,
a:hover {
   text-decoration: none;
}

a:focus {
   outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
table,
div,
ul,
li,
button,
input,
button,
select,
tr,
td,
th {
   font-family: 'Jost', sans-serif;
   font-weight: 600;
}

ul {
   padding: 0;
   margin: 0;
}

ul li {
   list-style: none;
}

.p-0 {
   padding: 0;
}

.pr-0 {
   padding-right: 0;
}

.pl-0 {
   padding-left: 0;
}

.pb-0 {
   padding-bottom: 0;
}

.pt-0 {
   padding-top: 0;
}

.m-0 {
   margin: 0;
}

@keyframes ring {
   0% {
      transform: rotate(0);
   }

   5% {
      transform: rotate(30deg);
   }

   10% {
      transform: rotate(-28deg);
   }

   15% {
      transform: rotate(34deg);
   }

   20% {
      transform: rotate(-32deg);
   }

   25% {
      transform: rotate(30deg);
   }

   30% {
      transform: rotate(-28deg);
   }

   35% {
      transform: rotate(26deg);
   }

   40% {
      transform: rotate(-24deg);
   }

   45% {
      transform: rotate(22deg);
   }

   50% {
      transform: rotate(-20deg);
   }

   55% {
      transform: rotate(18deg);
   }

   60% {
      transform: rotate(-16deg);
   }

   65% {
      transform: rotate(14deg);
   }

   70% {
      transform: rotate(-12deg);
   }

   75% {
      transform: rotate(10deg);
   }

   80% {
      transform: rotate(-8deg);
   }

   85% {
      transform: rotate(6deg);
   }

   90% {
      transform: rotate(-4deg);
   }

   95% {
      transform: rotate(2deg);
   }

   100% {
      transform: rotate(-1deg);
   }
}

.bounce2 {
   -webkit-animation: bounce2 2s ease infinite;
   animation: bounce2 2s ease infinite;
}

@keyframes bounce2 {

   0%,
   20%,
   50%,
   80%,
   100% {
      transform: translateY(0);
   }

   40% {
      transform: translateY(-30px);
   }

   60% {
      transform: translateY(-15px);
   }
}

.flash {
   -webkit-animation: flash 500ms ease infinite alternate;
   animation: flash 500ms ease infinite alternate;
}

@keyframes flash {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

.spin {
   -webkit-animation: spin 5s infinite linear;
   animation: spin 5s infinite linear;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.sidebar-logo {
   display: none;
}

.HeadingBox h2 {
   text-align: center;
   margin: 0;
   font-size: 18px;
   color: #ed1d24;
}

.HeadingBox h3 {
   margin: 0;
   text-align: center;
   margin-top: 10px;
   font-size: 30px;
   font-weight: 700;
   color: #4c4c4c;
}

/* ************************************************** HEADER SECTION CSS */

.NavigationHeader.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   background: #fff;
   z-index: 999;
   border-radius: 0;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
   right: 0;
   left: 0;
}

.NavigationHeader.sticky .Logo {
   display: none;
}

.NavigationHeader.sticky .O-Logo {
   display: block;
   width: 100%;
}

.NavigationHeader.sticky .navbar .links li a {
   color: #2f2f2f;
   font-weight: 600;
}

.NavigationHeader.sticky .navbar .links li .arrow {
   color: #2f2f2f;
}

.HeaderSection {
   background: #009c9d;
}

.NavigationHeader .navbar {
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: end;
}

.NavigationHeader .navbar .nav-links {
   line-height: 70px;
   height: 100%;
}

.NavigationHeader .navbar .links {
   display: flex;
}

.NavigationHeader .navbar .links li {
   position: relative;
   /* display: flex;
   align-items: center;
   justify-content: space-between;
   list-style: none;
   padding: 0 14px; */
}

.NavigationHeader .navbar .links li a {
   /* text-decoration: none; */
   color: #262626;
   font-size: 15px;
   font-weight: 700;
   /* display: inline-block; */
   margin-left: 30px;
   border-bottom: 2px solid #ffffff;
   padding-left: 0;
   transition: 0.4s all;
}

.NavigationHeader .navbar .links li a:hover {
   border-bottom: 2px solid #EB2320;
}

.NavigationHeader .links li:hover .htmlcss-arrow,
.NavigationHeader .links li:hover .js-arrow {
   transform: rotate(180deg);
}

.NavigationHeader .navbar .links li .arrow {
   /* background: red; */
   height: 100%;
   width: 22px;
   line-height: 70px;
   text-align: center;
   display: inline-block;
   color: #161616;
   transition: all 0.3s ease;
}

.NavigationHeader .navbar .links li .sub-menu {
   position: absolute;
   min-width: 200px;
   top: 70px;
   left: 0;
   right: 0;
   line-height: 40px;
   background: rgb(0 0 0 / 75%);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   border-radius: 0 0 4px 4px;
   display: none;
   z-index: 999;
   transition: 0.4s all;
}

.NavigationHeader .navbar .links li:hover .htmlCss-sub-menu,
.NavigationHeader .navbar .links li:hover .js-sub-menu {
   display: block;
}

/* .NavigationHeader .navbar .links li .sub-menu li {
   padding: 0 22px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} */

.NavigationHeader .navbar .links li .sub-menu a {
   color: #fff;
   font-size: 13px;
   font-weight: 500;
   margin: 0;
   padding: 14px 20px;
   border-bottom: 1px solid #686868;
   display: block;
   line-height: normal;
}

.NavigationHeader .navbar .links li .sub-menu a:hover {
   border-bottom: 1px solid #686868;
   background: #b93736;
}

.NavigationHeader .navbar .links li .sub-menu .more-arrow {
   line-height: 40px;
}

.NavigationHeader .navbar .links li .htmlCss-more-sub-menu {
   /* line-height: 40px; */
}

.NavigationHeader .navbar .links li .sub-menu .more-sub-menu {
   position: absolute;
   top: 0;
   left: 100%;
   border-radius: 0 4px 4px 4px;
   z-index: 1;
   display: none;
}

.NavigationHeader .links li .sub-menu .more:hover .more-sub-menu {
   display: block;
}

.NavigationHeader .navbar .bx-menu {
   display: none;
}

@media (max-width:920px) {
   .NavigationHeader .navbar {
      max-width: 100%;
      padding: 0 25px;
      padding-right: 0;
      min-height: auto;
   }

   .NavigationHeader .navbar .links li {
      padding: 0 10px;
      white-space: nowrap;
   }

   .NavigationHeader .navbar .links li a {
      font-size: 15px;
      color: #fff;
      margin: 0;
      border-bottom: none;
   }
}

@media (max-width:800px) {
   .NavigationHeader {
      /* position: relative; */
   }

   .NavigationHeader .navbar .bx-menu {
      display: block;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
      background: #ed1e25;
      padding: 6px 10px;
      border-radius: 4px;
   }

   .NavigationHeader .navbar .nav-links {
      position: fixed;
      top: 0;
      left: -100%;
      display: block;
      max-width: 270px;
      width: 100%;
      background: rgb(0 0 0 / 87%);
      line-height: 40px;
      padding: 20px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      transition: all 0.5s ease;
      z-index: 1000;
   }

   .NavigationHeader .navbar .links {
      display: block;
      margin-top: 20px;
   }

   .NavigationHeader .navbar .links li .arrow {
      line-height: 40px;
      color: #fff;
   }

   .NavigationHeader .navbar .links li {
      display: block;
   }

   .NavigationHeader .navbar .links li .sub-menu {
      position: relative;
      top: 0;
      box-shadow: none;
      display: none;
   }

   .NavigationHeader .navbar .links li .sub-menu li {
      border-bottom: none;

   }

   .NavigationHeader .navbar .links li .sub-menu .more-sub-menu {
      display: none;
      position: relative;
      left: 0;
   }

   .NavigationHeader .navbar .links li .sub-menu .more-sub-menu li {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .NavigationHeader .links li:hover .htmlcss-arrow,
   .NavigationHeader .links li:hover .js-arrow {
      transform: rotate(0deg);
   }

   .NavigationHeader .navbar .links li .sub-menu .more-sub-menu {
      display: none;
   }

   .NavigationHeader .navbar .links li .sub-menu .more span {
      /* background: red; */
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
   }

   .NavigationHeader .links li .sub-menu .more:hover .more-sub-menu {
      display: none;
   }

   .NavigationHeader .navbar .links li:hover .htmlCss-sub-menu,
   .NavigationHeader .navbar .links li:hover .js-sub-menu {
      display: none;
   }

   .NavigationHeader .navbar .nav-links.show1 .links .htmlCss-sub-menu,
   .NavigationHeader .navbar .nav-links.show3 .links .js-sub-menu,
   .NavigationHeader .navbar .nav-links.show2 .links .more .more-sub-menu {
      display: block;
   }

   .NavigationHeader .navbar .nav-links.show1 .links .htmlcss-arrow,
   .NavigationHeader .navbar .nav-links.show3 .links .js-arrow {
      transform: rotate(180deg);
   }

   .NavigationHeader .navbar .nav-links.show2 .links .more-arrow {
      transform: rotate(90deg);
   }
}

@media (max-width:370px) {
   .NavigationHeader .navbar .nav-links {
      max-width: 100%;
   }
}

.TopHeaderSection h2 {
   margin: 0;
   display: flex;
   align-items: center;
}

.TopHeaderSection h2 a {
   color: #fff;
   font-size: 14px;
   border-right: 1px solid gainsboro;
   line-height: 20px;
   padding-right: 10px;
   margin-right: 10px;
}

.TopHeaderSection h2 a:last-child {
   border-right: none;
   padding-right: 0;
   margin-right: 0;
}

.TopHeaderSection .HeaderContact {
   margin: 0;
   text-align: right;
}

.TopHeaderSection .HeaderContact span .fa-envelope {
   animation: ring 4s .7s ease-in-out infinite;
}

.TopHeaderSection .HeaderContact span {
   color: #fff;
   font-size: 14px;
}

.TopHeaderSection .HeaderContact span i {
   margin-right: 6px;
}

.TopHeaderSection .row {
   display: flex;
   align-items: center;
}

.TopHeaderSection {
   padding: 14px 0;
}

.NavigationHeader .Logo {
   width: 100%;
}

.NavigationHeader {
   background: white;
   width: 90%;
   margin: 0 auto;
   transition: 0.4s all;
   border-radius: 6px;
}

.NavigationHeader .NavigationFlex {
   display: flex;
   align-items: center;
   padding: 20px 40px;
   justify-content: space-between;
}

.NavigationHeader .NavigationFlex .O-Logo {
   width: 18%;
}

.NavigationHeader .NavigationFlex .O-Logo img {
   width: 100%;
}

.NavigationHeader .NavigationFlex .BecomeAPartnerBtn {
   background: linear-gradient(180deg, #fa464d 0%, #ed1d24 100%);
   display: inline-block;
   padding: 16px 20px;
   color: #fff;
   border-radius: 4px;
}

/* *********************************************** BANNER SECTION CSS */

.BannerSection {
   position: relative;
   padding: 2em 0;
}

.BannerSection .BannerSectionBg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(/grapossconnect/images/banner.png) center center;
   width: 100%;
   height: 100%;
   background-size: 100% 100%;
}

.BannerSection .BannerDetailsBox h4 {
   margin: 0;
   color: #ffffff;
   font-size: 14px;
   font-weight: 600;
   background: rgb(0 0 0 / 20%);
   display: inline-block;
   padding: 14px 20px;
}

.BannerSection .BannerDetailsBox h4 .Designimg {
   width: 10%;
   position: absolute;
   top: 90px;
}

@keyframes rotateme {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

.BannerSection .BannerDetailsBox h4 .RedStar {
   position: absolute;
   top: 0;
   right: 0;
}

.BannerSection .BannerDetailsBox h4 .whiteStar {
   position: absolute;
   top: 5em;
   right: 5em;
}

.BannerSection .BannerDetailsBox .StarsImages .whiteStar {
   position: absolute;
   right: 20px;
   top: 26em;
   animation: rotateme 8s linear infinite;
}

.BannerSection .BannerDetailsBox .StarsImages .redStar {
   position: absolute;
   bottom: -60px;
   animation: rotateme 8s linear infinite;
}

.BannerSection .BannerDetailsBox .StarsImages .Designimg2 {
   width: 12%;
   position: absolute;
   right: 14em;
   bottom: -8em;
}

.BannerSection .BannerDetailsBox {
   padding-top: 10em;
}

.BannerSection .BannerDetailsBox h4 .RedStar,
.BannerSection .BannerDetailsBox h4 .whiteStar {
   animation: rotateme 8s linear infinite;
}

.BannerSection .BannerDetailsBox h2 {
   margin: 0;
   font-size: 50px;
   color: #fff;
   font-weight: 700;
   padding: 14px 0 12px;
   letter-spacing: 1px;
}

.BannerSection .BannerDetailsBox p {
   margin: 0;
   color: #fff;
   font-weight: 500;
   font-size: 16px;
   line-height: 26px;
   padding-right: 8em;
}

.BannerSection .BannerDetailsBox a {
   background: #ed1d24;
   color: #fff;
   margin-top: 60px;
   padding: 16px 30px;
   display: inline-block;
   border-radius: 6px;
   font-size: 14px;
}

.BannerSection .BannerDetailsBox a i {
   display: block;
   text-align: center;
   font-size: 18px;
   margin-top: 10px;
}

.BannerSection .bannerImagesFlex {
   display: flex;
}

.BannerSection .bannerImagesFlex img {
   width: 100%;
}

/* ********************************************* OUR FEATURES SECTION CSS */

.OurFeaturesSection {
   padding: 3em 0;
}

.OurFeaturesSection .OurFeaturesBox {
   padding: 30px;
   border-radius: 10px;
   margin-top: 30px;
}

.OurFeaturesSection .OurFeaturesBox h4 {
   margin: 0;
   margin-top: 20px;
   font-size: 18px;
   font-weight: 700;
   color: #2f2f2f;
}

.OurFeaturesSection .OurFeaturesBox p {
   margin: 0;
   line-height: 20px;
   font-size: 13px;
   font-weight: 400;
   margin-top: 10px;
}

/* ******************************************************* ABOUT US SECTION CSS */

.AboutusSection {
   padding: 3em 0;
}

.AboutusSection .AboutusBigImg {
   width: 90%;
}

.AboutusSection .AboutusBox h2 {
   margin: 0;
   font-size: 16px;
   color: #ed1d24;
}

.AboutusSection .AboutusBox h3 {
   margin: 0;
   font-size: 26px;
   line-height: 34px;
   font-weight: 800;
   color: #272727;
   padding: 10px 0;
}

.AboutusSection .AboutusBox p {
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   color: #626262;
   line-height: 22px;
}

.AboutusSection .AboutusBox a {
   background: linear-gradient(180deg, #ed1d24 0%, #e57276 100%);
   display: inline-block;
   padding: 10px 20px;
   color: #fff;
   border-radius: 4px;
   margin-top: 40px;
}

.AboutusSection .AboutusBox ul li {
   display: inline-block;
   width: 48%;
   color: #5c5c5c;
   font-weight: 800;
   font-size: 14px;
}

.AboutusSection .AboutusBox ul {
   margin-top: 20px;
}

/* ************************************************* TRUSTED OVER SECTION CSS */

.TrustedOverSection {
   padding: 3em 0 2em;
   background: whitesmoke;
}

.TrustedOverSection h2 {
   margin: 0;
   text-align: center;
   font-size: 20px;
   font-weight: 500;
}

.TrustedOverSection h2 b {
   color: #ed1d24;
}

.TrustedOverSection .TrustedSwiper img {
   width: 60%;
   margin: 0 10px;
   /* filter: grayscale(100%); */
   transition: 0.4s all;
   height: 100px;
   object-fit: contain;
}

.TrustedOverSection .TrustedSwiper img:hover {
   filter: grayscale(0%);
}

.TrustedOverSection .TrustedSwiper {
   margin-top: 30px;
}

/* ********************************************** PRODUCT & SERVICES SECTION CSS */

.ProductServicesSection {
   padding: 4em 0;
}

.ProductServicesSection .ProductServicesSwiper .swiper {
   width: 100%;
   height: 100%;
   padding: 0 6em 3em;
}

.ProductServicesSection .ProductServicesSwiper .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox .swiper-slide img {
   display: block;
   width: 40%;
   height: 100%;
   object-fit: cover;
   margin: 0 auto;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox {
   margin: 10px 0;
   border-radius: 10px;
   box-shadow: 0px 0px 10px 8px rgba(218, 218, 218, 0.25);
   padding: 30px 4px;
   width: 100%;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox .ProductServicesLogo {
   background: #fcf2f2;
   width: 100px;
   height: 100px;
   margin: 0 auto;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox .ProductServicesLogo img {
   width: 100px;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox h4 {
   margin: 0;
   font-weight: 700;
   font-size: 16px;
   margin-top: 20px;
   margin-bottom: 10px;
   color: #3b3b3b;
}

.ProductServicesSection .ProductServicesSwiper .ProductServicesBox p {
   margin: 0;
   font-size: 13px;
   margin-top: 20px;
   line-height: 20px;
   padding: 0 26px;
   font-weight: 500;
   color: #5d5d5d;
}

.ProductServicesSection .ProductServicesSwiper .swiper-button-next:after,
.ProductServicesSection .ProductServicesSwiper .swiper-rtl .swiper-button-prev:after {
   background: #656565;
   color: #fff;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   font-size: 16px;
   align-items: center;
   display: flex;
   justify-content: center;
}

.ProductServicesSection .ProductServicesSwiper .swiper-button-next {
   width: 38px;
   height: 40px;
}

.ProductServicesSection .ProductServicesSwiper .swiper-button-prev:after,
.ProductServicesSection .ProductServicesSwiper .swiper-rtl .swiper-button-prev:after {
   background: #656565;
   color: #fff;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   font-size: 16px;
   align-items: center;
   display: flex;
   justify-content: center;
}

.ProductServicesSection .ProductServicesSwiper .swiper-button-prev {
   width: 38px;
   height: 40px;
}

.ProductServicesSection .ProductServicesSwiper .swiper-pagination {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ProductServicesSection .ProductServicesSwiper .swiper-pagination .swiper-pagination-bullet {
   /* width: 16px;
   height: 16px; */
}

.ProductServicesSection .ProductServicesSwiper .swiper-pagination .swiper-pagination-bullet-active {
   width: 16px;
   height: 16px;
   background: #d21212;
}

.ProductServicesSection .ProductServicesSwiper {
   margin-top: 30px;
}

/* ********************************************** ADVANTAGE GRAPOSS CONNECT CSS */

.AdvantageSection {
   padding: 5em 0 3em;
   background: whitesmoke;
}

.AdvantageSection .insurancebenefitsImg {
   width: 80%;
}

.AdvantageSection .insurancebenefitsImgLeft {
   width: 8%;
   position: absolute;
   top: 0;
   left: 0;
}

.AdvantageSection .insurancebenefitsImgRight {
   width: 8%;
   position: absolute;
   top: 0em;
}

.AdvantageSection .insurancebenefitsImgLeft,
.AdvantageSection .insurancebenefitsImgRight {
   animation: rotateme 8s linear infinite;
}

.AdvantageSection .AdvantageBox h2 {
   margin: 0;
   font-size: 16px;
   color: #ed1d24;
}

.AdvantageSection .AdvantageBox h3 {
   margin: 0;
   font-size: 26px;
   line-height: 34px;
   font-weight: 800;
   color: #272727;
   padding: 10px 0;
}

.AdvantageSection .AdvantageBox p {
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   color: #626262;
   line-height: 22px;
}

.AdvantageSection .AdvantageBox ul {
   margin-top: 20px;
}

.AdvantageSection .AdvantageBox ul li {
   display: inline-block;
   background: white;
   width: 44%;
   padding: 12px 20px;
   border-radius: 4px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
   font-size: 15px;
   font-weight: 700;
   color: #626262;
   margin-bottom: 20px;
   margin-right: 20px;
}

.AdvantageSection .AdvantageBox ul li b {
   display: flex;
   align-items: center;
   width: 20%;
   justify-content: center;
   height: 44px;
   font-size: 16px;
   margin-bottom: 10px;
   text-align: center;
   color: #fff;
   background: linear-gradient(180deg, #ed1d24 0%, #e57276 100%);
   border-radius: 50%;
}

/* ************************************************* OUR TEAM SECTION CSS */

.OurteamSection {
   padding: 4em 0;
}

.OurteamSection .owl-carousel {
   margin-top: 2em;
}

.OurteamSection .shadow-effect {
   display: inline-block;
   background: white;
   padding: 30px 20px;
   border-radius: 4px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
   font-size: 16px;
   font-weight: 700;
   margin: 10px 10px;
}

.OurteamSection #customers-testimonials .shadow-effect p {
   font-size: 14px;
   font-weight: 500;
   margin: 0;
   color: #5d5d5d;
   line-height: 20px;
}

.OurteamSection .testimonial-name {
   font-size: 18px;
   color: #1e1e1e;
   text-align: center;
   font-weight: 800;
   line-height: 18px;
   margin-bottom: 20px;
}

.OurteamSection #customers-testimonials .item {
   text-align: center;
   padding: 0 30px;
   margin-bottom: 40px;
   opacity: 0.2;
   -webkit-transform: scale3d(0.8, 0.8, 1);
   transform: scale3d(0.8, 0.8, 1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.OurteamSection #customers-testimonials .owl-item.active.center .item {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}

.OurteamSection .owl-carousel .owl-item img {
   transform-style: preserve-3d;
   max-width: 100px;
   margin: 0 auto 10px;
}

.OurteamSection #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
.OurteamSection #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
   background: #e14e4e;
   transform: translate3d(0px, -50%, 0px) scale(0.7);
}

.OurteamSection #customers-testimonials.owl-carousel .owl-dots {
   display: inline-block;
   width: 100%;
   text-align: center;
}

.OurteamSection #customers-testimonials.owl-carousel .owl-dots .owl-dot {
   display: inline-block;
}

.OurteamSection #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
   background: #585858;
   display: inline-block;
   height: 20px;
   margin: 0 0px 0;
   transform: translate3d(0px, -50%, 0px) scale(0.3);
   transform-origin: 50% 50% 0;
   transition: all 250ms ease-out 0s;
   width: 20px;
   border-radius: 50%;
}

.OurteamSection .testimonial-name span {
   display: block;
   font-size: 14px;
   margin-top: 6px;
   font-weight: 700;
}

.OurteamSection .teamlink {
   width: 16% !important;
   margin-top: 10px !important;
   margin-bottom: 0 !important;
}

/* *********************************************** COUNTER SECTION CSS */

.CountersSection {
   padding: 4em 0;
   background: linear-gradient(180deg, #ed1d24 0%, #e57276 100%);
}

.CountersSection .CountersSectionFlex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.CountersSection .CountersSectionFlex .CountersBox {
   width: 100%;
   text-align: center;
}

.CountersSection .CountersSectionFlex .CountersBox p {
   margin: 0;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   margin-top: 6px;
}

.CountersSection .CountersSectionFlex .CountersBox h4 {
   margin: 0;
   color: #fff;
   font-size: 40px;
}

.CountersSection .CountersSectionFlex .CountersBox img {
   margin-bottom: -110px;
   width: 40%;
   margin-top: -40px;
}

.CountersSection .odometer-shape-5Img {
   position: absolute;
   bottom: -54px;
   left: -10em;
   width: 8%;
}

.CountersSection .odometer-shape-6Img {
   position: absolute;
   bottom: -54px;
   right: -10em;
   width: 8%;
}

/* ********************************************** BECOME A PARTNER SECTION CSS */

.BecomeaPartnerSection {
   padding: 3em 0;
   background: whitesmoke;
   border-bottom: 2px solid #eeeeee;
}

.BecomeaPartnerSection .row {
   display: flex;
   align-items: center;
}

.BecomeaPartnerSection img {
   width: 80%;
}

.BecomeaPartnerSection .BecomeaPartnerBox h2 {
   margin: 0;
   font-size: 16px;
   color: #ed1d24;
}

.BecomeaPartnerSection .BecomeaPartnerBox h3 {
   margin: 0;
   font-size: 26px;
   line-height: 34px;
   font-weight: 800;
   color: #272727;
   padding: 10px 0;
}

.BecomeaPartnerSection .BecomeaPartnerBox p {
   margin: 0;
   font-size: 18px;
   font-weight: 500;
}

.BecomeaPartnerSection .BecomeaPartnerBox .BecomeaPartnerBtn {
   background: linear-gradient(180deg, #ed1d24 0%, #e57276 100%);
   display: inline-block;
   padding: 10px 20px;
   color: #fff;
   border-radius: 4px;
   margin-top: 40px;
}

/* ********************************************** NEWS FEED SECTION CSS */

.NewsFeedSection {
   padding: 4em 0;
   background: whitesmoke;
}

.NewsFeedSection .NewsFeedBox .NewsFeedBoxImg img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   border-radius: 10px 10px 0 0;
   filter: brightness(0.7);
   transition: 0.4s all;
}

.NewsFeedSection .NewsFeedBox {
   box-shadow: 0 0 30px rgba(85, 85, 85, .1);
   margin-top: 2em;
}

.NewsFeedSection .NewsFeedBox .NewsFeedBoxImg span {
   position: absolute;
   background: #d74d51;
   margin-bottom: 20px;
   padding: 10px 20px;
   color: #fff;
   font-size: 14px;
   border-radius: 0 10px 10px 0;
}

.NewsFeedSection .NewsFeedBox .NewsFeedBoxImg {
   display: flex;
   align-items: flex-end;
}

.NewsFeedSection .NewsFeedBox h4 {
   margin: 0;
   padding: 16px;
   text-align: center;
   font-size: 14px;
   font-weight: 800;
   line-height: 22px;
   color: #d8d8d8;
   transition: 0.4s all;
   border-radius: 0 0 10px 10px;
   background: #333333;
}

.NewsFeedSection a:hover .NewsFeedBox img {
   filter: none;
}

.NewsFeedSection a:hover .NewsFeedBox h4 {
   color: #fff;
}

/* ************************************************ ADVISORS SECTION CSS */

.AdvisorsSection {
   padding: 3em 0;
}

.AdvisorsSection h2 {
   margin: 0;
   color: #E04748;
   font-size: 16px;
   text-decoration: underline;
   font-weight: 700;
   text-align: center;
}

.AdvisorsSection h3 {
   text-align: center;
   margin: 0;
   padding: 20px 14em;
   font-weight: 500;
   font-size: 20px;
   line-height: 34px;
}

.AdvisorsSection h3 b {
   display: inline-block;
   text-decoration: underline;
}

.AdvisorsSection .swiper {
   width: 100%;
   height: 100%;
   padding: 0 3em 4em;
}

.AdvisorsSection .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.AdvisorsSection .swiper-slide img {
   width: 16%;
   margin-right: 20px;
}

.AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox {
   margin: 10px 0;
   border-radius: 10px;
   box-shadow: 0px 0px 10px 8px rgba(218, 218, 218, 0.25);
   width: 90%;
   padding: 30px;
}

.AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox .AdvisorSwiperFlex {
   display: flex;
   align-items: center;
}

.AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox .AdvisorSwiperFlex h4 {
   margin: 0;
   font-size: 18px;
   font-weight: 700;
   color: #000;
}

.AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox p {
   text-align: left;
   font-size: 13px;
   line-height: 20px;
   color: #626262;
   margin: 0;
   margin-top: 10px;
}

.AdvisorsSection .AdvisorSwiper .swiper-button-next {
   width: 38px;
   height: 40px;
}

.AdvisorsSection .AdvisorSwiper .swiper-button-next:after,
.AdvisorsSection .AdvisorSwiper .swiper-rtl .swiper-button-prev:after {
   background: #656565;
   color: #fff;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   font-size: 16px;
   align-items: center;
   display: flex;
   justify-content: center;
}

.AdvisorsSection .AdvisorSwiper .swiper-button-prev {
   width: 38px;
   height: 40px;
}

.AdvisorsSection .AdvisorSwiper .swiper-button-prev:after,
.AdvisorsSection .AdvisorSwiper .swiper-rtl .swiper-button-prev:after {
   background: #656565;
   color: #fff;
   height: 40px;
   width: 40px;
   border-radius: 50%;
   font-size: 16px;
   align-items: center;
   display: flex;
   justify-content: center;
}

/* ************************************ FOOTER SECTION CSS */

footer {
   background: #fff5f5;
   padding: 5em 0 0;
   border-top: 4px solid #ffd5d5;
   height: 360px;
}

footer .main-footer,
footer .bottom-footer {
   position: relative;
   z-index: 1;
}

footer .footer-shapeImgs {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   position: relative;
   top: -18em;
}

footer .footer-aboutus img {
   width: 80%;
   margin-bottom: 10px;
}

footer .footer-aboutus p {
   color: #161616;
   margin: 0;
   padding: 10px 0 30px;
   line-height: 20px;
   font-weight: 500;
   font-size: 15px;
}

footer .footer-header {
   color: #232323;
   margin: 0;
   padding-bottom: 20px;
   font-size: 18px;
   font-weight: 800;
}

footer .footer-ul {
   padding-left: 20px;
}

footer .footer-ul li {
   /* margin-bottom: 10px; */
   list-style: square;
   color: #fe4a55;
}

footer .footer-ul li a {
   color: #242424;
   display: block;
   font-size: 14px;
   padding-bottom: 10px;
   font-weight: 500;
   transition: 0.4s all;
}

footer .footer-ul li a:hover {
   color: #fe4a55;
}

footer .footer-aboutus .bottom-social-ul {
   float: left;
   width: 100%;
}

footer .footer-aboutus .bottom-social-ul li {
   float: left;
   width: 16%;
}

footer .footer-aboutus .bottom-social-ul li i {
   color: #ed1d24;
   background: #ffe6e6;
   line-height: 30px;
   width: 30px;
   height: 30px;
   transition: all .25s ease-in-out;
   border-radius: 50%;
   text-align: center;
   font-size: 16px;
}

footer .footer-aboutus .bottom-social-ul li .fa-facebook-f:hover {
   background: #395693;
   color: #fff;
}

footer .footer-aboutus .bottom-social-ul li .fa-twitter:hover {
   background: #00a7e7;
   color: #fff;
}

footer .footer-aboutus .bottom-social-ul li .fa-youtube:hover {
   background: #FF0000;
   color: #fff;
}

footer .footer-aboutus .bottom-social-ul li .fa-linkedin-in:hover {
   background: #0e72a3;
   color: #fff;
}

footer .footer-aboutus .bottom-social-ul li .fa-telegram:hover {
   background: #395693;
   color: #fff;
}

footer .footer-aboutus .bottom-social-ul li .fa-instagram:hover {
   background: #FF0000;
   color: #fff;
}

footer .footer-address li {
   color: #242424;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 13px;
}

footer .footer-address li i {
   font-size: 16px;
   width: 30px !important;
}

footer .bottom-footer {
   padding: 1em 0;
   margin-top: 50px;
   border-top: 1px solid #d9d9d9;
}

footer .bottom-footer p {
   margin: 0;
   color: #2a2a2a;
   font-size: 14px;
   line-height: normal;
}

footer .bottom-footer h6 {
   margin: 0;
   text-align: right;
   font-size: 14px;
}

footer .bottom-footer h6 a {
   color: #292929;
   display: inline-block;
   border-right: 2px solid #898989;
   padding-right: 10px;
   margin-right: 10px;
}

footer .bottom-footer h6 a:last-child {
   border-right: none;
   padding-right: 0;
   margin-right: 0;
}

/* ***************************************** ALL PAGE HEADER SECTION CSS */

.AllpageHeaderSection {
   position: relative;
   padding: 10em 0;
   background: #f4464b;
   z-index: 1;
}

.AllpageHeaderSection .AllpageHeaderBg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   background-size: 100% 100%;
}

.AllpageHeaderSection img {
   width: 10%;
   margin: 0px;
   margin-bottom: 20px;
}

.AllpageHeaderSection h2 {
   margin: 0;
   font-size: 40px;
   font-weight: 700;
}

.AllpageHeaderSection h2 span {
   display: block;
   font-size: 16px;
   margin-top: 10px;
}

.AllpageHeaderSection h2 span a {
   display: inline-block;
   border-right: 2px solid #4b4b4b;
   padding-right: 10px;
   margin-right: 10px;
   font-size: 14px;
   color: #9e0004;
}

/* ************************************************* OUR COMPANY PAGE SECTION CSS */

.OurcompanypageSection {
   padding: 3em 0;
}

.OurcompanypageSection h2 {
   margin: 0;
   font-size: 24px;
   color: #ed1d24;
   font-weight: 700;
   margin-bottom: 20px;
}

.OurcompanypageSection h2 b {
   display: inline-block;
   font-size: 16px;
   color: #484848;
   font-weight: 500;
}

.OurcompanypageSection p {
   font-size: 14px;
   line-height: 22px;
   margin-bottom: 20px;
}

/* ************************************************* GEPL - SOME HIGHLIGHTS PAGE SECTION CSS */

.somehighlightspageSection {
   padding: 3em 0;
}

.somehighlightspageSection h2 {
   margin: 0;
   font-size: 18px;
   color: #ed1d24;
   font-weight: 700;
   margin-bottom: 10px;
}

.somehighlightspageSection h2 b {
   display: inline-block;
   font-size: 16px;
   color: #484848;
   font-weight: 500;
}

.somehighlightspageSection p {
   font-size: 14px;
   line-height: 22px;
   margin-bottom: 20px;
}

.somehighlightspageSection img {
   width: 50%;
   margin: 0 auto;
   display: block;
}

.somehighlightspageSection h6 {
   text-align: center;
   margin: 0;
   font-size: 14px;
   margin-top: 10px;
   color: black;
}

/* *********************************************** LEARNING EXPERIENCE PAGE SECTION CSS */

.learningexperiencepageSection {
   padding: 3em 0;
}

.learningexperiencepageSection h2 {
   margin: 0;
   font-size: 30px;
   color: #ed1d24;
   font-weight: 700;
   margin-bottom: 10px;
}

.learningexperiencepageSection p {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 10px;
}

.learningexperiencepageSection ul {
   padding-left: 30px;
   margin-bottom: 20px;
}

.learningexperiencepageSection ul li {
   list-style: disc;
   font-size: 15px;
   padding-bottom: 6px;
   color: #4f4f4f;
}

.learningexperiencepageSection h6 {
   font-size: 18px;
   font-weight: 700;
   margin: 0;
   margin-bottom: 10px;
}

/* ************************************************ PRODUCT SHINEOLYMPIAD PAGE SECTION CSS */


.FeaturesSection {
   padding: 3em 0;
}

.FeaturesSection .four-features-box {
   text-align: center;
}

.FeaturesSection .four-features-box img {
   width: 60px;
   height: 60px;
   object-fit: cover;
}

.FeaturesSection .four-features-box h4 {
   margin: 0;
   font-weight: 800;
   font-size: 16px;
   color: #2d2d2d;
   width: 100%;
   padding: 10px;
}

.FeaturesSection .four-features-box p {
   margin: 0;
   font-size: 13.4px;
   font-weight: 600;
   line-height: 20px;
   color: #7d7d7d;
}

.ChooseolympiadSection {
   padding: 3em 0;
   background: whitesmoke;
}

.ChooseolympiadSection h2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: 800;
   font-size: 18px;
   color: #4c4c4c;
   margin: 0;
   border-bottom: 2px solid gainsboro;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.ChooseolympiadSection .tab {
   overflow: hidden;
   background-color: #caccff;
   display: flex;
   align-items: center;
   justify-content: end;
}

.ChooseolympiadSection .tab button {
   border: 1px solid #ffd7d8;
   outline: none;
   cursor: pointer;
   padding: 10px 20px;
   transition: 0.3s;
   font-size: 12px;
   background: #ffddde;
   color: #000;
   font-weight: 700;
   border-radius: 4px;
}

.ChooseolympiadSection .tab button:hover {
   background-color: #ddd;
}

.ChooseolympiadSection .tab button.active {
   background-color: #ed1d24;
   color: #fff;
}

.ChooseolympiadSection .tabcontent {
   display: none;
   padding: 6px 12px;
   -webkit-animation: fadeEffect 1s;
   animation: fadeEffect 1s;
}

.ChooseolympiadSection .tabcontent .ChooseolympiadBox {
   background: #fff;
   border-radius: 10px;
   border: 1px solid #e8e8e8;
   margin-bottom: 20px;
   transition: 0.3s;
}

.ChooseolympiadSection .tabcontent .ChooseolympiadBox:hover {
   box-shadow: 0 0 16px -2px #bfbfbf;
}

.ChooseolympiadSection .tabcontent .ChooseolympiadBox img {
   width: 100%;
   border-radius: 10px 10px 0 0;
   object-fit: cover;
   height: 170px;
}

.ChooseolympiadSection .tabcontent .ChooseolympiadBox h3 {
   margin: 0;
   text-align: center;
   font-size: 13px;
   padding: 10px;
   font-weight: 700;
   background: #616161;
   color: white;
   line-height: 20px;
   border-radius: 0 0 10px 10px;
}

@-webkit-keyframes fadeEffect {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

@keyframes fadeEffect {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

.all-classes-section {
   padding: 3em 0;
   border-bottom: 2px solid #f0f0f0
}

.all-classes-section .all-classes-box {
   background: #000;
   z-index: 0;
   padding: 50px 0;
   position: relative;
   border-radius: 50%;
   width: 100%;
   margin-top: 1em;
   height: 160px;
   overflow: hidden
}

.all-classes-section .all-classes-box div.all-classes-bg {
   position: absolute;
   z-index: -1;
   top: 0;
   border-radius: 50%;
   bottom: 0;
   left: 0;
   right: 0;
   transition: .5s ease-in-out
}

.all-classes-section .all-classes-box div.all-classes-bg:hover {
   transform: scale(1.3)
}

.all-classes-section .all-classes-box h4 {
   margin: 0;
   color: #fff;
   text-align: center;
   font-size: 18px;
   letter-spacing: .5px;
   line-height: 28px
}

.all-classes-section .all-classes-box h4 span {
   font-size: 22px;
   font-weight: 700
}


.all-classes-section .all-classes-box .class1 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/1Class.svg) center center/cover
}

.all-classes-section .all-classes-box .class2 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/2Class.svg) center center/cover
}

.all-classes-section .all-classes-box .class3 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class3.svg) center center/cover
}

.all-classes-section .all-classes-box .class4 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class4.svg) center center/cover
}

.all-classes-section .all-classes-box .class5 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class5.svg) center center/cover
}

.all-classes-section .all-classes-box .class6 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class6.svg) center center/cover
}

.all-classes-section .all-classes-box .class7 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class7.svg) center center/cover
}

.all-classes-section .all-classes-box .class8 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class8.svg) center center/cover
}

.all-classes-section .all-classes-box .class9 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/9Class.svg) center center/cover
}

.all-classes-section .all-classes-box .class10 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class10.svg) center center/cover
}

.all-classes-section .all-classes-box .class11 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class11.svg) center center/cover
}

.all-classes-section .all-classes-box .class12 {
   background: url(https://shineolympiad.com/wp-content/themes/shineolympiad/images/class12.svg) center center/cover
}

.all-classes-section h2 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: 800;
   font-size: 18px;
   color: #575757;
   margin: 0;
   border-bottom: 2px solid gainsboro;
   padding-bottom: 10px;
   margin-bottom: 10px;
   font-family: 'Lato', sans-serif;
}

.productsp-header-section {
   background: #fafafa;
   padding: 3em 0;
   border-bottom: 1px solid #ececec;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.productsp-header-section .schoollms-flex {
   display: flex;
   margin-top: 20px;
   align-items: center;
}

.productsp-header-section img {
   width: 54%;
   margin: 0 auto;
   display: block;
}

.productsp-header-section .schoollms-flex .visitWebsite-btn {
   background: #ed1d24;
   display: inline-block;
   color: #fff;
   font-weight: 700;
   font-size: 12px;
   padding: 10px 20px;
   border-radius: 4px;
   transition: 0.4s all;
   margin-right: 20px;
}

.productsp-header-section .productsp-header-details-box h3 {
   margin: 0 0;
   font-size: 24px;
   font-weight: bold;
   color: #0d2742;
   line-height: 38px;
}

.productsp-header-section .productsp-header-details-box p {
   margin: 0;
   font-weight: 600;
   font-size: 15px;
   display: inline-block;
   margin-top: 6px;
}

.productsp-header-section .productsp-header-details-box h6 {
   margin: 0;
   font-weight: 600;
   font-size: 14px;
   display: inline-block;
   border-radius: 4px;
}

.productsp-header-section .productsp-header-details-box h6 i {
   margin-right: 6px;
}

.productsp-header-section .productsp-header-details-box h3 span {
   color: #105fc2;
}

.productsp-header-section .productsp-header-details-box {
   text-align: left;
}

.state-exams-section {
   padding: 2em 0;
}

.state-exams-section .state-exams-box {
   /* padding: 30px 20px;
   cursor: pointer;
   transform: translateY(0);
   transition-duration: 0.3s;
   box-shadow: 0 0 16px 0 rgb(175 175 175 / 47%);
   background-color: #ffffff;
   border: 1px solid #e6e6e6;
   border-radius: 10px; */
}

.state-exams-section .state-exams-box ul {
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.state-exams-section .state-exams-box ul li {
   display: inline-block;
   background: #f3f9ff;
   padding: 10px 0;
   border-radius: 5px;
   text-align: center;
   margin: 0 10px;
   transform: translateY(0);
   transition-duration: 0.3s;
   border-bottom: 2px solid #d1d1d1;
   box-shadow: 0px 4px 10px #e1e1e1;
   width: 100%;
}

.state-exams-section .state-exams-box ul li:hover {
   transform: translateY(-4px);
   color: #0d3660;
}

.state-exams-section .state-exams-box ul li img {
   width: 40px;
}

.state-exams-section .state-exams-box ul li h4 {
   margin: 0;
   font-size: 12px;
   padding-top: 16px;
   font-weight: 700;
   color: #02101e;
}

.freedemo-section {
   padding: 1em 0;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background: aliceblue;
}

.freedemo-section h2 {
   margin: 0;
   font-size: 30px;
   font-weight: bold;
   line-height: 40px;
   color: #0d2742;
   padding: 30px 0;
   ;
}

.freedemo-section button {
   padding: 0;
   outline: none;
   background: transparent;
   border: 0;
   display: inline-flex;
}

.freedemo-section img {
   width: 46%;
   float: right;
}

.fourfeatures-section {
   padding: 3em 0;
}

.fourfeatures-section .fourfeatures-box {
   background: #e4feef;
   padding: 20px;
   border: 1px solid #b3ffd3;
   border-radius: 4px;
   height: 200px;
   transition-duration: 0.3s;
   margin-bottom: 30px;
}

.fourfeatures-section .fourfeatures-box:hover {
   box-shadow: 0 0 10px -4px #000;
}

.fourfeatures-section .fourfeatures-box h3 {
   margin: 0;
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
   color: #383838;
}

.fourfeatures-section .fourfeatures-box p {
   margin: 0;
   margin-top: 10px;
   font-size: 13px;
   font-weight: 600;
   color: #686868;
}

.producttss-header-section {
   position: relative;
   padding: 3em 0;
   background: #000000;
   z-index: 1;
}

.producttss-header-section .producttss-headerbg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(https://images.pexels.com/photos/220320/pexels-photo-220320.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) center center;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
}

.producttss-header-section .producttss-header-details-box img {
   width: 20%;
}

.producttss-header-section .producttss-header-details-box h2 {
   margin: 0;
   color: #fff;
   font-weight: 800;
   font-size: 24px;
   padding: 0 0 20px;
   line-height: 36px;
}

.producttss-header-section .producttss-header-details-box .visit-Website-flex {
   display: flex;
   align-items: center;
   margin-top: 20px;
   justify-content: center;
}

.producttss-header-section .producttss-header-details-box .visit-Website-flex .visitWebsite-btn {
   background: #ed1d24;
   display: inline-block;
   color: #fff;
   font-weight: 700;
   font-size: 12px;
   padding: 10px 20px;
   border-radius: 4px;
   transition: 0.4s all;
   margin-right: 20px;
}

.producttss-header-section .producttss-header-details-box .visit-Website-flex h6 {
   margin: 0;
   color: #fff;
   font-weight: 700;
   font-size: 15px;
   margin-left: 20px;
}

.producttss-header-section .producttss-header-details-box {
   text-align: center;
}

.producttss-header-section .school-website-ul {
   display: flex;
   padding-bottom: 10px;
   padding-left: 0;
}

.producttss-header-section .school-website-ul li {
   list-style: none;
   display: inline;
   background: #494949;
   padding: 20px 30px;
   width: 100%;
}

.producttss-header-section .school-website-ul li h4 {
   margin: 0;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   display: flex;
   align-items: center;
   line-height: normal;
}

.producttss-header-section .school-website-ul li h4 i {
   font-size: 20px;
   margin-right: 10px;
   color: #ffffff;
}

.producttss-header-section .school-website-ul li p {
   margin: 0;
   font-size: 12px;
   color: #dddddd;
   padding-top: 10px;
   font-weight: 600;
   text-align: left;
}

.producttss-details-section {
   padding: 3em 0;
}

.producttss-details-section h2 {
   text-align: center;
   font-size: 22px;
   font-weight: 600;
   margin: 0;
}

.producttss-details-section h2 span {
   color: #ed1d24;
   display: inline-block;
   font-weight: 700;
}

.producttss-details-section hr {
   border-top: 2px solid #e91d24;
   width: 10%;
   margin: 20px auto 30px;
}

.producttss-details-section .card-box img {
   width: 30%;
   margin-right: 14px;
   border-radius: 4px;
}

.producttss-details-section .card-box {
   padding: 10px;
   display: flex;
   align-items: center;
   border: 1px solid #e5e5e5;
   border-left: 4px solid #7f7f7f;
   margin-bottom: 10px;
   border-radius: 0 4px 4px 0;
   transform: translateY(0);
   transition-duration: 0.3s;
}

.producttss-details-section .card-box:hover {
   transform: translateY(-8px);
}

.producttss-details-section .card-box h4 {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
}

.producttss-details-section .productwhitelabel-DemandFeatures {
   margin-top: 40px;
}

.producttss-details-section .productwhitelabel-box {
   margin-bottom: 20px;
   display: flex;
   padding: 20px;
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
   border-radius: 10px;
   background: #f6f6f6;
   box-shadow: 0 0 10px -2px #cecece;
}

.producttss-details-section .productwhitelabel-box img {
   width: 100px;
   padding: 6px;
   background: #ffffff;
   border-radius: 50%;
   height: 100px;
   object-fit: cover;
   border: 1px solid #bfbfbf;
}

.producttss-details-section .productwhitelabel-box h5 {
   font-size: 16px;
   color: #000;
   font-weight: 700;
   margin: 0;
   text-align: center;
   margin-top: 10px;
   line-height: 22px;
}

.producttss-details-section ul {
   padding-left: 20px;
   margin-top: 10px;
}

.producttss-details-section ul li {
   list-style: square;
   font-weight: 600;
   font-size: 14px;
   padding: 4px 0;
}

.productself-header-section {
   position: relative;
   padding: 3em 0;
   background: #000000;
   z-index: 1;
}

.productself-header-section .productself-headerbg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(https://selfanalyse.com/wp-content/themes/psychometrics/images/personality/personality-test-bg.jpg) center center;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
}

.productself-header-section .productself-header-details-box {
   text-align: center;
}

.productself-header-section .productself-header-details-box h2 {
   margin: 0;
   color: #e7e7e7;
   font-size: 18px;
   font-weight: 700;
   line-height: 30px;
   padding: 0 6em;
}

.productself-header-section .productself-header-details-box .visit-Website-flex {
   justify-content: center;
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.productself-header-section .productself-header-details-box .visit-Website-flex h6 {
   margin: 0;
   color: #fff;
   font-weight: 700;
   margin-left: 20px;
   font-size: 16px;
}

.productself-header-section .productself-header-details-box .visit-Website-flex .visitWebsite-btn {
   display: inline-block;
   background: #da3939;
   padding: 6px 12px;
   color: #fff;
   border-radius: 4px;
}

.selfanalyse-section-page {
   padding: 3em 0;
}

.section-header {
   margin-bottom: 20px;
   text-align: center;
}

.selfanalyse-details-box .section-header h2 {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: bold;
   margin: 0px;
   color: #252525;
   text-align: left;
}

.selfanalyse-details-box .section-header h2::after {
   content: "";
   position: absolute;
   top: 30%;
   width: 8%;
   height: 2px;
   left: 16px;
}

.selfanalyse-details-box .section-header h2::after {
   background: #303030;
}

.selfanalyse-details-box p {
   margin: 0;
   font-size: 16px;
   font-weight: 500;
   color: #000;
   padding-bottom: 20px;
   text-align: left;
}

.psycometric-examlist-section .psycometric-examlist-box {
   text-align: center;
   padding: 30px 10px;
   border-radius: 10px;
   color: #fff;
   transition: all 0.25s ease-in-out 0s;
   width: 100%;
}

.psycometric-examlist-section .psycometric-examlist-box {
   text-align: center;
   padding: 30px 10px;
   border-radius: 10px;
   color: #fff;
   transition: all 0.25s ease-in-out 0s;
   width: 100%;
}

.psycometric-examlist-box h4 {

   color: #fff;
   margin: 0;
   font-weight: 600;
   padding-bottom: 10px;
   font-size: 20px;
}

.psycometric-examlist-box p.para-phy {
   color: #fff;
   margin: 0;
   font-weight: 500;
   font-size: 14px;
   line-height: 20px;
}

.psycometric-video-section {
   padding: 3em 0;
   background-color: whitesmoke;
}

.psycometric-video-section .psycometric-video-box {
   background: #fff;
   text-align: center;
}

.psycometric-video-section .psycometric-video-box iframe {
   width: 100%;
   height: 220px;
}

.psycometric-video-section .psycometric-video-box i {
   background: #f63a0b;
   font-size: 30px;
   padding: 20px 18px;
   position: relative;
   top: -44px;
   border-radius: 50%;
   color: #fff;
   margin-bottom: -30px;
}

.psycometric-video-section .psycometric-video-box h4 {
   margin: 0;
   font-weight: 700;
   background: #ed1d24;
   font-size: 15px;
   padding: 16px;
   color: #fff;
   margin-top: -5px;
   border-radius: 0 0 10px 10px;
}

.productnc-header-section {
   position: relative;
   padding: 3em 0;
   background: #000000;
   z-index: 1;
}

.productnc-header-section .productnc-headerbg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(https://naukriconnect.com/images/naukriconnect-bg.webp) center center;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
}

.productnc-header-section .productnc-header-details-box h2 {
   margin: 0;
   color: #fff;
   font-weight: 800;
   font-size: 24px;
   padding: 0 0;
   line-height: 36px;
}

.productnc-header-section .productnc-header-details-box p {
   margin: 0;
   color: #cecece;
   font-weight: 600;
   font-size: 16px;
   margin-top: 10px;
}

.productnc-header-section .productnc-header-details-box .visit-Website-flex {
   display: flex;
   align-items: center;
   margin-top: 20px;
   justify-content: center;
}

.productnc-header-section .productnc-header-details-box .visit-Website-flex .visitWebsite-btn {
   display: inline-block;
   background: #e72c2c;
   padding: 6px 16px;
   color: #fff;
   border-radius: 4px;
}

.productnc-header-section .productnc-header-details-box .visit-Website-flex h6 {
   margin: 0;
   color: #e1e1e1;
   font-weight: 700;
   font-size: 15px;
   margin-left: 20px;
}

.productnc-header-section .productnc-header-details-box {
   text-align: center;
}

.nc-notification-section {
   padding: 3em 0;
}

.nc-notification-section .latest-box {
   background: #fbf8ff;
   border: 1px solid #ededed;
   border-radius: 4px;
}

.nc-notification-section .latest-box h4 {
   text-align: center;
   padding: 14px 10px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 600;
   margin: 0;
   background: #464646;
   font-size: 14px;
   border-radius: 10px 10px 0 0;
}

.nc-notification-section .latest-box ul {
   padding: 0;
   width: 100%;
   height: 500px;
   overflow: auto;
}

.nc-notification-section .latest-box ul li a {
   display: flex;
   align-items: center;
   padding: 10px;
   border-bottom: 1px solid #dddddd;
}

.nc-notification-section .latest-box ul li img {
   width: 10%;
   margin-right: 10px;
}

.nc-notification-section .latest-box ul li p {
   margin: 0;
   font-size: 14px;
   font-weight: 600;
   color: #000;
}

.nc-notification-section .latestscnd-box {
   margin-top: 20px;
   padding: 20px;
   border-radius: 6px;
   text-align: center;
}

.nc-notification-section .latestscnd-box img {
   width: 60px;
}

.nc-notification-section .latestscnd-box h4 {
   margin: 0;
   color: #fff;
   font-size: 18px;
   line-height: 26px;
   padding-top: 10px;
}

.nc-notification-section .latestscnd-box ul {
   padding: 10px;
   margin: 0;
   color: #fff;
}

.nc-latestscnd-section {
   padding: 3em 0;
   background: #f7f7f7;
}

.nc-latestscnd-section .latestscnd-box {
   padding: 20px;
   text-align: center;
   border-radius: 6px;
}

.nc-latestscnd-section .latestscnd-box img {
   width: 60px;
}

.nc-latestscnd-section .latestscnd-box h4 {
   color: #fff;
   margin: 0;
   font-size: 16px;
   font-weight: 700;
   padding: 10px 0;
}

.nc-latestscnd-section .latestscnd-box ul {
   margin: 0;
   padding: 0;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
}

.nc-notification-section .heading-txt {
   position: relative;
   margin: 0;
   font-size: 28px;
   line-height: 1.2;
   font-weight: 500;
   text-align: center;
   overflow: hidden;
}

.nc-notification-section .heading-txt:before,
.nc-notification-section .heading-txt:after {
   position: absolute;
   top: 46%;
   content: '';
   width: 8%;
   height: 3px;
   display: inline-block;
   background: #888888;
}

.nc-notification-section .heading-txt:after {
   margin-left: 14px;
}

.nc-notification-section .heading-txt span {
   font-weight: 600;
   color: #ed1d24;
}

.nc-notification-section .heading-txt:before {
   margin-left: calc(-8% - 14px);
}

.nc-notification-section .heading-para {
   margin: 0;
   text-align: center;
   padding: 10px 0;
   font-weight: 700;
   margin-bottom: 10px;
   font-size: 14px;
}

.schoollms-page-header {
   position: relative;
   padding: 3em 0;
   background: #00305d;
   z-index: 1;
}

.schoollms-page-header .schoollms-header-bg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(/wp-content/themes/sarkaripariksha_theme/images/daily_quiz_2.png) center center;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   filter: blur(0px);
   background-position: right;
}

.schoollms-page-header img {
   width: 10%;
   background: #fff;
   border-radius: 10px;
   margin-bottom: 20px;
   padding-bottom: 10px;
}

.schoollms-page-header .trending-heading {
   font-size: 16px;
   font-weight: 800;
   text-transform: capitalize;
   font-style: normal;
   color: #ffffff;
   margin: 0;
   padding: 0px 0px 0px 0px;
}

.schoollms-page-header h4 {
   margin: 0;
   font-size: 26px;
   color: #fff;
   font-weight: 700;
   padding: 10px 0;
}

.schoollms-page-header p {
   margin: 0;
   color: #f3f3f3;
   font-weight: 600;
   font-size: 18px;
}

.schoollms-page-header h6 {
   margin: 0;
   color: #fbfbfb;
   font-size: 14px;
   font-weight: 700;
   padding: 10px 0;
   line-height: 26px;
}

.schoollms-page-header .schoollms-flex {
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.schoollms-page-header .schoollms-flex .visitWebsite-btn {
   display: inline-block;
   line-height: normal;
   background: #e72020;
   color: #fff;
   padding: 4px 14px;
   margin-right: 20px;
   border-radius: 4px;
}

.school-lms-page-section {
   padding: 3em 0;
}

.school-lms-page-section .school-lms-page-box {
   padding: 30px;
   cursor: pointer;
   margin-top: 2em;
   border-radius: 10px;
   transform: translateY(0);
   transition-duration: 0.3s;
   box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
   background-color: #ffffff;
   border: 1px solid #f3f3f3;
   align-items: center;
   width: 100%;
}

.school-lms-page-section .school-lms-page-box h3 {
   margin: 0;
   font-weight: 800;
   font-size: 18px;
   color: #072442;
   padding-bottom: 10px;
}

.school-lms-page-section .school-lms-page-box ul li {
   list-style: circle;
   font-size: 13px;
   color: #2a2a2a;
   padding: 2px 0;
   font-weight: 600;
}

.school-lms-page-section img {
   width: 80%;
   margin: 0 auto;
   display: block;
}

.school-lms-page-section {
   padding: 3em 0;
}

.school-lms-page-section h2 {
   margin: 0;
   font-weight: 800;
   font-size: 20px;
   border-bottom: 2px solid #363636;
   padding-bottom: 12px;
   color: #424242;
}

.school-lms-page-section .school-lms-page-box ul {
   padding-left: 16px;
}

.school-lms-page-section h6 {
   font-size: 14px;
   font-weight: 700;
   color: #0b3154;
   background: #d8ecff;
   padding: 14px;
   margin-top: 20px;
   border-radius: 4px;
   text-align: center;
}

.school-lms-features-page-section {
   padding: 3em 0;
   background: #f9f9f9;
   border-top: 1px solid #e2e2e2;
}

.school-lms-features-page-section .school-lms-features-box {
   padding: 30px;
   border-radius: 10px;
   transform: translateY(0);
   transition-duration: 0.3s;
   box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
   background-color: #ffffff;
   border: 1px solid #dedede;
   margin-bottom: 2em;
}

.school-lms-features-page-section .school-lms-features-box h2 {
   margin: 0;
   font-size: 18px;
   font-weight: 800;
   color: #424242;
   border-bottom: 1px solid #dfdfdf;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

.school-lms-features-page-section .school-lms-features-box ul {
   padding-left: 20px;
   margin-top: 14px;
}

.school-lms-features-page-section .school-lms-features-box ul li {
   list-style: decimal;
   padding-bottom: 8px;
}

.school-lms-features-page-section .school-lms-features-box table {
   width: 100%;
   margin-top: 20px;
}

.school-lms-features-page-section .school-lms-features-box table tr th {
   border: 1px solid #ffffff;
   padding: 10px;
   border-collapse: unset;
   background: #4b4b4b;
   color: #fff;
   font-size: 12px;
}

.school-lms-features-page-section .school-lms-features-box table tr td {
   border: 1px solid #ffffff;
   padding: 10px;
   border-collapse: unset;
   background: #e1f0ff;
   color: #072442;
   font-size: 14px;
   letter-spacing: 0.4px;
   font-weight: 700;
}

.collegenxtnow-product-section {
   position: relative;
   padding: 10em 0;
   background: #012e3c;
   z-index: 1;
   height: 80vh;
}

.collegenxtnow-product-section .collegenxtnow-productbg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(https://collegenxtnow.com/wp-content/themes/education/img/banner-bg.jpg) center center;
   opacity: 0.3;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
}

.collegenxtnow-product-section h1 {
   font-size: 20px;
   text-align: center;
   font-weight: 800;
   color: #fff;
   line-height: 40px;
   background: rgb(0 0 0 / 36%);
   margin: 0 auto 0;
   padding: 10px 0;
   border-radius: 10px;
   margin-bottom: 20px;
}

.collegenxtnow-product-section ul {
   display: flex;
   align-items: center;
   justify-content: center;
}

.collegenxtnow-product-section ul li {
   display: flex;
   align-items: flex-start;
   border-right: 2px solid #969696;
   padding-right: 20px;
   width: 50%;
   margin-right: 20px;
}

.collegenxtnow-product-section ul li i {
   color: #fff;
   font-size: 40px;
   margin-right: 30px;
}

.collegenxtnow-product-section ul li:last-child {
   border-right: none;
}

.collegenxtnow-product-section ul li h4 {
   font-weight: 800;
   color: #fff;
   font-size: 20px;
   margin: 0;
}

.collegenxtnow-product-section ul li p {
   margin: 0;
   font-size: 18px;
   color: #fff;
   padding-top: 10px;
}

.collegenxtnow-product-section .schoollms-flex {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 30px;
}

.collegenxtnow-product-section .schoollms-flex .visitWebsite-btn {
   color: #fff;
   background: #eb2b2b;
   padding: 6px 20px;
   border-radius: 4px;
   margin-right: 20px;
}

.collegenxtnow-product-section .schoollms-flex h6 {
   margin: 0;
   color: #fff;
   font-size: 14px;
}

.productwhitelabel-header-section {
   position: relative;
   padding: 3em 0;
   background: #f4f4f4;
   z-index: 1;
}

.productwhitelabel-header-section img {
   width: 100%;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box {
   text-align: left;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box img {
   width: 16%;
   border-radius: 4px;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box h3 {
   font-weight: 800;
   font-size: 34px;
   margin: 0;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box h4 {
   font-weight: 700;
   font-size: 22px;
   margin: 0;
   margin-top: 10px;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box p {
   margin: 0;
   color: #cecece;
   font-weight: 600;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex {
   display: flex;
   align-items: center;
   margin-top: 20px;
   justify-content: flex-start;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex h6 {
   margin: 0;
   color: #010101;
   font-weight: 700;
   margin-left: 20px;
}

.productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex .visitWebsite-btn {
   background: #ed2121;
   padding: 8px 14px;
   color: #fff;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 600;
}

.become-partner-register-section {
   padding: 3em 0;
}

.become-partner-register-section h2 {
   margin: 0;
   font-size: 30px;
   font-weight: 700;
   color: #164e72;
   text-align: center;
}

.become-partner-register-section h3 {
   margin: 0;
   font-size: 18px;
   padding: 10px 0 20px;
   line-height: 28px;
   font-weight: 800;
   color: #093959;
   text-align: center;
}

.become-partner-register-section h3 span {
   color: #1c7fdb;
}

.become-partner-register-section ul {
   text-align: center;
}

.become-partner-register-section ul li {
   display: inline-block;
   padding: 8px 14px;
   background-image: linear-gradient(90deg, #034668 10%, #0c8b94 90%);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   border-radius: 6px;
   margin: 0 4px;
   background: #03619d;
   letter-spacing: 0.5px;
}

.become-partner-register-section .become-register-form-box {
   background-image: linear-gradient(90deg, #0e4374 10%, #1c7fdb 90%);
   padding: 30px;
   border-radius: 10px;
}

.become-partner-register-section .become-register-form-box h4 {
   margin: 0;
   color: #fff;
   font-size: 26px;
   line-height: 40px;
}

.become-partner-register-section .become-register-form-box h4 span {
   color: yellow;
}

.become-partner-register-section .become-register-form-box h5 {
   margin: 0;
   font-size: 18px;
   padding: 10px 0;
   color: #fff;
}

.become-partner-register-section .become-register-form-box h5 span {
   color: #02e402;
   font-weight: 800;
}

.become-partner-register-section {
   padding: 3em 0;
}

.become-partner-register-section h2 {
   margin: 0;
   font-size: 30px;
   font-weight: 700;
   color: #164e72;
   text-align: center;
}

.become-partner-register-section h3 {
   margin: 0;
   font-size: 18px;
   padding: 10px 0 20px;
   line-height: 28px;
   font-weight: 800;
   color: #093959;
   text-align: center;
}

.become-partner-register-section h3 span {
   color: #1c7fdb;
}

.become-partner-register-section ul {
   text-align: center;
}

.become-partner-register-section ul li {
   display: inline-block;
   padding: 8px 14px;
   background-image: linear-gradient(90deg, #034668 10%, #0c8b94 90%);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   border-radius: 6px;
   margin: 0 4px;
   background: #03619d;
   letter-spacing: 0.5px;
}

.become-partner-register-section .become-register-form-box {
   background-image: linear-gradient(90deg, #0e4374 10%, #1c7fdb 90%);
   padding: 30px;
   border-radius: 10px;
}

.become-partner-register-section .become-register-form-box h4 {
   margin: 0;
   color: #fff;
   font-size: 26px;
   line-height: 40px;
}

.become-partner-register-section .become-register-form-box h4 span {
   color: yellow;
}

.become-partner-register-section .become-register-form-box h5 {
   margin: 0;
   font-size: 18px;
   padding: 10px 0;
   color: #fff;
}

.become-partner-register-section .become-register-form-box h5 span {
   color: #02e402;
   font-weight: 800;
}

.partner-network-page-section {
   padding: 3em 0;
   background-image: linear-gradient(90deg, #103c65 10%, #1d85e6 90%);
}

.partner-network-page-section .partner-network-box h2 {
   margin: 0;
   font-size: 30px;
   font-weight: 800;
   color: #ffffff;
   line-height: 40px;
}

.partner-network-page-section .partner-network-box h2 span {
   color: #1c7fdb;
   font-size: 38px;
   font-weight: 800;
   text-shadow: 1px 2px #8a8a8a;
}

.partner-network-page-section .partner-network-box {
   background-image: url(https://sarkaripariksha.com/wp-content/themes/sp_theme_1/images/state-map.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 1em;
}

.partner-network-page-section .partner-network-box ul {
   display: flex;
   align-items: center;
   margin-top: 20px;
}

.partner-network-page-section .partner-network-box ul li {
   display: inline-block;
   background: rgb(255 255 255 / 86%);
   padding: 16px 10px;
   border-radius: 10px;
   text-align: center;
   transform: translateY(0);
   transition-duration: 0.3s;
   border-bottom: 2px solid #1d85e6;
   box-shadow: 0px 4px 10px #00355a;
   width: 28%;
   margin-right: 20px;
}

.partner-network-page-section .partner-network-box ul li img {
   width: 36%;
}

.partner-network-page-section .partner-network-box ul li h3 {
   margin: 0;
   padding: 8px 0;
   font-weight: 700;
   color: #042a43;
}

.partner-network-page-section .partner-network-box ul li h4 {
   margin: 0;
   font-size: 18px;
   font-weight: 800;
}

.partner-network-page-section .partner-network-box h3 {
   margin: 0;
   margin-top: 40px;
   font-size: 28px;
   color: #e4e4e4;
   font-weight: 900;
}

.partner-network-page-section .iframe-sp-video-box iframe {
   width: 100%;
   margin: 0 auto;
   display: block;
}

.partner-network-page-section .iframe-sp-video-box h4 {
   background: #154c7f;
   margin: 0;
   font-size: 18px;
   padding: 14px;
   color: #fff;
   text-align: center;
   border-radius: 0 0 10px 10px;
   font-weight: 700;
}

.partner-network-page-section .iframe-sp-video-box {
   background: rgb(255 255 255 / 14%);
   padding: 20px;
   border-radius: 10px;
}

.free-service-page-section {
   padding: 3em 0;
}

.free-service-page-section h2 {
   margin: 0;
   text-align: center;
   font-weight: 600;
   font-size: 30px;
   color: #083654;
}

.free-service-page-section h2 span {
   color: #1c7fdb;
}

.free-service-page-section .free-service-page-box {
   display: flex;
   align-items: flex-start;
   padding-right: 30px;
   margin-top: 40px;
}

.free-service-page-section .free-service-page-box img {
   width: 16%;
   margin-right: 20px;
}

.free-service-page-section .free-service-page-box h3 {
   margin: 0;
   color: #0b334d;
   font-size: 20px;
   font-weight: 700;
}

.free-service-page-section .free-service-page-box p {
   margin: 0;
   padding-top: 6px;
   font-weight: 600;
   font-size: 14px;
   color: #0a3c5c;
}

.meriwebsite-header-section {
   position: relative;
   padding: 3em 0;
   background: #ffffff;
   z-index: 1;
   text-align: left;
}

.meriwebsite-header-section .meriwebsite-headerbg {
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(https://meriwebsite.in/wp-content/themes/meriwebsite/images/MW-Web-Banner.jpg) center center;
   opacity: 0.2;
   width: 100%;
   height: 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
}

.meriwebsite-header-section img {
   width: 30%;
   background: rgb(255 255 255 / 29%);
   padding: 14px 20px;
   border-radius: 4px;
   margin-bottom: 20px;
}

.meriwebsite-header-section h3 {
   color: #2f2f2f;
   margin: 0;
   text-align: center;
   padding: 0;
   font-size: 40px;
   line-height: 50px;
   font-weight: 700;
}

.meriwebsite-header-section h3 span {
   color: #ed1d24;
   font-weight: 800;
}

.meriwebsite-header-section h6 {
   margin: 0;
   font-size: 18px;
   font-weight: bold;
   color: #464646;
   padding: 20px 0;
   text-align: center;
}

.meriwebsite-header-section ul {
   display: flex;
   align-items: center;
   background: rgb(0 0 0);
   padding: 14px 20px;
   border-radius: 4px;
   width: 50%;
   margin: 0 auto;
   justify-content: center;
}

.meriwebsite-header-section ul li {
   font-size: 14px;
   font-weight: 600;
   color: #fff;
   list-style: none;
   margin-right: 30px;
}

.meriwebsite-header-section ul li i {
   margin-right: 6px;
}

.meriwebsite-header-section .Exclusive-box {
   /* background: rgb(171 0 0 / 34%); */
   /* padding: 14px 20px; */
   /* border-radius: 10px; */
   width: 50%;
   margin: 0 auto;
}

.meriwebsite-header-section .Exclusive-box .schoollms-flex {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 20px;
}

.meriwebsite-header-section .Exclusive-box .schoollms-flex .visitWebsite-btn {
   background: #e52828;
   padding: 8px 20px;
   color: #fff;
   border-radius: 4px;
   margin-right: 20px;
}

.meriwebsite-header-section .schoollms-flex h6 {
   font-size: 14px;
   padding: 0;
}

/* .meriwebsite-header-section .Exclusive-box .Exclusive-txt {
   margin: 0;
   color: #fff;
   font-weight: bold;
   font-size: 20px;
   letter-spacing: 0.5px;
}

.meriwebsite-header-section .Exclusive-box .Exclusive-txt span {
   color: #ffc61b;
} */
/* 
.meriwebsite-header-section .Exclusive-box .contact-para {
   margin: 0;
   margin-top: 20px;
   color: #eaeaea;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: 0.5px;
}

.meriwebsite-header-section .Exclusive-box .contact-para span {
   padding-right: 6px;
   margin-right: 10px;
   border-right: 2px solid #fff;
}

.meriwebsite-header-section .Exclusive-box .contact-para span a{
   color: #fff;
}

.meriwebsite-header-section .Exclusive-box .contact-para span:last-child{
   padding-right: 0;
   margin-right: 0;
   border-right: none;
} */

.Ourplans-section {
   padding: 2em 0;
}

.Ourplans-section .OurplansBox .OurplansBox-div {
   background: #f1f5ff;
   width: 100%;
   border-radius: 10px;
}

.Ourplans-section .OurplansBox .OurplansBox-div .OurplansBoxFeatures-flex {
   padding: 30px;
}

.Ourplans-section img {
   width: 4%;
   margin: 0 auto;
   display: block;
}

.Ourplans-section h6 {
   margin: 0;
   text-align: center;
   color: #905e13;
   font-size: 24px;
   font-weight: 600;
}

.Ourplans-section h3 {
   margin: 0;
   text-align: center;
   font-size: 30px;
   padding: 10px 0;
   margin-bottom: 10px;
   font-weight: 600;
   color: #0c2b79;
   font-family: sans-serif;
}

.Ourplans-section h3 span {
   font-size: 16px;
}

.Ourplans-section h3 b {
   font-size: 11px;
   font-weight: 600;
   color: #c00b0b;
   padding-top: 4px;
}

.Ourplans-section .OurplansBox .OurplansBox-div ul {
   padding: 0;
}

.Ourplans-section .OurplansBox .OurplansBox-div ul li {
   font-weight: 700;
   font-size: 14px;
   padding: 16px;
   list-style: none;
   background: rgb(0 0 0 / 6%);
   margin: 4px auto;
   border-radius: 4px;
   width: 46%;
   display: inline-block;
   margin-right: 10px;
}

.Ourplans-section .OurplansBox .OurplansBox-div ul li b {
   color: #ed1d24;
   margin-left: 4px;
}

.Ourplans-section .OurplansBox .OurplansBox-div ul li i {
   color: #22c322;
   margin-right: 10px;
}

.Ourplans-section .demand-features-box h5 {
   margin: 0;
   font-weight: 600;
   color: #153175;
   font-size: 20px;
   padding-bottom: 20px;
   padding-top: 0;
   text-align: left;
}

.Ourplans-section .demand-features-box table {
   width: 100%;
}

.Ourplans-section .demand-features-box table th {
   padding: 12px 20px;
   background: #e6edff;
   border: 1px solid #9f9f9f;
   font-size: 15px;
   font-weight: 700;
}

.Ourplans-section .demand-features-box table td {
   padding: 12px 20px;
   background: #fff;
   border: 1px solid #d6d6d6;
   font-size: 15px;
   font-weight: 700;
}

.Ourplans-section .demand-features-box table td span {
   color: #bd7d1e;
   font-weight: 600;
   font-size: 12px;
   margin-left: 6px;
}

.THEMEFEATURES-section {
   padding: 0;
}

.THEMEFEATURES-section img {
   width: 4%;
   margin: 0 auto;
   display: block;
}

.THEMEFEATURES-section h5 {
   text-align: center;
   color: #222222;
   margin: 0;
   padding: 0px 0 10px;
   font-size: 26px;
   font-weight: 600;
}

.THEMEFEATURES-section p {
   margin: 0;
   text-align: center;
   color: #666666;
   font-size: 14px;
   padding: 0 14em;
   margin-bottom: 40px;
   font-weight: 500;
}

.THEMEFEATURES-section .THEMEFEATURES-box {
   text-align: center;
   margin-bottom: 20px;
   transform: translateY(0);
   transition-duration: 0.3s;
   background: #fafafa;
   padding: 20px;
   border-radius: 10px;
   border: 1px solid #f1f1f1;
}

.THEMEFEATURES-section .THEMEFEATURES-box img {
   width: 16%;
}

.THEMEFEATURES-section .THEMEFEATURES-box h4 {
   margin: 0;
   color: #232323;
   padding-top: 18px;
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
}

.THEMEFEATURES-section .THEMEFEATURES-box h3 {
   margin: 0;
   font-size: 13px;
   margin-top: 10px;
   line-height: 20px;
   color: #6e6e6e;
   letter-spacing: 0.5px;
   font-weight: 600;
}

.OurCategory-section {
   padding: 2em 0;
   background: #fff9ef;
}

.OurCategory-section img {
   width: 4%;
   margin: 0 auto;
   display: block;
}

.OurCategory-section h5 {
   text-align: center;
   color: #010a17;
   margin: 0;
   padding: 0 0 10px;
   font-size: 24px;
   font-weight: 600;
}

.OurCategory-section p {
   margin: 0;
   text-align: center;
   color: #494949;
   font-size: 14px;
   padding: 0 16em;
   margin-bottom: 20px;
}

.OurCategory-section ul {
   text-align: center;
   padding: 0;
}

.OurCategory-section ul li {
   display: inline-block;
   color: #935700;
   font-weight: 700;
   font-size: 12px;
   padding: 8px 0;
   width: 23%;
   margin-right: 10px;
}

.OurCategory-section ul li .OurCategoryul-box {
   background: #e5edff;
   padding: 10px 20px;
   border-radius: 14px;
   border: 1px solid #b1c9ff;
   color: #000;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
   transform: translateY(0);
   transition-duration: 0.3s;
}

.OurCategory-section h4 {
   margin: 0;
}

.OurCategory-section ul li img {
   width: 36px;
   margin-right: 14px !important;
   margin: 0;
}

.graposs-career-details {
   padding: 3em 0;
}

.graposs-career-details h3 {
   margin: 0;
   font-size: 30px;
   font-weight: 700;
   color: #070707;
}

.graposs-career-details p {
   margin: 0;
   font-size: 16px;
   padding: 10px 0;
   color: #8e8e8e;
}

.graposs-career-details .graposs-career-box {
   box-shadow: 0 0 10px -4px #ababab;
   border-radius: 10px;
   padding: 20px;
}

.graposs-career-details .graposs-career-box .career-details-ul li {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.graposs-career-details .graposs-career-box .career-details-ul li:hover h4 {
   color: #ed1d24;
}

.graposs-career-details .graposs-career-box .career-details-ul li img {
   width: 12%;
   margin-right: 20px;
}

.graposs-career-details .graposs-career-box .career-details-box h4 {
   margin: 0;
   line-height: 24px;
   font-weight: 800;
   color: #232323;
   transition: 0.4s all;
   font-size: 16px;
}

.graposs-career-details .graposs-career-box .career-details-box p {
   padding: 0;
   font-size: 13px;
   color: #535353;
   padding: 6px 0;
}

.graposs-career-details .graposs-career-box .career-details-box h6 {
   margin: 0;
   font-size: 14px;
   margin-top: 10px;
   border: none;
   padding-bottom: 0;
}

.graposs-career-details .graposs-career-box .career-details-box h6 span {
   display: inline-block;
   margin-right: 10px;
}

.graposs-career-box .accordion {
   width: 100%;
   border: none;
   transition: 0.4s;
}

.graposs-career-box .panel {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
   margin: 0;
}

.graposs-career-box .panel .job-description-box {
   margin-top: 30px;
   border-top: 1px solid #e5e5e5;
   padding-top: 20px;
}

.graposs-career-box .panel .job-description-box h4 {
   margin: 0;
   font-size: 16px;
   font-weight: 700;
   color: #282828;
}

.graposs-career-box .panel .job-description-box p {
   padding: 0;
   font-size: 14px;
   color: #787878;
   margin-top: 20px;
}

.graposs-career-details h6 {
   margin: 0;
   font-size: 18px;
   font-weight: 800;
   border-bottom: 2px solid #e7e7e7;
   padding-bottom: 16px;
   margin-bottom: 20px;
}

.graposs-career-details .career-form-box input {
   width: 100%;
   padding: 16px;
   border-radius: 4px;
   border: 1px solid #d8d8d8;
   font-size: 16px;
   margin-bottom: 20px;
}

.graposs-career-details .career-form-box textarea {
   width: 100%;
   padding: 16px;
   border-radius: 4px;
   border: 1px solid #d8d8d8;
   font-size: 16px;
   margin-bottom: 20px;
}

.graposs-career-details .career-form-box #submitInfo {
   display: inline-block;
   padding: 10px 30px;
   background: #ed1d24;
   border: 1px solid #ed1d24;
   color: #fff;
   border-radius: 4px;
}

.PhotoGallery-section .NewsMediapara {
   margin: 0;
   font-size: 16px;
   color: #414141;
   font-weight: 700;
}

.PhotoGallery-section {
   padding: 3em 0;
}

.PhotoGallery-section .img-wrapper {
   position: relative;
   margin-bottom: 20px;
   overflow: hidden;
}

.PhotoGallery-section .img-wrapper img {
   width: 100%;
   transition: all ease-in-out 0.4s;
   height: 270px;
   /* object-fit: cover; */
   border-radius: 10px;
}

.PhotoGallery-section .img-wrapper:hover img {
   transform: scale(1.1);
}

.PhotoGallery-section .img-overlay {
   background: rgb(255 255 255 / 42%);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: flex-start;
   align-items: end;
   opacity: 0;
   cursor: pointer;
}

.PhotoGallery-section .img-overlay h4 {
   margin: 0;
   background: rgb(0 0 0 / 59%);
   padding: 10px 20px;
   border-radius: 4px;
   color: #fff;
   width: 100%;
   text-align: center;
}

.PhotoGallery-section .img-overlay i {
   color: #fff;
   font-size: 3em;
}

.PhotoGallery-section #overlay {
   background: rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   /* align-items: center; */
   z-index: 999;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   overflow: auto;
}

.PhotoGallery-section #overlay img {
   margin: 0;
   width: 80%;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain;
   padding: 5%;
}

@media screen and (min-width: 768px) {
   .PhotoGallery-section #overlay img {
      width: 70%;
   }
}

@media screen and (min-width: 1200px) {
   .PhotoGallery-section #overlay img {
      width: 70%;
   }
}

.PhotoGallery-section #nextButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
   cursor: pointer;
}

.PhotoGallery-section #nextButton:hover {
   opacity: 0.7;
}

@media screen and (min-width: 768px) {
   .PhotoGallery-section #nextButton {
      font-size: 3em;
      display: flex;
      align-items: center;
   }
}

.PhotoGallery-section #prevButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
   cursor: pointer;
}

.PhotoGallery-section #prevButton:hover {
   opacity: 0.7;
}

@media screen and (min-width: 768px) {
   .PhotoGallery-section #prevButton {
      font-size: 3em;
      display: flex;
      align-items: center;
   }
}

.PhotoGallery-section #exitButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
   position: absolute;
   top: 15px;
   right: 15px;
}

.PhotoGallery-section #exitButton:hover {
   opacity: 0.7;
}

@media screen and (min-width: 768px) {
   .PhotoGallery-section #exitButton {
      font-size: 3em;
   }
}

.PhotoGallery-section p {
   margin-bottom: 20px !important;
}

.PhotoGallery-section .VIEWALLBtn {
   background: #fff;
   display: flex;
   text-align: center;
   width: 10%;
   margin: 20px auto 0;
   padding: 8px 0;
   color: #ff5d06;
   border-radius: 4px;
   border: 1px solid #ff5d06;
   transition-duration: 0.3s;
   align-items: center;
   justify-content: center;
   font-size: 12px;
}

.PhotoGallery-section .VIEWALLBtn:hover {
   background: #ff5d06;
   color: #fff;
}

.PhotoGallery-section .VIEWALLBtn i {
   margin-left: 6px;
}

.PhotoGallery-section .overlayModalMedia {
   height: 90%;
   width: 100%;
   position: fixed;
   z-index: -1;
   overflow: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.contactus-page-section {
   padding: 3em 0;
}

.contactus-page-section .contactus-details h6 {
   margin: 0;
   color: #ed1d24;
   font-size: 16px;
   font-weight: 600;
}

.contactus-page-section .contactus-details h4 {
   margin: 0;
   padding: 20px 0;
   font-size: 50px;
   line-height: 38px;
   font-weight: 700;
   letter-spacing: 1px;
}

.contactus-page-section .contactus-details p {
   color: #9b9b9b;
   font-size: 16px;
   margin: 0;
   font-weight: 500;
}

.contactus-page-section .contactus-details ul {
   margin-top: 20px;
}

.contactus-page-section .contactus-details ul li {
   margin-top: 30px;
   display: flex;
   align-items: center;
}

.contactus-page-section .contactus-details ul li .icon-ul {
   background: #ebebeb;
   width: 10%;
   text-align: center;
   font-size: 22px;
   padding: 10px 0;
   color: #757575;
   border: 1px solid #c7c7c7;
   border-radius: 4px;
}

.contactus-page-section .contactus-details ul li .ul-details {
   margin-left: 20px;
}

.contactus-page-section .contactus-details ul li .ul-details h5 {
   margin: 0;
   font-weight: 700;
   color: #000;
   padding-bottom: 10px;
}

.contactus-page-section .contactus-details ul li .ul-details p span {
   color: #ed1d24;
   font-size: 15px;
}

.contactus-page-form {
   background-image: url(https://themes.envytheme.com/ecademy/wp-content/uploads/2020/05/register-shape.jpg);
   overflow: hidden;
   padding: 35px;
   margin-left: 15px;
   border-radius: 5px;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

.contactus-page-form h3 {
   color: #fff;
   font-weight: 700;
   letter-spacing: 1px;
   margin: 0;
   font-size: 26px;
   padding-bottom: 10px;
}

.contactus-page-form h5 {
   color: #fff;
   font-weight: 700;
   letter-spacing: 1px;
   margin: 0;
   font-size: 14px;
   padding-bottom: 10px;
}

.contactus-page-form form {
   background: rgb(0 0 0 / 20%);
   padding: 20px;
   border-radius: 6px;
}

.contactus-page-form form {
   width: 100%;
   padding: 20px;
   border: none;
   outline: none;
   margin-bottom: 10px;
   border-radius: 4px;
}

.contactus-page-form form input {
   width: 100%;
   padding: 14px 20px;
   border: none;
   outline: none;
   margin-top: 16px;
   border-radius: 2px;
}

.contactus-page-form form textarea {
   width: 100%;
   padding: 14px 20px;
   border: none;
   outline: none;
   margin-top: 16px;
   border-radius: 2px;
}

.contactus-page-form form .contactus-btn {
   background: #ee2a31;
   border: none;
   font-size: 14px;
   color: #ffffff;
   padding: 10px 20px;
   border-radius: 50px;
   font-weight: 700;
   letter-spacing: 1px;
   outline: none;
   transition: all .25s ease-in-out;
   margin-top: 10px;
}

.contactus-page-form form .contactus-btn:hover {
   background: #161616;
}

.contactus-page-section .captcha-box input {
   width: 56%;
   margin-left: 10px;
   margin-top: 0;
}

.contactus-page-section .captcha-box input{
   width: 80%;
}

.contactus-page-section .captcha-box .fa-refresh {
   color: #fff;
   font-size: 16px;
}

.contactus-page-section .captcha-box{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.partner-withus-banner{
   padding: 3em 0;
   background: #f8f8f8;
   border-bottom: 2px solid #ededed;
}

.partner-withus-banner h6{
   margin: 0;
   font-size: 28px;
   font-weight: 800;
}

.partner-withus-banner p{
   margin: 0;
   font-size: 16px;
   padding: 10px 14em 10px 0;
   color: #818181;
   font-weight: 400;
}

.partner-withus-banner .get-touch-btn{
   display: inline-block;
   background: #ed1d24;
   color: #fff;
   line-height: normal;
   padding: 12px 20px;
   border-radius: 4px;
   margin-top: 20px;
}

.partner-withus-banner .partner-banner-img{
   width: 30%;
   margin: 0 auto;
   display: block;
}

.partner-withus-whychoose{
   padding: 3em 0;
}

.partner-withus-whychoose .all-heads{
   margin: 0;
   font-size: 22px;
   font-weight: 700;
   color: #ed1d24;
   margin-bottom: 20px;
}

.partner-withus-whychoose .partner-whychoose-box{
   background: #f7f7f7;
   text-align: center;
   padding: 0 20px 20px 20px;
   margin-top: 40px;
   border-radius: 4px 4px 10px 10px;
   box-shadow: 0 0 10px -6px #e1e1e1;
   border: 1px solid #f3f3f3;
   height: 250px;
}

.partner-withus-whychoose .partner-whychoose-box img{
   width: 30%;
   margin: 0 auto -10px;
   display: block;
   position: relative;
   top: -30px;
   background: #f7f7f7;
   border-radius: 50%;
}

.partner-withus-whychoose .partner-whychoose-box h4{
   margin: 0;
   font-weight: 800;
   font-size: 16px;
   line-height: 22px;
   color: #3f3f3f;
}

.partner-withus-whychoose .partner-whychoose-box ul{
   margin-top: 10px;
}

.partner-withus-whychoose .partner-whychoose-box ul li{
   color: #6f6f6f;
   padding: 2px 0;
}

.partner-withus-partner{
   padding: 3em 0;
   background: #f7f7f7;
}

.partner-withus-partner .all-heads{
   margin: 0;
   font-size: 22px;
   font-weight: 700;
   color: #ed1d24;
   margin-bottom: 20px;
}

.partner-withus-partner .partner-partner-box{
   background: #ffffff;
   text-align: center;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 0 10px -6px #e1e1e1;
   border: 1px solid #f3f3f3;
   height: 440px;
}

.partner-withus-partner .partner-partner-box img{
   width: 26%;
   margin: 0 auto;
   display: block;
}

.partner-withus-partner .partner-partner-box h4{
   margin: 0;
   font-size: 20px;
   font-weight: 800;
   color: #494949;
   margin-top: 20px;
}

.partner-withus-partner .partner-partner-box p{
   margin-top: 10px;
   color: #6b6b6b;
   font-size: 14px;
}

.partner-withus-connect{
   padding: 3em 0;
}

.partner-withus-connect .all-heads{
   text-align: left;
   margin: 0;
   font-size: 30px;
   font-weight: 700;
   color: #ed1d24;
   margin-bottom: 20px;
}

.partner-withus-connect img{
   width: 100%;
}

.partner-withus-connect h4{
   margin: 0;
   color: #3f3f3f;
   font-weight: 800;
}

.partner-withus-connect form{
   padding: 30px;
   border: 1px solid #ebebeb;
   margin-top: 20px;
   background: whitesmoke;
}

.partner-withus-connect form label{
   width: 100%;
   display: block;
   margin: 0;
   font-size: 14px;
   color: #595959;
   margin-bottom: 10px;
}

.partner-withus-connect form input{
   width: 100%;
   padding: 10px 20px;
   border: 1px solid #e7e7e7;
   border-radius: 6px;
   margin-bottom: 20px;
}

.partner-withus-connect form textarea{
   width: 100%;
   padding: 10px 20px;
   border: 1px solid #e7e7e7;
   border-radius: 6px;
   margin-bottom: 20px;
}

.partner-withus-connect .contact-us-form-box.captcha-box{
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.partner-withus-connect .contact-us-form-box.captcha-box input{
   width: 40%;
}

.partner-withus-connect .fa-sync{
   margin: 0 20px;
   font-size: 18px;
}

.partner-withus-connect .contactus-btn{
   width: 30%;
   margin: 0;
   margin-top: 20px;
   background: #ed1d24;
   color: #fff;
}

.partner-withus-connect .mail-para {
   margin: 0;
   margin-top: 20px;
}

.aboutus-page-section{
   padding: 3em 0;
}

.aboutus-page-section img{
   width: 80%;
}

.aboutus-page-section .aboutus-details h6{
   margin: 0;
   font-size: 16px;
   font-weight: 700;
   color: #ed1d24;
}

.aboutus-page-section .aboutus-details h4{
   margin: 0;
   font-size: 28px;
   font-weight: 800;
   padding: 14px 0;
   color: #4c4c4c;
}

.aboutus-page-section .aboutus-details ul li{
   display: flex;
   align-items: center;
   padding: 6px 0;
}

.aboutus-page-section .aboutus-details ul li i{
   color: #ed1d24;
   margin-right: 10px;
   font-size: 16px;
}

/* ************************************************ MOBILE RESPONSIVE CSS */

@media only screen and (max-width: 600px) {
   .sidebar-logo {
      display: block;
      text-align: right;
   }

   .sidebar-logo i {
      color: #fff;
      background: #ad2121;
      padding: 8px;
      font-size: 16px;
      border-radius: 4px;
   }

   .AllpageHeaderSection img {
      width: 30% !important;
   }

   .productsp-header-section .schoollms-flex {
      display: block;
   }

   .nc-notification-section .latest-box {
      margin-bottom: 20px;
   }

   .school-lms-features-page-section .school-lms-features-box .table-responisve {
      overflow: auto;
   }

   .graposs-career-details .graposs-career-box .career-details-ul li{
      display: block;
   }

   .NavigationHeader .navbar .links li a:hover{
      border-bottom: none;
   }

   .contactus-page-section .captcha-box{
      display: block;
   }

   .contactus-page-form{
      padding: 20px;
   }

   .contactus-page-section .contactus-details ul li .icon-ul{
      width: 18%;
   }

   .contactus-page-section .contactus-details ul{
      margin-bottom: 30px;
   }

   .graposs-career-details .graposs-career-box{
      margin-bottom: 30px;
   }

   .PhotoGallery-section #prevButton, .PhotoGallery-section #nextButton{
      display: flex;
      align-items: center;
   }

   .collegenxtnow-product-section {
      height: auto;
   }

   .collegenxtnow-product-section ul {
      display: block;
   }

   .collegenxtnow-product-section ul li {
      border-right: none;
      padding-right: 0;
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
   }

   .collegenxtnow-product-section .schoollms-flex {
      display: block;
   }

   .collegenxtnow-product-section .schoollms-flex .visitWebsite-btn {
      display: inline-block;
      margin-bottom: 20px;
   }

   .productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex {
      display: block;
   }

   .productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex .visitWebsite-btn {
      display: inline-block;
      margin-bottom: 10px;
   }

   .productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex h6 {
      margin-left: 0;
   }

   .meriwebsite-header-section ul li {
      margin-bottom: 10px;
   }

   .meriwebsite-header-section .Exclusive-box .schoollms-flex {
      display: block;
   }

   .THEMEFEATURES-section p {
      padding: 0;
   }

   .OurCategory-section p {
      padding: 0;
   }

   .OurCategory-section ul li {
      width: 46%;
   }

   .meriwebsite-header-section .Exclusive-box .schoollms-flex .visitWebsite-btn {
      display: inline-block;
   }

   .meriwebsite-header-section .Exclusive-box {
      width: 100%;
   }

   .meriwebsite-header-section ul {
      display: block;
      width: 100%;
   }

   .partner-network-page-section .iframe-sp-video-box iframe {
      height: auto;
   }

   .partner-network-page-section .partner-network-box ul li h3 {
      font-size: 18px;
   }

   .partner-network-page-section .partner-network-box ul li {
      width: 33%;
   }

   .schoollms-page-header .schoollms-flex {
      display: block;
   }

   .nc-latestscnd-section .latestscnd-box {
      margin-bottom: 10px;
   }

   .productnc-header-section .productnc-header-details-box .visit-Website-flex {
      display: block;
   }

   .productnc-header-section .productnc-header-details-box .visit-Website-flex .visitWebsite-btn {
      margin-bottom: 20px;
   }

   .nc-notification-section .heading-txt:before,
   .nc-notification-section .heading-txt:after {
      display: none;
   }

   .somehighlightspageSection img {
      width: 100%;
   }

   .productsp-header-section .schoollms-flex .visitWebsite-btn {
      margin-bottom: 10px;
   }

   .productsp-header-section img {
      margin: 30px auto 0;
   }

   .state-exams-section .state-exams-box ul {
      display: block;
   }

   .state-exams-section .state-exams-box ul li {
      margin: 0 10px 10px;
      width: 42%;
   }

   .NavigationHeader.sticky .navbar .links li a {
      color: #ffffff;
   }

   .NavigationHeader.sticky .navbar .links li .arrow {
      color: #f4f4f4;
   }

   .row {
      display: block !important;
   }

   .BannerSection .BannerDetailsBox p {
      padding: 0 1em;
      font-size: 12px;
      line-height: 22px;
   }

   .BannerSection .BannerDetailsBox h2 {
      font-size: 30px;
   }

   .BannerSection .BannerDetailsBox h4 {
      font-size: 14px;
   }

   .NavigationHeader .Logo,
   .NavigationHeader .O-Logo {
      width: 50% !important;
   }

   .NavigationHeader .NavigationFlex .BecomeAPartnerBtn {
      display: none;
   }

   .HeaderSection {
      padding-top: 10px;
   }

   .NavigationHeader {
      padding: 20px 0;
   }

   .NavigationHeader .NavigationFlex {
      padding: 0 20px;
   }

   .TopHeaderSection .HeaderContact {
      margin: 0;
      text-align: left;
      margin-top: 10px;
   }

   .TopHeaderSection .HeaderContact span {
      margin-right: 30px;
      margin-left: 0;
   }

   .TopHeaderSection {
      display: none;
   }

   .BannerSection .BannerDetailsBox {
      height: auto;
      padding-top: 0;
   }

   .BannerSection .BannerDetailsBox a {
      margin-top: 40px;
   }

   .BannerSection {
      height: auto;
   }

   .TrustedOverSection .TrustedSwiper img {
      margin: 0 auto;
      display: table;
   }

   .AboutusSection .AboutusBox ul li {
      display: block;
      width: 100%;
   }

   .AboutusSection .AboutusBigImg {
      margin-bottom: 30px;
   }

   .ProductServicesSection .ProductServicesSwiper .swiper {
      padding: 0 60px;
   }

   .ProductServicesSection .ProductServicesSwiper .ProductServicesBox p {
      font-size: 12px;
      padding: 0 8px;
   }

   .CountersSection .CountersSectionFlex {
      display: block;
   }

   .OurteamSection .shadow-effect {
      margin: 10px 0;
   }

   .CountersSection .CountersSectionFlex .CountersBox {
      margin-bottom: 20px;
   }

   footer .footer-aboutus img {
      width: 60%;
   }

   footer {
      height: auto;
   }

   footer .footer-shapeImgs img {
      width: 20%;
      display: none;
   }

   .BannerSection .bannerImagesFlex {
      margin-top: 30px;
      align-items: baseline;
   }

   .CountersSection .odometer-shape-6Img,
   .CountersSection .odometer-shape-5Img {
      display: none;
   }

   .BannerSection .bannerImagesFlex img {
      width: 78%;
   }

   .AdvisorsSection h3 {
      padding: 20px 0;
      font-size: 14px;
      line-height: 22px;
   }

   .fourfeatures-section .fourfeatures-box {
      height: auto;
   }

   .psycometric-video-section .psycometric-video-box {
      margin-bottom: 10px;
   }

   .FeaturesSection .four-features-box {
      margin-bottom: 30px;
   }

   .all-classes-section .all-classes-box {
      height: 60px;
   }

   .producttss-header-section .school-website-ul {
      display: block;
   }

   .selfanalyse-details-box .section-header h2::after {
      top: 14%;
      width: 20%;
   }

   .psycometric-examlist-section .psycometric-examlist-box {
      margin-bottom: 20px;
   }

   .producttss-header-section .school-website-ul li {
      display: block;
   }

   .productself-header-section .productself-header-details-box h2 {
      padding: 0 0em;
   }

   .productself-header-section .productself-header-details-box .visit-Website-flex .visitWebsite-btn {
      margin-bottom: 20px;
   }

   .productself-header-section .productself-header-details-box .visit-Website-flex {
      display: block;
   }

   .producttss-header-section .producttss-header-details-box .visit-Website-flex .visitWebsite-btn {
      display: block;
      margin-bottom: 20px;
   }

   .producttss-header-section .producttss-header-details-box .visit-Website-flex {
      display: block;
   }

   .AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox {
      width: 100%;
   }

   .AdvisorsSection .swiper-slide img {
      width: 30%;
   }

   .AdvisorsSection .AdvisorSwiper .AdvisorSwiperBox .AdvisorSwiperFlex h4 {
      font-size: 14px;
   }

   .PartnerwithUsSection p {
      padding-right: 0;
   }

   .PartnerwithUsSection img {
      width: 40%;
      margin: 30px auto 0;
      display: block;
   }

   footer .footer-aboutus .bottom-social-ul li {
      width: 12%;
   }

   footer .footer-aboutus .bottom-social-ul {
      margin-bottom: 30px;
   }

   footer .footer-ul {
      margin-bottom: 20px !important;
   }

   footer .bottom-footer p {
      text-align: center !important;
   }

   footer .bottom-footer h6 {
      margin-top: 10px !important;
      text-align: center;
   }

   .NavigationHeader .navbar .links li .sub-menu {
      background: transparent;
   }

   .OurNetworksSection h2 {
      text-align: center;
      margin-bottom: 30px;
   }

   .OurNetworksSection img {
      width: 50%;
      object-fit: contain;
      height: 120px;
   }

   .AdvantageSection .insurancebenefitsImg {
      margin: 0 auto;
      display: block;
   }

   .AdvantageSection .insurancebenefitsImgRight {
      right: 10px;
   }

   .AdvantageSection .insurancebenefitsImgRight .AdvantageBox {
      margin-top: 30px;
   }

   .BannerSection .BannerDetailsBox h4 .RedStar {
      right: 20px;
   }

   .AdvantageSection .AdvantageBox ul li {
      width: 43%;
      font-size: 12px;
   }

   .AdvantageSection .AdvantageBox ul li b {
      width: 44%;
   }

   .BecomeaPartnerSection img {
      margin: 30px auto 0;
      display: block;
   }

}