*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    /* fonts */
    --font-inter: "Inter", sans-serif;
    --font-karla: "Karla", sans-serif;
    /* --font-kristi: "Kristi", cursive; */
}

.all-section_control{
    width: 100%;
    margin: auto;
    padding: 10px;
}



ul li {
    list-style: none;
    /* font-family:  "Inter", sans-serif; */
}
a{
    text-decoration: none;
    color: #130f49;
    /* font-family:  "Inter", sans-serif; */
}
#loading{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #efefef;
    z-index: 1;
}

#loading-image{
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
}
.intro h1:before {
    /* Edit this with your name or anything else */
    content: 'efolio';
}
.sidebar{
    /* padding-top: 60px; */
    position: fixed;
    float: left;
    width: 20vw;
    height: 100vh;
    margin: auto;
}
.navbar-1{
    height: 0;
    visibility: hidden;
    /* text-decoration: none; */
    /* margin-bottom: 50px; */
}
.navbar li{
    margin-bottom: 10px;
}
.navbar a{
    color: #55527c;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
}
.navbar a:hover{
    color: #a5a6ff; 
 }
.m-btn{
    color: #0e0e0e;
}

.show-menubar-img{
    visibility: hidden;
}
.container{
    /* display: inline-block; */
    cursor: pointer;
  }
  
  .bar1, .bar2, .bar3 {
    width: 30px;
    height: 5px;
    background-color: #f9f7f7;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
  }

.sidebar-intro{
    width: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding-top: 50px;
}
.sidebar-img{
    width: 130px;
    background: #a5a6ff;
    border-radius: 100%;
}
/* .sidebar-text{
    width: 300px;
    position: relative;
    font-style: italic;
    font-size: 25px;
    color: #130f49;
    text-align: center;
    font-family: "Inter", sans-serif;
    color: rgba(19, 15, 73, 0.09);
    display: block;
} */
.sidebar-text-2{
    width: 200px;
    margin: auto;
    font-family: "Inter", sans-serif;
    color: #130f49;
    z-index: 1;
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}
.menus{
    padding-top: 120px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
    font-family: "Inter", sans-serif;
    /* justify-content: center; */
}
/* .m-btn{
    color: #55527c;
    font-size: 20px;
}
.m-btn:hover{
   color: #a5a6ff; 
} */
.icons{
    width: 100%;
    max-width: 220px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 20px;
    justify-content: center;
}
.i-styl{
    color: #050505;
    background-color: rgba(19, 15, 73, 0.05);
    padding: 10px;
    border-radius: 100%;
    cursor: pointer;
}
.fa{
    /* display: inline-block; */
    /* font: normal normal normal 14px / 1 FontAwesome; */
    /* font-size: inherit; */
    /* text-rendering: auto; */
    /* -webkit-font-smoothing: antialiased; */
    /* -moz-osx-font-smoothing: grayscale; */
}
/* .fa-facebook:before {
    content: "\f09a";
} */
/* .fa-facebook:before {
    content: "\f09a";   
} */

.i-styl-1{
    /* color: #130f49;
    background-color: rgb(254, 232, 232);
    padding: 12px;
    border-radius: 100%;
    cursor: pointer; */
}
.i-hide{
    /* margin-right: -60px; */
    /* visibility: hidden; */
}
.sidebar-copy-rights{
    width: 250px;
    margin: auto;
    font-size: 20px;
    text-align: center;
    color:#55527c;
    padding-top: 10px;
    line-height: 1;
}
.right-section{
    float: right;
    width: 80%;
    height: 100%;
}

.header-container{
    padding-top: 150px;
    padding-bottom: 90px;
    /* height: 100%; */
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
    justify-content: space-around;
    /* gap: 20px; */
    align-items: center;
    background-color: #effbf8;
}
.header-card-1{
    width: 40%;
    padding-left: 80px;
}
.header-h1{
    color: #130f49;
    font-size: 53px;
    font-weight: 600;
    font-family:  "Inter", sans-serif;
    padding-bottom: 30px;
}
.header-h1-span{
    color: #050505;
    font-size: 53px;
    /* font-weight: 600; */
    font-family:  "Inter", sans-serif;
    /* padding-bottom: 30px;  */
}

.header-p-span{
    color: #a5a6ff; 
}
.header-p, .about-text{
    color: #55527c;
    font-size:20px;
    opacity: 0.8;
    font-family:  "Karla", sans-serif;
    line-height: 2;
    padding-bottom: 30px;
}

