body {
  /* font-family: "Raleway", sans-serif; */
  overflow-x: hidden;
  /* scrollbar-width:none; */
}


@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
:root {
--color-white-100: hsl(206, 5%, 100%);
--color-white-200: hsl(206, 5%, 90%);
--color-white-300: hsl(206, 5%, 80%);
--color-white-400: hsl(206, 5%, 65%);
--color-white-500: hsl(206, 5%, 50%);
--color-black-100: hsl(213, 20%, 10%);
--color-black-200: hsl(213, 23%, 8%);
--color-black-300: hsl(214, 21%, 6%);
--color-black-400: hsl(210, 21%, 6%);
--color-black-500: hsl(216, 22%, 4%);
--color-black-600: hsl(220, 18%, 3%);
--color-black-700: hsl(220, 27%, 2%);
--color-black-800: hsl(180, 20%, 1%);
--color-blue-100: hsl(214, 95%, 93%);
--color-blue-200: hsl(213, 97%, 87%);
--color-blue-300: hsl(212, 96%, 78%);
--color-blue-400: hsl(213, 94%, 68%);
--color-blue-500: hsl(217, 91%, 60%);
--color-blue-600: hsl(221, 83%, 53%);
--color-blue-700: hsl(224, 76%, 48%);
--color-blue-800: hsl(226, 71%, 40%);
--color-blue-900: hsl(224, 64%, 33%);
--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
   0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
   0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
   0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

*,
*::before,
*::after {
padding: 0;
margin: 0;
box-sizing: border-box;
list-style: none;
list-style-type: none;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

html {
font-size: 100%;
box-sizing: inherit;
/* scroll-behavior: smooth; */
height: -webkit-fill-available;
}

main {
font-family: "Rubik", sans-serif;
font-size: clamp(1rem, 2vw, 1.125rem);
font-weight: 400;
line-height: 1.5;
/* height: -webkit-fill-available; */
color: var(--color-white-100);
background-color: var(--color-black-500);
width: 100%;
height: 100vh; /* Make it cover the entire viewport height */
background: url("../images/aboutusimgh.png") no-repeat center center fixed;
background-size: cover; /* Ensures the image covers the entire area */
overflow: hidden;
}

.container {
max-width: 75rem;
height: auto;
margin: 0 auto;
padding: 0 1.25rem;
}

.centered {
text-align: center;
vertical-align: middle;
margin-bottom: 1rem;
}

.heading-xl {
font-family: inherit;
font-size: clamp(2.448rem, 6vw, 4.241rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -1px;
/* mix-blend-mode: overlay; */
}
.heading-lg {
font-family: inherit;
font-size: clamp(2.179rem, 5vw, 3.176rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -1px;
/* mix-blend-mode: overlay; */
}
.heading-md {
font-family: inherit;
font-size: clamp(1.794rem, 4vw, 2.379rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -1px;
/* mix-blend-mode: overlay; */
}
.heading-sm {
font-family: inherit;
font-size: clamp(1.476rem, 3vw, 1.782rem);
font-weight: 600;
line-height: 1.5;
}
.heading-xs {
font-family: inherit;
font-size: clamp(1.215rem, 2vw, 1.335rem);
font-weight: 500;
line-height: 1.5;
}

.paragraph {
font-family: inherit;
font-size: clamp(1rem, 2vw, 0.125rem);
text-wrap: balance;
color: var(--color-black-200) !important;
}

.btn {
display: inline-block;
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
vertical-align: middle;
white-space: nowrap;
user-select: none;
outline: none;
border: none;
border-radius: 0.25rem;
text-transform: unset;
transition: all 0.3s ease-in-out;
}
.btn-inline {
display: inline-flex;
align-items: center;
justify-content: center;
column-gap: 0.5rem;
}
.btn-darken {
padding: 0.75rem 2rem;
color: var(--color-white-100);
background-color: var(--color-black-200);
box-shadow: var(--shadow-medium);
margin-bottom: 10px;
}
.btn-neutral {
padding: 0.75rem 2rem;
color: var(--color-black-500);
background-color: var(--color-white-100);
box-shadow: var(--shadow-medium);
}

.section {
margin: 0 auto;
padding: 12rem 0 1rem;
}

.banner-column {
position: relative;
display: grid;
align-items: center;
row-gap: 3rem;
}
@media only screen and (min-width: 48rem) {
.banner-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
}
}
@media only screen and (min-width: 64rem) {
.banner-column {
  grid-template-columns: 1fr max-content;
  column-gap: 4rem;
  margin-top: 3rem;
}
}

@media (max-width: 768px){
.section {
  margin: 0 auto;
  padding: 6rem 0 1rem;
}
}
.banner-image {
display: block;
max-width: 18rem;
height: auto;
margin-top: 2rem;
object-fit: cover;
justify-self: center;
}
@media only screen and (min-width: 48rem) {
.banner-image {
  order: 1;
  max-width: 20rem;
  height: auto;
}
}
@media only screen and (min-width: 64rem) {
.banner-image {
  max-width: 25rem;
  height: auto;
  margin-right: 5rem;
}
}
.banner-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 0.75rem; 
padding-left: 10px;
border-left: 3px solid steelblue;
background-color: rgba(192, 192, 192, 0.427);
backdrop-filter: blur(5px);
}
.banner-links {
position: absolute;
top: 30%;
right: 1.5rem;
display: grid;
justify-items: center;
row-gap: 0.5rem;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 64rem) {
.banner-links {
  opacity: 1;
  visibility: visible;
}
}

@media (max-width: 1024px) {
main {
  height: auto;
}
}
.banner-links > * {
font-size: 1.25rem;
line-height: 1.25;
color: var(--color-white-100);
}
.banner-links::before {
position: absolute;
content: "";
top: -3rem;
width: 4rem;
height: 1.5px;
transform: rotate(90deg);
background: var(--color-white-100);
}
.banner-links::after {
position: absolute;
content: "";
bottom: -3rem;
width: 4rem;
height: 2px;
transform: rotate(90deg);
background: var(--color-white-100);
}



@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");

.service-22 {
  font-family: "Rubik", sans-serif !important;
  color: #55575c !important;
  font-weight: 300;
  padding-top:10px ;
  /* padding-top: 140px !important */
}

.service-22 h1,
.service-22 h2,
.service-22 h3,
.service-22 h4,
.service-22 h5,
.service-22 h6 {
  color: #272728;
}

.service-22-title {
font-size: 40px;
}

.service-22 .edge-title{
font-size: large;
font-weight: bold;
color: rgb(51, 133, 177);
}


.service-22 .font-weight-medium {
  font-weight: 500;
}

.service-22 .wrap-service-22 {
  margin-top: 60px;
}

.service-22 .wrap-service-22 .text-box {
  /* padding: 0 30px; */
  padding-bottom: 20px;
}

.service-22 .wrap-service-22 .text-box h3 {
  margin: 10px 0 13px 0;
  font-family: "Rubik", sans-serif ;
}

.service-22 .text-info {
  color: #188ef4 !important;
}

.service-22 .text-megna {
  color: #1dc8cd;
}

/* .service-22 .img-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
} */

.service-22 .btn-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
  background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.service-22 .btn-info-gradiant:hover {
  background: #316ce8;
  background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
  background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
  background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.service-22 .btn-md {
  padding: 15px 45px;
  font-size: 16px;
}


/* accordian section */

.container11 {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container11 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0px 115px; 
gap: 20px;
}

.accordion11 {
flex: 1;
max-width: 50%;
}

.accordion-item {
border: none !important;
border-bottom: 1px solid #ccc !important;
}

.accordion-header {
font-size: 14px;
color: #008CBA;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px;
/* background: #f9f9f9; */
}

.accordion-header:hover {
background: #e8f4f9;
}

.accordion-content11 {
display: none;
padding: 15px;
background: #fff;
}

.accordion-header .icon11 {
transition: transform 0.3s ease;
}

.accordion-header.active .icon {
transform: rotate(180deg);
}

.image-section {
flex: 1;
max-width: 50%;
display: flex;
justify-content: center;
}

.image-section video {
max-width: 100%;
height: 350px;
}

@media screen and (max-width: 768px) {
.container11 {
  flex-direction: column;
  align-items: normal;
  padding: 40px 20px;
}
.accordion11 {
    max-width: 100%;
}

.image-section {
    max-width: 100%;
}
}

/* Services */

.services-section {
font-family: Poppins, sans-serif;
margin: 0;
padding: 0;
}

.services-section {
/* background: linear-gradient(45deg, #764f8f, #da1f3e);
color: white;
padding: 50px 0;
margin-top: 15vh; */
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  background-image: url('../images/FD/bg_why_us.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

h1 {
font-size: 3rem;
}

.services-list {
font-size: 1.5rem;
border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.services-list li {
margin-bottom: 20px;
margin-left: 20px;
}

.services-list li a {
color: white;
text-decoration: none;
position: relative;
width: calc(100% - 5px);
display: block;
}

.services-list li a:hover{color: #c3c3c3!important;}
.services-list li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content:"\f054";
position: absolute;
right: 0;
line-height: 1;
top: 10px;
padding: 4px 7px;
font-size: 14px;
color: rgb(41, 38, 38);
background-color: #ffffff;
border-radius: 15px;
}

.services-list li a:hover::after {
color: #ffcf2a;
}

/* Responsive Styles */
@media (max-width: 568px) {
h1 {
font-size: 2rem;
}

.services-list li a {
width: calc(100% - 0%);
display: block;
font-size: 1rem;
}

.services-list li a::after{
top: 3px;
}

.services-section .row {
flex-direction: column;
}

.services-list {
margin-top: 30px;
}

.services-list li {
margin-left: 10px;
}
}

/* Our  Core services */

/*----------------- Services ---------------------*/

body {
font-family: "Rubik", sans-serif;
line-height: 1.6;
overflow-x: hidden;
}

/* Key IT Services Section */
/* .key-services-unique {
font-size: 2.5rem;
font-weight: bold;
left: 50px;
margin-bottom: 20px;
position: relative;
}

.key-services-unique::after {
content: "";
display: block;
width: 100px;
height: 4px;
background: linear-gradient(90deg, orange, pink);
position: absolute;
bottom: -10px;
left: 0;
} */

/* Service Section */
.service-section-unique {
display: flex;
align-items: flex-start;
justify-content: center;
padding: 20px 100px;
border-bottom: 1px solid #e9ecef;
background-color: #f9f9f9;
}

.text-container-unique {
flex: 1;
padding: 20px;
}

.text-container-unique h2 {
position: relative;
font-size: 2.5rem;
margin-bottom: 20px;
}

.text-container-unique h2::after{
content: "";
display: block;
width: 150px;
height: 2.5px;
background: linear-gradient(45deg, #764f8f, #da1f3e);
position: absolute;
bottom: -10px;
left: 0;
}

.text-container-unique p {
font-size: 1.1rem;
margin-bottom: 30px;
line-height: 1.4;
color: #555;
}

.buttonserv {
  padding: 5px 20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s ease;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

.button-secondaryserv {
background-color: #33aac2c4;
color: #000000;
border: 1px solid #ccc;
}

.button-secondaryserv:hover {
color: white;
background-color: #0f6f7c;
}

/* Accordion Menu */
.accordion-menu-unique {
display: block;
position: relative;
border-radius: 5px;
}

.accordion-menu-unique h2 {
font-size: 18px;
line-height: 34px;
font-weight: bolder;
letter-spacing: 1px;
display: block;
margin: 0;
cursor: pointer;
color: #232323;
margin-bottom: 10px; /* Spacing between the header and bullet list */
}

.accordion-menu-unique ul {
list-style: none;
padding: 0 0px 10px;
margin-right: 30px;
border-radius: 5px;
}

.accordion-menu-unique ul li {
position: relative;
padding: 0;
margin: 0;
padding-bottom: 4px;
padding-top: 18px;
border-top: 1px dotted #dce7eb;
}

.accordion-menu-unique ul li:nth-child(1) {
border: none;
}

/* Adding Bullets to the Accordion List */
.accordion-menu-unique ul li ul {
list-style-type: disc; /* Ensures that bullets are applied */
padding-left: 20px; /* Indents the bullets */
margin-top: 10px;
}

.accordion-menu-unique ul li ul li {
margin-bottom: 5px;
color: rgba(48, 69, 92, 0.8);
font-size: 15px;
line-height: 26px;
letter-spacing: 1px;
}

/* Arrow Styling */
.accordion-menu-unique ul li .arrow-unique {
position: absolute;
transform: translate(-6px, 0);
margin-top: 3px;
right: 0;
}

.accordion-menu-unique ul li .arrow-unique:before,
.accordion-menu-unique ul li .arrow-unique:after {
content: "";
position: absolute;
/*background-color: #f6483b;*/
background: linear-gradient(45deg, #764f8f, #da1f3e);
width: 3px;
height: 9px;
}

.accordion-menu-unique ul li .arrow-unique:before {
transform: translate(-2px, 0) rotate(45deg);
}

.accordion-menu-unique ul li .arrow-unique:after {
transform: translate(2px, 0) rotate(-45deg);
}

/* Checkbox Behavior */
.accordion-menu-unique ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}

.accordion-menu-unique ul li input[type=checkbox]:checked ~ ul {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%);
}

.accordion-menu-unique ul li input[type=checkbox]:checked ~ .arrow-unique:before {
transform: translate(2px, 0) rotate(45deg);
}

.accordion-menu-unique ul li input[type=checkbox]:checked ~ .arrow-unique:after {
transform: translate(-2px, 0) rotate(-45deg);
}

.transition,
p,
ul li .arrow-unique:before,
ul li .arrow-unique:after {
transition: all 0.25s ease-in-out;
}

/* Image Container */
.image-container-unique {
flex: 1;
display: flex;
justify-content: center;
padding: 20px;
min-height: 300px; /* Set a minimum height to avoid shifting */
}

.image-container-unique img {
max-width: 100%;
height: auto;
}

.image-sectionwhy {
  height: 70%;
  flex: 1;
  background: url('../images/whychoosenihdi.png') no-repeat center;
  background-size: cover;
  border-top-right-radius: 116px;
  border-bottom-right-radius: 116px;
  }

/* Media Queries */
@media (max-width: 768px) {
.service-section-unique {
flex-direction: column;
text-align: center;
margin-top: 40px;
padding: 0px 25px;
}

.key-services-unique {
margin-bottom: 50px;
left: 30px;
}

.text-container-unique {
text-align: left;
padding: 0%;
line-height: 1.4;
}

.image-container-unique {
height: 30%;
padding: 0px;
}

.image-container-unique img {
max-width: 105%;
}
} 

.container-choose {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  background-image: url('../images/whychooseusnew.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ezy__featured33 {
  /* Bootstrap variables */
  --bs-body-color: #23262f;
  --bs-body-bg: rgb(255, 255, 255);

  /* Easy Frontend variables */
  --ezy-theme-color: rgb(13, 110, 253);
  --ezy-theme-color-rgb: 13, 110, 253;
  --ezy-item-bg: #ffffff;
  --ezy-item-shadow: 0px 20px 34px rgba(241, 241, 241, 1);
  --ezy-shape-color: #e6eaf1;

  background-color: var(--bs-body-bg);
  overflow: hidden;
  padding: 0 0 60px 0;
}

@media (min-width: 768px) {
  .ezy__featured33 {
    padding: 0 0 50px 0;
  }
}

/* Gray Block Style */
.gray .ezy__featured33,
.ezy__featured33.gray {
  /* Bootstrap variables */
  --bs-body-bg: rgb(246, 246, 246);
}

/* Dark Gray Block Style */
.dark-gray .ezy__featured33,
.ezy__featured33.dark-gray {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(30, 39, 53);

  /* Easy Frontend variables */
  --ezy-item-bg: #162231;
  --ezy-item-shadow: 0 20px 34px rgba(18, 13, 13, 0.18);
  --ezy-shape-color: rgb(11, 23, 39);
}

/* Dark Block Style */
.dark .ezy__featured33,
.ezy__featured33.dark {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(11, 23, 39);

  /* Easy Frontend variables */
  --ezy-item-bg: #162231;
  --ezy-item-shadow: 0 20px 34px rgba(18, 13, 13, 0.18);
  --ezy-shape-color: rgb(30, 39, 53);
}

.ezy__featured33-icon {
  height: 70px;
  width: 70px;
  color: var(--ezy-theme-color);
  border-radius: 25%;
  font-size: 32px;
  background-color: var(--ezy-item-bg);
  box-shadow: var(--ezy-item-shadow);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ezy__featured33-title {
  color: var(--bs-body-color);
}

.ezy__featured33-content {
  color: var(--bs-body-color);
  opacity: 0.7;
}

.ezy__featured32-thumbnail {
  background-color: var(--ezy-shape-color);
  border-radius: 0 0 200px 200px !important;
  padding-bottom: 100px;
}

.ezy__featured32-thumbnail img{
  border-radius: 0 0 200px 200px;
}

.ezy__featured33-wrapper {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .ezy__featured33-wrapper {
    margin-top: 100px;
  }
}


/* Teams Section */

.ezy__team5 {
/* Bootstrap variables */
--bs-body-color: #212529;
--bs-body-bg: rgb(255, 255, 255);

/* Easy Frontend variables */
--ezy-theme-color: rgb(13, 110, 253);
--ezy-theme-color-rgb: 13, 110, 253;
--ezy-item-bg: #ffffff;
--ezy-item-shadow: 0px 4px 44px rgba(159, 190, 218, 0.37);
--ezy-rating-rgb: 255, 215, 0;

background: var(--bs-body-bg);
overflow: hidden;
padding: 60px 0;
}

@media (min-width: 768px) {
.ezy__team5 {
  padding: 25px 0;
}
}

/* Gray Block Style */
.gray .ezy__team5,
.ezy__team5.gray {
/* Bootstrap variables */
--bs-body-bg: rgb(246, 246, 246);

/* Easy Frontend variables */
--ezy-item-bg: #f6f6f6;
--ezy-item-shadow: 0px 4px 44px rgba(199, 227, 252, 0.17);
}

/* Dark Gray Block Style */
.dark-gray .ezy__team5,
.ezy__team5.dark-gray {
/* Bootstrap variables */
--bs-body-color: #ffffff;
--bs-body-bg: rgb(30, 39, 53);

/* Easy Frontend variables */
--ezy-item-bg: #283646;
--ezy-item-shadow: none;
}

/* Dark Block Style */
.dark .ezy__team5,
.ezy__team5.dark {
/* Bootstrap variables */
--bs-body-color: #ffffff;
--bs-body-bg: rgb(11, 23, 39);

/* Easy Frontend variables */
--ezy-item-bg: #162231;
--ezy-item-shadow: none;
}

.ezy__team5-heading {
font-weight: bold;
font-size: 25px;
line-height: 25px;
color: var(--bs-body-color);
}

@media (min-width: 768px) {
.ezy__team5-heading {
  font-size: 40px;
  line-height: 45px;
}
}

.ezy__team5-sub-heading {
font-size: 16px;
line-height: 22px;
color: var(--bs-body-color);
}

.ezy__team5-item img {
border-radius: 15px;
padding: 8px;
}

.ezy__team5-content * {
color: var(--bs-body-color);
}

.ezy__team5-social-links a {
display: inline-block;
opacity: 0.6;
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, color 0.25s ease-in-out;
}

.ezy__team5-social-links a:hover {
transform: translateY(5px);
color: var(--bs-body-color);
opacity: 1;
}

.ezy__team5-rating span:not(.active) {
color: rgba(var(--ezy-rating-rgb), 0.2);
}

.ezy__team5-rating span.active {
color: rgba(var(--ezy-rating-rgb), 1);
}


.ezy__header8 {
/* Bootstrap variables */
--bs-body-color: #373572;
--bs-body-bg: rgb(255, 255, 255);

/* Easy Frontend variables */
--ezy-theme-color: rgb(13, 110, 253);
--ezy-theme-color-rgb: 13, 110, 253;
--ezy-shadow: 0px 4px 44px rgba(159, 190, 218, 0.37);

background-color: var(--bs-body-bg);
overflow: hidden;
padding: 80px 0;
position: relative;
}

@media (min-width: 768px) {
.ezy__header8 {
  padding: 30px 0;
}
}

.teams{
max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  background-image: url('../images/testimonialsn1.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* Gray Block Style */
.gray .ezy__header8,
.ezy__header8.gray {
/* Bootstrap variables */
--bs-body-bg: rgb(246, 246, 246);

/* Easy Frontend variables */
--ezy-shadow: 0px 4px 44px rgba(125, 153, 177, 0.37);
}

/* Dark Gray Block Style */
.dark-gray .ezy__header8,
.ezy__header8.dark-gray {
/* Bootstrap variables */
--bs-body-color: #ffffff;
--bs-body-bg: rgb(30, 39, 53);

/* Easy Frontend variables */
--ezy-shadow: 0px 4px 44px rgba(44, 44, 44, 0.37);
}

/* Dark Block Style */
.dark .ezy__header8,
.ezy__header8.dark {
/* Bootstrap variables */
--bs-body-color: #ffffff;
--bs-body-bg: rgb(11, 23, 39);

/* Easy Frontend variables */
--ezy-shadow: 0px 4px 44px rgba(0, 0, 0, 0.37);
}

.ezy__header8-heading {
font-weight: bold;
/* font-size: 10px; */
line-height: 25px;
color: var(--bs-body-color);
}

@media (min-width: 768px) {
.ezy__header8-heading {
  /* font-size: 25px; */
  line-height: 70px;
}
}

.ezy__header8-sub-heading {
color: var(--bs-body-color);
font-size: 20px;
line-height: 1.5;
opacity: 0.8;
}

.ezy__header8-meta {
color: var(--bs-body-color);
}

.ezy__header8-img {
border: 20px solid rgba(244, 247, 253, 0.1);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
border-radius: 30px 30% 30px 30%;
}

.ezy__header8-social li {
list-style-type: none;
display: inline-block;
}

.ezy__header8-social li:not(:last-child) {
margin-right: 20px;
}

.ezy__header8-social li a {
color: var(--bs-body-color);
text-decoration: none;
font-size: 25px;
opacity: 0.7;
transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out;
}

.ezy__header8-social li a:hover {
opacity: 1;
}

/* testimonials */

/* body {
color: #828282;
font-size: 15px;
line-height: 1.7;
} */
/* h2,h3{
color: #333;
} */

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

.testimonials {
max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  background-image: url('../images/testimonialsn1.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section-title {
margin-bottom: 81px;
}
.testimonials h2 {
position: relative;
z-index: 1;
padding-bottom: 10px;
}

.testimonials h2:before {
position: absolute;
content: "";
top: 100%;
left: 0;
width: 55px;
height: 6px;
background: #ECECEB;
border-radius: 15px;
}


.testimonials h2:after {
position: absolute;
content: "";
top: 100%;
left: 0;
width: 45px;
height: 6px;
background: #14ADF3;
border-radius: 15px;
}
.owl-carousel .owl-item .single-staff-item img{
max-width: 325px;
width: 160px;
border-radius: 50%;
}
.staff-meta {
font-size: 12px;
color: #b7b7b7;
margin-top: 20px;
}

.staff-meta h3 {
font-size: 20px;
margin: 0 0 10px;
}
.staff-list .owl-nav button {
display: inline-block;
width: 50px;
height: 40px;
background-color: #f3f3f3 !important;
margin-left: 10px;
transition: .3s;
}
.staff-list .owl-nav button:hover{
background: #14ADF3 !important;
color: white !important;
}
.staff-list .owl-nav {
position: absolute;
right: 0;
top: -46px;
}
.staff-desc{
margin-top: 20px;
}


/* .contact-form {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
} */

.container-contact {
display: flex;
min-height: 100vh;
width: 100%;
/* padding: 100px; */
}

.form-section {
flex: 2;
padding: 60px;
background-color: #FFE4B5;
}

.info-section {
flex: 1;
padding: 100px;
background-color: #0A1942;
color: white;
}

.form-title {
font-size: 28px;
margin-bottom: 30px;
color: #333;
}

.contact-form {
max-width: 700px;
width: 100%;
}

.form-group {
margin-bottom: 5px;
}

.form-group .form-control {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}

textarea.form-control {
min-height: 120px;
resize: vertical;
}

.submit-btn {
background-color: #0A1942;
color: white;
padding: 12px 30px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}

.submit-btn:hover {
background-color: #152868;
}

.info-section h2 {
font-size: 40px;
margin-bottom: 20px;
line-height: 1.2;
color: white;
}

.info-section p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
}

select.form-control {
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1em;
}

@media (max-width: 768px) {
.container-contact {
    flex-direction: column;
    padding: 20px;
}

.form-section, .info-section {
    padding: 20px;
}

.info-section {
    text-align: center;
}

.form-title {
    text-align: center;
}

.contact-form {
    margin: 0 auto;
}
}