@import './variables.css';
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100');
 html {
	 font-size: 12px;
}
 @media (min-width: 992px) {
	 html {
		 font-size: 16px;
	}
}



 body {
	 font-family: "Montserrat", sans-serif;
}
 body section {
	 padding: 3.125rem 0;
}
 body section:first-child {
	 padding-top: 6.25rem;
}
 body section .section-header {
	 text-align: center;
	 display: grid;
	 margin-bottom: 3rem;
}
 body section .section-header .title {
	 font-size: 1.5rem;
	 color: var(--bs-primary);
	 font-weight: bold;
}
 body section .section-header .sub-title {
	 font-size: 2.5rem;
	 color: var(--black);
	 font-weight: bold;
}
 body section {
	 padding: 3.125rem 0;
}
 @media (min-width: 992px) {
	 body section {
		 padding: 6.25rem 0;
	}
}
 .home-page-banner {
	/* background-image: url(../img/hero-hedder-animation.svg);
	 */
	 background-repeat: no-repeat;
	 background-position: top right;
	 background-size: auto;
}
/* padding: 1rem 0;
 */
 @media (min-width: 992px) {
	 .home-page-banner {
		 padding: 3rem 0;
	}
	 .hero-header-animation {
		border-radius: 0px 120px  0 120px ;
		 /* height: 480px; */
		 /* width: 37.5rem; */
		 transition: 0.5s ease-in;
	}
}

@keyframes fadeInUp {
	0% {
	  transform: translateY(100%);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0%);
	  opacity: 1;
	}
  }
  
  .fadeInUp-animation {
	animation: 1.0s fadeInUp;
  }

