@import url('https://fonts.googleapis.com/css2?family=Arimo:ital@0;1&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  overflow-x: hidden;
}
.bg-light .navbar-nav .nav-link{
  color: #000 !important
}
p{
  color: #000
  padding-top: 68px;
}
.w-100{
    width: 100% !important;

    height: 650px;

}
.menubar {
    background: #fff;
    height: 126px;

}
.btn-primary1 {
padding: 10px 76px 9px 65px;
color: #000;
border-radius: 25px;
border: none;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
margin-top: 10px;
display: inline-block;
font-weight: 500;
      background: linear-gradient(90deg, #fa9110 10%, #dea968 90%);

}
.btn-primary2 {
padding: 8px 16px;
font-weight: 500;
color: #7140b0;
border-radius: 50px;
text-decoration: none;
box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 30%);
background: transparent;
letter-spacing: 0.5px;
border: 3px solid #7140b0;
margin-top: 10px;
display: inline-block;
}
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   background: linear-gradient(180deg, rgba(6, 46, 57, 0) 34.56%, rgb(68 90 97 / 11%) 59.22%), linear-gradient(180deg, rgb(78 152 226) 7.55%, rgba(6, 46, 57, 0) 24.9%);
    width: 100%;
  z-index: 8;

}


.slider-left {
position: absolute;
z-index: 9;
top: -191px;
left: 8px;
text-align: right;
border-right: 4px solid #f00;
padding-right: 27px;
}
.slider-right{
position: absolute;
    z-index: 9;
    top: -191px;
    right: 160px;
    text-align: left;

}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 10.25rem;
    color: #fff;
    text-align: center;
    z-index: 98;
}
.slider-left h5{
    color: #fff;
    font-size: 47px;
    font-weight: bold;



}
.slider-left p{
    color: #fff;
font-size: 20px;

}


.slider-right h5{
color: #fff;
    font-size: 46px;


}
.slider-right p{
color: #fff;
font-size: 23px;
    /* margin-top: 10px; */
}




.top-bar{
      background: #3CA55C;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #009688, #3CA55C);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #009688, #3CA55C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.container{
  width: 1258px !important;
}
.cart-img{
      width: 61px !important;
    margin-left: 70px;
}
.navbar-expand-lg .navbar-nav {

    flex-direction: row;
    float: right;
    right: 0;
    position: absolute;
    top: 43px;
    /* border-left: 1px solid; */
}
.logo{
    position: absolute;

    margin-left: -35px;
    padding-top: -3px;
    padding-bottom: 13px;
    border-radius: 11px;
    padding-top: 21px;
width: 238px;
    border-radius: 10px;

}
.navbar-brand{

}
.badge{
    position: absolute;
    float: right;
    margin: 0;
    right: 35px;
    width: 22px;
    border-radius: 28px;
    background: #e91e63 !important;
}
.carousel{
  margin-top: -100px;

}
.navbar {
  z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0rem; 
    padding-bottom: 0rem;
}
.navbar-light .navbar-nav .nav-link {

    font-weight: 500;
    color: #101010;
    text-transform: uppercase;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin: 0 10px;
    line-height: 40px;
    padding: 0;
}
.card-icone{
position: fixed;
top: 30%;
left: -33px;
z-index: 9;
}
.card-icone ul{
    list-style: none;

}
.card-icone ul li{
margin-top: 10px;

}
.card-icone .icone-1{
width: 42px;
background: #040c14;
padding: 5px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
z-index: 9 !important;
list-style: none;

}