.header-btn-container{
    display: flex;
    gap: 20px;
    padding-bottom: 70px;
}
.header-btn{
    border: 1px solid #130f49;
    border-radius: 5px;
    background-color: #130f49;
    font-family:  "Karla", sans-serif;;
    text-align: center;
    padding: 15px;
    color: #fff;
    width: 150px;
    transition: 0.5s;
}
.header-btn:hover{
    background: none;
    color: #55527c;
    border: 1px solid #130f49;
}
.header-btn2{
    border: 1px solid #130f49;
    border-radius: 5px;
    font-family:  "Karla", sans-serif;
    text-align: center;
    padding: 15px;
    color: #55527c;
    width: 150px;
    transition: 0.5s;
}
.header-btn2:hover{
    background-color:  #130f49;
    color: #fff;
}
.all-contacts-2{
    margin-top: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-left: 5px solid orange;
    font-size: 18px;
    /* color: #130f49; */
    /* opacity: 0.6; */
    font-weight: 500;
    font-family:  "Karla", sans-serif;
    background: transparent;
}
.header-contects-links{
    font-size: 20px;
    font-weight: 600;
    color: #130f49;
    transition: 0.5s;
    font-family:  "Karla", sans-serif;
}
.header-contects-links:hover{
    color: orange;
}
.header-card-2{
    width: 40%;
}
.header-card-2-img{
    width: 30vw;
    border-radius: 150px 50px 150px 50px;
}
.big-desc1{
    font-size: 20px;
    font-weight: 800;
    color: #050505;
    /* color: #130f49; */
    font-family:  "Karla", sans-serif;
}
.big-desc-sec3-1{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    color: orange;
    font-family:  "Karla", sans-serif;
}
.big-desc-sec3-2{
    color: #55527c;
    opacity: 0.7;
    font-family:  "Karla", sans-serif;
}
.work-list-container-1{
    /* margin-top: 40px; */
    width: 40%;
    /* height: 200px; */
    background-color: #fffdfd;
    padding: 20px;
    border-radius: 10px;
    /* padding: 20px; */
    transition: 0.5s;
}
.work-list-container-1:hover{
    transform: scale(1,1.1);
}
.work-list-2 li a {
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    color: #050505;    
    font-family:  "Karla", sans-serif;    
    transition: 0.5s;
}
.all-contacts-3{
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #130f49;
    /* opacity: 0.6; */
    font-weight: 500;
    font-family:  "Karla", sans-serif;
    background: transparent;
}
.work-list-2 li a:hover{
    color: orange;
}
.redirect-listener{
    font-size: 16px;
    border: none;
    padding-top: 10px;
    color: #55527c;
    opacity: 0.7;
    font-family:  "Karla", sans-serif;
}
.work-list-2{
    font-family:  "Karla", sans-serif;
}
/* section 1 */
.section-1{
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    /* padding: 20px; */
    display: flex;
    /* gap: 10px; */
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
}
.sec-1-card-1{
    width: 30%;
    padding: 20px;
    /* padding-left: 180px; */
}
.sec-1-p{
    padding-bottom: 15px;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
}
.sec-1-p2{
    padding-bottom: 40px;
    font-size: 20px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
}
.sec-1-h2{
    padding-bottom: 18px;
    color: #130f49;
    font-family:  "Inter", sans-serif;
    font-weight: 800;
    font-size: 40px;
}
.sec-1-card-2{
    width: 60%;
    /* overflow: hidden; */
}
.sec-1-card-2-p{
    width: 30vw;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
}
.sec-1-card-2-spn{
    color: orange;
}
.sec-1-card-2-p2{
    width: 30vw;
    padding-top: 40px;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
}
.sec-1-card-2-contact-container{
    display: flex;
    /* justify-content: space-evenly; */
    /* flex-direction: column; */
    /* justify-content: center; */
    flex-wrap: wrap;
    gap: 60px;
    padding-top: 40px;
    /* align-items: center;  */
}
.sec-1-card-2-contact-h3{
    padding-top: 10px;
    color: #130f49;
    font-family:  "Inter", sans-serif;
    cursor: pointer;
}
.sec-1-card-2-contact-h3:hover{
    color: orange;
    transition: 0.5s;
}
.sec-1-card-2-contact-a{
    color: #55527c;
    text-decoration: underline;
}
.sec-2-card{
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px;
    /* justify-content: center; */
    /* align-items: center; */
}
.sec2-card-1{
    width: 390px;
    padding: 80px 30px 80px 30px;
    text-align: center;
    background-color: #d3f4ec;
    transition: 1s;
    overflow: hidden;
    position: relative;
}
.sec2-card-1::after{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5));
    left: -75%;
    z-index: 2;
    transform: skew(35deg);
}
.sec2-card-1:hover::after{
    animation: light 1.2s;
}
@keyframes light{
    0%{
        left:-75%;
    }
    100%{
        left:175%;
    }
}

.work-list-3{
    /* padding-top: 20px; */
    color: #130f49;
    font-family:  "Karla", sans-serif;
    font-size: 18px;
    font-weight: 600;
    gap: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.work-list-3 a{
    color: #050505;
    font-family:  "Karla", sans-serif;
    font-size: 18px;
    font-weight: 800;
}
.work-list-3 a:hover{
    transition: 0.9s;
    color: orange;
}

.sec2-card-2{
    width: 390px;
    padding: 80px 30px 80px 30px;
    text-align: center;
    background-color: #fce8d4;
    transition: 0.8s;
    overflow: hidden;
    position: relative;
}
.sec2-card-2::after{
    content: "";
    position: absolute;
    width: 35%;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5));
    left: -75%;
    z-index: 2;
    transform: skew(35deg);
}
.sec2-card-2:hover::after{
    animation: light 1.2s;
}

.sec2-card-3{
    width: 390px;
    padding: 80px 30px 80px 30px;
    text-align: center;
    background-color: #e3f9e0;
    transition: 0.8s;
    overflow: hidden;
    position: relative;
}
.sec2-card-3::after{
    content: "";
    position: absolute;
    width: 35%;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5));
    left: -75%;
    z-index: 2;
    transform: skew(35deg);
}
.sec2-card-3:hover::after{
    animation: light 1.2s;
}

