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

body {
  color: #fff;
  font-family: 'Poppins-Regular', sans-serif;
  overflow-x: hidden;
}

@font-face {
  font-family: "Chalk";
  src: url("../fonts/Chalk-Regular.ttf");
  font-weight: bold;
}

@font-face {
  font-family: "Spezia-Sans-content";
  src: url("../fonts/Spezia-Sans-Book.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Spezia-Serif-Title";
  src: url("../fonts/Spezia\ Serif\ Regular\ B.ttf");
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Spezia-Serif-Title;
}

button {
  font-family: Spezia-Serif-Title;
}

p,
li,
a {
  font-family: Spezia-Sans-content;
}

input,
textarea,
select {
  font-family: Spezia-Sans-content;
}

/* header */
.mbutton2 {
  color: #fff;
  background-color: #3aa1ff;
  border-color: #3aa1ff;
}

.mbutton2:hover {
  color: white;
  background-color: #3aa1ff;
  border-color: #ffffff;
}


.mbutton:hover {
  border-color: #ffffff !important;
}

.navbar .megamenu {
  padding: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0 !important;
}

.dropdown-item {
  color: #ffffff;
}

.dropdown-item:hover {
  color: #00acee;
  background-color: transparent;
  /* text-decoration: 2px underline wavy #00acee; */
  text-underline-offset: 4px;

}

li>.active-nav {
  color: #f5ad2a;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }

  .mbutton {
    border-color: #f5ad2a !important;
    margin-left: 10px;
    background-color: transparent;
  }

}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {

  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }

  .mbutton {
    border-color: #f5ad2a !important;
    background-color: transparent;
  }
}

/* ============ mobile view .end// ============ */
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 !important;
}

.nav-link:hover {
  color: #f5ad2a;
}

.dropdown-toggle::after {
  display: none;

}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.del {
  margin-right: 5px;
  display: inline-block;
  cursor: pointer;
  color: white;
  position: relative;
  width: 22px;

}

.astext {
  display: inline-block;

}

.btn-outline-warning:hover {
  background-color: transparent !important;
  color: #f5ad2a;
}

.navbar-dark .navbar-nav .nav-link {
  /* padding-left: 3em; */
  transition: height 0.3s ease-in-out;
  transition-delay: 0.9s;
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #f5ad2a;
}

.rounded {
  border-radius: 1.25rem !important;
}

.fa-star {
  font-size: 24px;
}

#menu {
  width: 75px;
  height: 75px;
}

.dropdown-menu:hover {
  transition: height 0.3s ease-in-out;
  transition-delay: 0.9s;
}

.navbar {
  margin-bottom: 0;
}

.megamenu {
  background: #002660e3;

}

.menu-icons {
  background-color: #4587da;
  border-radius: 50%;
  display: inline-grid !important;
  padding: 15px;

}


.menu-icons2 {
  background-color: #4587da;
  border-radius: 50%;
  display: inline-grid !important;
  padding: 15px;

}