.sec-title{
        position: relative;
    padding: 40px;
    font-size: 66px;
    color: #000;
    font-weight: 600;
    height: 126px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
       margin-top: 8px;


background: linear-gradient(to right, #4d95e0, #bddc19);

}
.sec-title h2 {
text-transform: capitalize;
font-size: 41px;
font-weight: bold;

text-align: center;
    color: #000
}
.navbar-light .navbar-nav .nav-link:hover{
color: #fd7e14;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
color: #ff8b00;
}
.navbar-nav {
display: flex;
flex-direction: column;
margin-bottom: 0;
list-style: none;
margin-left: 40px;
}
.inq{
float: right;
margin-top: -14px;
z-index: 999;
position: relative;
margin-left: 30px;
}
.top-bar ul{
float: right;
margin-top: 12px;
margin-left: 10px;
margin-bottom: 12px;
text-align: right;
}
.top-bar ul li{
display: inline;
padding-right: 15px;
color: #fff;
}
.event .card .card-body h3{
        font-size: 19px !important;
        font-weight: bold;
}
/*-----------------------------------sec heder end---------------------------*/
/*-----------------------------------sec about---------------------------*/
.about .img {
    width: 100%;
    height: auto;
    border-radius: 30px;
    margin-top: 13px;



}

.image-anime{
    position: relative;
    overflow: hidden;
}

.image-anime:after{
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}


.about .span{
    color: #9dd02d !important;

}

.about h3{
    font-size: 41px;
    font-weight: bold;
color: #8cc937;

}
.about p{
    font-size: 16px;
    color: #000;
}
.about .p-black{
text-align: justify;
    font-size: 16px;
    color: #000;
    line-height: 28px;

}

/*.csr-section*/
.csr-section{

    background: linear-gradient(to right, #61b2dd, #6f6f6f);
    overflow:hidden;
}



.csr-section .section-heading{

    display:flex;
    align-items:center;
    gap:20px;
}

.csr-section .section-heading span{

    font-size:34px;
    font-weight:700;
    color:#0b1f4d;
}

.csr-section .section-heading::after{

    content:'';
    width:70px;
    height:3px;
    background:#d4a017;
}

.csr-section .csr-box{
text-align: center;
    padding: 15px 20px;
    border-right: 1px solid #e8e8e8;
    transition: .4s;
background: #ffffffd9;
    height: 200px;
    border-radius: 16px;

}



.csr-section .csr-box img{
 width: 209px;
    height: 142px;

    border-radius: 8px;
    margin-bottom: 20px;
    transition: .4s;

}

.csr-section .csr-box h4{
color: #0b1f4d;
    font-weight: bold;
    font-size: 17px;
    background: #fff;
    padding: 9px;
    margin-bottom: 10px;
    border-radius: 10px;
    margin-top: -43px;
    position: relative;


}

.csr-section .csr-box p{
    color: #010101;
    line-height: 21px;
    font-size: 15px;
}



.csr-section .csr-box:hover{

    transform:translateY(-10px);
}

.csr-section .csr-box:hover img{

    transform:scale(1.15) rotate(8deg);
}

.csr-section .csr-parallax{

    height:520px;

    background:url(images/csr.jpg);

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

/*    background-attachment:fixed;*/

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;
}


.csr-section .csr-btn{
    position: absolute;
    z-index: 2;
    background: #0b1f4d80;
    color: #fff;
    margin-top: 23px;
    padding: 18px 35px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 14px;
    transition: .4s;

}

.csr-section .csr-btn:hover{

    background:#d4a017;

    color:#fff;
}

/*.csr-section*/

.services h3{
color: #fff;
font-weight: 700;
padding-top: 7px;
text-align: center;
font-size: 21px;
}
.services .card{
height: 472px;
z-index: 2;
margin-bottom: 12px;
margin-top: 31px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.services .card a {
font-size: 17px;
color: #fff;
/* position: absolute; */
/* bottom: 21px; */
right: 58px;
/* margin: auto; */
margin: auto;
width: 59%;
position: absolute;
bottom: 20px;
}
.services .card-body{
z-index: 9;
}
.services .box1{
width: 90%;
height: 356px;
background: #c6cace;
position: relative;
z-index: 1;
border-radius: 17px;
margin-left: 38px;
margin-top: -372px;
margin-bottom: 24px;
display: none;
}
.services .card .img {
width: 100%;
height: 224px;
margin: auto;
/* padding: 10px; */
padding-left: 0px;
paddinh-right: 22px;
z-index: 9;
/* margin: auto; */
margin-left: 0px;
/* border-bottom: 2px solid #d9a900; */
}
.services  .card-body .svg-img{
width: 100%;
/* padding: 8px; */
margin: auto !important;
}
.services  .card-body .card-svg{
background: #d9a900;
width: 71px;
height: 65px;
margin: auto;
padding: 10px;
margin-top: -10px;
}
.services .card .card-body h2{
font-size: 20px;
color: #000 !important;
font-weight: bold;
text-align: center;
}

.services .card .card-body p{
font-size: 15px;
color: #000 !important;
text-align: center;
}
.services .contain {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.image {
    display: block;
    width: 100%;
    height: 291px;
    margin-top: 89px;
    margin-bottom: 60px;
border-radius: 15px;
}


.overlay {
    position: absolute;
    bottom: 131%;
    background-color: #ffffff;
    right: 0;
    overflow: hidden;
    width: 93%;
    padding: -7px;
    border-radius: 11px;
    height: 161px;
    z-index: 9;
    left: 13px;
    top: 251px;
    transition: .5s ease;
    box-shadow: 0px 3px 30px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);


}


.overlay:before, .overlay:after {
     content: '';
    border: 2px solid #519fe9;
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    border-radius: 14px;
    bottom: 9px;
    clip-path: polygon(0 0, 127% 0%, 50% 100%, 0% 100%);


}
.services .contain{
bottom: 72px;
height: 79%;
    margin-bottom: 29px;
}
.services .contain .overlay p{
    font-size: 15px;
color: #000;
margin: 10px;
}
.services .header-btn21 {
    display: inline-block;
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-font-size-font-s18);
    font-weight: var(--ztc-weight-bold);
    color: #fff;
    padding: 0px 1px 1px 18px;
    border-radius: 0px;
    position: relative;
    border-radius: 0px;
    font-size: 15px;
    z-index: 1;
    border-radius: 11px;
    text-decoration: none;
    background: var(--ddd, linear-gradient(91deg, #e3b077 0.78%, #18162b 99.88%));
    background: none;
    color: #000;
}
.services .contain .card-body{
    background: #003880;
    color: #fff;
    width: 325px;
    position: relative;
    left: 23px;
    border-radius: 20px;
    height: 156px;
    margin-top: -75px;
    z-index: 9;

}
.text {
    color: #000;
    font-size: 19px;
    position: relative;
    top: 49%;
    text-align: center;
    left: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;


}
/*--------------- sec-products end ---------------------------*/

.why21 .ct-btn {
display: inline-block;
width: 85px;
height: 85px;
line-height: 85px;
text-align: center;
border-radius: 50%;
font-size: 60px;
background: #fff;
position: absolute;
top: 77%;
right: 43%;
}
.why21 .ct-btn::before {
content: "";
height: 85px;
width: 85px;
position: absolute;
top: 0;
left: 0;
background: #e73a3e;
border-radius: 50%;
animation: choose 1.6s ease-out infinite;
}
@keyframes choose{
0%,30%{
transform: scale(0);
opacity: 1;
}
50%{
transform: scale(1.5);
opacity: .7;
}
100%{
transform: scale(2);
opacity: 0;
}
}
.why21 .ct-btn a{
color: #e73c3e;
}
.why21 .feature-box {
background: #fff;
padding: 0px;
padding: 5px;
height: 183px;
margin-bottom: 25px;
position: relative;
overflow: hidden;
transition: .4s;
    border-bottom: 3px solid #507dc6;
    border-radius: 15px;

}
.why21 .feature-box:hover {
transform: translateY(-10px);
}
.why21 .feature-box:hover .fbc-btn{
    background: #509de7;
color: #fff;
}
.why21 .feature-box h3{
    font-size: 18px;
}


.why21 .feature-box::before {
content: "";
    position: absolute;
    top: -115px;
    left: 0;
    right: 0;
    margin: auto;
    width: 88%;
    height: 95%;
    background: #b8da1c;
    border-radius: 50%;


}
.why21 .fbc-btn {
display: inline-block;
height: 90px;
width: 90px;
line-height: 90px;
background: #fff;
border-radius: 50%;
text-align: center;
color: #e73a3e;
position: relative;
transition: .4s;
}
.why21 .fbc-btn img{
    width: 64px;
    height: 64x;
}
.why21 .feature-box p{
font-size: 14px;
}
/*.active-feature{
margin-top: -30px;
}*/
.why21 .finix-text{
position: relative;
}
/*---------------why21 end ---------------------------*/
/*-----------------------------------sec about end---------------------------*/
.car1{
position: absolute;
margin-top: -278px;
right: 0px;
}
/*.vm-section*/
.vm-section {

    position: relative;
    overflow: hidden;
    background: #f5f8fc;
}

/* Background decorative circle */
.vm-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(30, 71, 145, 0.05);
    top: -250px;
    left: -180px;
}

.vm-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(30, 71, 145, 0.05);
    bottom: -220px;
    right: -150px;
}

.vm-section  .vm-container {
    position: relative;
    z-index: 2;
}

.vm-section .vm-heading {
    text-align: center;
    margin-bottom: 55px;
}

.vm-section .vm-heading span {
    color: #2867b2;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}


.vm-section .vm-heading h2::after {
    content: "";
    width: 60px;
    height: 4px;
    background: #2867b2;
    display: block;
    margin: 15px auto 0;
    border-radius: 5px;
}


/* Main cards */
.vm-section .vm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    max-width: 1100px;
    margin: auto;
}


/* Card */
.vm-section .vm-card {
    position: relative;
    min-height: 330px;
    padding: 45px 45px 40px;
    border-radius: 25px;
    overflow: hidden;
    background: #61b2dd;
    color: #fff;
    box-shadow: 0 20px 45px rgba(25, 34, 72, 0.18);
    transition: all .4s ease;
}

.vm-section .vm-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 55px rgba(25, 34, 72, 0.25);
}


/* Number */
.vm-section .vm-number {
    position: absolute;
    right: 25px;
    top: 5px;
    font-size: 110px;
    font-weight: 800;
    line-height: 1;
    color: rgba(255,255,255,0.05);
}


/* Icon */
.vm-section .vm-icon {
    width: 65px;
    height: 65px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    font-size: 27px;
    color: #fff;
    margin-bottom: 28px;
}

.vm-section .vm-card h3 {
    font-size: 28px;
    margin: 0 0 18px;
    font-weight: 700;
    color: #fff;
}

.vm-section .vm-card p {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255,255,255,0.82);
    margin: 0;
}