.sec2-card-h2{
    font-size: 40px;
    color: #130f49;
    font-family:  "Inter", sans-serif;
}
.sec2-card-p{
    font-size: 15px;
    color:#55527c;
    font-family:  "Inter", sans-serif;
}
.section-3{
    background-color: #f3f9ff;
    width: 100%;
    margin: auto;
    /* margin-bottom: 50px; */
    z-index: 1;
}
.sec3-card-tlt1{
    width: 100%;
    max-width: 1250px;
    margin: auto;
    padding: 30px 10px;
    /* padding-left: 120px; */
}
.sec3-card-container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 60px;
}
.experience-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* background-color: #f3f9ff; */
    background-color: #f3f9ff;
    width: 100%;
    /* height: 250px; */
    /* padding: 10px; */
    margin-top: 35px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
}
.work-list-1{
    width: 40%;
    height: auto;
    border-radius: 10px;
    background-color: #fffdfd;
    /* background-color: #a5a6ff; */
    padding-bottom: 30px;
    padding: 20px;
    transition: 0.5s;
}
.work-list-1:hover{
    transform: scale(1,1.1);
}
.sec3-card{
    display: flex;
    /* flex-wrap: wrap-reverse; */
    gap: 10px;
    background-color: #de2b2b;
    width: 500px;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 30px 40px 80px #e1fafe;
    cursor: pointer;
    transition: 0.5s;
}
.sec3-card:hover{
    transform: scale(1,1.1);
    /* padding-top: 5px; */
    /* margin-bottom: 10px; */
    /* background-color: #888585; */

}
.sec3-txt-p1{
    color: orange;
    font-size: 18px;
    font-weight: 600;
    font-family:  "Inter", sans-serif;
}
.sec3-txt-h2{
    padding: 10px;
    color: #130f49;
    font-size: 20px;
    font-family:  "Inter", sans-serif;
}
.sec3-tlt-p{
    width: 100px;
    /* padding-top: 40px; */
    font-size: 14px;
    font-family:  "Karla", sans-serif;
    /* align-items: center; */
    color: #55527c;
}
.sec3-h2{
    color: #55527c;
    font-family:  "Karla", sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.sec3-txt-p2{
    /* width: 30vw;  */
    padding-top: 40px;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
}

.work-list-4{
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.work-list-4::after{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(1);
    height: 1.8px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.30s ease-out;
}
.work-list-4:hover::after{
    transform: scaleX(0);
    transform-origin: bottom left;
}

.section-4{
    /* background-color: #f3f9ff; */
    width: 100%;
    /* max-width: 1250px; */
    /* margin: auto; */
    /* padding-top: 80px;
    padding-bottom: 80px; */
    padding: 10px;
}
.sec4-tlt-container{
    /* padding-left: 140px; */
    width: 100%;
    margin: auto;
    max-width: 1250px;
    padding-bottom: 20px;
    /* display: flex; */
    /* gap: 0px; */
    /* justify-content: space-around; */
    align-items: center;
}
.sec4-tlt-1-p{
    color: #55527c;
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    padding-bottom: 30px;
}
.sec4-tlt-1-h2{
    color: #55527c;
    font-size: 18px;
    font-weight: 500;
    font-family:  "Inter", sans-serif;
}
.sec4-tlt-1-a{
    color: #130f49;
    font-size: 20px;
    font-family:  "Inter", sans-serif;
    position: relative;
    transition: 0.6s;
}
.sec4-tlt-1-a::after{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(1);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}
.sec4-tlt-1-a:hover::after{
    transform: scaleX(0);
    transform-origin: bottom left;
}
.sec4-card-container{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
/* .sec4-card-1{
    display: flex;
    gap: 10px;
    width: 300px;
    padding: 10px;
     border: 1px solid rgba(30, 30, 30, 0.2);
    transition: 0.5s;
} */
.sec4-card-1:hover{
    /* transform: scale(1,1.1); */
}
.sec4-card-1-p1{
    color: rgba(19, 15, 73, 0.5);
    font-size: 20px;
    margin-bottom: 20px;
    font-family:  "Inter", sans-serif;
}
.sec4-card-1-h2{
    font-size: 19px;
    color: #130f49;
    margin-bottom: 20px;
    font-family:  "Inter", sans-serif;
    font-weight: 700;
}
.sec4-card-1-p2{
    width: 180px;
    color: #55527c;
    opacity: 0.7;
    font-size: 18px;
    line-height: 30px;
}
.sec4-card-1-p3{
    padding-top: 20px;
    color: #130f49;
    font-family:  "Inter", sans-serif;
    font-weight: 500;
}
.image-row{
    /* width: 100%; */
    /* max-width: 1250px; */
    display: flex;
    /* gap: 20px; */
    flex-wrap: wrap;
    /* margin-top: 20px; */
    /* justify-content: center; */
    padding-bottom: 30px;
    padding: 10px;
}
.media-imgs{
    width: 33%;
    height: 400px;
    object-fit: cover;
    padding: 10px;
}
.media-imgs:hover{
    transition: 0.5s;
    transform: scale(1,1.1);
    overflow: hidden;
}



.img-video-section{
    position: relative;
    width:78%;
    /* height: 600px; */
    margin: auto;
    opacity: 0.8;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* padding-left: 170px; */
    margin-bottom: 80px;
    overflow: hidden;
}
.img-video{
    margin: auto;
}
.img-video-section .img-video{
    width: 100%;
    filter: brightness(70%);
    transition: 0.5s all ease-in-out;
}
.img-video-section:hover .img-video{
    transform: scale(1.2);
}
.img-video-section .img-video-playbtn{
    position: absolute;
    width: 50px;
    margin-bottom: -350px;
    margin: auto;
    background-color: #f8f4f4;
    padding: 30px;
    border-radius: 100%;
    top: 40%;
    left: 48%;
}
.img-video-section .img-video-btn{
    width: 150px;
    position: absolute;
    background: rgba(0, 0, 0, 0.08);
    bottom: 16px;
    right: 16px;
    padding: 20px;
    text-align: center;
    color: #0b0b0b;
    font-weight: 800;
    background-color: #f8f6f6;
    font-family:  "Inter", sans-serif;
    cursor: pointer;
}
/* slider */
section#slider {
	width: 100%;
    max-width: 1230px;
    margin: auto;
    padding: 10px;
    /* margin-bottom: 40px; */
}
.content{
    width: 100%;
    /* margin: auto; */
    display: flex;
    margin-bottom: 20px;
    /* padding: 10px; */
    justify-content: space-between; 
    /* justify-content: center; */
    flex-wrap: wrap;
    align-items: center;
}
.slider-text-p{
    font-family: "Karla", sans-serif;
    font-size: 16px;
    color: #55527c;
    font-weight: 500;
}
.content,.slider-text-h2{
    font-size: 35px;
    font-weight: 800;
    color: #130f49;
    font-family:  "Inter", sans-serif;
    /* line-height: 32px; */
    /* letter-spacing: 0px; */
    /* word-wrap: break-word; */
}
section#slider span.nowrap {
	white-space: nowrap;
}

section#slider .slider-wrapper {
    /* padding: 10px; */
    margin-bottom: 70px;
}

.scroll-wrapper {
    width: 100%;
    /* padding: 20px; */
    overflow-x: auto;
}

section#slider ul {
    /* padding: 10px; */
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
    gap: 10px;
}
.slider-card-1-container{
    width: 450px;
    padding: 10px;
}
section#slider li.slider {
    display: inline-block;
    position: relative;
    /* padding: 10px; */
    width: 100%;
}
.line-cards-container {
    width: 100%;
    margin: auto;
    /* padding-bottom: 60px; */
}
 .education-list{
    display: flex;
    /* justify-content: space-around; */
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
}
.education-list-txt1{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    color: orange;
    font-family: "Karla", sans-serif;
}
.education-list-txt2{
    color: #55527c;
    opacity: 0.7;
    font-family: "Karla", sans-serif;
}

.line-cards-txt {
    padding-top: 10px;
    padding-bottom: 30px;
    width: 100%;
    max-width: 1230px;
    margin: auto;
    /* margin-left: 10px; */
}
.slider-img-2{
    /* height: 400px; */
}
.slider-img-zoom{
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}
.slider-img-2 {
    /* overflow: hidden; */
}
.slider-card-1-txt-h2{
    /* width: 50%; */
    text-overflow: ellipsis;

    /* overflow: hidden; */
}
.slider-img-zoom .slider-img-2
{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}
.slider-card-1-txt-p{
    margin: 20px 0px;
    color: #55527c;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Karla", sans-serif;
}
.slider-card-1-txt-p:hover{
    color: orange;
}
.slider-card-1-txt-h2{
    /* display: none; */
    /* width: 70%; */
    font-weight: 600;
    font-size: 21px;
    color: #130f49;
    font-family:  "Inter", sans-serif;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.slider-card-1-txt-h2::after{
    content: '';
    position: absolute;
    width: 50%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.45s ease-out;
}
.slider-card-1-txt-h2:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

.slider-img-zoom:hover .slider-img-2{
    transform: scale(1.12);
}
section#slider span.slider-name, span.slider-title {
    display: block;
    position: absolute;
    color: #fff;
    left: 2vw;
}

