@font-face {
    font-family: 'SF UI Text';
    src: url('../font/SFUIText-Medium.woff2') format('woff2'), url('../font/SFUIText-Medium.woff') format('woff'), url('../font/SFUIText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('../font/FFShamelFamily-SansOneBook.woff2') format('woff2'), url('../font/FFShamelFamily-SansOneBook.woff') format('woff'), url('../font/FFShamelFamily-SansOneBook.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    background-image: url(../images/body.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

a {
    text-decoration: none;
}

ol,
ul {
    list-style: none
}

a,
button {
    display: inline-block
}

.btn:focus,
.form-control:focus,
button:focus {
    outline: 0;
    box-shadow: none
}

a {
    text-decoration: unset !important;
}

.nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

li.nav-item a {
    margin: 0 10px 0 10px;
}


/* Add your CSS for the active link here */

.nav-link.active {
    font-weight: bold;
    color: #6160FF;
}

.dropdown-menu {
    width: max-content;
}

a.navbar-brand img {
    width: 180px;
}


/*top sec end*/


/* header css start */

.header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    margin-top: 10px;
}

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

.header2 a {
    background: linear-gradient(to right, #F4F4F4 50%, #6160FF 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #fff;
    border: 2px solid #6160FF;
    font-size: 14px;
    height: auto;
    border-radius: 30px;
    padding: 8px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
}

.header2 a:hover {
    background-position: left bottom;
}

.header3 a {
    background-color: #fff;
    color: #000;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 7px 25px;
    transition: all 0.3s ease;
}

.header3 a:hover {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.color1 {
    color: #080D62;
}


/* header css end*/


/* home css start  */

.home1 {
    background-image: url(../images/pic1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 200px 0px;
}

.home2 h4 {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

.home2 h2 {
    color: #fff;
    font-size: 115px;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
}

.home2 p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.home3 {
    background-color: #4444d32a;
    padding: 30px;
    border: 1px solid #cccccc44;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 2px black);
}

.home3 h4 {
    color: #e9e9e9;
    font-size: 50px;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
}

.home3 p {
    color: #e9e9e9;
    font-size: 16px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.home4 {
    justify-content: space-between;
    align-items: center;
}

.home5 input {
    border: 1px solid #e9e9e9c5;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px 20px;
}

.home5 ::placeholder {
    color: #e9e9e9;
    font-size: 12px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.home5 textarea {
    border: 1px solid #e9e9e9;
    border-radius: 0px;
    background-color: transparent;
    padding: 10px 20px;
}

.home6 button {
    color: #fff;
    background-color: #080D62;
    font-size: 14px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #080D62;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    /* smooth transition */
}

.home6 button:hover {
    color: #fff;
    background-color: transparent;
    /* slightly lighter/different shade */
    transform: translateY(-2px);
    /* small lift effect */
}

.home7 {
    padding: 80px 0px;
}

.home8 h4 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 400;
    font-family: 'FF Shamel Family Sans One Book';
    text-align: center;
}

.home8 h6 {
    color: #000000;
    font-size: 40px;
    font-weight: 200;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}

.home8 h2 {
    color: #080D62;
    font-size: 50px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}

.home9 h4 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 400;
    font-family: 'FF Shamel Family Sans One Book';
}

.home9 h2 {
    color: #000000;
    font-size: 50px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

.home9 p {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.home10 {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: -1;
}

.home11 h4 {
    color: #6160FF;
    font-size: 50px;
    font-weight: 200;
    font-family: 'FF Shamel Family Sans One Book';
}

.home11 h2 {
    color: #000000;
    font-size: 50px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

.home7 .nav-link {
    color: #9F9F9F;
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    border-right: 2px solid #9F9F9F;
    border-radius: 0;
    padding: 8px 25px;
}

.home7 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #6160FF;
    background-color: transparent;
}

.home7 button.owl-prev {
    position: absolute;
    left: -70px;
    top: 40%;
}

.home7 button.owl-next {
    position: absolute;
    right: -70px;
    top: 40%;
}

.home12 {
    display: flex;
    align-items: end;
    justify-content: end;
}

.home14 h4 {
    color: #080D62;
    font-size: 45px;
    font-weight: 800;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}

.home14 p {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.home15 {
    margin-top: 30px;
}

.home15 a {
    background-color: #6160FF;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    padding: 10px 30px;
    border: 1px solid #6160FF;
    border-radius: 20px;
    transition: all 0.3s ease;
    /* smooth transition */
}

.home15 a:hover {
    border: 1px solid #6160FF;
    color: #6160FF;
    background-color: transparent;
}

.home16 {
    /* background-image: url(../images/pic12.png); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 80px 0px;
}

.home17 p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.home18 {
    display: flex;
    align-items: center;
}

.home18 h4 {
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
}

.home18 h6 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    font-family: 'FF Shamel Family Sans One Book';
    margin-bottom: 0;
}

.left h6 {
    margin-left: 90px;
}

.home19 h2 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}

.home19 p {
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    font-family: "Inter", sans-serif;
}

.home20 h4 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.home20 h2 {
    color: #000000;
    font-size: 45px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
}

.home21 h4 {
    color: #080D62;
    font-size: 30px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

.home22 {
    margin-top: 30px;
}

.home22 img {
    margin: 10px 0px;
}

.home23 h4 {
    color: #000;
    font-size: 65px;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
}

.home24 h4 {
    color: #6160FF;
    font-size: 65px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.home25 {
    display: flex;
    align-items: end;
}

.home26 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 30px;
}

.home28 {
    display: flex;
    align-items: center;
    gap: 30px;
}

.home29 h4 {
    color: #6160FF;
    font-size: 65px;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
}

.home29 p {
    color: #080D62;
    font-size: 10px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.rightborder {
    border-right: 2px solid #080D62;
    padding-right: 30px;
}

.home30 h4 {
    color: #000;
    font-size: 65px;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    margin-bottom: -10px;
}

.home31 h4 {
    color: #6160FF;
    font-size: 18px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin-top: 20px;
}

.home31 h2 {
    color: #080D62;
    font-size: 20px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.home31 p {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.home32 h4 {
    color: #6160FF;
    font-size: 35px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
    text-align: center;
}

.home32 h2 {
    color: #080D62;
    font-size: 65px;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}

.home32 h6 {
    color: #080D62;
    font-size: 40px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.review-box {
    position: relative;
    display: inline-block;
    width: 100%;
}

.review-box img {
    width: 100%;
    display: block;
}

.review-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    /* make text visible on image */
}

.review-text h4 {
    font-size: 65px;
    font-weight: 700;
    font-family: "SF UI Text", sans-serif;
    margin: 0;
}

.review-text h2 {
    font-size: 16px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
    margin: 0;
}

.home33 {
    border: 1px solid #DADAFE;
    border-radius: 10px;
    background-color: #DADAFE;
    padding: 30px;
    height: 365px;
}

.stars {
    color: #6160FF;
    font-size: 18px;
    margin: 10px 0px;
}

.home33 p {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
}

.home33 h6 {
    color: #080D62;
    font-size: 12px;
    font-weight: 600;
    font-family: "SF UI Text", sans-serif;
}

.home36 {
    display: flex;
    justify-content: space-between;
}

.home36 img {
    background-color: #080D62;
    padding: 25px 30px;
    border: 1px solid #080D62;
    border-radius: 20px;
}

.home37 {
    background-color: #080D62;
    padding: 25px 30px;
    border: 1px solid #080D62;
    border-radius: 20px;
}

.home37 h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    font-family: "SF UI Text", sans-serif;
    line-height: 2;
}

.home38 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home38 a p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
    margin-bottom: 0;
}

.home39 {
    padding: 80px 0px 250px 0px;
}

.home39 .accordion-button::after {
    display: none;
}

.home39 button.accordion-button {
    font-size: 18px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.home40 h4 {
    color: #080D62;
    font-size: 75px;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
}

.home40 h6 {
    color: #080D62;
    font-size: 40px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}

.home40 p {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}


/* home css start  */


/* marquee css start  */

.marquee {
    overflow: hidden;
    /* hide the scrolling overflow */
    width: 100%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    margin-top: 30px;
}

.marquee__inner {
    display: flex;
    width: max-content;
    animation: marquee 15s linear infinite;
}

.marquee__group {
    display: flex;
    align-items: center;
}

.marquee__group span {
    margin: 0 0.5rem;
    white-space: nowrap;
    /* background: #000000; */
    color: white;
    padding: 4px 16px 4px 12px;
    border-radius: 6px;
    font-size: 1.2rem;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* marquee css end  */


/* About us css start  */

.about1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 80px 0px;
}

.about2 h6 {
    color: #fff;
    font-size: 55px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}

.about2 h2 {
    color: #fff;
    font-size: 110px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.about2 h4 {
    color: #fff;
    font-size: 75px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.about4 {
    justify-content: space-between;
    align-items: center;
}

.about5 {
    padding: 80px 0px;
}

.about7 h4 {
    color: #6160FF;
    font-size: 35px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.about7 h2 {
    color: #080D62;
    font-size: 60px;
    font-weight: 300;
    font-family: "Bebas Neue", sans-serif;
}

.about7 p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.about8 h4 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
    text-align: center;
}

.about8 h2 {
    color: #080D62;
    font-size: 50px;
    font-weight: 200;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
}

.about8 p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.about9 {
    border: 1px solid #6160FF;
    border-radius: 10px;
    background-color: #6160FF;
    padding: 40px 30px;
}

.about9 h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.about9 p {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    margin-bottom: 0px;
}

.about10 h4 {
    color: #6160FF;
    font-size: 30px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.about10 h2 {
    color: #080D62;
    font-size: 50px;
    font-weight: 200;
    font-family: "Bebas Neue", sans-serif;
}

.about10 p {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

.about12 {
    border: 1px solid #6160FF;
    border-radius: 10px;
    background-color: #6160FF;
    padding: 30px;
}

.about12 h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
}

.about12 p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.about13 h4 {
    color: #fff;
    font-size: 65px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
}

.about13 p {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}


/* About us css end  */


/* hover css start  */

.mission-wrapper {
    position: relative;
    padding-left: 30px;
}


/* Full side line (light gray) */

.mission-wrapper::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #ddd;
    /* light line */
}

.mission-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.mission-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
}


/* Active vertical line only for the selected item */

.mission-list li.active::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #080D62;
    /* active line color */
}


/* Headings */

.mission-list li h4 {
    font-size: 45px;
    font-weight: 400;
    font-family: "Bebas Neue", sans-serif;
    color: #080D62;
    margin-bottom: 15px;
    cursor: pointer;
    transition: color 0.3s ease;
    position: relative;
}


/* Hover effect */

.mission-list li h4:hover {
    color: #080D62;
    font-weight: 700;
}


/* Details are hidden by default */

.mission-list li .detail {
    display: none;
    margin-top: 8px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
}


/* Show detail for active item */

.mission-list li.active .detail {
    display: block;
}


/* hover css end  */


/* services css start  */

.ser1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 180px 0px 120px 0px;
}

.ser2 h6 {
    color: #fff;
    font-size: 65px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
    margin-bottom: 0;
}

.ser2 h2 {
    color: #fff;
    font-size: 120px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.ser2 h4 {
    color: #fff;
    font-size: 75px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.ser3 {
    background-color: #F2F2F2;
    padding: 80px 0px;
}

.ser4 h4 {
    color: #6160FF;
    font-size: 25px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
    text-align: center;
}

.ser4 h6 {
    color: #080D62;
    font-size: 55px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

.ser3 .accordion-button::after {
    display: none;
}

.ser3 button.accordion-button {
    color: #080D62;
    font-size: 20px;
    font-weight: 600;
    font-family: "SF UI Text", sans-serif;
    padding: 14px 20px;
}

.ser3 .accordion-item {
    background-color: transparent;
    border: 1px solid #080D62;
    margin: 0px 0px 10px 0px;
    padding: 5px 10px;
}

.ser3 .accordion-body {
    padding: 5px 20px;
}


/* services css end  */


/* brand css start  */

.brand1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 200px 0px;
}

.brand2 h2 {
    color: #fff;
    font-size: 100px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.brand2 h4 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    font-family: 'FF Shamel Family Sans One Book';
}

.brand3 {
    padding: 80px 0px;
}

.brand4 h4 {
    color: #080D62;
    font-size: 75px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
    line-height: 1.5;
}

.brand4 p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-align: center;
}

.brand5 {
    margin-top: 20px;
}

.brand7 h4 {
    color: #080D62;
    font-size: 65px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.brand7 p {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.brand8 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px 0px;
}

.brand10 h6 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
}

.brand10 h4 {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.brand10 a {
    background-color: #fff;
    color: #6160FF;
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    padding: 10px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.brand10 a:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}


/* brand css end  */


/* Blogs css start  */

.blog1 {
    padding: 80px 0px 200px 0px;
}

.blog2 h4 {
    color: #000000;
    font-size: 45px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.blog2 h2 {
    color: #080D62;
    font-size: 65px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    margin-bottom: -10px;
}

.blog3 {
    margin-bottom: 30px;
}

.blog3 h6 {
    color: #6160FF;
    font-size: 16px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin-top: 20px;
}

.blog3 h4 {
    color: #080D62;
    font-size: 20px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.blog3 p {
    color: #8D8D8D;
    font-size: 13px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}


/* Blogs css end  */


/* portfolio css start  */

.port1 {
    padding: 80px 0px;
}

.port1 .nav {
    justify-content: center;
}

.port1 .nav-link {
    color: #9F9F9F;
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    border-right: 2px solid #9F9F9F;
    border-radius: 0;
    padding: 8px 25px;
}

.port1 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #6160FF;
    background-color: transparent;
}

.port2 {
    justify-content: space-evenly;
    align-items: center;
    background-image: url(../images/pic69.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.port3 h6 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
}

.port3 a {
    background-color: #fff;
    color: #6160FF;
    font-size: 15px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    padding: 10px 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.port3 a:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}

.port4 h4 {
    color: #080D62;
    font-size: 65px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    text-align: center;
    line-height: 2;
}

.port6 img {
    height: 300px;
}


/* portfolio css end  */


/* contact css start  */

.cont1 {
    padding: 80px 0px 80px 0px;
}

.cont2 h4 {
    color: #080D62;
    font-size: 75px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

.cont2 p {
    color: #000000;
    font-size: 15px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}

.cont3 {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}

.cont3 img {
    height: fit-content;
}

.cont4 h6 {
    color: #080D62;
    font-size: 20px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.cont4 a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

.cont5 {
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    background-color: #F5F5F5;
    padding: 60px;
}

.cont6 {
    justify-content: space-between;
    align-items: center;
}

.cont7 input {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 20px;
}

.cont7 ::placeholder {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 400;
}

.cont7 textarea {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 20px;
}

.cont8 button {
    border: 1px solid #6160FF;
    border-radius: 20px;
    background-color: #6160FF;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 25px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    /* smooth transition */
}

.cont8 button:hover {
    background-color: transparent;
    color: #6160FF;
    transform: scale(1.05);
    /* optional: slight zoom effect */
}


/* contact css end  */


/* footer css start  */

.footer1 {
    background-image: url(../images/footer1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 30px 0px 30px 0px;
}

.footer2 {
    text-align: center;
    margin: 20px 0px;
}

.footer2 a img {
    width: 350px;
    margin: 40px 0px;
}

.footer3 h4 {
    color: #6160FF;
    font-size: 16px;
    font-weight: 700;
    font-family: "SF UI Text", sans-serif;
}

.footer4 {
    color: #fff;
    padding-left: 0px;
}

.footer4 li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    line-height: 2;
}

.footer5 {
    color: #fff;
    padding-left: 0px;
}

.footer5 li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    line-height: 2.5;
}

.footer5 li a i {
    color: #6160FF;
    font-size: 25px;
    font-weight: 300;
}

.footer6 h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
    margin-top: 40px;
}

.footer7 {
    justify-content: center;
    margin-top: -200px;
}

.footer8 {
    background-image: url(../images/footer3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 25px 60px;
    border-radius: 20px;
}

.footer8 h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    font-family: "SF UI Text", sans-serif;
    text-align: center;
    line-height: 2;
}

.footer9 label {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
}

.footer9 input {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px 20px;
}

.footer9 textarea {
    border: 1px solid #fff;
    border-radius: 0px;
    background-color: transparent;
    padding: 10px 20px;
}

.footer9 ::placeholder {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    font-family: "SF UI Text", sans-serif;
}

.footer10 select {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px 20px;
    color: #fff;
}

.footer10 label {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "SF UI Text", sans-serif;
}

select.form-select option {
    background-color: transparent;
    /* Transparent option background */
    color: #000;
    /* Option text color */
}

.footer11 {
    text-align: center;
    margin-top: 20px;
}

.footer11 button {
    background-color: #fff;
    color: #6160FF;
    border: 1px solid #6160FF;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 30px;
    transition: all 0.3s ease;
    /* Smooth transition */
}

.footer11 button:hover {
    background-color: #6160FF;
    border: 1px solid #fff;
    /* Darker shade on hover */
    color: #fff;
    /* Keep text white */
}


/* footer css end  */


/* scroll bar css start  */

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #6160FF;
}

body::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #6160FF;
}


/* scroll bar css end  */


/* scroll to top css start  */

.progress-wrap {
    position: fixed;
    bottom: 90px;
    right: 40px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 400ms linear;
    background-color: #6160FF;
    border: 1.2px solid #000;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap i {
    position: absolute;
    color: #fff;
    font-size: 16px;
    z-index: 2;
    pointer-events: none;
}

.progress-circle path {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-dasharray: 307.919, 307.919;
    stroke-dashoffset: 307.919;
    transition: stroke-dashoffset 10ms linear;
}

.brand7 ul li {
    list-style: disc;
    margin: 0;
}

.brand7 ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}

.home33 h5 {
    font-size: 17px;
    margin: 0 0 20px;
    font-weight: 700;
    color: #080D62;
}


/* scroll to top css end  */


/*MODREN CSS end*/

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}