@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@200;300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap'); 
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css"); 
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

   

body,p {
  letter-spacing:inherit
}
.cart_login,
.top_info,
.top_social {
  margin:0;
  padding:0
}
.navbar,
header {
  border-bottom:none
}
.dropdown-item,
body,
header {
  position:relative
}

.fixed, header {
    width: 100%;
    z-index: 999;
    transition: .4s;
    background: #2d4689;
}
.quote_item p,
.stgln {
  font-family:Exo;
  font-style:italic
}
:root {
  --H-family:'Exo',sans-serif;
  --B-family:'Exo',sans-serif;
  --main:#ff3115;
  --highlight:#d61f1f;
  --secondry:#121f3e;
  --heading_color:#000000;
  --light-bg:#f6f6f6;
  --white:#fff;
  --light_bg:#fef5ee
  --lord-icon-primary-base: #ffffff;
  --lord-icon-secondary-base: #ffffff;
}
html {
  margin:0;
  padding:0
}
body {
  font-family:'Exo',sans-serif;
  scroll-behavior:smooth;
  background:var(--light-bg);
  font-size:18px;
  font-weight:400;
  line-height:1.5; 
  color:#030b5d;
  overflow: hidden;
  overflow-y: scroll;
}
a,
a:active,
a:focus,
a:hover {
  text-decoration:none;
  outline:0
}
p {
  font-size:16px;
  font-weight:400;
  line-height:30px; 
  color:#000;
  letter-spacing:.2px;
  text-align: justify;
}
h1,
h2,
h3,
h4,
h6 {
  font-family:var(--H-family);
  padding:0
}
.clearfix {
  clear:both
}
.top_header {
  /*! background:linear-gradient(-45deg,#001042,#028ff7,#190726,#3369ea); */
  padding:4px 60px;
  background-size:400% 400%; 
  background: #d91f26;;
}
.top_social {
  text-align:left
}
.top_info li,
.top_social li {
  list-style:none;
  display:inline-block
}
.top_social li a {
  display:inline-block;
  color:#ffffff;
  font-size:17px;
  background:rgba(255,255,255,.05);
  width:31px;
  height:31px;
  text-align:center;
  line-height:30px;
  border-radius:3px;
  margin:0 0 0 5px;
  padding: 8px !important;
}
.top_info {
  text-align:center
}
.top_info li a {
  display:inline-block;
  color:#f7f5f5;
  margin:0 27px 0 0;
  font-weight:400;
  font-size:15px
}
.Featureitem h3,
.bTn_OrDeR i,
.blackRed span,
.inner_banner h1 span,
.listStyle ul li:hover a,
.navbar-expand-xl .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.post-card-info li a:hover,
.post_iTMA_main li a:hover h6 {
  /*color:var(--main)*/
  color: #ffffff;
}
.top_info li a i {
  display:inline-block;
  color:#fff;
  margin:0 3px 0 0
}
.cart_login {
  display:flex;
  justify-content:flex-end;
  align-items:center
}
header {
  padding:5px 20px;
  top:0;  
  left:0;
   
} 
.navbar-light .navbar-brand { 
  width:280px;
  padding:0;
  margin:0
}
.navbar {
  padding:0
}
.navbar-expand-xl .navbar-nav .nav-link {
  font-size:15px;
  font-weight:600;
  display:block;
  padding:21px 24px; 
  text-decoration:none;
  color:#ffffff;
  position:relative;
  white-space:nowrap;
  text-transform:capitalize;
  transition:.4s
}
.author-list-item:before,
.contact-address li a:before,
.course_meta li:before,
.login_btn:after,
.mock_item .description ul li:before,
.nav.nav-pills li:before,
.navbar-expand-xl .navbar-nav .nav-link:last-child:before,
.password_area_display,
.post-card-info ul li:before,
.post_iTMA_main li:before {
  display:none
}
.RiGhT_nav,
.footer .footer-top .download-button {
  text-align:right
}
.navbar {
  padding-right:0;
} 
.navbar-expand-xl .RiGhT_nav .nav-link {
  font-size:18px!important;
  font-weight:300
}
 
.dropdown-item {
  font-size:14px;
  font-weight:500;
  display:block;
  padding:10px 11px;
  text-decoration:none;
  border-radius:0;
  color:#394762;
  white-space:nowrap; 
  /*! text-align: center; */
  border-bottom: 1px solid #f6f6f6;
}
.nav_topXS,
aside {
  padding:0 15px
}
.fixed,
.nav_topXS {
  position:fixed;
  top:0;
  left:0
}
.bTn_OrDeR i {
  font-size:25px;
  margin:0 12px 0 0
}
.bTn_OrDeR p {
  margin:0 0 7px
}
.dropdown-item:focus,
.dropdown-item:hover {
  color:#ffffff;
  text-decoration:none; 
  background-color:#ff3115;
  border-color:#ff3115;
  border-radius: 7px;
}
.fixed {
  /*! box-shadow:rgba(11,19,21,.07) 0 3px 9px 0; */
  border-radius:0;
  /*! box-shadow:rgba(0,0,0,.15) 0 5px 10px,rgba(0,0,0,.05) 0 5px 6px */
  border-bottom: 1px solid #f6f6f6; 
  background: #fff;
} 
.nav-link.h_social_ico {
  color:#fff!important;
  transition:.4s;
  background:var(--main);
  text-align:center;
  border-radius:5px;
  font-size:18px!important;
  width:40px;
  height:40px;
  padding:0!important;
  line-height:40px;
  margin:0 0 0 5px
}
.nav-link.header_btn,
.nav-link.header_outline_btn { 
  margin-left:10px;
  font-size:14px!important;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
  position:absolute;
  border-radius:10px; 
  border:none;
  box-shadow:0 1.5rem 1rem rgba(0,0,0,.15) !important;
  padding:0;
  padding: 10px;
}
 
.nav-link.header_btn {
  border:2px solid #FFC224;
  transition:.4s;
  text-align:center
}
.btn_theme  { 
  transition:.4s;
  text-align:center
}
.nav-link.header_btn {
    padding: 12px 20px!important;
    border-radius: 50px;
    color: #fff !important;
    background: #ff3115;
   /* box-shadow: 4px 6px 0px 0px #65b97359;*/
    border: 2px solid #ff3115;
}
.nav-link.header_btn:hover,
.nav-link.header_outline_btn:hover {
  border-color:#d91f26;
  color:var(--white)!important;
  background:#d91f26;
  transition:.4s;
  box-shadow: #d91f26;
}
.nav-link.header_outline_btn {
  border:2px solid var(--main)!important;
  transition:.4s;
  text-align:center;
  padding:4px 22px!important;
  border-radius:50px;
  height:45px;
  line-height:33px;
  color:var(--main)!important;
  background:#0263e00a;
}
.header_btn:focus,
.header_outline_btn:focus {
  /*! outline-width:2px; */
  outline-style:solid;
  outline-color:var(--main);
  outline-offset:2px;
  -moz-outline-radius:4px;
  background:var(--main);
  color:var(--white)!important;
  border: 2px solid #0263E0;
}
.navbar-nav {
  align-items:center
}
.nav_topXS {
  width:100%;
  display:flex;
  justify-content:space-between;
  background:#fff;
  box-shadow:rgba(0,0,0,.06) 0 2px 8px;
  align-items:center
}
.btn_theme,
.log_dropdown .logsin a {
  display:inline-block;
  font-size:15px
}
.nav_topXS .navbar-brand {
  padding:6px 0
}
.login_btn {
  text-align:center;
  font-size:15px!important;
  color:#fff!important;
  padding:0 24px 0 0!important
}
.login_btn span {
  font-size:14px!important;
  font-weight:300!important
}
.nav-link.cart_btn {
  display:flex!important;
  align-items:center;
  position:relative;
  padding:5px 11px;
  border-radius:50px;
  color:#fff!important;
  background:rgba(0,0,0,.75);
  font-size:13px
}


.nav-link.cart_btn i {
  font-size:20px;
  margin-right:4px
}
.nav-link .Count_iTm {
  position:absolute;
  border-radius:100%;
  text-align:center;
  font-size:11px;
  top:9px;
  left:15px
}
.dropdown-menu.log_dropdown {
  padding:20px!important;
  border-radius:5px!important;
  min-width:15pc;
  text-align:center
}
.log_dropdown h5,
.testimonialpage .quote_item h5 {
  font-size:18px
}
.log_dropdown p {
  font-size:15px;
  line-height:normal;
  opacity:.4
}
.log_dropdown .logsin {
  //display:flex;
  align-items:center;
  justify-content:space-between
}
.log_dropdown .logsin a {
  padding:6px 20px;
  border:2px solid #0263e0;
  border-radius:60px;
  color:#0263e0;
  transition:.3s
}
.btn_theme,
.btn_theme:hover,
.section_title.color_fff h2,
.section_title.color_fff p {
  color:var(--white)
}
.log_dropdown .logsin a:hover {
  border:2px solid #0263e0;
  color:#fff;
  background:#0263e0;
  transition:.3s
}
.btn_theme {
  padding:0 30px;
  border-radius:60px;
  height:50px;
  background:#ff3115;
  line-height:47px;
  box-shadow: 4px 6px 20px 0px #FF3114;
  font-weight: 600;
  color: #fff;
}
.btn_theme:hover{ 
  background:#d91f26; 
  color: #fff;
  box-shadow:none;
}