section#slider span.slider-name {
    font-weight: 900;
    bottom: 4vw;
    font-size: 1.5vw;
}

section#slider span.slider-title {
    font-weight: 100;
    bottom: 2.5vw;
    font-size: 1.3vw;
}

section#slider .more-slider {
    padding: 1vh 0% 0;
}

section#slider .more-slider h4 {
    font-family: 'Playfair Display', serif;
    color: #5896b0;
    font-weight: 500;
    font-size: 3vw;
    padding: 35px 0 25px 0px;
    margin-bottom: 0;
    margin-top: 8px;
}

section#slider .more-slider p {
		/* padding-bottom: 2vh; */
}

section#slider .slide-controls {
    /* color: #130f49; */
    /* font-size: 10px; */
    /* font-weight: 100; */
    /* float: right; */
}
section#slider .slide-controls span.slider-previous {
    margin-right: 10px;
}

span.slider-previous:hover{
    background-color: #130f49;
    color: #fff;

}
span.slider-arrows {
    border: 1px solid #130f49;
    border-radius: 100%;
    transition: 0.5s;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.slider-next:hover{
    background-color: #130f49;
    color: #fff;

}
section#slider .slide-controls i {
    font-size: 15px;
}

section#slider .more-slider a.button {
    border: 1px solid #5896b0;
    max-width: 200px;
    color: #5896b0;
    margin-top: 6vw;
}

section#slider .more-slider a.button:hover {
    color: #fff;
}

section#slider .more-slider a.button:before {
    background: #5896b0;
}
.slider-btn-continer{
    width: 20%;
    margin: auto;
}
.slider-btn{
    width: 200px;
    text-align: center;
    align-items: center;
    background-color: #130f49;
    border: 1px solid #130f49;
    border-radius: 5px;
    padding: 20px;
    color: #fff;
    /* margin-left: 500px; */
    transition: 0.5s;
}
.slider-btn:hover{
    color: #130f49;
    background-color: #fff;
}
.line-cards-container{
    width: 100%;
    margin: auto;
    padding-bottom: 60px;
    background-color: #f3f9ff;
    /* margin-bottom: 50px; */
}
.line-cards-txt{
    /* padding-top: 40px; */
    width: 100%;
    /* margin-left: 80px; */
}
.line-cards-txt-p{
    color: #55527c;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    padding-bottom: 20px;
}
.line-cards-txt-h2{
    padding-top: 20px;
    color: #55527c;
    font-weight: 500;
    font-size: 18px;
    font-family: "Karla", sans-serif;
}
.line-cards{
    width: 100%;
    padding-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    /* border: 1px solid #130f49; */
    /* gap: 50px; */
    flex-wrap: wrap;
}
.line-img-card{
    border: 1px solid #130f49;
    border-top: none;
    border-left: none;
    width: 300px;
    height: 200px;
    box-sizing: border-box;
}
.line-img-card-2{
    border: 1px solid #130f49;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 300px;
    height: 200px;
    box-sizing: border-box;
}
.none{
    border-bottom: none;
}
.line-img{
    width: auto;
    padding-top: 100px;
    padding-left: 35%;
}

/* text-slider */

.swiper{
    width: 100%;
    padding-bottom: 20%;
    /* padding: 7% 0; */
    /* padding: 100px 106px 106px 100px; */
    height: auto;
    /* margin: auto; */
    /* margin-top: 30px; */
    /* margin-bottom: 90px; */
    /* padding: 20px; */
    /* z-index: -1; */
    background: #faedf4;
}
.testimolial-container-h1{
    padding-top: 5%;
    font-size: 20px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
    font-weight: 500;
    text-align: center;
}
.txt-slider-p-2 {
    width: 40vw;
    margin: auto;
    font-size: 24px;
    color: #55527c;
    font-family:  "Inter", sans-serif;
    padding-bottom: 20px;
}
.txt-slider-p-1{
    font-size: 30px;
    color: #130f49;
    font-weight: 500;
    font-family:  "Inter", sans-serif;
}
.slide-continer-p2{
    font-size: 16px;
    font-family:  "Karla", sans-serif;
    color: #55527c;
    text-align: start;
    /* padding-top: 20px; */
    /* padding-bottom: 10%; */
}
/* tex-slider-end */
  .swiper-wrapper{
    width: 100%;
    margin: auto;
    /* background: #faedf4; */
    text-align: center;
  }

  .slide-img{
    width: 70px;
    border-radius: 100%;
  }
  .slide-img-section{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding-bottom: 7%;
  }
  .project-slider{
    /* width: 100%; */
    /* max-width: 1150px; */
  }
  .swiper-pagination{
    padding-bottom: 30px;
}
  .sliderContainer > div {
    width: 100%;
    padding: 10px;
    /* height: 400px; */
    margin: auto;
    /* background-color: #feebf6; */
    /* color: #fff; */
    text-transform: capitalize;
    /* margin-bottom: 50px; */
  }
  .testimonial-list{
    width: 100%;
    /* display: flex;  */
    /* justify-content: center; */
    align-items: center; 
  }
  .magicStartLoop {
     width: 100%; 
     display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    animation: op 200ms linear; 
  }
  .image-list-container,.sliderDiv{
    width: 100%;
    margin: auto;
    padding: 20px;
    /* height: 500px; */
    /* margin-left: 20%; */
    /* overflow: hidden; */
  }
  .big-desc-testimonial{
    font-family:  "Inter", sans-serif;
    padding: 10px;
    font-size: 30px;
    color: #130f49;
    font-weight: 800;
    padding-bottom: 30px;
    text-align: center;
  }
  .big-desc{
    font-family:  "Inter", sans-serif;
    font-size: 35px;
    color: #130f49;
    font-weight: 800;
    padding-bottom: 30px;
    /* text-align: center; */
  }
  .big-desc-sec3{
    font-family:  "Inter", sans-serif;
    font-size: 35px;
    color: #130f49;
    font-weight: 800;
  }
  .image-list-main-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .awards-list{
    width: 85%;
    /* margin: auto; */
    /* margin-bottom: 20px; */
    /* padding-left: 115px; */
  }
 .awards-list-1{
    width: 85%;
    display: flex;
    gap: 20px;
 } 