.founder-img{
	border-radius: 0 40px 0 40px;
}
.main-banner-img{
height: 110px !important;
}
 .navbar {
	 border-bottom: 1px solid #e7eaee;
	 width: 100%;
	 height: 80px;
}
 .navbar .nav-item {
	 display: flex;
	 align-items: center;
}
 .navbar .nav-item:hover a.nav-link, .navbar .nav-item.active a.nav-link {
	 color: var(--bs-primary);
	 text-decoration: none;
}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*=== Optional Delays, change values here  ===*/
.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

 .navbar .dropdown-menu {
	 transform: translate3d(5px, 160px, 0px) !important;
	 width: 100%;
	 border-radius: 0.75rem;
	 overflow: hidden;
}
 .btn.btn-primary {
	 border: none;
	 padding: 1.25rem 2.5rem;
	 border-radius: 0.5rem;
	 font-size: 1.5rem;
	 line-height: 100%;
	 min-width: 200px;
}
.btn.btn-primary:not(.btn-outline-primary){
  color: var(--bs-white);
}
 .connected {
	/* height: 35rem;
	 */
	 display: flex;
	 align-items: center;
}
 .connected h2 {
	 color: var(--bs-primary);
}
 .client-scroll {
	 background-color: #f3f5f7;
	 height: 16rem;
	 display: flex;
	 align-items: center;
}
 .ai-connect {
	/* padding:4rem 0 8rem 0;
	 */
}
 .ai-connect .card {
	 border: none;
	 border-radius: 0.75rem;
	 overflow: hidden;
	 padding: 0;
	 position: relative;
}
 .ai-connect .card .card-body {
	 background-color: #f5f5f5;
}
 .ai-connect .card .card-body h5 {
	 color: var(--gray-900);
}
 .ai-connect .card .card-body p {
	 color: var(--gray-500);
}
 .ai-partner h5 {
	 color: var(--bs-primary);
}
 .ai-partner .card {
	 border-radius: 0.75rem;
	 overflow: hidden;
	 background-color: var(--gray-100);
	 border-color: var(--gray-200);
	 position: relative;
	 padding: 0;
	 cursor: pointer;
	 transition: all 0.2s ease;
}
 .ai-partner .card .card-body {
	 display: flex;
	 align-items: center;
	 gap: 0.72rem;
}
 .ai-partner .card .card-body i {
	 font-size: 1.5rem;
	 transform: rotate(-45deg);
}
 .ai-partner .card.active, .ai-partner .card:hover {
	 background-color: var(--white);
	 box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
	 border-color: transparent;
}
 .ai-partner .card.active i, .ai-partner .card:hover i {
	 color: var(--bs-primary);
}
 .ai-partner .card p {
	 width: 65%;
}
 .ai-partner .card i {
	 position: absolute;
	 top: 1.5rem;
	 right: 1.5rem;
}
 .ai-partner .card.video-frame {
	 border: 0;
	 box-shadow: none;
}
 .ai-partner .card.video-frame .card-body {
	 padding: 0;
}
 .resources {
	/* padding: 6.25rem 0;
	 */
	 background-color: #fcfcfc;
	/* h4 {
		 font-size: 1.8rem;
	}
	 */
}
 .resources h5 {
	 color: var(--bs-primary);
}
 .resources .resources-scroll {
	 height: 500px;
	 overflow: auto;
}
 .resources .resources-scroll .row {
	 margin: 0 0 2rem 0;
	 border-bottom: 1px solid var(--gray-100);
	 padding-bottom: 2rem;
}
 .about-us {
	/* padding: 4rem 0;
	 */
}
 .about-us h5 {
	 color: var(--bs-primary);
}
 .about-us h4 {
	 font-size: 1.8rem;
}
 .testimonial {
	 background-color: #fcfcfc;
}
 .testimonial, .key-features {
	 padding: 4rem 0;
}
 .testimonial h5, .key-features h5 {
	 color: var(--bs-primary);
}
 .testimonial h4, .key-features h4 {
	 font-size: 1.8rem;
}
 .testimonial .carousel h5, .key-features .carousel h5 {
	 color: var(--gray-900);
}
 .testimonial .carousel small, .key-features .carousel small {
	 color: var(--gray-500);
}
 .testimonial .carousel .quote, .key-features .carousel .quote {
	 width: 44px;
	 height: 44px;
}
 .testimonial .carousel img, .key-features .carousel img {
	 width: 64px;
	 max-height: 64px;
	 border-radius: 50%;
	 margin-right: 1rem;
	 overflow: hidden;
}
 .testimonial .carousel-inner, .key-features .carousel-inner {
	 padding: 1em;
}
 @media screen and (min-width: 576px) {
	 .testimonial .carousel-inner, .key-features .carousel-inner {
		 display: flex;
		 width: 100%;
		 margin-inline: auto;
		 padding: 1em 0;
		 overflow: hidden;
	}
	 .testimonial .carousel-item, .key-features .carousel-item {
		 display: block;
		 margin-right: 0;
		 flex: 0 0 calc(100% / 2);
	}
	 .testimonial .carousel-item .shadow-sm, .key-features .carousel-item .shadow-sm {
		 box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .075) !important;
	}
}
 @media screen and (min-width: 768px) {
	 .testimonial .carousel-item, .key-features .carousel-item {
		 display: block;
		 margin-right: 0;
		 flex: 0 0 calc(70% / 1);
	}
}
 .testimonial .carousel .card, .key-features .carousel .card {
	 margin: 0 0.5em;
	 border: 0;
}
 .testimonial .carousel-indicators, .key-features .carousel-indicators {
	 bottom: -10%;
}
 .testimonial .carousel-indicators li, .key-features .carousel-indicators li {
	 width: 20px;
	 margin: 0;
}
 .testimonial .carousel-indicators li.active::marker, .key-features .carousel-indicators li.active::marker {
	 color: var(--bs-primary);
}
 .connect-now {
	 padding: 4rem 0;
	 background-color: #fcfdfe;
}
 .connect-now .form-group {
	 margin-bottom: 2rem;
}
 .connect-now .form-group label {
	 color: var(--black);
	 font-weight: 500;
	 margin: 0;
}
 .connect-now .form-group .form-control {
	 border: 0;
	 border-radius: 0;
	 border-bottom: 1px solid var(--gray-200);
	 padding-left: 0;
}
 .connect-now .form-group .form-control::placeholder {
	 color: var(--gray-300);
}
 .case-studies-blogs h5 {
	 color: var(--bs-primary);
}
 .case-studies-blogs .carousel-inner {
	 gap: 2rem;
	 display: flex;
}
 .case-studies-blogs .carousel-inner .carousel-item {
	 margin: auto;
	 margin-top: 0;
	 margin-bottom: 0;
	 max-width: 320px;
}
 .case-studies-blogs .carousel-inner .carousel-item .card {
	 border: 0;
	 border-radius: 0;
	 box-shadow: none !important;
}
 .case-studies-blogs .carousel-inner .carousel-item .card .card-body {
	 padding: 0;
}
 .case-studies-blogs .carousel-inner .carousel-item .card a {
	 text-decoration: none;
}
 .resources-banner {
	 background-image: url(../img/resources-banner.svg);
	 background-size: cover;
}
 .blogs-banner {
	 background-image: url(../img/blogs.svg);
	 background-size: cover;
}
 footer {
	 background-color: #244A91;
	 padding: 3rem 0 0 0;
	 color: var(--white);
	 position: relative;
}
 footer .footer-item {
	 display: flex;
	 gap: 1rem;
	 align-items: flex-start;
	 margin: 0.5rem 0;
}
 footer .footer-item .avatar {
	 background-color: #000;
	 padding: 5px;
	 border-radius: 3px;
	 width: 24px;
	 height: 24px;
	 display: flex;
	 align-items: center;
	 text-align: center;
}
 footer .footer-item .avatar i {
	 margin: 0 auto;
}
 footer .footer-item .avatar i::before {
	 font-size: 0.8rem;
	 margin: 0 auto;
}
 footer .footer-item .item .title {
	 font-size: 0.75rem;
}
 footer .footer-item .item .content {
	 font-size: 0.85rem;
}
 footer .social {
	 text-align: left;
	 display: flex;
	 margin: 0.5rem 0;
}
 footer .social i {
	 width: 30px;
	 display: inline-block;
}
 footer .bg-overlay {
	 position: absolute;
	 right: 0;
	 top: 0;
	 z-index: 0;
	 opacity: 0.4;
}
 footer .bottom {
	 background-color:rgba(var(--bs-white-rgb), .1);
	 font-size: 0.75rem;
	 color: var(--white);
	 padding: 0.37rem 0;
	 margin-top: 2.85rem;
	 text-align: left;
}
 footer .footer-logo {
	 width: 13rem;
}
 .btn-group {
	 margin: 0 auto;
	 display: table;
	 justify-content: space-around;
	 background-color: var(--gray-200);
	 width: auto;
	 padding: 0.5rem;
	 border-radius: 0.75rem;
	 margin-bottom: 3rem;
}
 .btn-group .btn {
	 border-radius: 0.5rem !important;
	 border: none;
	 padding: 0.5rem 1.5rem;
  
}
.btn-group .btn:not(:first-child){
  margin-left: .25rem !important;
}
.btn-group .btn:hover {
  background-color: rgba(var(--bs-primary-rgb),.1);
  color: var(--bs-primary);
}
 .btn-group .btn.active {
	 background-color: var(--bs-primary);
	 color: var(--white);
}
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	 padding: 1rem 1.5rem;
}
 .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
	 padding: 1rem 1.5rem;
}
 .form-group {
	 margin-bottom: 1.5rem;
}
 .form-group label {
	 font-size: 1.125rem;
	 color: var(--black);
}
 .form-group .form-control {
	 border-radius: 0.5rem;
	 border: 1px solid rgba(0, 0, 0, 0.20);
	 background: var(--white);
}
 .comment {
	 border: 1px solid var(--gray-200);
	 border-radius: 0.75rem;
	 padding: 1.5rem;
}
 .comment .comment-loop {
	 list-style: none;
}
 .comment .comment-loop:first-child {
	 border-top: none;
	 padding-left: 0;
}
 .comment .comment-loop li {
	 display: grid;
	 padding-left: 1rem;
	 padding-top: 1.5rem;
	 margin-top: 1.5rem;
	 border-top: 1px solid var(--gray-200);
}
 .comment .comment-loop li .avatar {
	 height: 100%;
}
 .comment .comment-loop li .comment-section .user {
	 font-size: 1.125rem;
}
 .comment .comment-loop li .comment-section .date {
	 color: var(--gray-300);
	 font-size: 1.125rem;
}
 .comment .comment-loop li .comment-section p {
	 font-family: "Poppins", sans-serif;
   font-weight: 600;
   font-size: 1rem;
}
 .comment .comment-loop li .comment-section a {
	 color: #007aff;
}
/* comman css */
 h1 {
	 font-size: 6rem;
	 margin: 0;
}
 h2 {
	 font-size: 3.5rem;
	 margin: 0;
}
 h3 {
	 font-size: 2.5rem;
	 margin: 0;
}
 h4 {
	 font-size: 2rem;
	 margin: 0;
}
 h5 {
	 font-size: 1.5rem;
	 margin: 0;
}
 h6 {
	 font-size: 1.125rem;
	 margin: 0;
}
 p {
	 font-size: 1rem;
	 margin: 0;
}
 small {
	 font-size: 0.875rem;
}
 small.xs-small {
	 font-size: 0.75rem;
}
 a {
	 color: var(--bs-primary);
	 display: flex;
	 align-items: flex-start;
	 margin: 0 !important;
}
 a:hover {
	 text-decoration: underline;
}
 @media screen and (max-device-width: 768px) {
	 a.mt-5 {
		 margin-top: 1rem !important;
	}
}
 p {
	 color: var(--gray-600);
}
 .mandate {
	 color: var(--bs-primary);
	 font-weight: bold;
}
 .bg-gray {
	 background-color: var(--gray-100);
}
 .shadow-1 {
	 box-shadow: 0 0 0.4rem 0.1rem rgba(0, 0, 0, .075) !important;
}
 .card {
	 padding: 1.5rem 0 0 0;
}
 .card.shade-1 {
	 background-color: var(--shade-1);
}
 .badge {
	 border-radius: 1rem;
	 background-color: var(--gray-200);
	 color: var(--gray-600);
	 font-weight: 500;
}
 .navbar-toggler {
	 border: none;
}
 .navbar-toggler:focus {
	 border: none;
	 outline: 0;
	 box-shadow: none;
}
 i.rotate-45::before {
	 transform: rotate(-45deg);
	 color: var(--bs-primary);
	 font-size: 1.5rem;
}
 .dropdown-menu {
	 padding: 0;
}
@media screen and (min-width: 1024px) { 
	.menu-width{
		top: -140px;
		width: 200px !important;
	}
}
 .dropdown-menu .dropdown-item {
	 padding: 1rem;
	 font-size: 1rem;
}
 .dropdown-menu .dropdown-item:hover {
	 background-color: #feefe7;
	 color: var(--bs-primary);
	 text-decoration: none;
	 transition: all 0.2s ease;
}
.services-card{
	/* display: none; */
}
.swish-img{
	border-radius: 40px 0 40px 0 ;
}
 .play-icon {
	 transform: rotate(45deg);
	 position: absolute;
	 margin: 0 auto;
	 color: var(--bs-primary);
	 z-index: 99;
	 width: 88px;
	 height: 88px;
	 font-size: 14rem;
	 text-align: center;
	 left: 48%;
}
 .play-icon i {
	 font-size: 4rem !important;
}
/* width */
 ::-webkit-scrollbar {
	 width: 4px;
	 height: 4px;
}
/* Track */
 ::-webkit-scrollbar-track {
	 background: #f1f1f1;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
	 background: #888;
	 border-radius: 10px;
	 width: 6px;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
	 background: var(--bs-primary);
}