.btn_outline_theme {
  border:2px solid var(--main);
  transition:.4s;
  text-align:center;
  padding:4px 17px;
  border-radius:6px;
  font-size:13px;
  height:40px;
  line-height:28px;
  color:var(--main);
  display:inline-block;
  background:#f5f9fe
}
.btn_outline_theme:focus,
.btn_theme:focus {
  outline-width:2px;
  outline-style:solid;
  outline-color:var(--main);
  outline-offset:2px;
  -moz-outline-radius:4px
}
.banner_vid {
  position:relative;
  overflow:hidden;
  background:rgba(0,0,0,0);
  color:#fff;
  font-size:1em;
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
  height:70vh;
  letter-spacing:2px
}
.carousel-caption {
  width:100%;
  left:0;
  bottom:auto;
  top:47%;
  transform:translateY(-50%);
  z-index:2;
  text-align:center
}
.carousel-item:before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
  background:#020024;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%)
}
.banner_main .carousel-item.active img {
  animation-delay:.1s
}
@keyframes scale {
  100% {
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2)
  }
}
.banner_main .mouse-icon {
  position:absolute;
  z-index:2;
  bottom:2em;
  left:0;
  right:0;
  margin:auto;
  animation:1s linear infinite UpDown
}
@keyframes UpDown {
  0%,
  100% {
    bottom:0
  }
  50% {
    bottom:.5em
  }
}
.carousel-control-next,
.carousel-control-prev {
  width:5%;
  z-index:9;
  opacity:.9
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width:50px;
  height:50px;
  border-radius:0;
  opacity:1
}
.banner_content h6,
.btn_banner {
  display:inline-block;
  border-radius:50px;
  font-weight:400;
  text-transform:capitalize
}
.banner_content h6 {
  color:#fff;
  background:#ffb609;
  padding:7px 12px;
  font-size:14px
}
.banner_content h1 {
  font-weight:500;
  font-size:56px;
  margin:17px 0 17px;  
  text-transform:capitalize;
  color:#fff;
  letter-spacing:-1px;
  line-height:56px;
}
.banner_content span { 
  color:#fff;
  font-weight:700
}
.banner_content p {
  max-height:55px;
  overflow:hidden;
  margin-bottom:28px;
  max-width: 90%;
  color: #fff;
}
.banner_content {
  color:#353434;
  text-align:left
}
.btn_banner {
  color:#000;
  transition:.3s;
  font-size:15px;
  position:relative;
  padding:10px 24px;
  background:0 0;
  letter-spacing:0;
  border:2px solid #FFC224;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  background: #FFC224;
  box-shadow: 4px 6px 0px 0px #273c91;
}
.btn_banner:hover {
  transition:.3s; 
  background:#ffc224;
  border-color:#ffc224; 
  box-shadow: none;
}
.accordion-button:after,
.accordion-button:not(.collapsed):after {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.banner_content ul {
  padding:0 0 0 20px;
  margin:10px 0 30px;
  display:block;
  width:100%
}
.banner_content ul li {
  list-style:none;
  margin:10px 0;
  font-size:18px;
  display:block;
  font-weight:400;
  position:relative;
  color:#fff;
  padding:0 0 0 5px
}
.banner_content ul li:before {
  content:'\F26A';
  position:absolute;
  left:-19px;
  font-family:bootstrap-icons!important;
  font-size:17px;
  color:#ffb609;
  top:0
}
.decorator {
  position:absolute;
  left:32%;
  bottom:52px
}
.img-fluid.arowbtnbnr {
  left:28%;
  bottom:-43px;
  position:absolute;
  z-index:9;
  height:141px;
  opacity:.7
}
.section_title h2 {
  font-weight:800;
  color:var(--heading_color);
  font-size:2.5rem;
  letter-spacing:-1px;
  font-family: Exo;  
}
.section_title h6 {
  font-size:14px;
  color:#ff3115;
  margin:0 0 9px!important; 
  font-weight:800;
  text-transform:capitalize;
  background:#ebebf5;
  display:inline-block;
  padding:7px 20px;
  border-radius:30px
}
.course_item .C_description h3,
.featurs_item p {
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.section_title h2 span {
  color:var(--white);
  position:relative;
  z-index:1;
  background:rgba(255,51,11,1);
  padding:0 14px;
  border-radius:7px
}
.section_title hr {
  width:8%;
  height:3px;
  margin-bottom:11px;
  background:linear-gradient(95.45deg,#ff3115 .64%,#1c40f2 98.23%);
  opacity:1
}
.section_title.color_fff h2 span {
  color:var(--white);
  background:rgba(255,255,255,.09)
}
.parents_inner {
  padding:50px;
  background:#fff;
  border-radius:10px
}
.section_title h2 span:before {
  color:var(--main);
  content:'';
  position:absolute;
  left:0;
  top:9px;
  width:100%;
  height:83%;
  /*border:2px solid #0263e0;*/
  border-radius:100%;
  z-index:-1;
  opacity:.08;
  transform:rotate(-9deg)
}
.parentsay_main {
  padding:50px 0; 
 /* background:url(/wp-content/themes/medceron/images/bg.png) #fff;*/
  position: relative;
}
.Featureitem { 
  padding:35px 100px;
  /*background:url(/wp-content/themes/medceron/images/section-design-bg.png) #fff;*/
  border-radius:10px
} 
.best_key_main {
  padding:60px 0;
  background:#fff url(../images/srbgnew.png);
  background-position:bottom;
  overflow: hidden;  
}
.feature_dv {   
  margin-top:39px;
  border-radius:18px
}
.featurs_item {
  padding:35px;
  text-align:center;
  margin-bottom:25px;
  background:#fff; 
  border-radius:10px; 
  transition:.4s; 
  box-shadow:rgba(0,0,0,.05) 0 5px 15px 0;
  box-shadow:rgba(0,0,0,.06) 0 3px 6px,transparent 0 3px 6px;
  min-height:202px;
  margin: 10px;
  position: relative;
  min-height: auto; 
  overflow: hidden; 
}

.featurs_item:before{
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/sun-shadow-right.png);
  position: absolute;
  left: 0;
  top: -189px; 
  background-repeat: no-repeat;
  background-position: right;
  
}


.featurs_item:hover {
  box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
  transition:.4s;
  transform:scale(1.05);
  z-index:1
}
.featurs_item h4 {
  font-size:24px;
  font-weight:600;
  color:#fff; 
}
.accordion-body p,
.footer .footer-social ul li a:hover i {
  color:#fff!important
}
.featurs_item img {
  width:65px;
  margin-bottom:15px
}
.featurs_item p {
  overflow:hidden
}
.accordion-button:after {
  width:30px;
  height:30px;
  border-radius:100%;
  background-color:#0263e0;
  background-position:center;
  background-size:17px
}
.accordion-button:not(.collapsed):after {
  transform:rotate(-180deg);
  background-color:#ff3115;
}
.faq_main {
  /*background:url(/wp-content/themes/medceron/images/section-design-bg.png) #fff;*/
  padding:50px 0
}
.accordion-button {
  font-weight:500;
  color:#171717;
  font-size:18px;
  border:none;
  padding:15px 30px;
  border-radius:10px;
  background:#f5f7fb;
}
.accordion-item {
  background-color:#fff;
  border:none
}
.accordion-button.collapsed {
  border-bottom-width:1px;
  border-radius:10px!important
}
.accordion-button.collapse {
  border-bottom-width:0
}
.accordion-body {
  text-align:left;
  background:#ff3115;
  padding:11px 30px 24px;
  color:#fff;
  border-top:1px solid #3884e7;
}
.accordion-body p {
  margin:0
}
.accordion-collapse {
  border:none;
  border-width:0 1px;
}
.accordion-button:not(.collapsed) {
  color:var(--white);
  border-radius:10px 10px 0 0!important;
  background:#2d4689;
  box-shadow:none;
  border:none;
}
.accordion-item {
  margin:0 0 15px;
  border-radius:10px;
  overflow:hidden;
  border-bottom:1px solid #f0f5fb
}
.accordion-button:focus {
  box-shadow:none;
}
.faq_iner {
  padding:40px 40px 15px;
  background:#f5f7fb;
  border-radius:28px
}
.course_item,
.course_item .image {
  border-radius:5px;
  overflow:hidden
}
.About_main {
 /* background:url(/wp-content/themes/medceron/images/bg_dotted.png) center #f7f8fb;*/
  padding:50px 0
}
.course_main {
  padding:0 0 50px;
  /*background:url(/wp-content/themes/medceron/images/banner.png) #fff*/
}
.course_item {
  margin:10px;
  padding:10px;
  border-bottom:none;
  background:#fff;
  min-height:348px
}
.course_item .image {
  position:relative;
  min-height:145px;
  max-height:145px;
  background:var(--main)
}
.course_item .image img {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  max-width:100%;
  height:auto;
  opacity:.8
}
.course_item .C_description {
  padding:15px;
  text-align:left
}
.course_item .C_description h3 {
  font-size:18px;
  color:#030b5d;
  font-weight:600;
  overflow:hidden;
  position:relative;
  padding-left:10px
}
.course_item .C_description h3:before {
  position:absolute;
  content:'';
  width:4px;
  height:90%;
  background:var(--main);
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.blg_btn,
.course_item .C_description a {
  font-size:12px;
  color:#0263e0;
  font-weight:500;
  border:1px solid #0263e0;
  padding:7px 15px;
  display:inline-block;
  border-radius:50px;
  opacity:.8
}
.course_item .C_description p,
.item_FAclty p,
.quote_item p {
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.course_item .C_description p {
  -webkit-line-clamp:2;
  line-height:25px;
  font-size:15px
}
.title_bg {
  /*background:url(/wp-content/themes/medceron/images/coursetitlebg.png) #0263e0;*/
  padding:50px 0 150px
}
.top_margn {
  margin-top:-139px
}
.main,
.new_era_main {
  /*padding:50px 0;*/
  background:#fff
}
.everyindustry_main {
  padding:60px 0;
  /*background:url(/wp-content/themes/medceron/images/Seo-demo-background3.png) 0 0/cover no-repeat #fff;*/
  position:relative;
  z-index:1
} 
.everyindustry_main:before {
  position:absolute;
  content:'';
  left:5%;
  top:5%;
  width:90%;
  height:90%;
  background:#eef2f6;
  z-index:-1;
  border-radius:20px;
  opacity:0
}
.every_industry_itM {
  padding:0 55px 21px;
  border-radius:20px;
  margin-top:0;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:20%
}
.item_FAclty {
  text-align:left;
  padding:30px 23px 30px 60px;
  background:#f5f7fb;
  border-radius:8px;
  transition:.3s;
  margin-bottom:25px;
  border:none;
  min-height:120px;
  position:relative
}
.item_FAclty:before {
  content:'';
  position:absolute;
  right:27px;
  bottom:21px;
  width:16px;
  height:16px;
  /*background:url(/wp-content/themes/medceron/images/right-arrow.png) 0 0/100% no-repeat;*/
  opacity:.37;
  filter:grayscale(10)
}
.item_FAclty:hover {
  transition:.3s;
  transform:translateY(-4px)
}
.item_FAclty:hover img {
  transition:.3s;
  filter:grayscale(0)
}
.item_FAclty:hover h3 {
  transition:.3s
}
.item_FAclty img {
  width:32px;
  margin:0;
  position:absolute;
  left:16px;
  top:32px;
  transition:.3s
}
.Scdtail h3,
.Scdtail p {
  margin-bottom:14px
}
.item_FAclty h3 {
  font-size:16px!important;
  color:var(--heading_color);
  font-weight:500;
  text-transform:capitalize
}
.item_FAclty p {
  -webkit-line-clamp:2
}
.satup_support_main {
  padding:61px 0 99px;
  background:#fff
}
.Scdtail {
  padding:0 50px
}
.Scdtail h3 {
  font-size:2.5rem;
  font-weight:600
}
.courseITm ul,
.liststyle,
.main ul {
  margin:15px 0 25px;
  padding:0
}
.liststyle li {
  list-style:none;
  margin:0 0 9px;
  position:relative;
  padding-left:30px;
  font-size:15px
}
.courseITm ul li:before,
.liststyle li:before,
.main ul li:before {
  position:absolute;
  //content:'\F26E';
  font-family:bootstrap-icons;
  width:20px;
  height:20px;
  border-radius:100%;
  background:#1987542e;
  color:green;
  line-height:21px;
  left:0;
  font-weight:700;
  text-align:center
}
.satupsupportdv {
  padding:40px;
  /*background:url(/wp-content/themes/medceron/images/section-design-bg.png) #f5f7fb;*/
  border-radius:34px
}
.review_main {
  padding:50px 0;
  /*background:url(/wp-content/themes/medceron/images/1-4.jpg) #fff*/
}
.review_main {
  padding:50px 0;
 /* background:url(/wp-content/themes/medceron/images/dot_pattern.png) 0 0/100px #fff*/
}
.quote_item {
  text-align:center;
  padding:5px;
  position:relative;
  margin:10px;
  display:block;
}
.quote_item:before {
  position:absolute;
  /*content:'\F6B0';*/
  left:50%;
  top:-78px;
  color:var(--main);
  font-size:92px;
  transform:translateX(-50%);
  font-family:bootstrap-icons!important
}
.quote_item h5 {
  font-size:24px;
  line-height:normal;
  color:#ff3115;
  margin-bottom:8px
}
.quote_item p {
  font-weight:500;
  font-size:22px;
  color:#000;
  line-height:36px;
  -webkit-line-clamp:5
}
.mock_item .description ul,
.nav.nav-pills,
.quote_item .description,
footer ul {
  padding:0
}
.t_sig {
  display:flex;
  text-align:center;
  align-items:center;
  justify-content:center
}
.t_sig .content b {
  display:block;
  color:#167cff;
  font-weight:700;
  font-family:var(--H-family);
  font-style:normal
}
.mock_itemGrd .content p,
.sector_item .content h4,
.sector_item .content p {
  display:-webkit-box;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical
}
.t_sig .image {
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:100%;
  margin-right:15px;
  box-shadow:rgba(0,0,0,.25) 0 .0625em .0625em,transparent 0 .125em .5em,rgba(255,255,255,.1) 0 0 0 1px inset;
  border:3px solid #0263e0
}
.t_sig p {
  margin:0;
  font-size:20px
}
.owl-next span,
.owl-prev span {
  font-size:21px;
  background:#fff;
  width:40px;
  height:40px;
  line-height:41px;
  border-radius:100%;
  text-align:center;
  color:var(--main);
  margin:0 -15px 0 -18px;
  box-shadow:rgba(0,0,0,.09) 0 3px 12px;
  display:inline-block;
  font-weight:700;
 /* padding: 9px;*/
}
.footer ul li,
.footer ul li a {
  color:#2f2f2f;
  /*! font-weight:300 */
}
.owl-next span:hover,
.owl-prev span:hover {
  color:#8199a3
}
.owl-next,
.owl-prev {
  position:absolute;
  top:0;
  height:100%
}
.owl-prev {
  left:7px
}
.owl-next {
  right:7px
}
.owl-dots button.owl-dot:focus,
.owl-nav button:focus,
button:active,
button:focus {
  outline:0
}
.workwinner {
  padding:30px 0;
  /*background:url(/wp-content/themes/medceron/images/actocation.png) center/cover no-repeat #0263e0;*/
  position:relative;
  color:#09a4a4;
  z-index:1;
  margin-bottom:40px
}
.workwinner .btn.btn_theme {
  background:#fff;
  color:var(--main);
  padding:3px 30px;
  height:auto
}
.breadcrumb-item.active,
.workwinner .key-point-list li,
.workwinner .key-point-list li:before {
  color:#ff3115
}
.workwinner .key-point-list {
  padding:0;
  margin:7px 0 0;
  opacity:.9
}
.work_with_us {
  background:#fff
}
.workwinner h2 span {
  font-weight:800
}
.btn_theme_outline {
  color:var(--main);
  text-transform:capitalize;
  padding:14px 20px;
  position:relative;
  background:0 0;
  border:0;
  border-radius:11px;
  display:inline-block;
  font-size:14px;
  font-weight:500;
  transition:.4s;
  border:2px solid var(--main);
  margin-left:20px
}
.btn_theme_outline:hover {
  color:var(--white);
  background:var(--main)
}
.pointing_man {
  margin:-166px 0 0;
  position:absolute;
  bottom:0
}
.sector_item {
  margin:15px 20px;
  background:#fff;
  border-radius:9px;
  overflow:hidden;
  transition:.4s;
  box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px
}
.sector_item:hover {
  transition:.4s;
  transform:scale(1.05)
}
.mock_itemGrd .image,
.sector_item .image {
  min-height:160px;
  max-height:160px;
  overflow:hidden;
  position:relative;
  background:var(--main)
}
.mock_itemGrd .image img,
.sector_item .image img {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  width:100%;
  opacity:.7
}
.sector_item .content {
  padding:24px 24px 28px
}
.sector_item .content h4 {
  font-size:24px;
  color:#030b5d;
  margin-bottom:9px
}
.mock_itemGrd .content p,
.sector_item .content p {
  font-size:14px;
  line-height:24px;
  margin-bottom:15px
}
.sector_item .content span {
  padding:7px 15px;
  border:1px solid var(--main);
  color:var(--main);
  border-radius:20px;
  font-size:13px;
  transition:.4s
}
.mock_itemGrd .content .btn_view:hover,
.sector_item .content span:hover {
  color:var(--white);
  background:var(--main);
  border-color:var(--main);
  transition:.4s
}
.owl-dots {
  text-align:center;
  padding-top:15px
}
.owl-dots button.owl-dot {
  width:15px;
  height:15px;
  border-radius:50%;
  display:inline-block;
  background:#ccc;
  margin:0 3px
}
.catogry a:hover,
.owl-dots button.owl-dot.active {
  background-color:var(--main)
}
.owl-nav button {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:0 0
}
.author-list-item,
.counter,
.courseITm ul li,
.footer h2,
.footer ul li,
.footer ul li a,
.inner_banner,
.main ul li,
.owl-dots span,
.post-card,
.post-card-image {
  position:relative
}
.owl-dots span {
  font-size:70px;
  top:-5px
}
.footer { 
  background:#282828;
  padding-top:50px;
  position: relative; 
}
.footer .footer-top {
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:30px 0
}
.footer .footer-top .download-button .btn {
  display:inline-block;
  margin-right:10px
}
.dropdown.login_btn:focus .dropdown-menu,
.dropdown.login_btn:hover .dropdown-menu,
.nav-folderized .nav {
  display:block!important
}
.footer .footer-social ul li:last-child,
.footer .footer-top .download-button .btn:last-child {
  margin-right:0
}
.footer .footer-top .download-button .btn i {
  font-size:18px;
  display:inline-block;
  margin-right:5px
}
.footer .logo {
  margin-bottom:26px
}
.footer .logo img,
.footer h3 img {
  width:150px
}
.footer .f-about p {
  font-size:14px;
  line-height:28px;
  color:#7e8890;
  margin-left:15px
}
.footer .f-about .contact-address {
  margin-top:20px
}
.footer .f-about .contact-address li {
  display:block;
  margin-bottom:5px;
  margin-left:15px
}
.footer .f-about .contact-address li:last-child {
  margin-bottom:0
}
.footer .f-about .contact-address li span {
  font-weight:500;
  color:#622fcd;
  display:inline-block;
  margin-right:4px
}
.footer .footer-social {
  margin-top:35px
}
.footer .footer-social ul li {
  display:inline-block;
  margin-right:6px
}
.footer .footer-social ul li a {
  font-size:15px;
  color:var(--main);
  height:40px;
  width:40px;
  text-align:center;
  display:block;
  line-height:40px;
  background:#c4e6ff;
  border:none;
  border-radius:4px;
  position:relative;
  z-index:3
}
.footer .footer-social ul li a i {
  margin:0!important;
  color:var(--main)
}
.footer .footer-social ul li a:hover {
  color:#fff;
  background-color:var(--main);
  -webkit-box-shadow:0 1rem 3rem rgba(35,38,45,.15)!important;
  box-shadow:0 1rem 3rem rgba(35,38,45,.15)!important
}
.nav-folderized .nav {
  padding:0!important
}
.footer h2 {
  color:var(--main);
  font-size:18px;
  text-transform:capitalize;
  margin-bottom:15px;
  font-weight:500
}
.footer ul li {
  margin-bottom:10px;
  list-style:none;
  display:flex;
  padding-left:6px;
  font-size:15px;
  color: #fff;
} 
.download-text h3,
.footer ul li:last-child,
.p_item img,
.post-card-content .categorie {
  margin:0
}
.img-fluid.f_logo {
  max-width:340px;
}
.footer ul li a { 
  font-size:14px;
  padding:0;
  -webkit-transition:.3s;
  transition:.3s;
  display:block;
  /*! letter-spacing:-.75px; */
  border-bottom:1px solid transparent;
  color: #fff;
}
.footer ul li a:before {
  content:''; 
  position:absolute;
  left:0;
  top:50%;
  opacity:0;
  -webkit-transition:.3s;
  transition:.3s;
  height:2px;
  width:8px;
  background:#7e8890
}
.footer ul li a:hover:before {
  background:#ffc224;
  opacity:1
}
.footer ul li a:hover {
  color:#ffc224;
  padding-left:15px;
  border-bottom:1px solid #ffc224; 
}
.f_about img {
  width:160px;
  margin:0 0 11px
}
.f_about p {
  font-size:14px;
  line-height:23px;
  color:#fff
}
.contact-address li a:hover {
  color:#300864;
  padding-left:0!important
}
.footer ul li i {
  font-size:14px;
  margin:0 11px 0 2px;
  color:#ffc224;
}
.footer-bottom {
  border-top:1px solid rgba(255, 255, 255, 0.18);
  text-align:center; 
  padding:18px 0;
  margin-top:22px;
}
.footer-bottom p {
  margin:0;
  color:#fff;
  font-size:14px
}
.footer-bottom p a {
  color:#fff;
}
.button .btn {
  display:inline-block;
  text-transform:capitalize;
  font-size:14px; 
  font-weight:500;
  padding:15px 30px;
  background-color:#fff;
  color:var(--main);
  border:none;
  -webkit-transition:.5s;
  transition:.5s;
  border-radius:4px
}
.post-card,
.post-card-image img {
  -webkit-transition:.3s ease-in-out
}
.footer .footer-top .download-text h3 {
  font-size:30px;
  color:#fff;
  display:block;
  margin-bottom:6px;
  font-weight:700
}
.footer .footer-top .download-text p {
  margin:0;
  color:#fff;
  font-size:16px
}
.Social_footer {
  margin:10px 0 0 0;
  padding:0;  
  text-align:left;
}
.Social_footer li {
  list-style:none;
  display:inline-block!important;
  z-index:9;
  margin:0
}
.Social_footer li a {
  display:inline-block;
  width:40px;
  height:40px;
  color:#9f9f9f;
  line-height:25px;
  margin:0 0 0 0!important;
  border-radius:5px;
  font-size:24px !important;
  padding:8px !important;
  background:#fff;
  text-align:center;
  opacity:1;
  border:none!important;
}
.Social_footer li a i {
  margin:0!important;
  font-size:20px;
  color: #fff;
}
.workwinner h2 {
  font-weight:600;
  line-height:normal;
  color:#fff;
  margin:0;
  font-size:34px
}
.white_bg {
  background:#fff;
  border-top:1px solid #ddd
}
.inner_banner {
  padding:35px 0;
  color:#fff;
  z-index:1;
  overflow:hidden
}
.img-fluid.imginrbnr {
  position:absolute;
  bottom:-20px;
  left:29%
}
.inner_banner h1 {
  font-size:40px;
  font-weight:600
}
.inner_banner a {
  margin-top:12px
}
.listStyle ul li a,
.main p {
  color:var(--secondry)
}
.main h3 {
  color:var(--heading_color);
  line-height:normal
}
.courseITm ul li,
.main ul li {
  list-style:none;
  margin:0 0 9px;
  padding-left:30px;
  font-size:15px;
  font-weight:300;
  color:var(--secondry)
}
.banner_outline_btn {
  display:inline-block;
  padding:14px 29px;
  margin-left:15px;
  font-size:15px;
  border:2px solid #cadcf3;
  border-radius:50px;
  background:#f5f9fe;
  color:var(--main)
}
.testimonial_main {
  padding:50px 0;
  /*background:url(/wp-content/themes/medceron/images/section-design-bg.png) #f5f9fe;*/
  margin-top:60px
}
.rating {
  display:flex;
  justify-content:center;
  margin:0 0 16px;
  color:gold
}
.rating i {
  margin:0 6px 0 0;
  text-shadow:0 1px 1px #00000057
}
.learner_Pmain {
  padding:50px 0
}
.partners-pr-bar {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.partner-div {
  margin-bottom:30px;
  padding:0 20px
}
.progress {
  display:flex;
  height:2rem;
  overflow:hidden;
  font-size:.75rem;
  background-color:#e9ecef;
  border-radius:.25rem
}
.blog_main {
  padding:85px 0;
 /* background:var(--white) url(/wp-content/themes/medceron/images/bg_dotted.png) center*/
}
.blog_main .post-card {
  margin:30px 20px
}
.post-card {
  background-color:#fff!important;
  padding:0;
  border-radius:10px!important;
  display:block;
  -webkit-box-shadow:0 5px 20px 0 rgba(69,67,96,.1);
  box-shadow:0 5px 20px 0 rgba(69,67,96,.1);
  overflow:hidden;
  transition:.3s ease-in-out;
  margin:0 11px 40px;
  min-height:335px
}
.post-card-image {
  margin-bottom:0;
  border-radius:0;
  min-height:160px;
  max-height:160px;
  overflow:hidden;
  /*background:url(/wp-content/themes/medceron/images/no-image.png) center no-repeat #0263e0*/
}
.post-card-image img {
  transition:.3s ease-in-out;
  position:absolute;
  left:0;
  top:0;
  right:0;
  margin:auto
}
.post-card:hover {
  -webkit-transform:scale(1.03);
  transform:scale(1.03);
  -webkit-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.post-card-content h5 {
  margin:11px 0
}
.post-card-content h5 a {
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  color:var(--secondry);
  font-weight:600;
  font-size:21px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top:0;
  line-height:normal
}
.post-card-content h5 a:hover {
  color:var(--main);
  text-decoration:underline
}
.post-card-content p {
  margin-bottom:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  font-size:15px;
  line-height:26px;
  opacity:.8
}
.post-card-info ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:0
}
.post-card-info ul li {
  font-size:13px;
  margin:0 12px 0 0;
  padding:0;
  font-weight:400
}
.post-card-info ul li a {
  color:var(--main);
  font-weight:400;
  font-size:13px
}
.post-card-info img {
  width:30px!important;
  height:30px;
  border-radius:50%;
  margin-right:16px
}
.post-card-info li {
  margin-bottom:0;
  font-size:13px;
  color:#506172;
  text-transform:capitalize;
  font-weight:500
}
.post-card-content {
  padding:20px 25px
}
.dot {
  width:4px;
  height:4px;
  background-color:var(--secondry);
  border-radius:50%;
  display:block;
  margin:2px 6px!important
}
.post-card-info li.dot {
  margin:2px 8px!important
}
.catogry {
  display:flex;
  overflow:auto;
  scrollbar-width:none
}
.catogry a {
  background-color:#f5f9fe;
  color:var(--main);
  padding:2px 6px;
  display:inline-block;
  margin:0 10px 0 0;
  text-align:center;
  font-size:11px;
  border-radius:20px;
  font-weight:300;
  text-transform:capitalize;
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  border:1px solid var(--main);
  white-space:nowrap
}
.catogry a:hover {
  color:#fff!important
}
.blog_inbnr h1 {
  font-weight:600;
  letter-spacing:-1px
}
.article-byline-content {
  flex-grow:1;
  display:flex;
  align-items:center
}
.author-list {
  display:flex;
  flex-wrap:wrap;
  margin:0 0 0 4px;
  padding:0;
  list-style:none
}
.article-byline-content .author-list {
  justify-content:flex-start;
  padding:0 12px 0 0;
  margin:10px 0 0
}
.author-list-item {
  flex-shrink:0;
  margin:0;
  padding:0!important
}
.author-avatar {
  display:block;
  overflow:hidden;
  margin:0 -4px;
  width:50px;
  height:50px;
  border:2px solid #fff;
  border-radius:100%;
  transition:.5s cubic-bezier(.4,.01,.165,.99) .7s
}
.author-profile-image,
.avatar-wrapper {
  display:block;
  width:100%;
  height:100%;
  background:#e4eaed;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:0!important;
  margin:0!important
}
.article-byline-meta {
  color:#738a94;
  font-size:1.4rem;
  line-height:1.2em
}
.article-byline-meta h4 {
  margin:0;
  font-size:14px
}
.stgln {
  font-size:20px;
  color:#888
}
.byline-meta-content {
  font-size:14px;
  font-weight:400
}
.blog_inbnr img {
  border-radius:10px;
  margin:20px 0
}
.aboutstrip {
  padding:28px 30px;
  border-radius:20px;
  margin-top:-63px
}
.counter {
  color:#0263e0;
  text-align:center;
  padding:30px 25px 25px;
  margin:0 10px 40px;
  border:3px solid #fd3115;
  border-radius:20px;
  z-index:1
}
.counter:after,
.counter:before {
  content:"";
  background:#f5f9fe;
  border-radius:20px;
  position:absolute;
  left:15px;
  top:15px;
  bottom:15px;
  right:15px;
  z-index:-1
}
.counter:after {
  background:0 0;
  width:100px;
  height:100px;
  border:15px solid #fe3115;
  border-top:none;
  border-right:none;
  border-radius:0 0 0 20px;
  box-shadow:none;
  top:auto;
  left:-10px;
  bottom:-10px;
  right:auto
}
.counter .counter-icon h4{
  font-size: 20px !important;
  line-height: 35px;
  margin: 10px 0 15px;
  transition: .3s;
  display: block;
  color: #000;
  text-transform: uppercase;
  font-weight: 800;
}
.counter:hover .counter-icon {
  transform:rotateY(360deg)
}
.counter .counter-value {
  color:#0263e0;
  font-size:31px;
  font-weight:600;
  line-height:20px;
  display:block;
  transition:.3s
}
.counter:hover .counter-value {
  text-shadow:2px 2px 0 #d1d8e0
}
.counter h3 {
  font-size:17px;
  font-weight:500;
  text-transform:capitalize;
  margin:0 0 15px;
  color:#0d0d0d
}
.testimonialpage .pagination {
  font-size:15px;
  font-weight:500;
  text-align:center;
  position:relative;
  line-height:1;
  padding:20px 0 30px
}
.testimonialpage .pagination .page-numbers {
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  justify-content:center;
  width:auto;
  height:30px;
  border:1px solid #e8e8e8;
  border-radius:4%;
  font-size:13px;
  line-height:30px;
  margin:0 3px
}
.testimonialpage .quote_item .description {
  padding:0;
  font-style:normal;
  font-weight:300;
  font-size:15px;
  line-height:25px
}
.testimonialpage .pagination .page-numbers.current,
.testimonialpage .pagination .page-numbers:hover {
  color:#9e0227;
  border-color:#9e0227
}
.testimonialpage .pagination .next,
.testimonialpage .pagination .prev {
  position:relative;
  top:40px;
  font-size:12px;
  padding:0;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:.05em
}
.testimonialpage .page-numbers {
  width:auto;
  height:32px;
  background:#f8f8f8;
  border:1px solid #0065b9;
  float:left;
  padding:0 5px;
  border-radius:4px;
  color:#0065b9;
  min-width:32px;
  font-size:13px;
  font-weight:500;
  text-align:center;
  line-height:32px;
  margin:34px 1px 1px
}
.current,
.testimonialpage .page-numbers:hover {
  background:#0065b9;
  color:#fff
}
@media screen and (max-width:990px) {
  .counter {
    margin-bottom:40px
  }
}
.breadcrumb li a {
  color:#000!important;
  font-size:.9rem;
  font-weight:600
}
.breadcrumb li {
  color:#c3ddff;
  font-size:.9rem;
  font-weight:600;
  letter-spacing:.5px
}
.breadcrumb li a:after {
  color:#fff;
  content:"→";
  margin:0 4px
}
.counter .counter-icon img {
  width:48px
}
.counter p {
  display:flex;
  align-items:center;
  font-size:30px;
  justify-content:center;
  color:#0263e0;
  margin:15px 0 10px
}
.cotnact_Item {
  display:flex;
  margin:0 0 20px;
  padding:10px 30px 10px 0
}
.cotnact_Item .icon {
  margin:0 30px 0 0;
  width:50px;
  flex: 0 0 auto; 
}
.cotnact_Item .content h4 {
  font-size:20px;
  color:#233d63;
  margin:0;
  font-weight:700
}
.address_main h2 {
  color:#233d63;
  letter-spacing:-.4px;
  margin:0 0 10px;
  position:relative;
  font-weight:700;
  padding-left:20px
}
.address_main h2:before {
  position:absolute;
  content:'';
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:#1159f4
}
.modal-title {
  font-size:28px;
  font-weight:700;
  color:#0c65f5
}
.contact-form-wrap {
  padding:27px 50px;
  background:#fff;
  border-radius:10px;
  box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px
}
.contact-form-wrap label {
  font-size:14px;
  font-weight:400;
  margin:0 0 5px 6px;
  color:#77879e
}
.contact-form-wrap h2 {
  font-size:31px;
  font-weight:600;
  color:var(--secondry);
  margin-bottom:20px;
  letter-spacing:-1px
}
.contact-form-wrap p {
  font-weight:400;
  color:#546274;
  max-width:470px;
  margin:0 auto
}
.image_c_details img,
.rew_item .image img,
.video-area img {
  right:0;
  bottom:0;
  max-width:100%
}
.contact-form-wrap .form-group {
  margin-bottom:15px
}
.contact-form-wrap .form-group .form-control,
.contact-form-wrap .form-group .form-select {
  height:55px;
  border-radius:10px;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:0 20px;
  color:#546274;
  color:var(--main);
  letter-spacing:.4px;
  font-size:15px
}
.contact-form-wrap .form-group .form-control::placeholder {
  color:#ddd
}
.contact-form-wrap .form-group textarea.form-control {
  padding-top:14px;
  height:120px
}
.contact-form-wrap .btn {
  height:60px;
  padding:0 60px;
  border-radius:60px;
  background:var(--main);
  color:#fff;
  font-weight:400;
  outline:0;
  box-shadow:none;
  box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.06) 0 3px 6px;
  display:inline-block;
  margin-top:30px
}
.map,
.post_iTMA_main .image_Rpost {
  box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px
}
.dotted_ng {
  /*background:url(/wp-content/themes/medceron/images/bg_dotted.png) #fff*/
}
.SUb_Help_Heading {
  border-bottom:7px solid #e5effc;
  margin-bottom:22px
}
.contat_fMAIn {
 /* background:url(/wp-content/themes/medceron/images/section-design-bg.png) #fff*/
}
#msform,
.map {
  background:#fff
}
.map {
  padding:20px;
  border-radius:10px;
  /*filter:grayscale(10);*/
  transition:.3s
}
.map:hover {
  filter:grayscale(0);
  transition:.3s
}
.post_iTMA_main {
  padding:0!important
}
.post_iTMA_main li {
  list-style:none!important;
  padding-left:0
}
aside h2 {
  margin:0 0 15px;
  border-bottom:1px solid #ddd;
  font-size:18px;
  font-weight:700
}
.post_iTMA_main li a {
  list-style:none;
  display:flex;
  border-bottom:1px solid #eee;
  padding:13px 0;
  align-items:center
}
.post_iTMA_main .image_Rpost {
  width:85px;
  margin:0 12px 0 0;
  overflow:hidden;
  height:66px;
  border:1px solid #eee;
  border-radius:5px
}
.bdr-rgt {
  border-right:1px solid #eee
}
.RPOst_txt {
  width:100%
}
.post_iTMA_main .image_Rpost img {
  width:100%;
  height:100%
}
.post_iTMA_main .RPOst_txt h6 {
  margin:0 0 5px;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  max-height:17px;
  line-height:18px;
  color:#000
}
.post_iTMA_main .RPOst_txt p {
  font-size:13px;
  line-height:19px;
  max-height:38px;
  overflow:hidden;
  margin:0;
  color:#999
}
.testimonialpage {
  column-count:3
}
.testimonialpage .quote_item {
  text-align:center;
  padding:22px;
  position:relative;
  margin:0;
  display:block;
  background:#fff;
  border-radius:10px;
  box-shadow:none;
  margin-bottom:17px!important;
  border:1px solid #ddd;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  break-inside:avoid;
  page-break-inside:avoid;
  transition:.2s
}
.testimonialpage .quote_item:hover {
  border-color:#fff;
  box-shadow:0 5px 40px rgba(0,0,0,.1);
  transition:.2s
}
.testimonialpage .quote_item:before {
  right:-50px;
  top:auto;
  font-size:114px;
  left:auto;
  opacity:.06;
  bottom:-15px
}
.testimonialpage .rating,
.testimonialpage .t_sig {
  justify-content:left
}
.testimonialpage .quote_item p {
  /*! font-style:normal; */
  font-weight:300; 
  font-size:20px;
  line-height:32px;
  -webkit-line-clamp:inherit;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.authentication {
  display:flex;
  align-items:center;
  /*background:url(/wp-content/themes/medceron/images/companybg.svg);*/
  min-height:420px;
  height:auto;
  position:relative;
  padding-top:100px;
  padding-bottom:80px
}
.card .header,
.condtion,
.priceCourse {
  display:block
}
.course_page .course_item .image,
.mock_item .image,
.video-area {
  min-height:200px;
  max-height:200px;
  overflow:hidden
}
.authentication .auth_form {
  -moz-transition:.5s;
  -o-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  border-radius:12px;
  background:#f5f5f5;
  box-shadow:0 0 16px rgba(41,42,51,.06),0 6px 20px rgba(41,42,51,.02);
  border-top:none;
  border-bottom:0
}
@media only screen and (max-width:992px) {
  .authentication {
    height:auto
  }
  .authentication .copyright {
    margin-bottom:20px
  }
  .authentication .auth_form {
    margin:20px 0
  }
}
.authentication .auth_form .header {
  text-align:center;
  margin-bottom:0
}
.authentication .auth_form h5 {
  margin-top:10px;
  margin-bottom:0
}
#customer_login h2,
.authentication .signin_with {
  text-align:center
}
.authentication .auth_form .body {
  background:0 0
}
.authentication .auth_form .body .input-group-text {
  justify-content:center;
  min-width:42px
}
.authentication .l_profile,
.authentication .logo {
  width:100px
}
#msform {
  position:relative;
  box-shadow:0 0 35px rgba(191,191,191,.6);
  border-radius:10px;
  overflow:hidden
}
#progressbar {
  margin-bottom:30px;
  overflow:hidden;
  color:#d3d3d3;
  padding:0;
  text-align:center
}
#progressbar .active {
  color:#fff;
  background:#28a745;
  position:relative
}
#progressbar .active:before {
  height:26px;
  width:26px;
  background:#28a745;
  content:'';
  position:absolute;
  right:-10px!important;
  top:12px;
  transform:rotate(46deg);
  z-index:1;
  left:auto;
  box-shadow:none;
  border-radius:0
}
#progressbar .active:after {
  height:100%;
  width:1px;
  background:#fff;
  content:'';
  position:absolute;
  left:0;
  top:0;
  z-index:9999999
}
#progressbar li {
  list-style-type:none;
  font-size:14px;
  width:20%;
  float:left;
  background:#ececec;
  color:#000;
  padding:15px 0;
  position:relative;
  font-weight:300;
  border-right:1px solid #ddd
}
#progressbar li:before {
  height:50px;
  width:50px;
  background:#ececec;
  content:'';
  position:absolute;
  left:-34px;
  top:0;
  transform:rotate(46deg);
  z-index:-1;
  box-shadow:2px -2px 2px rgba(210,210,210,.82)
}
.FlDShT {
  box-shadow:0 0 14px rgba(0,0,0,.14);
  border-radius:3px;
  margin-bottom:30px
}
.FlDShT hr {
  margin-top:8px;
  margin-bottom:25px
}
#msform fieldset {
  background:#fff;
  border:0;
  border-radius:.5rem;
  box-sizing:border-box;
  width:100%;
  margin:0;
  position:relative;
  padding:30px
}
.StEP_PEstient {
  padding:0 10px
}
.Box_New {
  padding:20px;
  background:#fff;
  border-radius:6px;
  margin:30px 0 0
}
.Box_New h3 {
  text-align:left;
  font-size:21px;
  padding:0 0 0 25px;
  color:#033b4a;
  font-weight:600
}
.auth_form h3,
.card .header {
  color:#58468c;
  margin-bottom:0
}
.Box_New ul li {
  color:#828282;
  list-style:none;
  margin:0 0 5px;
  font-size:16px
}
.auth_form .logo {
  width:auto
}
.auth_form .header {
  padding-bottom:0
}
.auth_form {
  background:#fff!important;
  z-index:99
}
.card .header img {
  width:120px;
  margin-top:-84px!important
}
.authentication .auth_form {
  -webkit-box-shadow:0 0 19px 2px rgba(0,0,0,.35);
  -moz-box-shadow:0 0 19px 2px rgba(0,0,0,.35);
  box-shadow:0 0 19px 2px rgba(0,0,0,.35);
  padding:24px!important;
  box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;
  border:none
}
.card {
  box-shadow:-1px 0 36px 0 rgba(0,0,0,.18)
}
.card .header {
  padding:40px 0 5px
}
.btn-transparent {
  background-color:transparent;
  color:#6660f6;
  padding:0;
  box-shadow:none;
  outline:0;
  font-size:14px
}
.btn-transparent:hover {
  box-shadow:none!important
}
.authentication .auth_form .checkbox label {
  font-size:14px
}
.required {
  color:red;
  text-align: center;
}
.courseITm h5 {
  background-color:#eff5fe!important;
  display:inline-block;
  padding:9px 16px;
  font-size:15px;
  border-radius:50px;
  margin-bottom:15px;
  color:#0263e0
}
.courseITm h3 {
  font-size:24px;
  margin-bottom:10px;
  font-weight:500;
  color:var(--heading_color)!important
}
.priceCourse {
  font-size:14px;
  color:#000;
  font-weight:400;
  margin:0;
  text-align:center
}
.priceCourse span {
  font-size:22px;
  font-weight:600;
  color:#000;
  margin:0 0 0 3px
}
.priceCourse span small {
  color:grey;
  font-weight:300;
  font-size:14px
}
.condtion p {
  display:flex;
  margin:0 10px 0 0;
  font-size:14px;
  font-weight:400;
  color:#6f6b80;
  justify-content:center
}
.condtion p i {
  margin:0 3px 0 0
}
.courseITm {
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  margin:0 10px 30px
}
.courseITm .btn_outline_theme,
.courseITm .btn_theme {
  border:1px solid var(--main);
  height:40px;
  line-height:38px;
  font-size:13px
}
.courseITm .card-body {
  flex:1 1 auto;
  padding:30px
}
.courseITm .btn_outline_theme {
  padding:0 21px;
  white-space:nowrap
}
.courseITm .btn_theme {
  transition:.4s;
  text-align:center;
  padding:0 16px
}
.meta_course {
  padding:10px;
  background:#f7fafe;
  border-radius:10px;
  text-align:center
}
.meta_course h4 {
  text-align:center;
  margin:0 0 8px;
  display:inline-block;
  background:#cbdff9;
  color:#0263e0;
  font-size:12px;
  text-transform:capitalize;
  letter-spacing:1px;
  padding:5px 15px;
  border-radius:20px
}
.meta_course .alert.alert-info {
  margin:13px 0 2px;
  text-align:center;
  font-size:13px;
  padding:5px 24px;
  border-radius:60px;
  border:none;
  display:inline-block
}
.course_page .course_item {
  background-color:#fff;
  padding:20px 20px 30px;
  transition:.4s;
  box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px;
  border-radius:10px
}
.course_page .course_item .image {
  position:relative;
  border-radius:5px;
  background:var(--main)
}
.course_meta {
  display:flex;
  align-items:center;
  padding:0;
  justify-content:space-around;
  margin:0 0 10px!important
}
.course_meta li {
  padding:0!important;
  font-size:16px!important;
  font-weight:500!important
}
.course_page .course_item a {
  display:block;
  text-align:center;
  font-size:15px;
  padding:12px 11px;
  background:#0263e0;
  border-radius:50px;
  color:#fff;
  box-shadow:0 3px 5px rgba(2,99,224,.34);
  opacity:1
}
.course_page .course_item .C_description {
  padding:20px 0 0;
  text-align:left
}
.course_page .course_item .C_description h3 {
  font-size:22px
}
.course_features {
  padding:20px;
  margin-bottom:25px;
  background:rgba(2,99,224,.05);
  border-radius:10px;
  display:flex;
  align-items:center
}
.course_features h4 {
  font-size:16px;
  margin:0
}
.course_features img {
  width:64px;
  margin:0 20px 0 0
}
.features_nav {
  background:var(--main)
}
.features_nav .nav-pills .nav-link {
  color:#fff;
  font-size:15px;
  padding:20px 16px
}
.featurs_section {
  padding:80px 0
}
.bg-light {
  background:#f4f4f4!important
}
.Featursfixed,
.enrollbtn,
.image_c_details,
.mock_item .image,
.video-area {
  background:var(--main)
}
.featurs_section h3 {
  line-height:normal;
  padding-left:10px;
  color:#000
}
.post-share {
  display:flex;
  justify-content:center
}
.btn_theme_refer,
.details_meta .alert.alert-info,
.enrollbtn,
.p_item a,
.wpb_wrapper {
  display:inline-block
}
.post-share a {
  color:var(--heading_color);
  margin:0 10px
}
.video-area {
  position:relative;
  border-radius:8px
}
.video-area img {
  position:absolute;
  top:0;
  left:0;
  margin:auto;
  opacity:.6;
  height:auto
}
.video-play-btn {
  position:absolute;
  z-index:9;
  color:#fff;
  left:50%;
  top:50%;
  font-size:51px;
  translate:-50% -50%
}
.course_details_main {
  padding:32px 0
}
.course_details_main h2 {
  font-size:37px;
  font-weight:600;
  margin-bottom:20px
}
.course_details_main ul li {
  margin:0 0 14px;
  font-size:17px;
  font-weight:400;
  color:#6f6b80;
  max-width:800px
}
.course_details_main h3 {
  font-size:20px;
  font-weight:600;
  margin:0 0 20px
}
.course_details_main .price {
  font-size:30px;
  font-weight:500;
  margin-bottom:14px;
  color:#030b5d
}
.course_details_main .price span {
  font-weight:600;
  color:var(--main)
}
.enrollbtn {
  padding:16px 90px;
  border-radius:100px;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 11px 18px -8px rgb(23 92 255/60%);
  transition:.3s;
  text-align:center;
  font-size:15px;
  margin-bottom:24px
}
.image_c_details {
  max-height:250px;
  min-height:250px;
  position:relative;
  overflow:hidden;
  border-radius:10px
}
.image_c_details img {
  position:absolute;
  top:0;
  left:0;
  margin:auto;
  height:auto;
  mix-blend-mode:screen
}
.mock_item {
  box-shadow:rgba(100,100,111,0) 0 7px 29px 0
}
.Featursfixed {
  position:fixed;
  left:0;
  top:83px;
  width:100%;
  z-index:999;
  box-shadow:rgba(11,19,21,.07) 0 3px 9px 0;
  transition:.4s;
  border-radius:0;
  box-shadow:rgba(0,0,0,.15) 0 5px 10px,rgba(0,0,0,.05) 0 5px 6px
}
.rew_item,
.rew_item .image {
  position:relative
}
.featurs_section .btn {
  border-radius:60px
}
.mock_item {
  padding:20px;
  background:#f5f9fe;
  border-radius:10px;
  margin-bottom:30px
}
.mock_item .image {
  border-radius:10px;
  margin-bottom:15px
}
.mock_item .description h3,
.rfrfrdavoucher h3 {
  font-size:20px
}
.mock_item .description ul li {
  list-style:none;
  padding:15px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  border-bottom:1px solid #eee;
  font-size:16px;
  font-weight:500;
  color:#6f6b80
}
.mock_item .description ul li i {
  color:var(--main);
  margin:0 4px 0 0
}
.nav-pills .nav-link {
  background:0 0;
  border:0;
  border-radius:0;
  color:var(--black);
  font-size:14px;
  font-weight:400;
  margin:0 0 0 34px
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color:var(--main);
  background-color:#fff;
  border:1px solid #e9f1fd;
  margin:0 0 -1px;
  border-bottom:none;
  border-radius:5px 5px 0 0
}
.nav.nav-pills li {
  padding:0;
  margin:0
}
.text_heading {
  margin-bottom:12px;
  padding:0 0 0 30px;
  text-align:left
}
.text_heading h3 {
  font-weight:600
}
.blackRed {
  color:#000;
  font-size:16px;
  margin-top:15px
}
.wpb_wrapper {
  padding:10px 20px;
  background:#0263e00d;
  border-radius:16px;
  margin-top:14px
}
.day_count {
  padding:0 30px 25px
}
.tab-content {
  background:#fff;
  padding:30px;
  border:1px solid #e9f1fd;
  border-radius:0 0 10px 10px
}
.mock_item .btn_outline_theme,
.mock_item .btn_theme {
  padding:0 20px;
  font-size:13px
}
.rfr_frd_main {
  border-radius:10px;
 /* background:url(/wp-content/themes/medceron/images/section-design-bg.png) #f5f9fe;*/
  padding:50px;
  border:4px dashed #dae9fb
}
.rfr_frd_main .contact-form-wrap {
  padding:40px;
  border-radius:10px;
  box-shadow:none;
  background:#fff
}
.rew_item .image,
.rfrfrdavoucher {
  box-shadow:rgba(0,0,0,.18) 0 2px 4px
}
.rew_item .image {
  background:var(--main);
  padding:10px;
  max-height:150px;
  min-height:150px;
  border-radius:10px;
  overflow:hidden;
  border:4px solid #fff
}
.priceMock,
.rfrfrdavoucher {
  background:#fff;
  border-radius:10px
}
.rew_item .image img {
  position:absolute;
  left:0;
  top:0;
  margin:auto;
  height:auto;
  opacity:.8;
  transform:scale(1.4)
}
.mock_itemGrd .content h4,
.mock_itemGrd .content h6 {
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-bottom:10px
}
.rew_item h6 {
  text-align:center;
  margin:9px 0;
  font-size:14px;
  color:#000
}
.callinq {
  font-size:28px;
  font-weight:700;
  color:#0263e0;
  text-decoration:underline
}
.rfrfrdavoucher {
  padding:20px
}
.priceMock {
  padding:16px 30px;
  box-shadow:rgba(0,0,0,.04) 0 2px 4px
}
.mock_item .btn_outline_theme {
  font-size:14px;
  height:auto;
  line-height:44px
}
.btn_theme_refer {
  transition:.4s;
  text-align:center;
  padding:0 30px;
  border-radius:60px;
  font-size:15px;
  height:42px;
  background:#ea4436;
  line-height:41px;
  color:var(--white);
  box-shadow:rgba(2,99,224,.21) 0 3px 3px 0
}
.details_meta {
  /*background:url(/wp-content/themes/medceron/images/banner-top-line-1.png) #f2f7fe!important;*/
  position:relative!important;
  overflow:hidden!important;
  border-radius:10px!important;
  padding:30px!important;
  width:80%!important;
  text-align:center!important
}
.p_item,
.pbtn,
.wflat {
  text-align:center
}
.pbtn {
  padding:14px;
  border-radius:10px
}
.details_meta .alert.alert-info {
  margin:0 0 2px;
  text-align:center;
  font-size:13px;
  padding:5px 24px;
  border-radius:60px;
  border:none
}
.details_meta .form-select {
  height:48px;
  border-radius:10px;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:0 20px;
  background-color:#ced4da;
  color:#0d0d0d;
  letter-spacing:.4px;
  font-size:15px;
  box-shadow:0 6px 6px -10px #0263e0
}
.details_meta .price {
  font-size:23px;
  font-weight:600
}
.mock_itemGrd {
  margin:0 0 25px;
  background:#fff;
  border-radius:9px;
  overflow:hidden;
  transition:.4s;
  box-shadow:rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px;
  padding:25px;
  border-bottom:8px solid #fff
}
.mock_itemGrd:hover {
  transition:.4s;
  transform:scale(1.05);
  border-bottom:8px solid var(--main);
  box-shadow:rgba(0,0,0,.1) 0 0 16px -1px,rgba(0,0,0,.27) 0 2px 4px -1px
}
.mock_itemGrd .content h4 {
  font-size:20px;
  overflow:hidden;
  color:#262626;
  font-weight:500;
  transition:.4s
}
.mock_itemGrd .content h6 {
  font-size:16px;
  overflow:hidden;
  color:#999;
  font-weight:300
}
.mock_itemGrd:hover h4 {
  color:var(--main);
  transition:.4s;
  text-decoration:underline
}
.mock_itemGrd .content .btn_view {
  padding:7px 18px;
  border:1px solid #cbd3dd;
  color:var(--main);
  border-radius:20px;
  font-size:13px;
  transition:.4s;
  margin-top:10px;
  display:inline-block
}
.priceMGRD {
  font-size:22px;
  color:var(--heading_color);
  font-weight:400;
  letter-spacing:-1px
}
.priceMGRD small {
  color:#999;
  margin:0 9px 0 0;
  font-style:italic;
  font-size:16px;
  text-decoration:line-through
}
.p_item {
  background:#fff;
  padding:20px;
  border-radius:10px;
  box-shadow:rgba(50,50,93,.06) 0 6px 12px -2px,transparent 0 3px 7px -3px;
  margin-bottom:25px;
  min-height:235px
}
.p_item h4 {
  font-size:18px;
  font-weight:700;
  color:#333
}
.p_item a {
  color:var(--main);
  border:1px solid var(--main);
  padding:5px 21px;
  border-radius:40px;
  font-size:14px;
  margin:8px 0 0
}
.top_margn .nav-link {
  color:#fff;
  font-weight:500;
  font-size:18px;
  padding:.25rem 1rem
}
.top_margn .nav-link:hover {
  color:#b8b9fa
}
.top_margn .nav-pills .nav-link.active {
  color:#0263e0;
  background-color:#fff;
  border-radius:.5rem .5rem 0 0;
  font-weight:600
}
.top_margn .tab-content {
  padding:0 0 1rem;
  border:0 solid #eee;
  background:0 0
}
.top_margn .nav.nav-pills {
  padding:0;
  display:flex;
  justify-content:center;
  border-bottom:1px solid #fff
}
.wflat {
  position:fixed;
  width:55px;
  height:55px;
  bottom:29px;
  right:19px;
  background-color:#25d366;
  color:#fff;
  border-radius:50px;
  font-size:38px;
  z-index:100;
  animation:.7s infinite alternate hilado;
  line-height:52px
}
@keyframes hilado {
  0% {
    bottom:10px
  }
  100% {
    bottom:29px
  }
}
.listStyle ul li {
  font-size:15px;
  width:33%;
  float:left;
  padding-left:24px
}
.listStyle ul li:before {
  content:'';
  height:2px;
  width:16px;
  background-color:#87c38e;
  top:50%;
  transform:translateY(-50%) rotate(-6deg);
  padding-right:16px;
  font-weight:700;
  font-size:18px;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  position:absolute;
  left:0
}
.card {
  box-shadow:-1px 0 36px 0 transparent;
  border:0;
  border-right:1px solid #eee;
  border-radius:0;
  padding:0!important
}
.bordrnone {
  border:0 solid #eee!important
}
.woocommerce-Tabs-panel--description ul li {
  list-style:none;
  /*list-style-image:url(/wp-content/themes/medceron/images/checkmark.png)!important*/
}
.woocommerce-Tabs-panel--description .card ul>li {
  list-style:none;
  font-size:15px;
  /*list-style-image:url(/wp-content/themes/medceron/images/line.png)!important*/
}
.woocommerce-Tabs-panel--description .card h4 {
  font-size:18px;
  font-weight:500;
  margin:0 0 10px;
  border-bottom:1px solid #eee;
  padding-bottom:12px
}
.courseITm .btn_outline_theme {
  padding:0 16px
}
.courseITm .added_to_cart {
  font-weight:400!important;
  border-radius:22px!important;
  font-size:13px!important
}
.bdr_btm .courseITm .card-body {
  padding:30px 12px
}
.bdr_btm .courseITm h3 {
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:50px
}
.red {
  color:Red
}
.bdr_btm .courseITm {
  margin:0 0 30px;
  min-height:272px;
  border-radius:4px;
  border:1px solid #ddd
}
.pad_top {
  padding-top:30px
}
.pad_top h3 {
  padding:0
}
.priceCourse del bdi span {
  font-size:16px;
  font-weight:500;
  color:#999;
  margin:0
}
.bg__red {
  background:#ffecee;
  border-right:0;
  border-radius:4px
}
.bdr_btm .courseITm p {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
.bg__red .priceCourse del bdi {
  display:none
}
.f-big {
  font-size:18px;
  color:var(--heading_color) !important
}
.bg__red .buy_free del bdi {
  display:none
}
.bg__red .buy_free del bdi {
  display:none
}
.IncludesReview_total ins {
  display:none
}
.bg__red .buy_free .amount {
  font-size:18px
}
.IncludesReview_total del bdi {
  color:#1d1d1d;
  margin:0;
  font-style:normal;
  font-size:18px;
  text-decoration:none
}
.bg__red .text-start p {
  font-size:14px;
  line-height:18px;
  margin-bottom:5px
}
.bg__red .card-body {
  padding:30px 15px
}
.bdr_btm .courseITm h3 span {
  color:var(--main)
}
.btn_outline_theme:focus {
  color:var(--main)!important
}
.text__end {
  text-align:end
}
#myModal img {
  border-radius:.3rem
}
#myModal .btn-close {
  position:absolute;
  right:-8px;
  z-index:9;
  top:-9px;
  background-color:#fff;
  opacity:1;
  background-size:12px;
  border-radius:100%;
  width:25px;
  height:25px
}
.text__lft {
  text-align:left
}
.inner_banner {
  color:#fff;
  background:#fff;
  position:relative;
  z-index:1;
  overflow:hidden;
  background-size:cover;
  text-align:center;
  min-height:72px;
  display:flex;
  align-items:center;
  max-height:170px;
  overflow:hidden
}
.inner_banner img {
  position:relative;
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:auto;
  bottom:auto;
  right:0;
  height:100%;
  object-fit:cover
}
.Inner_Banner_conTent {
  position:relative;
  z-index:3;
  color: black;
}
.workwithus_logo {
  padding:3px 0;
  border-bottom:1px solid #eceff9
}
.workwithus_logo img {
  max-width:220px
}
.galry_MAn_iTm {
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4
}
.accordion-body td .form-select {
  height:34px;
  font-size:12px
}
.table-responsive {
  width:100%
}
.accordion-body td,
.accordion-body tr {
  vertical-align:middle
}
.accordion-body td h6 {
  margin-bottom:0
}
td p {
  margin-bottom:0
}
.accordion-body td h2 {
  margin-bottom:0
}
.f_13 {
  font-size:13px!important;
  font-weight:400!important
}
.galry_MAn_iTm .item {
  overflow:hidden!important;
  position:relative!important;
  margin:0 0 14px;
  border:2px solid #fff;
  background:#fff;
  box-shadow:0 2px 9px rgba(0,0,0,.29);
  border-radius:4px;
  display:inline-block
}
.galry_MAn_iTm .item img {
  max-width:100%
}
.page-numbers {
  width:auto;
  height:32px;
  background:#f8f8f8;
  border:1px solid #0065b9;
  float:left;
  padding:0 5px;
  border-radius:4px;
  color:#0065b9;
  min-width:32px;
  font-size:13px;
  font-weight:500;
  text-align:center;
  line-height:32px;
  margin:1px;
  margin-top:34px
}
.page-numbers:hover {
  background:#0065b9;
  color:#fff
}
.current {
  background:#0065b9;
  color:#fff
}
 