.image-list-container-2{
    width: 30%;
    /* margin: auto; */
    padding: 20px;
    /* background-color: #d3f4ec; */
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(30, 30, 30, 0.2);
    /* justify-content: center; */
    border-radius: 10px;
    /* align-items: center; */
    /* margin: 20px; */
    gap: 10px;
    padding-bottom: 20px;
    transition: 0.5s;
}
.image-list-container-2:hover{
    transform: scale(1,1.1);
}
.image-list-container-2 img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    /* margin-right: 15px; */
}
  .image-list-container img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    /* object-fit: cover; */
    /* margin-right: 15px; */
}
  @keyframes op {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

/* text-slider --end */

 /* second--last */
 .second-last-container{
    width: 100%;
    max-width: 1250px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    /* gap: 200px; */
    /* justify-content: space-around; */
    padding-bottom: 30px;
 }
  .second-last-sec1-p{
    color: #55527c;
    font-size: 16px;
    padding-bottom: 30px;
    font-family: "Karla", sans-serif;
  }
  .second-last-sec1-h2{
    color: #55527c;
    font-size: 18px;
    font-weight: 500;
    font-family: "Karla", sans-serif;
  }
  .second-last-sec1-a{
    background-color: #130f49;
    border: 1px solid #130f49;
    padding: 15px;
    width: 150px;
    text-align: center;
    color: #fff;
    transition: 0.5s;
  }
  .second-last-sec1-a:hover{
    background-color: #fff;
    color: #130f49;
  }
  .second-last-sec2-txt{
    display: flex;
    flex-wrap: wrap;
    gap: 150px;
    align-items: center;
    padding-bottom: 50px;
  }
  .second-last-sec2-is{
    color: #55527c;
    font-size: 18px;
    font-family: "Karla", sans-serif;
  }
  .i{
    padding: 10px 10px;
  }
  .second-last-sec2-h2{
    position: relative;
    color: #130f49;
    font-size: 30px;
    width: 400px;
    font-family: "Inter", sans-serif;
  }
  .second-last-sec2-h2::after{
    content: '';
    position: absolute;
    width: 70%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}
.second-last-sec2-h2:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

  .second-last-sec2-a{
    position: relative;
    color: #130f49;
    font-size: 18px;
    padding-bottom: 5px;
    font-family: "Inter", sans-serif;
  }
  .second-last-sec2-a::after{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}
.second-last-sec2-a:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

 /* second--last--end */

/* contect-section  */
.contect-main-continer{
    width: 100%;
    background-color: #e9f9ff;
}
    .contect-section{
        width: 100%;
        max-width: 1260px;
        margin: auto;
        padding: 10px;
        /* background-color: #e9f9ff; */
        padding-top: 50px;
        padding-bottom: 20px;
        /* margin-bottom: 40px; */
        display: flex;
        /* gap: 10px; */
        flex-wrap: wrap;
        justify-content: center;
        justify-content: space-between;
    }
    .contect-details{
        width: 100%;
        max-width: 500px;
        display: flex;
        /* padding: 10px; */
        flex-direction: column;
        gap: 19px;
    }
    .contect-details-p1{    
        color: #55527c;
        font-size: 16px;
        font-family: "Karla", sans-serif;
    }
    .contect-details-h2{
        color: #130f49;
        font-size: 35px;
        font-family: "Inter", sans-serif;
    }
    .contect-details-p2{
        /* width: 600px; */
        color: #55527c;
        /* font-size: 19px; */
        font-family: "Karla", sans-serif;
    }
    .contect-details-a{
        position: relative;
        /* width: 200px; */
        color: #130f49;
        font-size: 20px;
        font-weight: 600;
        font-family: "Inter", sans-serif;
    }
    .contect-details-a::after{
        content: '';
        position: absolute;
        width: 39%;
        transform: scaleX(1);
        height: 1.5px;
        bottom: 0;
        left: 0;
        background-color: #050505;
        transform-origin: bottom left;
        transition: transform 0.30s ease-out;
    }
    .contect-details-a:hover::after{
        transform: scaleX(0);
        transform-origin: bottom left;
    }
    .contect-details-a2{
        position: relative;
        /* width: 200px; */
        color: #130f49;
        font-size: 20px;
        font-weight: 600;
        font-family: "Inter", sans-serif;
    }
    .contect-details-a2::after{
        content: '';
        position: absolute;
        width: 42%;
        transform: scaleX(1);
        height: 1.5px;
        bottom: 0;
        left: 0;
        background-color: #050505;
        transform-origin: bottom left;
        transition: transform 0.30s ease-out;
    }
    .contect-details-a2:hover::after{
        transform: scaleX(0);
        transform-origin: bottom left;
    }
    .contect-details-a3{
        position: relative;
        /* width: 200px; */
        color: #130f49;
        font-size: 20px;
        font-weight: 600;
        font-family: "Inter", sans-serif;
    }
    .contect-details-a3::after{
        content: '';
        position: absolute;
        width: 63%;
        transform: scaleX(1);
        height: 1.5px;
        bottom: 0;
        left: 0;
        background-color: #050505;
        transform-origin: bottom left;
        transition: transform 0.30s ease-out;
    }
    .contect-details-a3:hover::after{
        transform: scaleX(0);
        transform-origin: bottom left;
    }
    .contect-input-container{
        width: 100%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .contect-input-type{
        padding: 19px;
        font-size: 19px;
        font-family: "Inter", sans-serif;
        outline: none;
        border: none;
        width: 500px;
    }
    .contect-input-type2{
        padding: 19px;
        padding-bottom: 50px;
        font-size: 19px;
        outline: none;
        border: none;
        width: 100%;
    }
    .contect-input-btn{
        width: 160px;
        border: 1px solid #130f49;
        background-color: #130f49;
        font-size: 16px;
        font-weight: 400;
        transition: 0.5s;
        color: #fff;
        padding: 15px;
    }
    .contect-input-btn:hover{
        /* background-color: #fff;   */
        background-color:  #e9f9ff;
        color:#130f49;
        padding: 15px;
    }
    .all-contacts {
        display: flex;
        flex-direction: column;
        color: #130f49; 
        opacity: 0.8;
        font-size: 16px;
        font-weight: 600;
        font-family: "Karla", sans-serif;
    }
.work-list li a {
    /* padding-bottom: 5px; */
    font-size: 18px;
    font-weight: 800;
    font-family: "Karla", sans-serif;
    text-decoration: none;
    transition: 0.5s ease;
    color: #050505;
    /* border-bottom: 1px solid #b3b3b3; */
    position: relative;
}
 .work-list li a::after{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(1);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #050505;
    transform-origin: bottom left;
    transition: transform 0.30s ease-out;
} 
.work-list li a:hover::after{
    transform: scaleX(0);
    transform-origin: bottom left;
} 
.work-list-container{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
a, p, li {
    font-size: 1em;
    line-height: 1.75em;
}
/* contect-section--end  */

.map-container{
    display: flex;
    justify-content: center;
    background-color:  #e9f9ff;
    padding-bottom: 60px;
    width: 100%;
    margin: auto;
}
.map{
    border: none;
    width: 65vw;
    height: 45vh;
    /* margin: auto; */
}
.row, .project-ul{
    width: 100%;
    /* padding: 0; */
    /* display: inline-block; */
    /* padding: 20px; */
    /* height: 600px; */
    /* gap: 10px; */
    /* display: flex; */
    /* justify-content: center; */
}


/*** Media Queries ***/

@media (max-width: 991px) {
		section#slider .more-slider {
				padding: 1vh 3% 0;
		}

		section#slider .more-slider h4 {
				font-size: 5vw;
				padding: 0 0 15px 0;
		}

    section#slider .slider-wrapper {
        width: 100%;
        /* max-width: 1220px; */
    }

    section#slider .content {
        width: 100%;
        padding: 10px;
    }
    #slider{
        width: 100%;
    }
    section#slider .more-slider a.button {
        /* margin-top: 4vw;
        max-width: 175px;
        font-size: 15px;
        padding: 5px 0; */
    }
    .slider-btn-continer{
        width: 40%;
        max-width: 1200px;
        margin: auto;
    }
    .slider-img-zoom{
        width: 100%;
    }
    .slider-img-2{
        width: 400px;
        height: 300px;
    }
    .slider-card-1-txt-p{
        font-size: 16px;
    }
    .slider-card-1-txt-h2{
        font-weight: 600;
        font-size: 16px;
        color: #130f49;
        font-family:  "Inter", sans-serif;
    }
    .line-img-card{
        border: 1px solid #130f49;
        border-top: none;
        border-left: none;
        width: 300px;
        height: 200px;
        box-sizing: border-box;
    }
    .line-img-card-2{
        border: 1px solid #130f49;
        border-top: none;
        border-left: none;
        border-right: none;
        width: 300px;
        height: 200px;
        box-sizing: border-box;
    }
    .none-2{
        border-right: none;
    }
    .none-3{
        border-bottom: none;
    }
}
	
