body {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Poppins", sans-serif;
}

/*=====Comman Styling Start Here=====*/
ul {
  list-style: none;
}

a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
figure {
  padding: 0px;
  margin: 0px;
}

:root {
  --dark: #000;
  --light: #fff;
  --primarycolor: #1163FB;
  --secondary: #171717;
  --bordercolor: #ffffff1a;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: var(--secondary);
}

::-webkit-scrollbar-thumb {
  background-color: var(--primarycolor);
}

.custom-style {
  width: 100%;
  display: inline-block;
  padding: 40px 0px;
  background-color: var(--dark);
}

.comman-title-box {
  margin-bottom: 45px;
  text-align: center;
}

.comman-title {
  color: var(--light);
  font-size: 31px;
  font-weight: 600;
  line-height: 42px;
  text-transform: capitalize;
}

.comman-title-box p {
  color: var(--primarycolor);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 26px;
}

.comman-btn-box {
  margin-top: 33px;
}

.comman-btn {
  color: var(--light);
  background: var(--primarycolor);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  border-radius: 50px;
  padding: 12px 24px;
  border: none;
  outline: none;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.comman-btn::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #0042bdb3;
  border-radius: inherit;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  transform: translateX(-100%);
}

.comman-btn:hover {
  color: var(--light);
}

.comman-btn:hover::before {
  transform: translateX(0%);
}