.modal-dialog .notice {
  padding:0 1rem
}
.modal-dialog .notice h4 {
  margin-bottom:.5rem
}
.modal-dialog .notice p {
  margin-bottom:.5rem;
  font-size:14px
}
.modal-dialog .icon {
  font-size:3rem
}
.modal-dialog .badge {
  color:#dc3545
}
.close {
  position:absolute;
  right:4px;
  top:4px;
  width:32px;
  height:32px;
  opacity:.3
}
.close:hover {
  opacity:1
}
.close:before,
.close:after {
  position:absolute;
  left:15px;
  content:' ';
  height:26px;
  width:2px;
  background-color:red
}
.close:before {
  transform:rotate(45deg)
}
.close:after {
  transform:rotate(-45deg)
}
.modal-dialog .badge {
  padding:.45em .75em;
  font-size:18px;
  font-weight:600;
  border-radius:.25rem;
  border:1px dashed red
}
.card .glAssessment {
  color:#fff;
  background:#c1010d;
  font-size:12px;
  line-height:12px;
  font-weight:400;
  text-transform:capitalize;
  padding:4px 8px 4px;
  letter-spacing:1px;
  border-radius:0;
  position:absolute;
  top:0;
  left:0
}
.me-md-4 img {
  display:none
}
.noteP p {
  -webkit-line-clamp:2!important;
  margin-bottom:5px;
  font-size:14px;
  line-height:16px
}
 