/* Mission list */
.vm-section .vm-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.vm-section .vm-list li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    line-height: 1.5;
}

.vm-section .vm-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #65b5ff;
    font-weight: 700;
}


/* Different second card */
.vm-section .vm-card.mission {
    background: linear-gradient(135deg, #d2e994, #3d6900);


}

.vm-section .vm-card.mission .vm-icon {
    background: rgba(255,255,255,0.15);
}


/* Bottom line */
.vm-section .vm-bottom-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #65b5ff, #2867b2);
}

/*.vm-section-end*/
/*.quality-section*/
.quality-section {

    background: #fff;
    position: relative;
    overflow: hidden;
}

.quality-section .quality-wrap {
    max-width: 1150px;
    margin: auto;
}

/* Heading */
.quality-heading {
    text-align: center;
    margin-bottom: 55px;
}

.quality-heading span {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #2867b2;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.quality-heading p {
    max-width: 650px;
    margin: 15px auto 0;
    color: #777;
    font-size: 16px;
    line-height: 1.7;
}


/* Main layout */
.quality-section  .quality-box {
    display: grid;
    grid-template-columns: 0.9fr 1.4fr;
    gap: 35px;
    align-items: stretch;
}


/* Left */
.quality-section  .quality-intro {
    background: linear-gradient(145deg, #192248, #2867b2);
    border-radius: 25px;
    padding: 45px 38px;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

.quality-section  .quality-intro::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 35px solid rgba(255,255,255,0.06);
    border-radius: 50%;
    right: -90px;
    top: -70px;
}

.quality-section  .quality-intro::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border: 25px solid rgba(255,255,255,0.05);
    border-radius: 50%;
    left: -90px;
    bottom: -80px;
}