@media (max-width: 768px) {
		section#slider .area {
			padding-right: 0;
            overflow: hidden;
		}
	
		section#slider .slider-wrapper {
        width: 100%;
    }

    section#slider .scroll-wrapper {
        overflow-x: scroll;
        /* -webkit-overflow-scrolling: touch; */
    }

    section#slider li.slider {
        display: inline-block;
    position: relative;
    overflow-wrap: break-word;
    /* overflow: hidden; */
    width: 100%;
    /* width: 27vw; */
    height: 100px;
    }
	
	section#slider span.slider-title {
        bottom: 3.5vw;
        font-size: 3.3vw;
    }

    section#slider span.slider-name {
        bottom: 7vw;
        font-size: 3.5vw;
    }

    section#slider .more-slider h4 br, section#slider .slide-controls {
        display: none;
    }

     section#slider .more-slider a.button {
        margin-top: 0;
    }

    section#slider {
        padding-bottom: 0;
				margin-left: 0;
    }

    section#slider .more-slider {
        padding-left: 0;
    }

    section#slider .more-slider h4 {
        font-size: 7vw;
        
    }
    .slide-img-section{
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
        padding-bottom: 14%;
      }
    .awards-list-1{
    width: 100%;
    /* display: flex; */
    /* gap: 20px; */
 } 
 .contect-input-type{
    width: 100%;
 }
}

/* slider -- end*/