.mock_itemGrd {
  margin:0 0 25px;
  background:#fff;
  border-radius:9px;
  transition:.4s;
  box-shadow:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px;
  padding:25px;
  border-bottom:8px solid #fff
}
.mock_itemGrd:hover {
  transition:.4s;
  transform:scale(1.05);
  border-bottom:8px solid var(--main);
  box-shadow:rgba(0,0,0,.1) 0px 0px 16px -1px,rgba(0,0,0,.27) 0px 2px 4px -1px
}
.mockmainDv p {
  font-size:14px;
  color:#666 !important
}
.mockmainDv .products {
  color:var(--secondry) !important
}
.mock_itemGrd .image {
  min-height:160px;
  max-height:160px;
  overflow:hidden;
  position:relative;
  background:var(--main)
}
.mock_itemGrd .image img {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  width:100%;
  opacity:.7
}
.mock_itemGrd .content h4 {
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#262626;
  margin-bottom:10px;
  font-weight:500;
  transition:.4s
}
.mock_itemGrd .content h6 {
  font-size:16px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#999;
  margin-bottom:10px;
  font-weight:300
}
.mock_itemGrd:hover h4 {
  color:var(--main);
  transition:.4s;
  text-decoration:underline
}
.mock_itemGrd .content p {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:14px;
  line-height:24px;
  margin-bottom:15px
}
.mock_itemGrd .content span {
  padding:7px 18px;
  border:1px solid #cbd3dd;
  color:var(--main);
  border-radius:20px;
  font-size:13px;
  transition:.4s;
  margin-top:10px;
  display:inline-block
}
.mock_itemGrd .content span:hover {
  color:var(--white);
  background:var(--main);
  border-color:var(--main);
  transition:.4s
}
.priceMGRD {
  font-size:22px;
  color:var(--heading_color);
  font-weight:400;
  letter-spacing:-1px
}
.priceMGRD small {
  color:#999;
  margin:0 9px 0 0;
  font-style:italic;
  font-size:16px;
  text-decoration:line-through
}
.meta_course .outStoke {
  font-size:16px;
  margin:0;
  color:red !important
}
.workwithus_logo {
  padding:3px 0;
  border-bottom:1px solid #eceff9
}
.workwithus_logo img {
  max-width:220px
}
.bdr_btm .courseITm h3 {
  font-size:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:auto;
  line-height:normal;
  margin:0
}
.card .glAssessment {
  color:#f25a65;
  background:#c1010d1f;
  font-size:12px;
  line-height:12px;
  font-weight:600;
  text-transform:capitalize;
  padding:6px 12px 7px;
  letter-spacing:0;
  border-radius:12px;
  position:relative;
  top:0;
  left:0;
  margin:0 0 11px;
  display:inline-block
}
.was_price span {
  color:#999;
  margin:0 9px 0 0;
  font-style:italic;
  font-size:16px
}
.was_price bdi {
  color:#999;
  margin:0 9px 0 0;
  font-style:italic;
  font-size:16px;
  text-decoration:line-through
}
.card.courseITm.bg__red {
  background:#fffbe1;
  border-color:#e6e0bf
}
.card.courseITm.bg__red .meta_course {
  padding:10px;
  background:#fff8c8;
  border-radius:10px;
  text-align:center
}
.mockmainDv .nav.nav-pills {
  padding:0;
  border:none;
  border-radius:0;
  overflow:hidden
}
.mockmainDv.bg-light {
  padding:40px;
  border-radius:15px
}
.mockmainDv .tab-content {
  background:#f0f6fe;
  padding:30px;
  border:none;
  border-radius:0;
  border:1px solid #c8def9;
  padding-top:13px;
  min-height:360px
}
.mockmainDv .nav-pills .nav-link {
  background:0 0;
  border:0;
  border-radius:0;
  color:var(--heading_color);
  font-size:18px;
  font-weight:400;
  padding:16px 23px;
  border-bottom:1px solid #ddd
}
.mockmainDv .nav-pills .nav-link.active,
.mockmainDv .nav-pills .show>.nav-link {
  border:1px solid #e9f1fd;
  background:#f0f6fe !important
}
.mockmainDv ul li {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  justify-content:space-between;
  width:100%;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid #e3eaf4
}
.mockmainDv ul li .image {
  width:80px;
  height:80px;
  background:#ffe29f;
  position:relative;
  overflow:hidden;
  border-radius:100%;
  margin-right:15px;
  display:flex;
  align-items:center;
  flex:0 0 auto
}
.mockmainDv ul li:before {
  display:none
}
.mockmainDv ul li .product_title a {
  color:#000;
  font-size:1rem; 
  font-weight:500
}
.mockmainDv .glAssessment {
  color:#f25a65!important;
  background:#c1010d1f;
  font-size:12px;
  line-height:12px;
  font-weight:500;
  text-transform:capitalize;
  padding:6px 12px 7px;
  letter-spacing:0;
  border-radius:12px;
  position:relative;
  top:0;
  left:0;
  margin:0 0 5px;
  display:inline-block
}
.mockmainDv .btn,
.mockmainDv .button,
.mockmainDv .pushbutton-wide,
.mockmainDv .wp-block-search__button,
.mockmainDv input[type=submit] {
  display:inline-block;
  align-items:center;
  justify-content:center;
  text-align:center;
  height:40px !important;
  line-height:28px !important;
  background:#00a0e3 !important;
  color:#f9f2d8;
  padding:0 15px;
  max-width:100%;
  font-size:15px;
  font-weight:600;
  border:0;
  outline:0;
  position:relative;
  border-radius:8px;
  cursor:pointer;
  white-space:nowrap;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  color:#fff !important;
  margin:0 3px 0 10px
}
.mockmainDv .cart_btn a {
  display:inline-block;
  padding:8px 20px;
  font-weight:400;
  color:#fff;
  background:#0073ba;
  font-size:.9rem;
  text-transform:capitalize; 
  border-radius: 32px;
}
.mockmainDv .quantity input {
  margin-bottom:0;
  background:0 0;
  color:#1d1d1d;
  font-size:15px;
  font-weight:400;
  height:38px;
  padding:0;
  padding:0 10px;
  width:70px;
  border:1px solid #ddd;
  border-radius:5px;
  text-align:center;
  background:#fff
}
.woocommerce-Price-amount.amount {
  font-weight:600;
  color:#000
}
.date_mock {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  text-align:center;
  line-height:normal;
  font-weight:900;
  font-size:22px
}
.date_mock span {
  font-weight:400;
  font-size:12px;
  letter-spacing:-.35px
}
.mockmainDv .price {
  width:100px;
  flex:0 0 auto
}
.outStoke {
  margin:0;
  font-size:14px;
  color:red !important
}
 