.quality-section  .quality-icon {
    width: 75px;
    height: 75px;
    border-radius: 20px;
    background: rgba(255,255,255,0.13);
    border: 1px solid rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 28px;
}

.quality-section  .quality-intro h3 {
    font-size: 28px;
    margin-bottom: 18px;
    font-weight: 700;
    color: #fff;
}

.quality-section  .quality-intro p {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255,255,255,0.85);
    margin: 0;
}


/* Right points */
.quality-section  .quality-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.quality-section .quality-item {
    padding: 28px 25px;
    border: 1px solid #e5e9f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(25,34,72,0.07);
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

.quality-section .quality-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(25,34,72,0.13);
    border-color: #2867b2;
}

.quality-section .quality-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #2867b2;
}

.quality-section .quality-item-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #eef5fc;
    color: #2867b2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    margin-bottom: 18px;
}

.quality-section .quality-item h4 {
    color: #192248;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px;
}

.quality-section .quality-item p {
    color: #777;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}


/*.quality-section-end*/
/*-------------------------------------sec-why1---------------------------------*/
.sec-why1{
    background: #eee;
}
.padding-70{
    padding: 70px !important;
}
.sec-why1 p{
    
        color: #1379dd;
}

.sec-why1 .card{
   box-shadow: none !important;
    background: none;
text-align: center;
border: none !important;
}
.sec-why1 .card-title{
font-size: 20px;
color: #000;
}
.sec-why1 .card img{

box-shadow: none !important;
    border-radius: 100%;
width: 79px;
line-height: 100px;
height: 79px;
line-height: 100px;
margin: auto;
line-height: 100px;
display: block;
background-color: #FFFFFF;
box-shadow: 0 28px 28px 0 rgb(108 88 250 / 20%);
z-index: 1;
}
.people .back .img {
width: 60px;
border-radius: 38px;
border-bottom: 2px solid #76abd9;
margin-top: -200px;
position: absolute;
top: 23px;
display: flex;
margin: auto;
/* margin-right: 53px; */
z-index: 9;
margin-left: 217px;

}
.people h3{
font-size: 20px;
color: #07353f;
}
.people .back p{
text-align: left;
padding-left: 15px;
}
.people .icone {
font-size: 31px;
color: #07353f;
margin-left: 204px;
}
.people .back {
margin-top: 20px;
border: 10px solid #fff !important;
clip-path: polygon(15% 0%, 100% 0, 100% 44%, 100% 69%, 85% 100%, 0 100%, -3% 80%, 0% 2%);
color: #000;
padding: 13px;
font-size: 16px;
border-radius: 30px;
text-align: center;
border: 1px solid #eee;
border-radius: 40px;
box-shadow: 0px 0px 40px 0px #062E390D;
margin-top: 40px;
padding: 60px 40px 40px;
background: #e7eaea;
}
.people .back::before {
content: "";
position: absolute;
width: 220px;
height: 220px;
border: 35px solid rgb(110 155 236 / 25%);
border-radius: 50%;
right: -90px;
top: -70px;
}
.about::before {
content: "";
position: absolute;
width: 220px;
height: 220px;
left: 220px;
margin-top: 285px;
border: 35px solid rgb(59 102 178 / 25%);
border-radius: 50%;
/* right: -92px; */
/* top: 214px; */
}
.services::before {
content: "";
position: absolute;
width: 219px;
height: 220px;
/* left: 154px; */
margin-top: -51px;
border: 35px solid rgb(59 102 178 / 25%);
border-radius: 50%;
right: -87px;
/* top: 214px; */
}
.exp h2{
float: left;
font-size: 60px;
color: #379e63;
font-weight: bold;
margin-right: 20px;
}
.sec-mission h2{
font-size: 21px;
font-weight: bold;
color: #fff;
padding-top: 12px;
text-align: center;
}
.sec-mission p{
color: #fff;
font-size: 17px;
text-align: center;
}
.sec-mission img{
height: 73px;
border-radius: 28%;
width: 73px;
display: block !important;
margin: auto;

}
.exp p
{
float: left;
font-size: 23px;
color: #000;
font-weight: bold;
width: 100px;
line-height: 24px;
margin-top: 10px;
margin-right: 20px;
}
.home-box{
margin-top: 100px;
}
.slider-tex h2 {
color: #fff;
font-size: 60px;
font-weight: bolder;
}
.slider-tex {
margin-top: -188px;
position: relative;
z-index: 9;
top: -260px;
text-align: center;
}

/*----------------------sec-why1--------------------------------------------*/


/*---------------------------------sec-why2---------------------------------*/


.sec-why2{
    
} 
.p-black{
    color: #000;
}
.contact-btn{
    margin-top: 20px;
    width: 167px;
    border-radius:50px;
}
.mini-title{
    color: #1379dd;
    font-size: 19px;


}

.sec-why2 img{
  display: block;
  height: 400px;
  margin:0;
  padding: 0;
  
  outline-offset:-17px;
  overflow: hidden;  
  z-index: -1 
}

/*---------------sec-why2and----------------------------*/



/*----------------sec-why3-----------------------------*/
.btn-primary1 {
 display: inline-block;
padding: 12px 28px;
background: #075b9e;
color: #fff !important;
border: 2px solid #075b9e;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
text-decoration: none !important;
line-height: 1.4;
transition: all 0.3s ease;
cursor: pointer;
box-shadow: 0 5px 15px rgba(7, 91, 158, 0.18);
}

.btn-primary1:hover {
background: #ffffff;
color: #075b9e !important;
border-color: #075b9e;
transform: translateY(-2px);
box-shadow: 0 7px 18px rgba(7, 91, 158, 0.25);
}

.btn-primary1:active {
transform: translateY(0);
}
.sec-why3 .btn-primary1 {
padding: 10px 76px 9px 65px;
color: #000;

border: none;
/* margin-right: 30px; */
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
right: 31px;
z-index: 9;
margin-top: -4px;
position: absolute;
display: inline-block;
font-weight: 500;
   
}
.sec-why3 .btn-primary1:hover{
color: #fff;
} 
.padding-70{
padding: 70px !important;
}
.sec-why3 .card{
box-shadow: none !important;
background: #fff;
text-align: center;
border: none !important;
border-radius: 20px;
padding: 25px;
padding-bottom: 39px;
height: 355px;
margin-top: 39px;
}
.work .work-process-wave {
display: flex;
/* flex-wrap: wrap; */
justify-content: center;
align-items: flex-start;
gap: 41px;
margin: 37px auto;
max-width: 1000px;
/* position: relative; */
}
/*
 .work .wave-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
*/
 .work .wave-step.reverse {
flex-direction: column-reverse;
}
.work .card {
background: #fff;
padding: 40px 35px;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-family: sans-serif;
text-align: center;
min-width: 186px;
font-size: 22px;
text-transform: uppercase;
height: 263px;
width: 259px;
font-weight: bold;
color: #6e9bec;
border-bottom: 8px solid;
}
.work .card img{
    border-radius: 22px;
    width: 148px;
    margin: auto;
}
.work .card span {
font-weight: normal;
font-size: 14px;
color: #666;
margin-top: 11px;
line-height: 25px;
text-transform: capitalize;
}
.work .arrow-down, .arrow-up {
font-size: 24px;
color: #888;
margin: 10px 0;
animation: bounce 1.2s infinite ease-in-out;
}
/* Optional arrow animation */
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(5px); }
}
.sec-why3 .card .service-item{
position: absolute;
background: #52a3ec;
text-align: center;
border-radius: 14px;
margin-bottom: 3px;
padding: -3px;
bottom: 0px;
height: 30px;
transition-property: height;
/*  transition-duration: 0.5s;*/
transition: all 0.4s ease-in-out;
}
.sec-why3 .card:hover .service-item{
display: block;
height: 359px;
border-top-left-radius: 23px;
border-top-right-radius: 23px;
left: 0px;
right: 0;
margin-top: -15px;
bottom: -4px;
z-index: 0;
transition: all 0.4s ease-in-out;

}
/*.sec-why3 .card:hover+.service-item{
height: 320px !important;
fadeInUp {
-webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
}

}*/