.hover1 {
  padding: 1.4rem;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.hover1:hover {
  background: #3aa1ff;
}

.hover1:hover .menu-icons {
  background: #002660e3;


}

.hover1:hover .menu-icons:after {
  position: absolute;
  width: 33px;
  height: 33px;
  border-top: 0px solid #3aa1ff;
  border-right: 2px solid #3aa1ff;
  border-bottom: 2px solid #3aa1ff;
  border-left: 0px solid #3aa1ff;
  top: 100%;
  left: 50%;
  margin-left: -18px;
  content: '';
  transform: rotate(45deg);
  margin-top: 33px;
  background: #3aa1ff;
}

.submenu {
  padding-top: 12px;
  text-align: center;
  color: white;
  font-size: 12pt;
  font-weight: 500;
  display: none;
  background-color: #003D87;
}

.submenu>div {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.submenu>div>a {
  line-height: normal;
  text-decoration: none;
  color: white;
}

.submenu-item {
  background-color: #003D87;
  border-bottom: 1px solid #002760;

}

.submenu-item:hover {
  background-color: #002760;
}

.my:hover>.submenu {
  display: block;
}

.my:hover .hover1 {
  background: #3aa1ff;
}

.my:hover .menu-icons:after {
  position: absolute;
  width: 33px;
  height: 33px;
  border-top: 0px solid #3aa1ff;
  border-right: 2px solid #3aa1ff;
  border-bottom: 2px solid #3aa1ff;
  border-left: 0px solid #3aa1ff;
  top: 100%;
  left: 50%;
  margin-left: -18px;
  content: '';
  transform: rotate(45deg);
  margin-top: 33px;
  background: #3aa1ff;
}

.my:hover .menu-icons {
  background: #002660e3;
}


.my:hover .menu-icons2 {
  background: #002660e3;
}

.nav-head {
  color: #ffffff;
}

.nav-head:hover {
  color: #f5ad2a;
}

.single-logo {
  /* -webkit-filter: sepia(100%) saturate(492%) hue-rotate(186deg); */
  /* -webkit-filter: grayscale(100%); */
  -webkit-transition: .5s ease-in-out;
  /* -moz-filter: grayscale(100%); */
  -moz-transition: .5s ease-in-out;
  /* -o-filter: grayscale(100%); */
  -o-transition: .5s ease-in-out;
}

.single-logo:hover {
  /* -webkit-filter: grayscale(0%); */
  -webkit-transition: .5s ease-in-out;
  /* -moz-filter: grayscale(0%); */
  -moz-transition: .5s ease-in-out;
  /* -o-filter: grayscale(0%); */
  -o-transition: .5s ease-in-out;
}

.outlineBtn {
  background-color: transparent;
  border-radius: 14px;
  border: white solid 2px;
  color: white;
  font-weight: 500;
  font-size: 1.25rem;
  width: 213px;
  height: 66px;
  margin: 5px;
  line-height: 49px;
  -webkit-transition: 0.3s;
  /* Safari */
  transition: 0.3s;

}

.outlineBtn:hover {
  color: #013C86;
  background-color: #ffffff;
  transform: translate(0, -10px);
}

.orangeBtn {
  background-color: #F5AD2A;
  border-radius: 14px;
  color: white;
  font-weight: 500;
  font-size: 1.25rem;
  min-width: 213px;
  max-width: 100%;
  height: 66px;
  margin: 5px;
  line-height: 49px;
  -webkit-transition: 0.3s;
  /* Safari */
  transition: 0.3s;
}

.orangeBtn:hover {
  color: white;
  transform: translate(0, -10px);
}

.blueBtn {
  border-radius: 14px;
  background-color: #3aa1ff;
  border-color: #3aa1ff;
  color: white;
  font-weight: 500;
  font-size: 1.25rem;
  width: 213px;
  max-width: 100%;
  height: 66px;
  margin: 5px;
  line-height: 49px;
  -webkit-transition: 0.3s;
  /* Safari */
  transition: 0.3s;
}

.blueBtn:hover {
  color: white;
  transform: translate(0, -10px);
}

.searchBtn {
  border-radius: 8px;
  background-color: #F5AD2A;
  color: white;
  font-weight: 700;
  font-size: 16px;
  min-width: 213px;
  max-width: 100%;
  line-height: 49px;
}

.searchBtn:hover {
  color: white;
  background-color: #f57e1f;
}

.input-group>.form-control,
.input-group>.form-select {
  border-radius: 8px;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.cta {
  
  /* background: url(../img/solutions/cgpa/cta.svg)no-repeat; */
  background-color: #002760;
  width: 100%;
  background-position: center bottom;
  height: 500px;
}
@media only screen and (min-width: 1500px) {
  .cta {
    height: 500px;
  }
}
@media only screen and (max-width: 600px) {
  .cta {
    background: url(../img/solutions/cgpa/cta.svg)no-repeat;
    background-color: #002760;
    width: 100%;
    background-position: center bottom;
    height: 650px;
  }
}
 

.box-area {
  padding: 30px;
  position: relative;
  display: block;
  background: #ffffff;
  color: #0072c9;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 40px 0;
  min-height: 375px;
}

.box-area h5 {
  font-size: 16px;
  font-weight: bold;
  color: #0072c9;
  margin-top: 40px;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.box-area span {
  color: #f5ad2a;
  display: block;
  font-size: 13px;
  margin: 0 0 10px;
  font-weight: 400;
}

.box-area .content {
  margin-top: 15px;
  color: #000;
}

.box-area .img-area {
  width: 90px;
  height: 90px;
  position: absolute;
  top: -40px;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  right: 0;
  z-index: 1;
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
}

.box-area .img-area img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.socials {
  position: absolute;
  bottom: 27px;
  left: 95px;
}

.socials i {
  margin: 0 10px;
  color: #0a69ed;
  font-size: 18px;
}

#testimonial_area .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

#testimonial_area .owl-prev,
#testimonial_area .owl-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #0a69ed;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  position: absolute;
}

#testimonial_area .owl-prev {
  left: -60px;
  top: -30px;
}

#testimonial_area .owl-next {
  right: -60px;
  top: -30px;
}

@media only screen and (max-width: 991px) {
  .owl-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .box-area {
    text-align: center;
  }

  .owl-nav {
    display: none;
  }
}


#col-carousel {

  background: rgb(4, 55, 100);
  /* margin-top: 5%; */
}