.mockmainDv .product_title {
  width:100%
}
.option_Dv {
  margin:0 18px 0 0;
  display:flex
}
.option_Dv select {
  padding:4px 10px;
  border:1px solid #ddd;
  background-color:#fff;
  font-size:13px;
  margin:0 10px 8px 0;
  width:90px;
  height:40px;
  background-size:10px
}
@media (max-width:991px) {
  .mockmainDv .tab-content>.tab-pane {
    display:block;
    opacity:1
  }
}
.mockmainDv .accordion-body {
  text-align:left;
  background:0 0;
  padding:0;
  padding-top:0;
  color:#fff;
  border-top:none
}
.accordion-body p.outStoke {
  color:red !important
}
.mockmainDv .accordion-item {
  background-color:transparent;
  border:none
}
.mockmainDv .products {
  margin:0 !important
}
.tabstyleee {
  margin:0!important
}
.mockmainDv ul.tabstyleee li {
  margin:0;
  padding:0;
  list-style:none;
  display:block;
  justify-content:space-between;
  width:100%;
  align-items:center;
  padding:0;
  border-bottom:1px solid #e3eaf4;
  flex-direction:column;
  width:100%;
  flex:0 0 auto
}
.mockmainDv .nav-tabs .nav-link {
  margin-bottom:0!important;
  background:0 0;
  border:1px solid transparent;
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem;
  width:100%;
  background:#fff;
  font-size:18px;
  text-align:left;
  color:#151515;
  padding:12px 24px;
  border-radius:0!important
}
.mockmainDv .nav-tabs .nav-item.show .nav-link,
.mockmainDv .nav-tabs .nav-link.active {
  color:#0073ba !important;
  background-color:#f0f6fe !important;
  border:1px solid #c8def9;
  border-right:none;
  margin:0 0 0 1px
}
.glAssessment {
  color:#f25a65 !important;
  background:#c1010d1f;
  font-size:12px;
  line-height:12px;
  font-weight:500;
  text-transform:capitalize;
  padding:6px 12px 7px;
  letter-spacing:0;
  border-radius:12px;
  position:relative;
  top:0;
  left:0;
  margin:0 0 5px;
  display:inline-block
}
td p.limited {
  margin:0;
  color:#fd8200!important
}
#no-more-tables {
  width:100%
}
ins {
  text-decoration:none
}
bdi {
  text-decoration:none
}
.carousel-item:before { 
  content:'';
  position:absolute;
  left:0;
  top:0; 
  width:100%;
  height:100%;
  z-index:1;
  background:#020024;
  background:linear-gradient(90deg,#0b150d 0,rgba(0,0,0,0) 100%);
}
 
#no-more-tables table select {
  height:40px!important;
  font-size:14px
}
#no-more-tables table .image {
  width:50px;
  height:50px;
  background:#ffe29f;
  position:relative;
  overflow:hidden;
  border-radius:4px;
  margin-right:0;
  display:flex;
  align-items:center;
  flex:0 0 auto
}
#no-more-tables table .date_mock p {
  display:flex;
  color:#19216b!important;
  flex-direction:column;
  justify-content:center;
  width:100%;
  text-align:center;
  line-height:normal;
  font-weight:500;
  font-size:14px
}
#no-more-tables table select {
  background-color:#fff
}
#no-more-tables table .products .product {
  flex-direction:unset
}
#no-more-tables table tr:nth-child(4) {
  border-top:2px solid #2944a1
}
#no-more-tables table tr:nth-child(4) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(5) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(6) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(10) {
  border-top:2px solid #2944a1
}
#no-more-tables table tr:nth-child(10) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(11) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(12) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(16) {
  border-top:2px solid #2944a1
}
#no-more-tables table tr:nth-child(16) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(17) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(18) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(22) {
  border-top:2px solid #2944a1
}
#no-more-tables table tr:nth-child(22) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(23) td {
  background-color:#fff!important
}
#no-more-tables table tr:nth-child(24) td {
  background-color:#fff!important
}
.mocks__footer {
  position:fixed;
  bottom:0;
  background:#0263e0;
  color:#fff;
  z-index:9;
  height:60px;
  line-height:60px;
  width:100%;
  margin:0 auto;
  text-align:center
}
.mocks__footer h2 {
  color:#fff;
  margin-bottom:0;
  text-decoration:none;
  line-height:60px;
  font-size:28px
}
.mocks__footer a {
  color:#fff;
  text-decoration:none
}
.mocks__footer a:hover {
  text-decoration:underline
}
.coupon-card {
  background:#fff;
  color:#171717;
  text-align:center;
  padding:12px 50px;
  border-radius:4px;
  box-shadow:0 10px 10px 0 rgba(0,0,0,.15);
  position:relative;
  margin-bottom:20px
}
.coupon-card h3 {
  font-size:18px;
  font-weight:600;
  margin-bottom:0;
  line-height:24px
}
.coupon-row {
  display:flex;
  align-items:center;
  margin:15px auto;
  width:fit-content
}
.circle1,
.circle2 {
  background:#f4f4f4;
  width:40px;
  height:40px;
  border-radius:50%;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.circle1 {
  left:-25px
}
.circle2 {
  right:-25px
}

.section_title h3 span
 {
    color: var(--main);
    position: relative;
    z-index: 1;
    background: rgba(2, 99, 224, .09);
   /*padding: 8px 14px;*/
    border-radius: 7px;
}

.text-center.title {
    background: rgba(2, 99, 224, .09);
    padding: 5px;
    border: 5px solid #ff3115;
}

@media only screen and (max-width:800px) {
  .mockmainDv p {
    font-size:13px!important
  }
  .mocks__footer {
    height:40px;
    line-height:40px;
    width:100%;
    margin:0 auto;
    text-align:center
  }
  .mocks__footer h2 {
    line-height:40px;
    font-size:16px
  }
  #no-more-tables table .date_mock p {
    font-weight:500;
    font-size:14px
  }
  #no-more-tables table .products .product {
    flex-direction:column
  }
  .mockmainDv.bg-light {
    padding:30px 0;
    border-radius:5px;
    overflow:hidden
  }
  .mockmainDv .tab-content {
    background:#fff;
    padding:3px;
    padding-top:0;
    border:none;
    border-radius:0;
    border:1px solid #f4f4f4;
    padding-top:10px!important
  }
  #no-more-tables table .d-flex {
    display:block!important
  }
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display:block
  }
  #no-more-tables thead tr {
    position:absolute;
    top:-9999px;
    left:-9999px
  }
  #no-more-tables tr {
    border:1px solid #ccc
  }
  #no-more-tables td {
    border:none;
    border-bottom:1px solid #eee;
    position:relative;
    padding-left:32%;
    white-space:normal;
    text-align:left
  }
  #no-more-tables td:before {
    position:absolute;
    top:6px;
    left:6px;
    width:32%;
    padding-right:5px;
    white-space:nowrap;
    text-align:left;
    font-size:14px;
    font-weight:400!important
  }
  #no-more-tables td:before {
    content:attr(data-title)
  }
  .top_margn .nav-pills .nav-link {
    margin:0
  }
}
.mockmainDv button.disnone {
  display:none
}
.clickhhere {
  text-decoration:underline;
  font-weight:600
}
.clickhhere:hover {
  text-decoration:none;
  font-weight:600;
  opacity:.6
}
.woofc-count {
  text-align:center;
  background-color:#0263e0;
  display:block;
  cursor:pointer;
  position:fixed;
  left:40px;
  bottom:40px;
  z-index:99999997;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow:rgba(0,0,0,.15) 0px 0px 20px;
  -webkit-box-shadow:rgba(0,0,0,.15) 0px 0px 20px;
  box-shadow:rgba(0,0,0,.15) 0px 0px 20px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  border:1px solid #fff
}
.woofc-count .badgage {
  position:absolute;
  top:-10px;
  right:-10px;
  height:30px;
  width:30px;
  font-size:12px;
  line-height:30px;
  text-align:center;
  background:#e94b35;
  color:#fff;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%
}
.woofc-count-shake {
  animation:woofc-shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  perspective:1000px
}
.woofc-count:hover {
  bottom:45px
}
@keyframes woofc-shake {
  10%,
  90% {
    transform:translate3d(-1px,0,0)
  }
  20%,
  80% {
    transform:translate3d(2px,0,0)
  }
  30%,
  50%,
  70% {
    transform:translate3d(-4px,0,0)
  }
  40%,
  60% {
    transform:translate3d(4px,0,0)
  }
}