/*.sec-why3  .hide {
text-align: center;
height: 0%;
width: 100%;
position: absolute;
background: #2795cb94;
top: 0;
transition-property: height;
transition-duration: 0.5s;
}
.sec-why3  .card:hover .hide {
display: block;
height: 260px;
clip-path: polygon(17% 0%, 99% 0, 100% 23%, 127% 58%, 50% 106%, 0 77%, 0% 78%, 0% 0%);
}*/
.sec-why3 p {
color: #000;
font-size: 17px;
z-index: 9;
}
.sec-why3 .card-title{
font-size: 20px;
color: #000;
z-index: 9;
}
.sec-why3 .card img{
width: 162px;
line-height: 100px;
/* margin-bottom: 41px !important; */
height: 105px;
line-height: 100px;
margin: auto;
line-height: 100px;
display: block;
z-index: 9;
}
.title{ 
position: relative;
display: block;
font-size: 36px;
line-height: 1.28em;
letter-spacing: 1px;
letter-spacing: 1px!important;
font-weight: BOLD;
padding-bottom: 0px;
color: #000;
}
/*-------------------sec-why3 and---------------------------------------*/

/*--------------------------------sec why4-------------------------------*/
.sec-why4 .padding-70{
padding: 70px !important;
}
.sec-why4 .textinomials .card{
background: #fff;
}
.sec-why4 .textinomials .card img{
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
width: 194px; 
border-radius: 100%;
height: 194px;
margin-bottom: -11px;
margin-top: 18px;
}
.sec-why4 .textinomials .card p{
font-style: italic; color: #000
}