.brand-carousel {
  background: rgba(4, 56, 100, 0.289);
  margin-top: 15%;
}

.owl-dots {
  text-align: center;
  margin-top: 1%;
}

.owl-dot {
  display: inline-block;
  height: 15px !important;
  width: 15px !important;
  background-color: #878787 !important;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 5px;
}

.owl-dot.active {
  background-color: rgb(255, 255, 255) !important;
}

.single-logo {
  width: 90px;
}

.owl-item .cloned {
  width: 0px !important;
  margin-right: 30px !important;
}

#testimonial_area {
  padding: 10% 0;
}

.socials {
  margin-top: 30px;
}

.socials i {
  margin: 0 10px;
  color: #0a69ed;
  font-size: 18px;
}

#testimonial_area .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

#testimonial_area .owl-prev,
#testimonial_area .owl-next {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #0a69ed;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  position: absolute;
}

#testimonial_area .owl-prev {
  left: -60px;
  top: -30px;
}

#testimonial_area .owl-next {
  right: -60px;
  top: -30px;
}

@media only screen and (max-width: 991px) {
  .owl-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .box-area {
    text-align: center;
  }

  .owl-nav {
    display: none;
  }
}


#col-carousel {

  background: rgba(4, 56, 100, 0.289);
  /* margin-top: 5%; */
}

.section-padding {
  padding: 60px 0;
}

.brand-carousel {
  background: rgba(4, 56, 100, 0.289);
  margin-top: 15%;
}

.owl-dots {
  text-align: center;
  margin-top: 1%;
}

.owl-dot {
  display: inline-block;
  height: 15px !important;
  width: 15px !important;
  background-color: #878787 !important;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 5px;
}

.owl-dot.active {
  background-color: rgb(255, 255, 255) !important;
}


.owl-item .cloned {
  width: 0px !important;
  margin-right: 50px !important;
}

/************************
 Home page 
 ***********************/

.home-hero {
  /* height: 100vh; */
  background: rgb(0, 61, 135);
  background: linear-gradient(180deg, rgba(0, 61, 135, 1) 0%, rgba(0, 61, 135, 1) 8%, rgba(0, 114, 200, 1) 41%, rgba(0, 114, 200, 1) 53%, rgba(0, 114, 200, 1) 62%, rgba(0, 61, 135, 1) 90%, rgba(0, 61, 135, 1) 100%);
  /* background: rgb(58,161,255);
  background: radial-gradient(circle, rgba(58,161,255,0.9262298669467787) 0%, rgba(0,39,96,1) 100%); */
}

.home-1 {
 
  background-size: cover;
  background-position: top;
  background: url(../img/home/home-banner.png), no-repeat
}