.logos_partners {
	background: linear-gradient(151.71deg, #5F50E6 0%, #030B5D 100%) !important;
	padding: 36px 0; 
	position: relative; 
	min-height: 50vh; 
	display: flex;
	align-items: center;
}

.logos_partners:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/section-design-bg.png);
  content: '';
  background-position:center;
}


.logo_partner_item {
	/*! padding: 15px; */
	overflow: hidden;
	border-radius: 15px; 
	text-align: center;
	background: #fff; 
	margin: 10px;
	box-shadow: 6px 6px 0px 0px #ffc224;
}
.logo_partner_item .image{ 
	overflow: hidden;
	border-radius: 15px; 
	height: 100px; 
  /*! margin: 0 0 15px 0; */
}
.logo_partner_item .image img{ 
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.logo_partner_item h3 {
	font-size: 17px;  
	color: var(--secondry);
	margin: 0 0 11px 0;
	font-weight: 600;
	padding: 0 29px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.banner_mAin {
	position: relative;
	overflow: hidden;
}
.bg_curv{
  position: absolute;
  bottom: -2px; 
  left: 0;
  width: 100%; 
  z-index: 1;
}

.bg_curv img{   
  width: 101%;
}

.best_key_main{
  position: relative;
}
.imagewaveSr {
	margin: 0;
	transform: rotate(-180deg);
	position: absolute;
	top: -1px; 
}

img.img-fluid.upcoming {
    /*height: 200px !important;*/
}

ul#menu li {
  display:inline;
  list-style:none;
  color: #65b973;

}


img.imagegallery-result {
    height: 129px;
    width: 150px !important;
    padding: 0 !important;
}

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

      50% {
          opacity: 0;
      }

      100% {
          opacity: 1;
      }
  }
  .circular-blink {
      text-align: center;
      font-size: 24px;
      color: #ffffff;
      animation: blink .8s infinite;
      padding: 0 0 0 0;
  }
  .circular-blink h5 {
    font-size: 12px;
    text-align: left;
    line-height: normal;
    margin: 0 0 0 7px;
    padding: 0;
}

  .circular-scroll
  {
     padding: 9px 0 0 0;
  }