.sec-why4 .title {
position: relative;
display: block;
font-size: 36px;
line-height: 1.28em;
margin-bottom: 166px;
letter-spacing: 1px;
text-transform: uppercase!important;
letter-spacing: 1px!important;
font-weight: BOLD;
text-transform: UPPERCASE;
padding-bottom: 0px;
color: #000;
}

/*--------------------------------sec why4 end-----------------------*/

/*-------------------sec client5 ---------------------------------------*/

.padding-70 {
padding: 70px !important;
}

.sec-clients5 img {
width: 100%;
height: 151px;
border-radius: 66%;
padding: 21px;
}

.sec-clients5 .carousel{
margin-top: -10px;

}
.sec-clients5 .card {
border-radius: 12% !important;
    border: 9px solid #eee;
    
}
.sec-clients5 .card-img-top{
}

.sec-client5 .card{
border-radius: 50% !important;

}
.sec-clients5 .carousel {
    position: relative;
}

.sec-client5 .title{    
   position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.28em;
    letter-spacing: 1px;
    
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    font-weight: BOLD;
    text-transform: UPPERCASE;
    padding-bottom: 0px;
color: #000;
}
.textinomials .card{
  background: #fff;
}
.sec-client5 .textinomials .card img{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 194px; 
    border: none;
    height: 194px;
    margin-bottom: -11px;
    margin-top: 18px;
}
.textinomials .card p{
font-style: italic; color: #000
}

  .sec-client5  .title{ 
    position: relative;
    display: block;
    margin-bottom: 126px;
    font-size: 36px;
    line-height: 1.28em;
    letter-spacing: 1px;
    
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    font-weight: BOLD;
    text-transform: UPPERCASE;
    padding-bottom: 0px;
color: #000;
}