/* responsive */
@media only screen and (max-width:1551px) {
    .sidebar-img{
        width: 100px;
        margin: auto;
        background: #a5a6ff;
        border-radius: 100%;
    }
    .sidebar-text{
        font-size: 30px;
    }
    .sidebar-text-2{
        width: 200px;
        margin: auto;
        font-family: "Inter", sans-serif;
        color: #130f49;
        z-index: 1;
        font-weight: 600;
        font-size: 18px;
        margin-top: 10px;
    }
    .section-1{
        width: 80%;
        /* padding: 0; */
        /* margin-top: 20px; */
    }
    .sec-2-card{
        width: 100%;
        display: flex;
        gap: 5px;
        /* padding: 10; */
    }
    .sec2-card-1{
        width: 43.5%;
    }
    .sec2-card-2{
        width: 43.5%;
    }
    .sec2-card-3{
        width: 43.5%;
    }
    .img-video-section{
        width: 80%;
    }
    .img-video-section .img-video-btn{
        width: 100px;
        padding: 15px;
        font-size: 13px;
    }
    .img-video-section .img-video-playbtn{
        width: 50px;
        padding: 20px;
    }
    .line-cards{
        /* width: 90%; */
        padding-top: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:1200px){
    .show-menubar-img{
        width: 100px;
        z-index: 1;
        /* position: fixed; */
        visibility: visible;
    }
    .navbar-1{
        width: 100%;
        height: 10%;
        /* padding-top: 10px;
        padding-left: 10px; */
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        background-color: #fff;
        position: fixed;
        visibility: visible;
    }
    .container {
        /* display: inline-block; */
        cursor: pointer;
        /* position: absolute;
        position: fixed;
        right:10px;
        top: 10px; */
        z-index: 1;
      }
    
      .bar1, .bar2, .bar3 {
        width: 35px;
        height: 2px;
        background-color: black;
        margin: 9px 0;
        transition: 0.4s;
      }
      
      .change .bar1 {
        transform: translate(0, 11px) rotate(-45deg);
      }
      
      .change .bar2 {opacity: 0;}
      
      .change .bar3 {
        transform: translate(0, -11px) rotate(45deg);
      }
    .sidebar{
        background-color: rgb(251, 252, 252);
        position: absolute;
        position: fixed;
        right: 0;
        width: 300px;
        height: 100vh;
        padding: 10px;
        /* padding-right: 40px; */
        margin-top: 50px;
        transform: translate(100%);
        box-sizing: border-box;
        transition: 0.5s;
        z-index: 1;
    }
    .show-sidebar{
        transform: translate(0%) !important;
    }
    
    .sidebar-intro{
        padding-top: 50px;
        margin-right: 10px;
    }
    .sidebar-img{
        width: 80px;
        background: #a5a6ff;
        border-radius: 100%;
    }
    .sidebar-text{
        display: none;
    }
    .sidebar-text-2{
        display: none;
    }
    .swiper{
        width: 100%;
        height: auto;
        margin: auto;
        padding-top: 35px;
        /* padding: 20px; */
        /* margin-top: 30px; */
        margin-bottom: 50px;
        background: #faedf4;
    }
    .swiper-pagination{
        padding-bottom: 30px;
    }
    .menus{
        padding-top: 20px;
        padding-right: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items:end;
        /* justify-content: center; */
    }
    .m-btn{
        color: #55527c;
        font-size: 20px;
    }
    .m-btn:hover{
       color: #a5a6ff; 
    }
    .icons{
        display: flex;
        gap: 5px;
        
        font-size: 15px;
        justify-content: end;
    }
    .i-styl{
        font-family: "fontello";
        background-color: rgb(230, 229, 229);
        padding: 10px;
        border-radius: 40px;
    }
    .i-hide{
        margin-right: 0;
        visibility:  visible;
    }
    .sidebar-copy-rights{
        width: 250px;
        margin: auto;
        font-size: 18px;
        text-align: end;
        color: rgb(28, 28, 28);
        /* padding-top: 10px; */
        line-height: 2;
    }
    .sidebar-copy-rights-span-txt{
        display: none;
    }
    .header-container{
        width: 100%;
        display: flex;
        padding-top: 0;
        flex-wrap: wrap-reverse;
        background-color: #effbf8;
    }
    .header-card-1{
        padding: 10px;
        /* padding-left: 30px; */
        width: 100%;
    }
    .header-card-2{
        /* padding-top: 50px; */
        /* padding-left: 30px; */
        width: 80%;
    }
    .header-card-2-img{
        width: 34vw;
    }
    .right-section{
        width: 100%;
        height: 100vh;
        position: absolute;
        padding-top:70px;
    }
    .sec-1-card-2-contact-container{
        display: flex;
        flex-wrap: wrap;
    }
    .section-1{
        width: 100%;
        padding: 0;
    }
    .sec-1-card-1{
        width: 80%;
        padding: 10px;
    }
    .sec-1-card-2{
        width: 80%;
        padding: 10px;
        padding-top: 50px;
    }
    .sec-1-card-2-p{
        width: 90vw;
    }
    .sec-1-card-2-p2{
        width: 90vw;
    }
    .line-cards-txt{
        padding: 10px;
    }
    .sec3-card-tlt1{
        padding: 10px;
        /* padding-left: 0; */
    }
    .second-last-container{
        padding: 10px;
    }
    .sec-2-card{
        width: 80%;
        margin: auto;
        display: flex;
        gap: 5px;
        /* padding: 10; */
    }
    .sec2-card-1{
        width: 43.5%;
    }
    .sec2-card-2{
        width: 43.5%;
    }
    .sec2-card-3{
        width: 43.5%;
    }
    .section-4{
        /* width: 100%; */
    }
    .sec4-tlt-container{
        /* padding: 10px; */
        width: 100%;
        max-width: 1250px;
        padding-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        /* gap: 0px; */
        justify-content: space-between;
        align-items: center;
    }
    .slider-img-2{
        height: 300px;
    }
    .line-img-card{
        border: 1px solid #130f49;
        border-top: none;
        /* border-left: none; */
        width: 300px;
        height: 200px;
        box-sizing: border-box;
    }
    .line-img-card-2{
        border: 1px solid #130f49;
        border-top: none;
        border-left: none;
        /* border-right: none; */
        width: 300px;
        height: 200px;
        box-sizing: border-box;
    }
    .none-2{
        border-right: none;
    }
    .none-3{
        border-bottom: none;
    }
    .none-4{
        border-right: none;
    }
    .none-5{
        border-left: none;
    }
    .slider-card-1-txt-h2 {
        font-weight: 600;
        font-size: 15px;
        color: #130f49;
        font-family: "Inter", sans-serif;
    }

    .section-3{
        width: 100%;
    }
    .media-imgs{
        width: 50%;
    }
}
@media only screen and (max-width:800px){
    .show-menubar-img{
        font-size: 21px;
        font-weight: 800;
        /* color: #a5a6ff; */
        font-family: "Inter", sans-serif;
        width: 200px;
        margin: 0;
        padding-top: 15px;
        z-index: 1;
        /* position: fixed; */
        visibility: visible;
    }
    .header-h1{
        font-size: 33px;
    }
    .header-btn-container{
        padding-top: 0;
        display: flex;
        /* justify-content: center; */
        flex-wrap: wrap;
    }
    .header-contects{
        padding-top: 0;
    }
    .sec2-card-1{
        width: 250px;
        padding: 60px 40px 60px 40px;
        text-align: center;
        background-color: #d3f4ec;
    }
    .sec2-card-2{
        width: 250px;
        padding: 60px 40px 60px 40px;
        text-align: center;
        background-color: #fce8d4;
    }
    .sec2-card-3{
        width: 250px;
        padding: 60px 40px 60px 40px;
        text-align: center;
        background-color: #e3f9e0;
    }
    .sec-2-card
        {
        width: 90%;
        padding-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        padding: 10px;
        /* justify-content: center; */
        /* align-items: center; */
    }
    .section-3 {
        width: 95%;
        padding: 10px;
    }
    .second-last-container {
        width: 100%;
        padding: 10px;
    }
    .work-list-1{
        width: 100%;
        background-color: #fffdfd;
        /* padding: 20px; */
        box-shadow: 30px 40px 80px #e1fafe;
        transition: 0.5s;
    }
    .sec3-card-tlt1{
        padding: 10px;
        /* padding-left: 0; */
    }
   
    .sec3-card-container{
        padding: 20px;
    }
    .sec3-card{
        display: flex;
        flex-wrap: wrap-reverse;
        width: 94%;
        /* gap: 5px; */
        /* padding: 25px; */
    }
    .sec2-card-1{
        width: 100%;
    }
    .sec2-card-2{
        width: 100%;
    }
    .sec2-card-3{
        width:100%;
    }
    .sec3-txt-p2{
        width: 200px;
        padding: 0;
    }
    .line-cards-container{
        width: 100%;
        padding: 10px;
    }
    .img-video-section{
        width: 90%;
    }
    .img-video-section .img-video-btn{
        width: 90px;
        padding: 10px;
        font-size: 11px;
    }
    .img-video-section .img-video-playbtn{
        width: 40px;
        padding: 20px;
    }
    .txt-slider-p {
        /* width: 40%; */
        color: #55527c;
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        font-family: "Karla", sans-serif;
        margin: auto;
      }
      .sliderContainer {
        display: flex;
        justify-content: center;
      }
      .sliderContainer > div {
        width: 100%;
        height: 700px;
        text-transform: capitalize;
        margin-bottom: 50px;
      }
      .image-row{
        width: 100%;
        margin: auto;
      }
      .image-list-container-2{
        width: 100%;
    }
    .work-list-container-1{
        width: 100%;
    }
    .media-imgs{
        width: 100%;
        object-fit: cover;
    }
}
@media only screen and (max-width:430px){
    .navbar-1{
    width: 100%;
    height: 10%;
    /* padding-top: 10px;
    padding-left: 10px; */
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    background-color: #fff;
    position: fixed;
    visibility: visible;
}
.header-container{
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 20px;
    /* flex-wrap: wrap-reverse; */
    background-color: #effbf8;
}
.header-btn-container{
    padding-top: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
    .img-video-section .img-video-btn{
        width: 75px;
        position:absolute;
        top: 70%;
        left: 62%;
        padding: 15px;
        padding-bottom: 25px;
        font-size: 10px;
    }
    .img-video-section .img-video-playbtn{
        width: 20px;
        /* position: absolute; */
        /* top: 50%; */
        padding: 10px;
    }
    .slider-btn-continer{
        width: 100%;
        padding: 10px;
        margin: auto;
    }
    .line-cards-txt {
        /* padding-top: 40px; */
        width: 100%;
        margin-bottom: 40px;
        padding: 10px;
    }
    .header-card-2-img{
        border-radius: 56px 22px 56px 22px;
    }
    .header-h1-span{
        font-size: 35px;
    }
    .header-p, .about-text{
        font-size: 16px;
    }
    .big-desc1{
        font-size: 16px;
    }
    .work-list-1{
        width: 100%;
        background-color: #fffdfd;
        /* padding: 20px; */
        box-shadow: 30px 40px 80px #e1fafe;
        transition: 0.5s;
    }
    .work-list-2 li a{
        font-size: 16px;
    }
    .testimolial-container-h1{
        font-size: 16px;
    }
    
    .row{
        width: 100%;
    }
    .image-row{
        width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    /* margin-top: 20px; */
    justify-content: center;
    padding-bottom: 30px;
    padding: 10px;
}
    .second-last-container {
        width: 100%;
        padding: 20px;
    }
    .awards-list-1{
        width: 100%;
        padding: 10px;
    }
    .txt-slider-p{
        width: 100%;
    }
    .txt-slider-p-2 {
        width: 90vw;
        margin: auto;
        font-size: 18px;
        color: #55527c;
        font-family:  "Inter", sans-serif;
        padding-bottom: 20px;
    }
    .content, .slider-text-h2{
        font-size: 30px;
    }
    .sec4-tlt-1-h2{
        font-size: 16px;
    }
    .big-desc{
        font-size: 30px;
    }
    .sec3-h2{
        font-size: 16px;
    }
    .big-desc-sec3{
        font-size: 30px;
    }
    .line-cards-txt-h2{
        font-size: 16px;
    }
    .sliderContainer > div {
        width: 100%;
        height: 100%;
        /* padding: 40px; */
        /* background-color: #fff5f6; */
        /* color: #fff; */
        text-transform: capitalize;
        /* margin-bottom: 50px; */
      }
    .slide-img-section{
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
        padding-bottom: 18%;
      }
      .second-last-sec2-h2 {
        color: #130f49;
        font-size: 23px;
        width: 250px;
        font-family: "Inter", sans-serif;
    }
    .sec-1-card-2-contact-container{
        display: none;
    }
    .contect-details-p2{
        width: 200px;
        color: #55527c;
        font-size: 16px;
        font-family: "Karla", sans-serif;
    }
    .contect-input-type {
        padding: 19px;
        font-size: 17px;
        outline: none;
        border: none;
        width: 100%;
        margin: auto;
    }
    .contect-input-type2 {
        padding: 19px;
        font-size: 17px;
        outline: none;
        border: none;
        width: 255px;
    }
    .contect-details {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 25px
    }
    .contect-input-container{
        width: 400px;
        /* margin: auto; */
        padding: 25px;
    }
    .slider-card-1-txt-h2 {
        width: 268px;
        font-weight: 600;
        font-size: 21px;
        color: #130f49;
        font-family: "Inter", sans-serif;
        display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .section-3{
        width: 100%;
    }
    .section-4{
        width: 100%;
        padding: 10px;
    }
    
    .media-imgs{
        width: 100%;
        padding: 0;
        object-fit: cover;
    }

    .scroll-wrapper {
        width: 100%;
        margin: auto;
        /* padding: 20px; */
        overflow-x: auto;
    }
    .slider-card-1-container{
        width: 100%;
        /* margin: 50px 10px 0px 50px; */
    }
    .slider-img-zoom .slider-img-2 {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s ease;
    }
    .slider-img-zoom{
        position: relative;
        padding-bottom: 100%;
        /* margin-right: 20%; */
        overflow: hidden;
    }
    .slider-img-2{
        width: 100%;
        margin: 10px;
    }
    section#slider ul {
        padding: 10px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: flex;
        gap: 10px;
    }
    .slider-card-1-container{
        width: 400px;
        padding: 10px;
    }
    section#slider li.slider {
        display: inline-block;
        position: relative;
        padding: 10px;
        width: 400px;
        height: 400px;
    }
    .slider-card-1-txt-p {
        margin: 20px 10px;
        color: #55527c;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        font-family: "Karla", sans-serif;
    }
    .slider-card-1-txt-h2{
        margin: 0px 10px;
    }
}
@media only screen and (max-width:400px){
    .contect-input-container{
        width: 300px;
    }
}
@media only screen and (max-width:320px){
    section#slider li.slider {
        display: inline-block;
        position: relative;
        padding: 10px;
        width: 300px;
        height: 400px;
    }
}