.float-button {
    text-decoration: none;
    position: fixed;
    padding: 0;
    bottom: 30px;
    right: 35px;
    background-color: #3dcf43;
    color: #fff;
    border-radius: 14px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    font-size: 29px; 
    display: flex;
    align-items: center;
    height: 50px; 
    width: 50px;
    text-align: center;
    justify-content: center;
    z-index: 999999;
}

a.circular_link {
    color: #fff;
}
.gragient1{
  background: linear-gradient(151.71deg, #29C986 0%, #2FC8E5 100%) !important;
}
.gragient2{
  background: linear-gradient(151.71deg, #FF652D 0%, #FFA426 100%) !important; 
}
.gragient3{
  background: linear-gradient(151.71deg, #30C4FF 0%, #7259FF 100%) !important; 
}
.gragient4{
  background: linear-gradient(151.71deg, #5F50E6 0%, #030B5D 100%) !important;
} 
.gragient5{
  background:linear-gradient(151.71deg, #D151FF 0%, #273C91 100%) !important;
}
.gragient6{
  background: linear-gradient(151.71deg, #900 0%, #FC0808 100%) !important;
} 
/***************************************************
 * Generated by SVG Artista on 2/5/2024, 11:02:36 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1599.733642578125px;
    stroke-dasharray: 1599.733642578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1599.733642578125px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1599.733642578125px;
    stroke-dasharray: 1599.733642578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1599.733642578125px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

.gragient2 .svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 347.0110778808594px;
    stroke-dasharray: 347.0110778808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 347.0110778808594px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 347.0110778808594px;
    stroke-dasharray: 347.0110778808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 347.0110778808594px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 738.83203125px;
    stroke-dasharray: 738.83203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 738.83203125px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 738.83203125px;
    stroke-dasharray: 738.83203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 738.83203125px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.gragient2  .svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 853.6495361328125px;
    stroke-dasharray: 853.6495361328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 853.6495361328125px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 853.6495361328125px;
    stroke-dasharray: 853.6495361328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 853.6495361328125px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 297.153076171875px;
    stroke-dasharray: 297.153076171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 297.153076171875px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 297.153076171875px;
    stroke-dasharray: 297.153076171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 297.153076171875px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .gragient2 .svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 347.0110778808594px;
    stroke-dasharray: 347.0110778808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 347.0110778808594px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 347.0110778808594px;
    stroke-dasharray: 347.0110778808594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 347.0110778808594px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 738.83203125px;
    stroke-dasharray: 738.83203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 738.83203125px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 738.83203125px;
    stroke-dasharray: 738.83203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 738.83203125px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 133.20216369628906px;
    stroke-dasharray: 133.20216369628906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 133.20216369628906px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 128.7432632446289px;
    stroke-dasharray: 128.7432632446289px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 128.7432632446289px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient2 .svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}


 

.featurs_item .bi-arrow-right-circle  {
	font-size: 37px;
	color: #fff;
}
/***************************************************
 * Generated by SVG Artista on 2/5/2024, 11:42:50 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 77.63999938964844px;
    stroke-dasharray: 77.63999938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.63999938964844px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 77.63999938964844px;
    stroke-dasharray: 77.63999938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.63999938964844px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 152.47000122070312px;
    stroke-dasharray: 152.47000122070312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.47000122070312px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 152.47000122070312px;
    stroke-dasharray: 152.47000122070312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.47000122070312px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1472.7733154296875px;
    stroke-dasharray: 1472.7733154296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1472.7733154296875px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1472.7733154296875px;
    stroke-dasharray: 1472.7733154296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1472.7733154296875px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 54.02000045776367px;
    stroke-dasharray: 54.02000045776367px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.02000045776367px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 54.02000045776367px;
    stroke-dasharray: 54.02000045776367px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.02000045776367px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 77.6500015258789px;
    stroke-dasharray: 77.6500015258789px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.6500015258789px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 77.6500015258789px;
    stroke-dasharray: 77.6500015258789px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 77.6500015258789px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 106.41000366210938px;
    stroke-dasharray: 106.41000366210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.41000366210938px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 106.41000366210938px;
    stroke-dasharray: 106.41000366210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 106.41000366210938px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 1432.6981201171875px;
    stroke-dasharray: 1432.6981201171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1432.6981201171875px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 1432.6981201171875px;
    stroke-dasharray: 1432.6981201171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1432.6981201171875px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 211.134765625px;
    stroke-dasharray: 211.134765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 211.134765625px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 211.134765625px;
    stroke-dasharray: 211.134765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 211.134765625px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}
.featurs_item svg {
	width: 140px!important;
	height: 100px!important; 
	margin: 8px 0 10px 0;
}

.featurs_item p{
  color: #fff;
  font-weight: 600;
}

.gragient3 svg path{
  stroke: #ffffff;
}



/***************************************************
 * Generated by SVG Artista on 2/5/2024, 12:37:45 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1337.3089599609375px;
    stroke-dasharray: 1337.3089599609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1337.3089599609375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1337.3089599609375px;
    stroke-dasharray: 1337.3089599609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1337.3089599609375px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

.gragient4 .svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1337.3089599609375px;
    stroke-dasharray: 1337.3089599609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1337.3089599609375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1337.3089599609375px;
    stroke-dasharray: 1337.3089599609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1337.3089599609375px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1311.26123046875px;
    stroke-dasharray: 1311.26123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1311.26123046875px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1311.26123046875px;
    stroke-dasharray: 1311.26123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1311.26123046875px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 1311.26123046875px;
    stroke-dasharray: 1311.26123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1311.26123046875px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 1311.26123046875px;
    stroke-dasharray: 1311.26123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1311.26123046875px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1722px;
    stroke-dasharray: 1722px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1722px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.gragient4 .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1090px;
    stroke-dasharray: 1090px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1090px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1090px;
    stroke-dasharray: 1090px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1090px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 0, 0);
  }
}

.gragient4 .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 1090px;
    stroke-dasharray: 1090px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1090px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 1090px;
    stroke-dasharray: 1090px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1090px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1149.4149169921875px;
    stroke-dasharray: 1149.4149169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1149.4149169921875px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1149.4149169921875px;
    stroke-dasharray: 1149.4149169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1149.4149169921875px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 1133.677978515625px;
    stroke-dasharray: 1133.677978515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1133.677978515625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 1133.677978515625px;
    stroke-dasharray: 1133.677978515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1133.677978515625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 547.6175537109375px;
    stroke-dasharray: 547.6175537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.6175537109375px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 547.6175537109375px;
    stroke-dasharray: 547.6175537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.6175537109375px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 547.6175537109375px;
    stroke-dasharray: 547.6175537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.6175537109375px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 547.6175537109375px;
    stroke-dasharray: 547.6175537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.6175537109375px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 73.86399841308594px;
    stroke-dasharray: 73.86399841308594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 73.86399841308594px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 73.86399841308594px;
    stroke-dasharray: 73.86399841308594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 73.86399841308594px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 238.66400146484375px;
    stroke-dasharray: 238.66400146484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.66400146484375px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.gragient4 .svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

.upcoming_mockList {
	padding: 0;
	position: relative;
	background: #ffc224; 
}

.wave-top-hero { 
	color: #ffc224;
	top: -63px;
	position: initial;
	position: absolute;
	left: 0;
	width: 100%;
}

.nav-folderized .nav h5{
  color: #fff;
  font-weight: 600;
  font-size: 18px; 
  margin-bottom: 20px;
}

.card_itm {
	background: #fff;
	padding: 25px;
	border-radius: 20px;
}
.card_itm .image {
	height: 250px;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 24px;
}

.card_itm .description a {
	padding: 0 30px;
	border-radius: 60px;
	height: 42px;
	background: var(--main);
	line-height: 40px;
	box-shadow: 4px 6px 0px 0px #dadeec;
	font-weight: 500;
	color: #fff;
  transition: 0.2s;
	display: inline-block;
}
.card_itm .description a:hover {
  box-shadow: none;
  transition: 0.2s;
}

.mocks__footer {
	position: fixed;
	bottom: 0;
	background: #0263e0;
	color: #fff;
	z-index: 9;
	height: 60px;
	line-height: 60px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.mocks__footer h2 {
	color: #fff;
	margin-bottom: 0;
	text-decoration: none;
	line-height: 60px;
	font-size: 28px;
}
.mocks__footer a {
	color: #fff; 
	font-family: Exo;
	font-weight: 700;
	text-decoration: underline;
  transition: 0.3s;
}

.mocks__footer a:hover{ 
  transition: 0.3s;
  color: #ffc224;
}
 
.fb_bg {
	background: #4093FF !important;
} 
.insta_bg {
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ) !important;
    
} 


.tw_bg {
	background: #4093FF !important;
}


.yt_bg {
  background: #FF0000 !important;
}

.my-donate-icon::before {
  font-family: "Bootstrap-icons";
  content: "\F128";
}

.viewbtnn a {
	font-size: 20px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.upcoming_mock_main{
  padding: 50px 50px 50px 0; 
}

.item_listMAin.mockmainDv .products{
  padding: 0; 
  margin: 26px 0 0 0 !important;
}

.item_listMAin.mockmainDv ul li {
	border: none;
	border-radius: 10px;
	margin: 0 0 10px 0;
	background: #fff;
	padding: 16px 25px;
}

.item_listMAin.mockmainDv .product_title {
	width: 45%;
}


.btn_yelowblue {
  padding:0 30px;
  border-radius:60px;
  height:50px;
  background:var(--main);
  line-height:47px;
  box-shadow:4px 6px 0px 0px #8fa4fb;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  margin-top: 31px;
  transition: 0.3s;
}
.btn_yelowblue:hover{  
  background:#171a7a; 
  color: #fff;
  box-shadow:none;
}

.key_fact {
	padding: 60px 0;
	background: url(../images/banner_bg.webp); 
	overflow: hidden;
}
  
.key_itemm {
	padding: 20px; 
	text-align: center;
	margin: 10px;
}

.key_itemm h3 {
	font-family: Exo;
	font-weight: 900;
}

.key_itemm p {
	font-family: Exo;
	font-weight: 600;
	font-size: 18px;
	color: #000;
	line-height: normal;
}

.key_itemm img {
	width: 75px;
	margin: 0 0 10px 0;
}

.calltoaction_main{
  padding: 50px 0; 
  position: relative;  
  background: #fff; 
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: left; 
}


.homepage_review {
	padding: 80px 0;
	background: #ff1515e0;
}
.homepage_review .quote_item {
	text-align: left;
	padding:30px;
	position: relative;
	margin: 10px;
	display: block;
	background: #fff;
  border-radius: 10px;
}

.homepage_review .quote_item h5 {
	font-size: 16px; 
	white-space: nowrap;
	font-weight: 900;
	font-family: Exo;
	overflow: hidden; 
	text-overflow: ellipsis;
}

.homepage_review .quote_item p {
	font-weight: 500;
	font-size: 15px;
	color: #506279;  
	line-height: 23px;
	-webkit-line-clamp: 5;
	font-family: Exo;
	font-style: normal;
	margin-bottom: 3px;
}

.homepage_review .quote_item::before {
	position: absolute;
	/*content: '\F6B0';*/
	right: -5%;
	top: -34px;
  left: auto;
	color: #ffc224;
	font-size: 58px;
	transform: translateX(-50%);
	font-family: bootstrap-icons !important;
}
.homepage_review .t_sig .image {
	width: 45px;
	height: 45px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 9px;
	box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,transparent 0 .125em .5em,rgba(255,255,255,.1) 0 0 0 1px inset;
	border: none;
}

.homepage_review .t_sig {
	display: flex;
	text-align: left;
	align-items: center;
	justify-content: inherit;
}

.homepage_review .t_sig p { 
	line-height: normal; 
	margin: 0;
}

.homepage_review .rating { 
	margin: 0 0 5px; 
}
.homepage_review .rating i {
	margin: 0 6px 0 0;
	text-shadow: none;
}

.calltoaction_main h3{
  font-weight: 800;
  color: var(--heading_color);
  font-size: 30px;  
  font-family: Exo;
}
.img_video video{
  width: 100%;
  height: 100%;
  border-radius: 10px; 
  margin-bottom: 50px;
  /*! box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.37); */ 
  background: #242ea1;
}

.img_video {
	position: relative;
	z-index: 1;
}

.img_video::before{
	position: absolute;
  left: 262px; 
  top: -149px; 
  width: 23vh;  
  content: '';
  height: 82vh;
  background: #ffc224;
	border-radius: 500px;
	transform: rotate(-43deg);
	z-index: -1;
}

.proceed1 {
  text-align: center;
  font-size: 25px;
  color: #65b973;
  font-weight: bold;
}

/* Modals
----------------------------------------------*/


.img_video [data-ml-modal] {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	z-index:999;
	width:0;
	height:0;
	opacity:0;
}
.img_video [data-ml-modal]:target {
	width:auto;
	height:auto;
	opacity:1;
	-webkit-transition:  opacity 1s ease;
	transition: opacity 1s ease;
}
.img_video [data-ml-modal]:target .modal-overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:1;
}
.img_video [data-ml-modal] .modal-dialog {
	border-radius:6px;
	box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
	position:relative;
	width: 90%;
	max-width:660px;
	max-height:70%;
	margin:10% auto;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:2;
}
.img_video .modal-dialog-lg {max-width:920px !important;}

.img_video [data-ml-modal] .modal-dialog > h3 {
	background-color:#eee;
	border-bottom:1px solid #b3b3b3;
	font-size:24px;
	font-weight: 400;
	margin:0;
	padding:0.8em 56px .8em 27px; 
}
.img_video [data-ml-modal] .modal-content {background:#fff; padding:0;border: none;border-radius: 15px;}
.img_video [data-ml-modal] .modal-close {
  	position:absolute;
	top:13px;
	right:13px; 
	color:#0085a6;
	background-color:#fff;
	border-radius:50%;
	height:40px;
	width:40px;
	font-size:30px;
	line-height:37px;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.img_video [data-ml-modal] .modal-close:hover {background-color:#0085a6; color:#fff; cursor:pointer;}
.img_video [data-ml-modal] p:first-child, [data-ml-modal] p:last-child {margin:0;}
@media (max-width:767px) {
	[data-ml-modal] .modal-dialog {margin:20% auto;}
}
/* End Modals ------------------------------*/

.upcoming_mockkimnggg {
	height: 100%;
	object-fit: cover;

  img.imagegallery-result {
    height: 100%;
    width: 100% !important;
    padding: 0 !important;
}
}
button.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff;
    opacity: 1;
    width: 36px;
    border-radius: 100%;
    height: 36px;
}
.form_mainn{
  padding: 30px;
}
.form-group {
    margin-bottom: 10px;
}

.radius-10{
  border-radius: 20px;
}

.bg1 {
    background-image: url("../images/cover.webp");
    background-size: cover;
    background-attachment: fixed;
}

.counter-desc.color {
    color: 000;
}

.logo_analysis.academic_excellence {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
}

marquee ul{
  margin: 0;
}

.fixed {
    background: #2d4689!important;
}


  .link-list {
            list-style: none;
            padding: 10px 0 0 0;
            margin: 0px 0px 0px 27px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }
        
.py-5 {
    padding-top: 0rem !important;
}

.link-list li {
    flex: 0 0 auto;
    min-width: auto;
}
        
        .link-list.row-bottom li {
            flex: 0 0 calc(25% - 15px);
        }
        
        .link-list li a {
            background-color: #004a99;
            color: white;
            border: none;
            padding: 15px 25px;
            font-weight: bold;
            font-size: 1rem;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            transition: all 0.3s ease;
            text-decoration: none;
            width: 100%;
            height: 100%;
        }
        
        .link-list li a:hover {
            background-color: #003d7a;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        
        .link-list li a i {
            font-size: 1.2rem;
        }
        
        @media (max-width: 992px) {
            .link-list li {
                flex: 0 0 calc(33.333% - 15px);
            }
            
            .link-list.row-bottom li {
                flex: 0 0 calc(50% - 15px);
            }
        }
        
        @media (max-width: 768px) {
           
            
            .link-list li,
            .link-list.row-bottom li {
                flex: 0 0 100%;
            }
            
            .link-list li a {
                font-size: 0.85rem;
                padding: 12px 15px;
            }
        }
.stat-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stat-icon i {
    font-size: 80px;
    color: #ff4500;
}

section.everyindustry_main.facilities {
    background-color: #002749;
}


       .main-title {
            text-align: center;
            color: white;
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 50px;
        }

        .facility-card {
            background: white;
            padding: 25px;
            margin-bottom: 20px;
            border-radius: 5px;
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }

        .facility-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        .facility-icon {
            font-size: 40px;
            color: #6c757d;
            flex-shrink: 0;
        }

        .facility-content {
            flex: 1;
        }

        .facility-title {
            font-size: 1.25rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .facility-description {
            color: #555;
            font-size: 0.95rem;
            line-height: 1.6;
            margin: 0;
        }

        .view-less-btn {
            background-color: #f39c12;
            color: white;
            border: none;
            padding: 12px 40px;
            font-size: 1rem;
            font-weight: bold;
            text-transform: uppercase;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: block;
            margin: 40px auto 0;
        }

        .view-less-btn:hover {
            background-color: #e67e22;
            transform: scale(1.05);
        }
/*
        .navbar {
            background-color: #002147;
            padding: 15px 0;
            margin-bottom: 0;
        }

        .navbar a {
            color: white !important;
            font-weight: 500;
            padding: 8px 15px;
            text-decoration: none;
        }

        .navbar a:hover {
            color: #f39c12 !important;
        }
*/
        @media (max-width: 768px) {
            .main-title {
                font-size: 2rem;
            }

            .facility-card {
                flex-direction: column;
                text-align: center;
            }

            .facility-icon {
                margin: 0 auto;
            }
        }

div#gallery {
    max-width: 800px;
    margin: 0 auto;
}


.gallery-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .gallery-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .gallery-title {
            color: white;
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }

        .gallery-description {
            color: white;
            font-size: 1.1rem;
            line-height: 1.8;
            max-width: 900px;
            margin: 0 auto;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 10px;
            margin-bottom: 40px;
        }

        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            aspect-ratio: 4/3;
        }

        .gallery-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
           /* object-fit: cover;*/
            transition: transform 0.3s ease;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .gallery-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: flex-end;
            padding: 20px;
        }

        .gallery-item:hover .gallery-overlay {
            opacity: 1;
        }

        .gallery-caption {
            color: white;
            font-size: 1rem;
            font-weight: 600;
        }

        /* Popup Modal Styles */
        .popup-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .popup-modal.active {
            display: flex;
        }

        .popup-content {
            position: relative;
            max-width: 90%;
            max-height: 90vh;
            animation: zoomIn 0.3s ease;
        }

        @keyframes zoomIn {
            from {
                transform: scale(0.8);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }

        .popup-image {
            max-width: 100%;
            max-height: 90vh;
            object-fit: contain;
            border-radius: 10px;
            box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
        }

        .popup-close {
            position: absolute;
            top: -40px;
            right: 0;
            background: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            color: #333;
        }

        .popup-close:hover {
            background: #f44336;
            color: white;
            transform: rotate(90deg);
        }

        .popup-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255, 255, 255, 0.9);
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            color: #333;
        }

        .popup-nav:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
        }

        .popup-prev {
            left: -60px;
        }

        .popup-next {
            right: -60px;
        }

        .popup-counter {
            position: absolute;
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: 1rem;
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .gallery-title {
                font-size: 1.8rem;
            }

            .gallery-description {
                font-size: 0.95rem;
            }

            .gallery-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1px));
                gap: 15px;
            }

            .popup-nav {
                width: 40px;
                height: 40px;
                font-size: 20px;
            }

            .popup-prev {
                left: -50px;
            }

            .popup-next {
                right: -50px;
            }
        }

        @media (max-width: 576px) {
            .popup-prev {
                left: 10px;
            }

            .popup-next {
                right: 10px;
            }

            .popup-close {
                top: 10px;
                right: 10px;
            }
        }