.form-control {

    line-height: 2.5;

}
.gallery .card{
    width: 100%;
    height: 250px;
        margin-bottom: 20px;

 display: flex;
    justify-content: center;
    align-items: center;
}

.gallery .card img{
    width: 100%;
    height: 250px;

}






/*-------------------sec client5 ---------------------------------------*/
/*--------------------------------sec why6-------------------------------*/



 .sec-why6 .padding-70 {
    padding: 70px !important;
}
.sec-why6  .textinomials .card{
  background:none;
}
.carousel{
  margin-top: -100px;

}
.sec-why6 .textinomials .card img{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 343px; 
    border: none;
    height: 343px;
    margin-bottom: -11px;
    margin-top: 18px;
}
.textinomials .card p{
font-style: italic; color: #000}

.sec-why6 .title {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.28em;
    margin-bottom: 166px;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    font-weight: BOLD;
    text-transform: UPPERCASE;
    padding-bottom: 0px;
    color: #000;
}









/*--------------------------------sec why6 end-----------------------*/




/*--------------------------------sec why7-------------------------------*/

 .sec-why7 .padding-70 {
    padding: 70px !important;
}
.sec-why67  .textinomials .card{
  background:none;
}
.carousel{
  margin-top: -100px;

}
.sec-why7.textinomials .card img{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 3433px; 
    border: none;
    height: 333px;
    margin-bottom: -11px;
    margin-top: 18px;
}
.textinomials .card p{
font-style: italic; color: #000
}

.sec-why7 .title {
    position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.28em;
    margin-bottom: 166px;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    font-weight: BOLD;
    text-transform: UPPERCASE;
    padding-bottom: 0px;
    color: #000;
}
   
   .sec-why7 .btn-success {
    background: #549ade !important;
    color: #fff !important;
    border-radius: 123px;
    margin-right: 102px;
    margin-left: 101px;
    margin-bottom: 18px;
}
  .sec-why7 .mini-title {
    color: #1379dd;
    font-size: 19px;
    margin-top: 15px;
        padding-top: 10px;
    padding-bottom: 10px;
}







/*--------------------------------sec why7 end-----------------------*/
.sec-why8 .btn-success{
    color: #fff;
    background-color: #549ade;
    border-color: #549ade;
    border-radius: 25px;
    padding: 16px;
}

/*----------------------------------------------sec parallax img---------------*/


.parallax-vission{
  /* The image used */
  background-image: url("../images/vission.jpg");

  /* Set a specific height */
  min-height: 350px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.sec-why8 .btn-success{
    color: #fff;
    background-color: #549ade;
    border-color: #549ade;
    border-radius: 25px;
    padding: 16px;
}
.parallax-vission h2{
    font-size: 31px;
    margin-top: 64px;
    color: #ffffff !important;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 46px;

}


.parallax-contact{
	/* The image used */
  background-image: url("../images/contact-us.jpg");

  /* Set a specific height */
  min-height: 240px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-why{
  /* The image used */
  background-image: url("../images/why.jpg");

  /* Set a specific height */
      min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.parallax-contact {
    background-image: url(../images/contact-us.jpg);
    min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.parallax-contact h2 {
    text-align: center;
    width: 100%;
    padding-top: 90px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #142444;
    height: 0px;
    margin-bottom: 58px;
}

.parallax-contact h2{
	text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.sec-time{
      padding: 15px;
    text-align: center;
}


.parallax {
  /* The image used */
  background-image: url("../images/bg.jpg");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-title {
    background-image: url(../images/13.jpg);
    min-height: 244px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}


/*----------------------------------------------sec parallax img end---------------*/








/*------------------------------sec footer------------------*/
/*.footer{
    background: linear-gradient(90deg, rgb(58 61 70) 34.56%, rgb(59 60 70) 59.22%), linear-gradient(120deg, rgb(86 50 237 / 60%) 7.55%, rgb(215 188 167) 24.9%);
}*/
.footer {
      background: linear-gradient(145deg, #0d52c6, #4a8ad6);
        border-radius: 5px;

    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

.footer::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 35px solid rgba(255,255,255,0.06);
    border-radius: 50%;
    right: -90px;
    top: -70px;
}

.footer::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border: 25px solid rgba(255,255,255,0.05);
    border-radius: 50%;
    left: -90px;
    bottom: -80px;
}

.footer a{
	color: #fff !important;
	text-decoration:none !important;;
}
.footer h2{
	color: #fff;
	margin-bottom: 30px;
	font-size: 24px;
     
     

}
.footer ul li{
	color: #fff;
	list-style: none;
	margin-left: -30px;
	font-size: 16px;
  margin-bottom: 10px;

}
.footer p{
	color: #fff;
	font-size: 16px;

}
.footer img{
	float: left;
    margin-top: 24px;
}

.social i{
      padding: 12px;
    background: #6e9bec;
        border-radius: 10px;

        margin-bottom: 69px;
}
.social-head{
  margin: auto;
  padding-top: 2px;
  padding-bottom: 0px;
}
.social-head i{
 padding: 12px;
    background:none
}


/*-----------------------------footer end---------------------*/