.decoration {
  width: 170px;
  height: 2px;
  background-image: url("../images/heading-decoration-img.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 17px auto 0px;
}

.scroll-header {
  background-color: var(--dark) !important;
  backdrop-filter: blur(12px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.scroll-top {
  width: 35px;
  height: 35px;
  color: var(--light);
  background: var(--primarycolor);
  font-size: 15px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  position: fixed;
  right: 18px;
  bottom: 15px;
  z-index: 999;
  animation: bounce 1s linear infinite alternate;
}

.consult-btn {
  width: 100%;
  position: fixed;
  bottom: 0%;
  left: 0%;
  z-index: 99;
  display: none;
  text-align: center;
  text-transform: capitalize;
  padding: 12px 0px;
  color: #fff;
  background: var(--primarycolor);
  font-size: 14px;
}

.consult-btn i {
  font-size: 14px;
  margin-right: 5px;
  animation: blink 1s ease-in-out infinite alternate;
}

.btn-hidden {
  display: none;
}

.nav-head {
  padding: 12px 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: none;
}

.nav-head img {
  height: 34px;
  object-fit: contain;
}

.nav-head .xmark-icon {
  width: 23px;
  height: 23px;
  color: var(--light);
  background-color: var(--primarycolor);
  font-size: 13px;
  text-align: center;
  line-height: 23px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}

.nav-head .xmark-icon:hover {
  transform: rotate(-90deg);
}

.owl-carousel .owl-item {
  border-radius: 15px !important;
}

.owl-nav {
  margin-top: 0px !important;
}

.owl-nav button {
  width: 38px;
  height: 38px;
  border-radius: 50% !important;
  background-color: rgb(88 79 79 / 20%) !important;
  backdrop-filter: blur(10px);
  text-align: center;
  align-content: center;
  position: absolute;
  top: 41%;
}

.owl-nav button i {
  color: var(--light);
  font-size: 15px;
}

.owl-nav .owl-prev {
  left: -23px;
}

.owl-nav .owl-next {
  right: -23px;
}

.owl-dots {
  margin-top: 24px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--primarycolor);
}

.pagination {
  margin-top: 18px;
  justify-content: center;
}

.pagination .page-link {
  color: var(--primarycolor);
  font-size: 15px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 10px;
  margin: 0px 11px;
  border: none;
}

.pagination .page-link i {
  font-size: 13px;
}

.pagination .page-link:focus {
  box-shadow: none;
  color: var(--light);
  background-color: var(--primarycolor);
}

.pagination .active {
  color: var(--light);
  background-color: var(--primarycolor);
}

.pagination .page-link:hover,
.pagination .page-link:active {
  color: var(--light);
  background-color: var(--primarycolor);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 10px;
}

/*=====Comman Styling End Here=====*/

/*----------------------Home Page Styling Start Here----------------------*/
/*=====Header Styling Start Here=====*/
.header {
  width: 100%;
  display: inline-block;
  position: sticky;
  top: 0%;
  left: 0%;
  z-index: 999999999;
  color: var(--light);
  background-color: var(--dark);
  padding: 6px 0px;
}

.custom-header {
  position: fixed;
  background-color: transparent;
}

.header .navbar-brand img {
  height: 47px;
  object-fit: contain;
}

.header .nav-link {
  display: flex;
  align-items: center;
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 12px !important;
}

.dropdown-toggle::after {
  border-top-color: var(--primarycolor);
}

.header .contact-btn {
  color: var(--light);
  border: 1px solid var(--primarycolor);
  border-radius: 50px;
  padding: 8px 28px;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin-left: 15px;
}

.header .xmark {
  display: none;
}

.header .dropdown-menu {
  width: 100%;
  background-color: var(--secondary);
  border-top: 3px solid var(--primarycolor);
  padding: 0px 12px;
}

.header .sub-menu li:not(li:last-child) {
  border-bottom: 1px solid #ededed1c;
}

.header .dropdown-menu a {
  color: var(--light);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 12px 0px !important;
  transition: all 0.3s ease-in-out;
  word-wrap: break-word;
}

.header .dropdown-menu i {
  color: var(--primarycolor);
  font-size: 13px;
  margin-right: 4px;
}

.header .dropdown-menu a:hover {
  color: var(--primarycolor);
  transform: translateX(5px);
}

.mega-menu {
  left: 0px;
}

.mega-menu .inner-menu-box {
  padding: 22px 12px;
}

.mega-menu[data-bs-popper] {
  top: unset;
}

.mega-menu h3 {
  color: var(--primarycolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 18px;
}

.header .mega-menu li {
  margin-bottom: 20px;
}

.header .mega-menu a {
  padding: 0px !important;
}

/*=====Header Styling End Here=====*/

/*=====Hero Panel Styling Start Here=====*/
.hero-panel {
  width: 100%;
}

.hero-panel .hero-video {
  width: 100%;
  height: 765px;
}

.hero-panel .hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*=====Hero Panel Styling End Here=====*/

/*=====Elevate Business Panel Styling Start Here=====*/
.elevate-business-panel .img-box {
  width: 100%;
  height: 350px;
  border: 1px solid var(--bordercolor);
  border-radius: 15px;
  margin-bottom: 24px;
  position:relative;
  overflow:"hidden";
}

.elevate-business-panel .help-box {
  width: 100%;
  height: 350px;
  color: var(--light);
  background-color: var(--secondary);
  border: 1px solid var(--bordercolor);
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  align-content: center;
}

.elevate-business-panel .help-box h2 {
  font-size: 26px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.elevate-business-panel .help-box p {
  font-size: 17px;
}

.elevate-business-panel .comman-card-box a {
  display: block;
  width: 100%;
  height: 250px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--bordercolor);
}

.elevate-business-panel .comman-card-box a::before,
.elevate-business-panel .img-box::before{
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius:inherit;
}

.elevate-business-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.elevate-business-panel h3 {
  width: 100%;
  color: #fff;
  font-size: 22px;
  text-transform: capitalize;
  text-align: center;
  position: absolute;
  bottom: 7%;
}

/*=====Elevate Business Panel Styling End Here=====*/

/*=====Enquiry(enq) Panel Styling Start Here=====*/
.enq-panel .comman-title-box,
.intro-panel .comman-title-box,
.smiliar-box .comman-title-box,
.dms-panel .comman-title-box {
  margin-bottom: 36px;
}

.enq-panel .inner-content {
  width: 75%;
  margin: auto;
  text-align: center;
}

.enq-panel p {
  color: var(--light);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 13px;
}

/*=====Enquiry(enq) Panel Styling End Here=====*/

/*=====Service Panel Styling Start Here=====*/
.services-panel {
  padding-bottom: 28px;
}

.layout-card {
  background-color: var(--secondary);
  border-radius: 15px;
  text-align: center;
  padding: 32px 30px;
  border: 1px solid transparent;
  transition: all 0.5s ease-in-out;
  margin-bottom: 24px;
}

.layout-card a {
  display: block;
  width: 100%;
  height: 100%;
}

.layout-card:hover {
  border-color: var(--primarycolor);
}

.layout-card img {
  height: 56px;
  object-fit: contain;
  margin-bottom: 21px;
}

.layout-card h4 {
  color: var(--light);
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 25px;
  margin-bottom: 12px;
}

.layout-card p {
  color: var(--light);
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 66px;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/*=====Service Panel Styling End Here=====*/

/*======Driven Panel Styling Start Here=====*/
.smiliar-box .comman-title-box {
  text-align: left;
}

.smiliar-box .comman-title-box .decoration {
  margin: 20px 0px 0px;
}

.smiliar-box .content-box p {
  color: var(--light);
  font-size: 16px;
  line-height: 26px;
}

.smiliar-box ul {
  margin: 21px 0px;
}

.smiliar-box li {
  display: flex;
  align-items: baseline;
  color: var(--light);
  font-size: 14px;
  line-height: 23px;
  display: flex;
  margin-bottom: 10px;
}

.smiliar-box li:last-child {
  margin-bottom: 0px;
}

.smiliar-box li i {
  display: inline-block;
  color: var(--primarycolor);
  font-size: 12px;
  margin-right: 8px;
}

.driven-panel figure {
  height: 420px;
}

.driven-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*======Driven Panel Styling End Here=====*/

/*=====Digital Marketing Solutions Panel Styling Start Here=====*/
.dms-panel figure {
  border-radius: 15px 0px 0px 15px;
}

.dms-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.dms-panel .about-box {
  width: 100%;
  height: 100%;
  background-color: var(--secondary);
  text-align: center;
  align-content: center;
  padding: 0px 82px;
  border-radius: 0px 15px 15px 0px;
}

.dms-panel .about-box p {
  color: var(--light);
  font-size: 16px;
  line-height: 25px;
}

/*=====Digital Marketing Solutions Panel Styling End Here=====*/

/*=====Why Choose Panel Styling Start Here=====*/
.why-choose-panel figure {
  width: 100%;
  height: 410px;
}

.why-choose-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*=====Why Choose Panel Styling End Here=====*/

/*=====Counter Panel Styling Start Here=====*/
.counter-panel {
  padding: 30px 0px;
  background-color: var(--secondary);
}

.counter-panel .counter-box {
  text-align: center;
}

.counter-panel span {
  color: var(--primarycolor);
  font-size: 41px;
  font-weight: 700;
}

.counter-panel p {
  color: var(--light);
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 3px;
}

/*=====Counter Panel Styling End Here=====*/

/*=====Time Zone Panel Styling Start Here=====*/
.time-zone-panel .inner-slides {
  background-color: var(--secondary);
  padding: 40px;
  border-radius: 15px;
  height: 420px;
  text-align: center;
}

.time-zone-panel h3 {
  color: var(--light);
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 17px;
}

.time-zone-panel p {
  color: var(--light);
  font-size: 15px;
  margin-bottom: 50px;
}

.time-zone-panel .img-box {
  width: 100%;
  height: 219px;
}

.time-zone-panel .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.clock-box {
  margin-top: 81px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.clock-box .clock {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('../images/clock-img2.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.clock-box .hand {
  position: absolute;
  background: var(--primarycolor);
  transform-origin: bottom;
  transform: rotate(0deg);
}

.clock-box .minute-hand,
.clock-box .hour-hand {
  width: 4px;
  height: 42px;
  bottom: 50%;
  background: var(--secondary);
}

.clock-box .second-hand {
  width: 2px;
  height: 47px;
  bottom: 50%;
  background: var(--primarycolor);
}

.clock-box span {
  display: inline-block;
  color: var(--light);
  font-size: 14px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 0px !important;
}

/*=====Time Zone Panel Styling End Here=====*/

/*=====Our Work Process panel(wp-panel) Styling Start Here=====*/
.process-panel .process-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.process-panel .process-box {
  text-align: center;
  margin: 0px 10px;
  width: 18%;
}

.process-panel figure {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: var(--light);
  border: 2px dashed var(--dark);
  margin: 0px auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.process-panel img {
  width: auto;
  height: 56px;
  object-fit: contain;
}

.process-panel h3 {
  color: var(--light);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 11px;
}

.process-panel p {
  color: var(--light);
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

/*=====Our Work Process panel(wp-panel) Styling End Here=====*/

/*=====Testimonial Panel Styling Start Here=====*/
.testimonial-slides {
  border-radius: 15px;
}

.testimonial-slides a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 25px;
  border-radius: inherit;
  background-color: var(--secondary);
}

.testimonial-slides ul {
  margin-bottom: 24px;
}

.testimonial-slides li {
  display: flex;
  align-items: center;
}

.testimonial-slides img {
  width: 53px !important;
  height: 53px;
  object-fit: cover;
  margin-right: 13px;
}

.testimonial-slides h3 {
  color: var(--light);
  font-size: 15px;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.testimonial-slides span {
  display: inline-block;
  color: var(--primarycolor);
  font-size: 13px;
  text-transform: capitalize;
}

.testimonial-slides p {
  color: var(--light);
  font-size: 15px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 67px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}


/*=====Testimonial Panel Styling End Here=====*/

/*=====Industries Panel Styling Start Here=====*/
.industries-panel a {
  display: block;
  border-radius: 15px;
  border: 1px solid var(--primarycolor);
  padding: 35px 10px;
  text-align: center;
  transition: all 0.5s ease-in-out;
}

.industries-panel i {
  color: var(--primarycolor);
  font-size: 37px;
  margin-bottom: 19px;
}

.industries-panel h5 {
  color: var(--light);
  font-size: 15px;
  text-transform: capitalize;
}

.industries-panel a:hover i {
  color: var(--light);
}

.industries-panel a:hover {
  background-color: var(--primarycolor);
}

/*=====Industries Panel Styling End Here=====*/

/*=====Our Clients panel Styling Start Here=====*/
.our-clients-panel .slides {
  border-radius: 15px;
  padding:0px 5px;
  background-color: var(--light);
}

.our-clients-panel img {
  height:91px;
  object-fit:contain;
}

/*=====Our Clients panel Styling End Here=====*/

/*=====Contact Form Panel Styling Start Here=====*/
.contact-panel .form-wrapper {
  padding: 25px 90px;
  border-radius: 15px;
  background-color: var(--secondary);
}

.contact-panel .contact-info {
  height: 100%;
  align-content: center;
}

.contact-panel h3 {
  color: var(--light);
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  text-transform: capitalize;
  margin-bottom: 22px;
}

.contact-panel p {
  color: var(--light);
  font-size: 19px;
  line-height: 30px;

}

.input-box {
  margin-bottom: 22px;
}

.form-control,
.form-select {
  color: var(--dark);
  font-size: 15px;
  font-weight: 400;
  background: var(--light);
  border-radius: 8px;
  border: 0px;
  padding: 11px 15px;
}

.form-control:focus,
.form-select:focus {
  box-shadow: none;
  background-color: var(--light);
}

.form-control::placeholder,
.form-select::placeholder {
  color: var(--dark);
  font-size: 15px;
  text-transform: capitalize;
}

.submit-btn-box {
  margin-top: 8px;
  text-align: center;
}

/*=====Contact Form Panel Styling End Here=====*/

/*=====Faq Panel Styling Start Here=====*/
.faq-panel .accordion-item {
  margin-bottom: 20px;
  border: 1px solid #97979742 !important;
  border-radius: 15px;
}

.faq-panel .accordion-item:last-child {
  margin-bottom: 0px;
}

.faq-panel .accordion-body {
  border-top: 1px solid #97979742;
}

.faq-panel .accordion-button {
  color: var(--dark);
  background-color: transparent;
  font-size: 17px;
  text-transform: capitalize;
}

.faq-panel .accordion-button:focus {
  box-shadow: none;
}

.faq-panel p {
  color: var(--dark);
  font-size: 15px;
  line-height: 22px;
}

.faq-panel .accordion-button {
  padding: 0px;
  padding-right: 20px;
}

.faq-panel .accordion-button span {
  display: inline-block;
  background-color: var(--primarycolor);
  padding: 14px;
  width: 53px;
  color: var(--light);
  font-size: 18px;
  font-weight: 700;
  margin-right: 15px;
  border-radius: 15px 0px 0px 15px;
  text-align: center;
}

.accordion-button:not(.collapsed) span {
  border-bottom-left-radius: 0px;
}

/*=====Faq Panel Styling End Here=====*/

/*=====Footer Styling Start Here=====*/
.footer {
  background-color: var(--secondary);
  padding-bottom: 0px !important;
}

.footer h2 {
  color: var(--light);
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.footer .footer-link-box ul li {
  margin-bottom: 7px;
}

.footer .footer-link-box ul li a {
  color: var(--light);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.footer .footer-link-box i {
  display: inline-block;
  color: var(--primarycolor);
  margin-right: 3px;
}

.footer .footer-link-box ul li a:hover {
  color: var(--primarycolor);
  transform: translateX(10px);
}

.footer .contact-box {
  padding: 25px;
  border-radius: 15px;
  background-color: var(--dark);
  text-align: center;
}

.footer .contact-box h2 {
  font-size: 19px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 26px;
}

.footer .comman-btn {
  padding: 10px 22px;
  margin-bottom: 24px;
}

.footer .social-links a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--light);
  background-color: var(--primarycolor);
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  margin: 0px 3px;
  transition: all 0.5s ease-in-out;
}

.footer .social-links a:hover {
  transform: scale(1.1);
}

.footer .bottom-box {
  margin-top: 20px;
}

.footer .bottom-box ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer .bottom-box ul li a {
  color: var(--light);
  font-size: 14px;
  text-transform: capitalize;
  padding: 0px 8px;
  transition: all 0.5s ease-in-out;
}

.footer .bottom-box ul li a:hover {
  color: var(--primarycolor);
}

.footer .copyright-box {
  background-color: var(--dark);
  text-align: center;
  padding: 11px;
  margin-top: 31px;
}

.footer .copyright-box p {
  color: var(--light);
  font-size: 14px;
  margin: 0px;
}

.head-title {
  pointer-events: none;
}

.comman-list.collapse {
  display: inline-block;
}

/*=====Footer Styling End Here=====*/

/*----------------------Home Page Styling End Here----------------------*/

/*----------------------About Page Styling Start Here----------------------*/
/*=====Banner Panel Styling Start Here=====*/
.banner-panel {
  width: 100%;
  padding: 104px 0px;
  text-align: center;
  background-image: url("../images/banner-img1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.banner-panel::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.banner-panel h1 {
  color: var(--light);
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.banner-panel ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-panel ul li a,
.banner-panel ul li {
  color: var(--light);
  font-size: 15px;
  text-transform: capitalize;
  transition: all 0.5s ease-in-out;
}

.banner-panel ul li a:hover,
.banner-panel ul li a:active {
  color: var(--primarycolor);
}

.banner-panel i {
  display: inline-block;
  font-size: 11px;
  margin: 0px 6px 0px 10px;
}

/*=====Banner Panel Styling End Here=====*/

/*=====Business Mantra Panel Styling Start Here=====*/
.value-box {
  padding: 20px;
  border-radius: 15px;
  background-color: var(--secondary);
  text-align: center;
}

.value-box img {
  height: 48px;
  object-fit: contain;
  margin-bottom: 20px;
  border-radius: inherit;
}

.value-box h3 {
  color: var(--light);
  font-size: 17px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.value-box p {
  color: var(--light);
  font-size: 14px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

/*=====Business Mantra Panel Styling End Here=====*/

/*=====Core Panel Styling Start Here=====*/
.core-panel p {
  font-size: 14px;
  line-height: 23px;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 90px;
}

/*=====Core Panel Styling End Here=====*/

/*=====Experties Panel Styling Start Here=====*/
.experties-panel figure {
  width: 100%;
  height: 466px;
}

.experties-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.experties-panel .decoration {
  margin: 20px 0px;
}

.experties-panel ul {
  margin-top: 36px;
}

.experties-panel li strong {
  display: inline-block;
  margin-right: 3px;
  color: var(--primarycolor);
}

.experties-panel li {
  color: var(--light);
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 15px;
}

.experties-panel .experties-content {
  padding-left: 10px;
  height: 100%;
  align-content: center;
}

.inner-img-box {
  height: 100%;
  align-content: center;
}

/*=====Experties Panel Styling End Here=====*/

/*----------------------About Page Styling End Here----------------------*/

/*----------------------Portfolio Page Styling Start Here----------------------*/
/*=====Portfolio Panel Styling Start Here=====*/
.portfolio-box {
  color: var(--light);
  padding: 45px;
  border-radius: 15px;
  background-color: var(--secondary);
  margin-bottom: 24px;
}

.portfolio-slider .portfolio-box {
  margin-bottom: 0px !important;
}

.portfolio-box .portfolio-details {
  padding-right: 30px;
}

.portfolio-box span {
  color: var(--primarycolor);
  display: inline-block;
  font-size: 31px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 19px;
}

.portfolio-box h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.portfolio-box p {
  color: var(--light);
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px;
}

.portfolio-box .portfolio-bottom-box a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--light);
  background-color: var(--primarycolor);
  font-size: 18px;
  text-align: center;
  line-height: 45px;
  margin-right: 8px;
  transition: all 0.5s ease-in-out;
}

.portfolio-box .portfolio-bottom-box a:hover {
  transform: scale(1.1);
}

.portfolio-box .img-box {
  height: 100%;
  align-content: center;
}

.portfolio-box figure {
  width: 100%;
  height: 297px;
}

.portfolio-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.portfolio-box .comman-btn {
  margin-bottom: 20px;
}

.portfolio-panel .comman-btn-box {
  text-align: center;
  margin-top: 10px;
}

/*=====Portfolio Panel Styling End Here=====*/
/*----------------------Portfolio Page Styling End Here----------------------*/

/*----------------------Service Details Page Styling Start Here----------------------*/
/*=====Service Details Panel Styling Start Here=====*/
.servicedetails-panel figure {
  width: 100%;
  height: 420px;
  position: sticky;
  top: 97px;
  left: 0px;
}

.servicedetails-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.servicedetails-panel h3 {
  color: var(--light);
  font-size: 24px;
  text-transform: capitalize;
  line-height: 32px;
  margin-bottom: 15px;
}

.servicedetails-panel strong {
  display: inline-block;
  color: var(--primarycolor);
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 17px;
}

.servicedetails-panel .content {
  height: 176px;
  overflow: hidden;
}

.add-height {
  height: auto !important;
}

.servicedetails-panel p {
  color: var(--light);
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 15px;
}

.servicedetails-panel p:last-child {
  margin-bottom: 0px;
}

.servicedetails-panel .comman-btn {
  margin-top: 22px;
}

/*=====Service Details Panel Styling End Here=====*/

/*=====Growth Panel Styling Start Here=====*/
.growth-panel {
  padding-bottom: 18px !important;
}

.growth-panel ul {
  columns: 3;
}

.growth-panel li {
  width: 100%;
  color: var(--light);
  background-color: var(--secondary);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
}

.growth-panel i {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--primarycolor);
  font-size: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}

.growth-panel figure {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--primarycolor);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}

.growth-panel img {
  height: 24px;
  object-fit: contain;
}

/*=====Growth Panel Styling End Here=====*/

/*=====Technologies Panel Styling Start Here=====*/
.comman-tab .nav {
  justify-content: center;
  border: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.comman-tab .nav::-webkit-scrollbar {
  height: 2px;
}

.comman-tab .nav-link {
  text-align: center;
  min-width: 153px;
  color: var(--light);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
  padding: 11px;
  border: 1px solid var(--primarycolor);
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin: 0px 8px 18px;
}

.comman-tab .nav-link:hover {
  color: var(--light);
  border-color: var(--primarycolor);
}

.comman-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  border-color: var(--primarycolor);
  background: var(--primarycolor);
}

.technologies-panel .technologies-container {
  margin-top: 30px;
}

.technologies-panel .technologies-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.technologies-panel .technologies-list li {
  min-width: 175px;
  color: var(--light);
  background-color: var(--secondary);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  border: 1px solid var(--primarycolor);
  padding: 8px 10px;
  border-radius: 50px;
  margin: 0px 5px 15px;
}

.technologies-panel img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  margin-right: 8px;
}

/*=====Technologies Panel Styling End Here=====*/
/*----------------------Service Details Page Styling Start Here----------------------*/

/*----------------------Industries Details Page Styling Start Here----------------------*/
/*=====Intro Panel Styling Start Here=====*/
.intro-panel p {
  color: var(--light);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 27px;
  margin-bottom: 15px;
}

.intro-panel p:last-child {
  margin-bottom: 0px;
}

.intro-panel .comman-btn-box {
  text-align: center;
}

/*=====Intro Panel Styling End Here=====*/

/*=====Overview Panel Styling Start Here=====*/
.overview-slide {
  border: 1px solid var(--primarycolor);
  border-radius: 15px;
  padding: 20px;
}

.overview-slide h3 {
  color: var(--light);
  font-size: 18px;
  text-transform: capitalize;
  margin: 14px 0px;
}

.overview-slide p {
  color: var(--light);
  font-size: 15px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 161px;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*=====Overview Panel Styling End Here=====*/

/*=====Solution Panel Styling Start Here=====*/
.solution-panel {
  padding-bottom: 18px;
}

.similar-look {
  padding: 25px;
  background-color: var(--secondary);
  border-radius: 15px;
  margin-bottom: 24px;
}

.similar-look h3 {
  color: var(--light);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-transform: capitalize;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 13px;
}

.similar-look p {
  color: var(--light);
  font-size: 14px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 137px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.smiliar-box .content-box .point-lists {
  margin-bottom: 0px;
}

/*=====Solution Panel Styling End Here=====*/
/*----------------------Industries Details Page Styling End Here----------------------*/

/*----------------------Products Details Page Styling Start Here----------------------*/
/*=====Product Banner Styling Start Here=====*/
.product-banner .pbanner-content {
  height: 100%;
  align-content: center;
}

.product-banner span {
  display: block;
  color: var(--primarycolor);
  font-size: 23px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.product-banner h3 {
  color: var(--light);
  font-size: 27px;
  font-weight: 600;
  line-height: 39px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.product-banner ul {
  margin-bottom: 31px;
}

.product-banner ul li {
  color: var(--light);
  font-size: 15px;
  margin-bottom: 10px;
}

.product-banner ul li:last-child {
  margin-bottom: 0px;
}

.product-banner i {
  color: var(--primarycolor);
  font-size: 15px;
  margin-right: 4px;
}

.product-banner figure {
  width: 100%;
  height: 370px;
  border-radius: 15px;
}

.product-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Product Banner Styling End Here=====*/

/*=====Software Panel Styling Start Here=====*/
.software-panel {
  padding-bottom: 15px !important;
}

.software-panel .layout-card p {
  height: 88px;
}

/*=====Software Panel Styling End Here=====*/

/*=====Eco Panel Styling Start Here=====*/
.eco-panel figure {
  height: 280px;
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid var(--primarycolor);
}

.eco-panel figcaption {
  width: 100%;
  text-align: center;
  color: var(--light);
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.eco-panel figure::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.eco-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ctc-box {
  text-align: center;
  margin-top: 10px;
}

.ctc-box p {
  color: var(--light);
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 20px;
}

/*=====Eco Panel Styling End Here=====*/

/*=====Multivendor Panel Styling Start Here=====*/
.multivendor-container {
  margin-top: 30px;
}

.multivendor-container .layout-card {
  text-align: left;
}

.multivendor-container h4 {
  margin-bottom: 14px;
}

.multivendor-container p {
  height: 110px;
}

/*=====Multivendor Panel Styling End Here=====*/
/*----------------------Products Details Page Styling End Here----------------------*/

/*----------------------Portfolio Details Page Styling Start Here----------------------*/

/*=====Transform Panel Styling Start Here=====*/
.transform-panel {
  background-color: var(--secondary);
  text-align: center;
}

.transform-panel .comman-title-box {
  margin-bottom: 28px;
}

.transform-panel p {
  color: var(--light);
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 29px;

}

/*=====Transform Panel Styling End Here=====*/

/*=====Case Study Panel Styling Start Here=====*/
.casestudy-panel figure {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.casestudy-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.casestudy-panel .casestudy-content {
  height: 100%;
  align-content: center;
}

.casestudy-panel h3 {
  color: var(--light);
  font-size: 27px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 17px;
}

.casestudy-panel p {
  color: var(--light);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 19px;
}


.casestudy-panel li {
  color: var(--light);
  font-size: 15px;
  margin-bottom: 10px;
}

.casestudy-panel li:last-child {
  margin-bottom: 0px;
}

.casestudy-panel i {
  color: var(--primarycolor);
  font-size: 13px;
  margin-right: 4px;
}

/*=====Case Study Panel Styling End Here=====*/

/*=====Challenges Panel Styling Start Here=====*/
.challenges-panel .challenges-box {
  padding: 20px;
  border-radius: 15px;
  background-color: var(--secondary);
}

.challenges-panel h3 {
  color: var(--light);
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.challenges-panel p {
  color: var(--light);
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 67px;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*=====Challenges Panel Styling End Here=====*/

/*=====Experties Panel Styling Start Here=====*/
.expertise-box {
  padding: 20px;
  text-align: center;
  border-radius: 15px;
  border: 1px solid var(--primarycolor);
}

.expertise-box span {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 23px;
  color: var(--light);
  background-color: var(--primarycolor);
  font-size: 16px;
  font-weight: 500;
}

.expertise-box h3 {
  color: var(--light);
  font-size: 17px;
  text-transform: capitalize;
  margin-bottom: 14px;
}

.expertise-box p {
  color: var(--light);
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 66px;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*=====Experties Panel Styling End Here=====*/

/*----------------------Portfolio Details Page Styling End Here----------------------*/

/*----------------------Blog List Page Styling Start Here----------------------*/
/*=====Blog Panel Styling Start Here=====*/
.blog-panel .blog-card {
  border-radius: 15px;
  margin-bottom: 24px;
}

.blog-panel figure {
  width: 100%;
  height: 320px;
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
}

.blog-panel figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.blog-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
}

.blog-panel figure:hover img {
  transform: scale(1.1);
}

.blog-panel .content {
  background-color: var(--secondary);
  padding: 20px;
}

.blog-panel .digital-marketing-btn {
  color: #fff;
  background: var(--primarycolor);
  padding: 2px 10px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
  margin-bottom: 17px;
}

.blog-panel .content h2 a {
  color: var(--light);
  font-size: 19px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 52px;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.blog-panel .content p {
  color: var(--light);
  font-size: 16px;
  margin-bottom: 18px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.blog-panel .content span {
  color: var(--primarycolor);
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}

.blog-panel .view-box {
  border-top: 1px solid var(--bordercolor);
  padding-top: 16px;
  margin-top: 16px;
}

.blog-panel .view-box span {
  display: inline-block;
  color: var(--light);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
}

.blog-panel .view-box i {
  font-size: 18px;
  margin-right: 10px;
  color: transparent;
  background: var(--primarycolor);
  -webkit-background-clip: text;
  background-clip: text;
  animation: blink 1s ease-in-out infinite alternate;
}

/*=====Blog Panel Styling End Here=====*/
/*----------------------Blog List Page Styling End Here----------------------*/

/*----------------------Blog Details Page Styling Start Here----------------------*/
/*=====Blog Details panel Styling Start Here=====*/
.blog-details-panel .blog-details-box {
  border-radius: 15px;
}

.blog-details-panel figure {
  width: 100%;
  height: 420px;
  border-radius: 15px 15px 0px 0px;
  position: relative;
  overflow: hidden;
}

.blog-details-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.blog-details-panel .content-boxs {
  padding: 20px 30px;
  background-color: var(--secondary);
}

.blog-details-panel .content-boxs h2 {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 17px;
}

.blog-details-panel h2 a {
  color: var(--light);
  transition:all 0.5s ease-in-out;
}

.blog-details-panel h2 a:hover{
  color:var(--primarycolor);
}

.blog-details-panel p {
  color: var(--light);
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 15px;
}

.blog-details-panel h5 {
  color: var(--light);
  font-size: 20px;
  font-weight: 500;
  margin: 29px 0px 15px;
}

.blog-details-panel ul li strong {
  color: var(--primarycolor);
  margin-right: 5px;
}

.blog-details-panel ul li {
  color: var(--light);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
}

.blog-details-panel .conclusion-text {
  margin-top: 26px;
}


.blog-details-panel .content-boxs span {
  display: block;
  color: var(--primarycolor);
  font-size: 13px;
  font-weight: 500;
  margin-top: 20px;
}

.sidebar-widgets {
  width: 100%;
  position: sticky;
  top: 85px;
  right: 0px;
}

.sidebar-widgets .inner-widgets {
  margin-bottom: 25px;
  border: 1px solid var(--primarycolor);
  border-radius: 15px;
  padding: 23px;
}

.sidebar-widgets .comman-title-box {
  margin-bottom: 30px;
  text-align: start;
}

.sidebar-widgets .comman-title-box .decoration {
  margin: 0px;
}

.sidebar-widgets h2 {
  color: var(--light);
  font-size: 27px;
  margin-bottom: 19px;
  text-transform: capitalize;
}

.sidebar-widgets .link-boxs {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bordercolor);
}

.sidebar-widgets .link-boxs span {
  display: inline-block;
  color: var(--light);
  font-size: 14px;
  margin-bottom: 8px;
}

.sidebar-widgets .link-boxs i {
  font-size: 14px;
  margin-right: 5px;
}

.sidebar-widgets h4 a {
  color: var(--light);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  height: 48px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar-widgets .link-boxs a:hover {
  color: var(--primarycolor);
}

.sidebar-widgets .comman-btn {
  margin-top: 10px;
}

.sidebar-widgets .comman-btn i {
  font-size: 14px;
  vertical-align: middle;
  animation: slide 1s linear infinite alternate;
}

.sidebar-widgets ul li {
  margin-bottom: 14px;
}

.sidebar-widgets ul li:last-child {
  margin-bottom: 0px;
}

.sidebar-widgets ul li a {
  color: var(--light);
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}

.sidebar-widgets ul li a:hover {
  transform: translateX(8px);
  color: var(--primarycolor);
}

.sidebar-widgets .input-box {
  margin-bottom: 18px;
}

.sidebar-widgets .submit-btn-box {
  margin-top: 0px;
}

/*=====Blog Details panel Styling End Here=====*/
/*----------------------Blog Details Page Styling End Here----------------------*/

/*----------------------Contact Us Page Styling Start Here---------------------*/
/*=====ContactUS Banner Panel Styling Start Here=====*/
.contact-banner-panel {
  width: 100%;
  display: inline-block;
  background-image: url("../images/banner-img1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
  padding-top: 72px;
}

.contact-banner-panel::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.contact-banner-panel .inr-content-box {
  padding-top: 20px;
}

.contact-banner-panel h1 {
  color: var(--light);
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.contact-banner-panel p {
  color: var(--light);
  font-size: 15px;
  line-height: 24px;
}

.contact-banner-panel .comman-btn-box {
  margin-top: 28px;
}

.contact-banner-panel .comman-btn {
  margin-right: 6px;
}

.contact-banner-panel .submit-btn-box .comman-btn {
  margin-right: 0px;
}

/*--contact us form styling  start here--*/
.contactus-wrapper {
  width: 100%;
  height: auto;
  background-color: var(--secondary);
  border-radius: 15px;
  box-shadow: 0px 0px 74px 0px rgb(41 74 69/11%);
  padding: 25px;
  margin-top: 10px;
  position: relative;
  z-index: 99;
  margin-bottom: -141px;
}

.contactus-wrapper h2 {
  color: var(--light);
  font-size: 27px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 22px;
}

/*=====Contact US Banner Panel Styling End Here=====*/

/*=====Our Partners Panel Styling Start Here=====*/
.techstack-panel figure {
  width: 100%;
  height: 77px;
}

.techstack-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*=====Our Partners Panel Styling End Here=====*/

/*=====Our Presence Panel Styling Start Here=====*/
.presence-panel .presence-card {
  padding: 20px 15px;
  color: var(--light);
  background-color: var(--secondary);
  border-radius: 18px;
  text-align: center;
}

.presence-panel i {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--light);
  background-color: var(--primarycolor);
  font-size: 18px;
  text-align: center;
  align-content: center;
  margin-bottom: 18px;
}

.presence-panel h3 {
  font-size: 17px;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.presence-panel p {
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  height: 43px;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/*=====Our Presence Panel Styling End Here=====*/


/*=====Talk Expert Panel Styling Start Here=====*/
.talk-expert-panel .custome-box {
  width: 100%;
  height: 100%;
  background-color: var(--dark);
  border-radius: 15px;
}

.talk-expert-panel .details-box {
  height: 100%;
  padding: 30px 74px;
  align-content: center;
  border-radius: 15px 0px 0px 15px;
  background-color: var(--secondary);
}

.talk-expert-panel h2 {
  color: var(--light);
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 16px;
}

.talk-expert-panel p {
  color: var(--light);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 38px;
}

.talk-expert-panel figure {
  width: 100%;
  height: 400px;
  border-radius: 0px 15px 15px 0px;
  margin: 0px;
}

.talk-expert-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 15px 15px 0px;
}

.talk-expert-panel figure img:hover {
  transform: scale(1);
}

/*=====Talk Expert Panel Styling End Here=====*/
/*----------------------Contact Us Page Styling End Here----------------------*/

/*----------------------Conditions Page Styling Start Here----------------------*/
/*=====Terms And Condition Panel Styling Start Here=====*/
.comman-conditions-box {
  width: 100%;
  height: 100%;
  padding: 20px 25px;
  background-color: var(--secondary);
  border-radius: 15px;
}

.comman-conditions-box h2,
.comman-conditions-box h3 {
  color: var(--light);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 16px 0px;
}

.comman-conditions-box h3 {
  margin: 30px 0px 15px;
}

.comman-conditions-box p {
  color: var(--light);
  font-size: 16px;
  margin-bottom: 10px;
}

.comman-conditions-box ul {
  list-style: disc;
  margin-bottom: 15px;
  padding-left: 14px;
}

.comman-conditions-box ul li {
  color: var(--light);
  font-size: 14px;
  margin-bottom: 10px;
}

.comman-conditions-box ul li::marker {
  color: var(--primarycolor);
  font-size: 10px;
}

.comman-conditions-box strong,
.comman-conditions-box a {
  display: inline-block;
  color: var(--primarycolor);
}

/*=====Terms And Condition Panel Styling End Here=====*/
/*----------------------Conditions Page Styling End Here----------------------*/

/*=====Popup Form Styling Start Here=====*/
.popups {
  z-index: 99999999999999;
}

.popups .modal-content {
  background-color: var(--secondary);
}

.popups h5 {
  color: var(--light);
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.popups ::file-selector-button {
  color: var(--light);
  background-color: var(--primarycolor) !important;
  border-radius: 3px;
}

.btn-close {
  opacity: 1;
  filter: invert(1);
  background-size: 12px;
}

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

.popups .modal-body {
  padding: 25px 14px;
}

.popups .comman-btn {
  padding: 10px 32px;
}

.modal .modal-header {
  border-bottom-color: var(--bordercolor);
}

.enquiry-form h6 {
  color: var(--light);
  font-size: 18px;
  margin-bottom: 18px;
}

.enquiry-form h4 {
  color: var(--light);
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 23px;
}

.enquiry-form p {
  color: var(--light);
  font-size: 14px;
  margin-bottom: 29px;
}

.enquiry-form .testimonial-slides a {
  background-color: var(--dark);
}

.enquiry-form .testimonial-slides p {
  margin-bottom: 0px;
}

.enquiry-form figure {
  width: 100%;
  height: 230px;
  margin-top: 20px;
}

.enquiry-form figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*=====Popup Form Styling End Here=====*/

/*=====Intel Tel Input Styling Start Here=====*/
.input-box>.intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}

.input-box>.intl-tel-input.allow-dropdown>.flag-container {
  z-index: 4;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

.input-box .selected-flag {
  border-radius: 8px 0px 0px 8px;
}

.intl-tel-input .selected-flag .iti-arrow {
  right: 2px;
}

.intl-tel-input .country-list {
  width: 235px;
  overflow: scroll;
  scrollbar-width: thin;
  border-radius: 4px;
}

.intl-tel-input.iti-container {
  z-index: 9999999999999;
}

/*=====Intel Tel Input Styling End Here=====*/

/*=====Animtion Keyframes Start Here=====*/
@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bounce {
  0% {
    transform: translateY(-3px);
  }

  100% {
    transform: translateY(3px);
  }
}

@keyframes slide {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(7px);
  }
}


@keyframes shine {
  100% {
    left: 125%;
  }
}

/*=====Animtion Keyframes End Here=====*/