/*404 PAGE STARTED*/


 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Animated Background */
        .background-animation {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 0;
        }

        .circle {
            position: absolute;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            animation: float 20s infinite;
        }

        .circle:nth-child(1) {
            width: 80px;
            height: 80px;
            top: 10%;
            left: 10%;
            animation-delay: 0s;
        }

        .circle:nth-child(2) {
            width: 120px;
            height: 120px;
            top: 70%;
            left: 80%;
            animation-delay: 2s;
        }

        .circle:nth-child(3) {
            width: 60px;
            height: 60px;
            top: 40%;
            left: 70%;
            animation-delay: 4s;
        }

        .circle:nth-child(4) {
            width: 100px;
            height: 100px;
            top: 80%;
            left: 20%;
            animation-delay: 6s;
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0) rotate(0deg);
                opacity: 0.3;
            }
            50% {
                transform: translateY(-100px) rotate(180deg);
                opacity: 0.7;
            }
        }

        /* Main Container */
        .error-container {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 40px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 30px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            max-width: 600px;
            width: 90%;
            animation: slideUp 0.8s ease-out;
            margin: 0 auto;
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 404 Number Animation */
        .error-code {
            font-size: 150px;
            font-weight: bold;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
            margin-bottom: 20px;
            animation: glitch 3s infinite;
            position: relative;
        }

        @keyframes glitch {
            0%, 90%, 100% {
                transform: translate(0);
            }
            92% {
                transform: translate(-2px, 2px);
            }
            94% {
                transform: translate(2px, -2px);
            }
            96% {
                transform: translate(-2px, -2px);
            }
            98% {
                transform: translate(2px, 2px);
            }
        }

        /* Emoji/Icon Animation */
        .error-icon {
            font-size: 100px;
            margin-bottom: 20px;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-20px);
            }
            60% {
                transform: translateY(-10px);
            }
        }

        .error-title {
            font-size: 2.5rem;
            font-weight: bold;
            color: #1f2937;
            margin-bottom: 15px;
        }

        .error-message {
            font-size: 1.1rem;
            color: #6b7280;
            margin-bottom: 30px;
            line-height: 1.6;
        }


        /* Quick Links */
        .quick-links {
            margin-top: 30px;
            padding-top: 30px;
            border-top: 2px solid #e5e7eb;
        }

        .quick-links h4 {
            font-size: 1.1rem;
            color: #1f2937;
            margin-bottom: 15px;
        }

        .links-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .error-code {
                font-size: 100px;
            }

            .error-icon {
                font-size: 70px;
            }

            .error-title {
                font-size: 1.8rem;
            }

            .error-message {
                font-size: 1rem;
            }

            .button-group {
                flex-direction: column;
            }

            .btn {
                width: 100%;
                justify-content: center;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }
        }

        /* Floating Elements */
        .floating-elements {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .float-icon {
            position: absolute;
            font-size: 30px;
            opacity: 0.2;
            animation: floatRandom 15s infinite;
        }

        .float-icon:nth-child(1) {
            top: 15%;
            left: 15%;
            animation-delay: 0s;
        }

        .float-icon:nth-child(2) {
            top: 25%;
            right: 20%;
            animation-delay: 2s;
        }

        .float-icon:nth-child(3) {
            bottom: 20%;
            left: 25%;
            animation-delay: 4s;
        }

        .float-icon:nth-child(4) {
            bottom: 30%;
            right: 15%;
            animation-delay: 6s;
        }

        @keyframes floatRandom {
            0%, 100% {
                transform: translate(0, 0) rotate(0deg);
            }
            25% {
                transform: translate(20px, -20px) rotate(90deg);
            }
            50% {
                transform: translate(-15px, 15px) rotate(180deg);
            }
            75% {
                transform: translate(15px, 10px) rotate(270deg);
            }
        }
        
        
        
        /*404 PAGE END*/