/* Video home page
.banner {
  position: relative;
  padding-bottom: 56.2%;
  width: 100%;
  overflow: hidden;
}

.videoembed {
  position: absolute;
  top: 0;
  z-index: -99;
  width: 100%;
  height: 85%;
} */
.video-container {
  /* position: relative; */

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.video-container iframe {
  position: relative;
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 78%;
  height: 89%;
}
.video-you {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.home-2 {
  background-color: #EDF2F4;
}

.home-3 {
  background-color: #EDF2F4;
}

.section404 {
  background-image: url(../img/404-new.png);
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 85vh;
 
}
@media screen and (max-width: 600px) {
  .section404 {
      height: 80vh;
      background-blend-mode: multiply;
      background-color: #002660f0;
  }
  #book-demo{
    height: 80vh;
    background-blend-mode: multiply;
    background-color: #002660f0;
}
}


.home-tes {
  background-position: center;
  background: #D6E8F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #D6E8F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #D6E8F4, #EDF2F4);
}

.tes-img {
  /*background: url(../img/home/home-bg-5.svg);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* End Home page */

/* Footer */

.footer_title {
  font-size: 17px;
  color: #f57e20;
}

.footer_link {
  text-decoration: none;
  font-size: 15px;
  line-height: normal;
  font-weight: bold;

}

.footer_link:hover {
  color: #f57e20 !important;
  transition: all .5s ease-in-out;
}


.footer_lead {
  padding-bottom: 10px;

  font-weight: bold;
  line-height: normal;
  margin-bottom: .5rem !important;
}

.btn-icon {
  margin: 10px;
  display: inline !important;
}

.fab:hover {
  border: none;
  border-radius: 100%;
  transition: all .5s ease-in-out;
}

.fab {
  padding: 8px;
  font-size: 20px;
  width: 40px;
  height: 40px; 
  text-align: center;
  justify-content: center;
  text-decoration: none;
  margin: 5px 1px;
  border-radius: 100%;
  border: solid white;
  background-color: transparent;
}

.fa-facebook-f:hover {
  background-color: #3b5998;
  border: solid #3b5998;

}

.fa-instagram:hover {
  background-color: #E1306C;
  border: solid #E1306C;

}

.fa-twitter:hover {
  background-color: #00acee;
  border: solid #00acee;

}

.fa-linkedin:hover {
  background-color: #0072b1;
  border: solid #0072b1;

}

.fa-youtube:hover {
  background-color: #FF0000;
  border: solid #FF0000;

}

.fa-telegram:hover {
  background-color: #0088cc;
  border: solid #0088cc;

}

/* .social-icons-circle  {
      display: inline-block;
      padding: 20px 0px 0px;
  } */
/*
  .social-icons-circle i {
      background: black;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: all .5s ease-in-out;
    
     
    } */

li::marker {
  color: #f5ad2a;
  font-size: 1.5em;
}

.moving_animation {
  animation: moving_object 6s infinite linear;
}

@keyframes moving_object {
  0% {
    transform: translateY(0);
  }

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

  100% {
    transform: translateY(0);
  }
}

/* Cal Card Img */
.card-img {
  width: 400px;
  height: 400px;
}

.card-img-cgpa {
  width: 500px;
  min-height: 400px;

}

/* book a demo */
#book-demo {
  height: 90vh;
  background-image: url(../img/book-demo-bg.png);
  background-color: #002660f0;
  background-size: cover;
  background-position: top -1px right;
  background-repeat: no-repeat;
}

#book-demo-text {
  padding-top: 10rem;
}

.book-section {
  background: #ABD6F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ABD6F4, #C3E1F4, #E7EFF5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ABD6F4, #C3E1F4, #E7EFF5);
}

.book-section-covid {
  background: #ABD6F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #ABD6F4, #C3E1F4, #E7EFF5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #ABD6F4, #C3E1F4, #E7EFF5);
}

.request-card {
  background: #ABD6F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #D6E8F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #D6E8F4, #EDF2F4);
}

.border-primary {
  border-color: #0067bb !important;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none;
}

/* snake bar after click the send butten */
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #0067bb;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 90%;
  top: 30px;
  font-size: 17px;

}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 30px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 30px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

/* term and condition */
.tooltip1 {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip1 .tooltiptext {
  font-size: 12px;
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: start;
  border-radius: 6px;
  padding: 15px;
   cursor: default;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 20%;
  margin-left: -60px;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}


/*
Responsive menu
*/

.spacer{
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {

  #MobileMenu {
 
      display:block;
 
  }

  .dropdown-menu {
    background-color:#0067bb !important;
    border: 1px solid #002b6b;
  }
  .dropdown-item:hover {
    color: #f5ad2a !important;}
    
  #LargerMenu {
 
    display:none;

}

 
 }
 
 @media screen and (min-width: 768px) {
 
  #MobileMenu {
 
      display:none;
 
  }
   #LargerMenu {
 
      display:block;
 
  }
 }

 .twitter-icon{ 
  content: url("../img/twitterx-default.png");
 }

 .twitter-icon:hover{ 
  content: url("../img/twitterx-hover.png");
 }