/*Navbar section css*/
/*.navbar {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    
}*/
    .navbar .navbar-brand img {
        max-width: 100px;
    }
.navbar .navbar-nav .nav-link {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 50px;
    font-family: Roboto, Roboto Condensed, sans-serif;
    /*    text-shadow:1px 1px 2px gray;*/
    
}

    @media screen and (min-width: 1024px) {
        .navbar {
        letter-spacing: 0.1em;
    }
            .navbar .navbar-nav .nav-link {
                /*            padding: 0.5em 1em;*/
                padding: 0px 20px !important;
            }
    .search-and-icons {
        width: 50%;
    }
        .search-and-icons form {
            flex: 1;
        }
}
@media screen and (min-width: 768px) {
    .navbar .navbar-brand img {
        max-width: 7em;
    }

    .navbar .navbar-collapse {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}

/*footer section css*/
.footer h6 {
    color: rgb(13, 71, 161);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.6;
}
.footer p {
    text-align: justify;
    font-size: 15px;
    margin-bottom:11px;
}
.footer p > a {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}
    .footer p > a:hover {
        color: rgb(33, 150, 243);
    }
.custom-footer .icons {
    padding-top: 28px;
    /*    display:flex;
    text-align:center;
    justify-content:space-evenly;*/
/*    text-align: center;*/
    
}
.footer .custom-list{
    width:30%;
}
.footer .custom-li{
    width: 10%;
}
    .custom-footer .icons a {
        font-size: 25px; 
        color: blue;
        margin:3px;
        color: rgb(13, 71, 161);
        padding: 6px;
        border-radius: 50%;
/*        background: rgba(0, 0, 0, 0.12);*/
        width: 36px;
        height: 36px;
    }
.custom-footer select {
    margin-top: 30px;
    height: 43px;
    width:81%;
    border: 1px solid rgb(33, 150, 243);
}
    .custom-footer select option{
        border:0px !important;
        border-radius:15px;
        box-shadow: 0 1.5px 12px 3px rgba(0,0,0,0.1);
        
    }
.custom-c .card span{
    font-size:15px;
    font-weight:600;
}
/*Index main section css code*/
.index-section {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.rotate-container {
    position: relative;
    display: flex;
    overflow-x: clip;
    align-items: center;
    justify-content: center;
    margin: 0px;
}

.rotate {
    width: 906px;
    height: 772px;
    background-color: #333;
    transform: rotate(136deg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -532px;
    right: -168px;
    z-index: -1;
    border-radius: 76px;
    overflow:hidden;
    
}
    .rotate img {
        width: 1151px;
        height: 988px;
        /* background-color: #333; */
        transform: rotate(226deg);
        position: relative;
        top: -145px;
        right: -228px;
        border-radius: 76px;
        background: rgb(0, 0, 0);
        opacity: 0.4;
        z-index: 10;
    }

.background-rotate {
    width: 954px;
    height: 782px;
    background-color: #a74343;
    position: absolute;
    top: -533px;
    right: -201px;
    z-index: -1;
    transform: rotate(136deg);
    border-radius: 90px;
}
.main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    max-width: 615px;
    width: 100%;
    margin: -216px 0px 90px 86px;
}

    .main-content h2 {
        font-size: 34px;
        margin-bottom: 20px;
        color: rgba(0, 0, 0, 0.87);
        font-weight: 700;
    }

.super-content {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    flex-wrap: wrap;
/*    gap: 56px;*/
}
.sub-content h5 {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.87);
/*    font-weight: 500;*/
    line-height: 40px;
}
.sub-content .btn {
    padding: 12px 40px;
    color: #00BCD4;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin-top:20px;
    border: 1px solid #00BCD4;
}
    .sub-content .btn:hover {
        background: #e6f6f7;
        color: #00BCD4;
        border: 1px solid #00BCD4;
    }
    .sub-content .btn img {
        height: 23px;
        object-fit: contain;
        margin-left: 5px;
        margin-top: -5px;
        color: aquamarine;
    }
/*About section css code*/
.about-section {
/*    display: flex;
    align-items: center;
    justify-content: space-around;*/
    padding: 69px 0px 40px 0px;
    margin-top: -343px;
/*    flex-wrap: wrap;*/
    font-family: Roboto, Roboto Condensed, sans-serif;
}

/*About card design css*/

.container-about {
    position: relative;
    width: 400px;
    height: 400px;
    bottom: -60px;
    right: 25px;
}

.rotated-box{
    position: absolute;
    width: 210px;
    height: 210px;
    transform: rotate(45deg);
    border-radius: 20px;
    overflow: hidden;
    object-fit:cover;
}

.blue-box {
    background-color: #1e90ff;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    left: 19px;
    top: 88px;
    z-index: 2;
}

    .blue-box h3 {
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        padding-left: 20px;
        transform: rotate(317deg);
        font-size: 48px;
    }

.box {
    background-color: #d0e8ff;
    width: 300px;
    height: 150px;
    left: 176px;
    top: 34px;
    z-index: 0;
}
.box img{
    background-color: #d0e8ff;
    width: 300px;
    height: 150px;
    left: 176px;
    top: 34px;
    z-index: 0;
}
.small-light-box {
    background-color: #7ecfff;
    width: 100px;
    height: 100px;
    left: 161px;
    top: 299px;
    z-index: 0;
}

.small-blue-box {
    background-color: #7ecfff;
    width: 100px;
    height: 100px;
    left: 244px;
    top: 223px;
    z-index: 0;
}


/* Stats Section */
/*.stats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    max-width: 615px;
}*/

    .stats p {
        font-size: 21px;
        margin-bottom: 20px;
        color: #333;
        padding-left: 28px;
        font-weight:600;
    }
    .stats blockquote {
        font-size: 19px;
        margin-bottom: 20px;
        color: #6c6a6a;
        padding-left: 28px;
        border-left: 4px solid rgb(216, 216, 216);
    }
.counters {
    display: flex;
    justify-content: space-around;
    margin: 36px 0px;
    flex-wrap: wrap;
    gap:56px;
}

.counter {
    text-align: center;
/*    margin: 10px;*/
}

    .counter h3 {
        font-size: 3rem;
        margin: 5px 0;
        color: #333;
        font-weight: 700;
    }

    .counter p {
        font-size: 21px;
        font-weight: 600;
    }

.line1 {
    height: 1vh;
    background-color: #1e90ff;
    margin: 25px 32px 24px;
    border-radius: 10px;
}
/* Responsive Design */
@media (max-width: 768px) {
    .about-section {
        flex-direction: column;
    }
        .diamond-container {
        margin-bottom: 20px;
    }
        .stats {
        text-align: center;
    }
}

/*Service design css*/
.slide-container {
    max-width: 1120px;
    width: 100%;
    padding: 40px 0;
    height:70vh;
/*    min-height:65vh;*/
}

.slide-content {
    margin: 0 83px;
    padding:0px 10px;
    overflow: hidden;
    border-radius: 25px;
}
.swiper-slide {
    margin:15px 0px;
    border: 0px;
    box-shadow: 0 1.5px 12px 2px rgba(0, 0, 0, 0.06);
}
.card {
    border-radius: 25px;
    background-color: #FFF;
    
}

.image-content,
.card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
/*    padding: 10px 14px;*/
}

.image-content {
    position: relative;
/*    row-gap: 5px;*/
/*    padding: 25px 0;*/
}

.card-image {
    position: relative;
/*    height: 20vh;*/
/*     width: 281px; */
    /* top: 3px; */
    background: #FFF;
}
/*
    .card-image .card-img {
        height: 100%;
        width: 90%;
        object-fit: cover;
        margin-left: 15px;
        border-radius: 26px;
    }*/

.name {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding: 15px;
}

.description {
    font-size: 14px;
/*    color: #707070;*/
    text-align: center;
    padding: 0px 3px;
}

.button {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: blue;
    border: 1px solid #007cd4;
    padding: 6px 50px;
    background-color: #fff;
    border-radius: 6px;
    margin: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .button:hover {
        background: #d8efeff0;
    }

.swiper-navBtn {
    color: #6E93f7;
    transition: color 0.3s ease;
}

    .swiper-navBtn:hover {
        color: #4070F4;
    }

    .swiper-navBtn::before,
    .swiper-navBtn::after {
        font-size: 35px;
    }

.swiper-button-next {
    right: 0;

}
.swiper-button-prev {
    left: 0;
}
.custom-title .card-body{
    padding:107px 81px 0px 100px;
}
    .custom-title .card-body h5 {
        font-size: 48px;
        font-weight: 700;
        color: rgb(13, 71, 161);
    }
    .custom-service {
        text-align: center;
        padding-bottom: 20px;
        font-size: 48px;
        font-weight: 700;
        color: rgb(13, 71, 161);
    }
.custom-btn{
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
    border:1px solid blue;
    padding:4px 8px;
    color:blue;
    border-radius:8px;
}
@media screen and (max-width: 768px) {
    .slide-content {
        margin: 0 10px;
    }

    .swiper-navBtn {
        display: none;
    }
}

/*Expertise section css*/

.expertise-section {
    display: flex;
    justify-content: center;
    align-items: center;
/*    padding: 50px;*/
    margin:140px 0px 150px;
}

.left-content {
    position: relative;
/*    flex: 1;*/
    display: flex;
    justify-content: center;
    align-items: center;
    right: 9px;
    top: 261px;
}
    .left-content .background-line1 {
        position: absolute;
        width: 390px;
        height: 390px;
        left: 34px;
        border-radius: 72px;
        border: 2px solid #9fdbe7;
        transform: rotate(45deg);
    }
    .left-content .background-line2 {
        position: absolute;
        width: 470px;
        height: 470px;
        left: -17px;
        border-radius: 72px;
        border: 2px solid #9fdbe7;
        transform: rotate(45deg);
    }
    .left-content .background-shapes {
        position: absolute;
        left: 97px;
        width: 300px;
        height: 300px;
        border-radius: 54px;
        background: #9fdbe7;
        transform: rotate(45deg);
    }
    .left-content .inner-shape h2 {
        font-size: 43px;
        position: relative;
        left: -1px;
        bottom: 2px;
        font-weight: 700;
        transform: rotate(314deg);
    }

    .left-content .inner-shape {
        position: absolute;
        left: 166px;
        width: 210px;
        height: 210px;
        border-radius: 33px;
        transform: rotate(45deg);
        background: #1e90ff;
        /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
    }

    .left-content .icons {
        position: absolute;
    }

.icon {
    position: absolute;
    width: 70px;
    height: 70px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: .8s linear;
}
.icons:hover .icon {
    transform: translate(0, 0) !important;
}
    .icon img {
        width: 60%;
        height: auto;
    }

/* Individual icon styles */
.icon.camera {
    top: -252px;
    left: -346px;
    width: 110px;
    height: 110px;
    background: #1e90ff;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.play {
    top: -374px;
    width: 110px;
    height: 110px;
    left: -65px;
    background: #79dbef;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.star {
    top: -153px;
    left: 146px;
    height: 60px;
    width: 60px;
    background: #00bcd4;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.bulb {
    top: 92px;
    left: -321px;
    height: 60px;
    width: 60px;
    background: #cda7e9;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.email {
    top: -287px;
    left: 180px;
    height: 42px;
    width: 42px;
    background: #be7def;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.pin {
    top: 108px;
    left: 122px;
    width: 110px;
    height: 110px;
    background: #be7def;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

.icon.hotspot {
    top: 60px;
    left: -218px;
    height: 77px;
    width: 77px;
    background: #79dbef;
    border: 4px solid #fff;
    box-shadow: 0 1.5px 16px 4px rgba(0, 0, 0, 0.09);
}

    .right-content {
        flex: 1;
        /*    padding-left: 30px;*/
    }

    .right-content h2 {
        font-family: Roboto, Roboto Condensed, sans-serif;
        font-weight: 600;
        font-size: 27px;
        line-height: 44px;
        color: #333;
    }

    .right-content p {
        font-size: 16px;
        color: #555;
        line-height: 1.5;
/*        margin: 20px 0;*/
        text-align:justify;
    }

.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

    .buttons .btn1 {
        padding: 6px 8px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: white;
        color: #333;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .buttons .btn1:hover {
            background: #1e90ff;
            color: white;
        }

/*Testimonials css*/
.custom-testimonial{
    margin-bottom:40px;
}
.slider {
    max-width: 1120px;
    width: 100%;
    height: 60vh;
/*    min-height:53vh;*/
}
.testimonial {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    /*    padding: 20px;*/
    max-width: 300px;
/*    border: 0px !important;*/
    border-radius: 50px 50px 50px 0px !important;
}
.card-testimonial {
     padding: 25px 22px;
}
    .card-testimonial a {
        font-size: 18px;
        color: #ffc107;
    }
        .card-testimonial a:hover {
            color: #ffc107;
        }
        .desc {
            color:#333;
            font-size: 18px;
        }
.card-testimonial h4{
    color:#333;
    margin-top:15px;
}

.profile {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 0px 18px 23px;
}

    .profile img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #ddd;
    }

.profile-info {
    text-align: left;
}

    .profile-info h4 {
        font-size: 20px;
        margin: 0;
    }

    .profile-info span {
        font-size: 14px;
        
    }

    /*Contact section css*/
    .custom-heading {
        margin-bottom: 16px;

        
    }
        .custom-heading h3 {
            text-align: center;
            font-size: 48px;
            font-weight: 700;
            color: rgb(13, 71, 161);
        }
.custom-contact .card {
    padding: 20px 20px 0px 20px;
    border: 2px solid #9fdbe7;
    border-radius:15px;
}
.highlight {
    background-color: rgb(33, 150, 243);
    color: white;
    padding: 42px 46px;
    /*    text-align: center;*/
    border-radius: 17px;
    transform: rotate(-45deg);
    width: 210px;
    height: 210px;
    margin: 44px auto 47px 52px;
}
    .highlight p {
        transform: rotate(45deg);
        font-size: 40px;
        font-weight: bold;
    }
.custom-contact .address{
    display:flex;
    justify-content:space-between;
}
.custom-contact .col-md-6 .card {
    width: 90%;
    padding: 6px 24px;
    border-radius: 12px;
    box-shadow: 0 1.5px 12px 2px rgba(0, 0, 0, 0.06);
}
.custom-contact .col-md-6 .card h5{
    font-weight:700;
}
    .custom-contact .col-md-6 .card p {
        
        font-size:17px;
    }
    .custom-contact .col-md-6 .card a {
        color: rgb(33, 150, 243);
        font-size: 22px;
        padding-right: 5px;
    }
    .custom-contact .col-md-6 .card span {
        margin-left: 10px;
        font-size: 17px;
    }
    .custom-contact .col-md-6 .card p > a {
        color: rgb(33, 150, 243) !important;
        font-size: 22px;
        color: #2196F3;
        /*        margin-right: 5px;*/
    }

/*About page css */

.custom-head .card-body h3 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.custom-about {
    margin: 50px 0px;
}
    .custom-about .col-md-6 img{
        padding-top:16px;
    }
    .custom-about .card-body {
        padding-top: 0px;
    }
    .custom-about .card-body h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.5;
        color: rgb(13, 71, 161);
    }
.custom-about .card-body p {
    font-size: 17px;
    text-align:justify;

}
.modone {
    width: 100%;
    height: 95%;
    border-radius: 50%;
    /* border-radius: 14px; */
    margin-top: 12px;
/*    margin-left: -14px;*/
/*    background-color: #9ae3fb;*/
}
.modtwo {
    width: 82%;
    height: 95%;
    border-radius: 50%;
    /* border-radius: 14px; */
    margin-top: 12px;
    margin-left: -14px;
    background-color: #9ae3fb;
}
.modthree {
    width: 87%;
    height: 73%;
    border-radius: 14px;
    margin-top: 14px;
    margin-left: 24px;
    background-color: #9ae3fb;
}
.modfour img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 173.1px;
    border-bottom-right-radius: 173.1px;
    border-bottom-left-radius: 173.1px;
    margin-top: 15px;
    margin-left: -24px;
}
.abouttext h3 {
    font-size: 40px;
    font-weight: 800;
    color: rgb(13, 71, 161);
}
.abouttext p{
    font-size:17px;
    text-align:justify;
}
.abouttext a{
    text-decoration:none;
/*    font-size:18px;*/
}
    .abouttext a i{
        padding:16px;
        background-color:aquamarine;
        border-radius:50%;
    }
    .abouttext a span {
        font-size: 18px;
        color:rgb(13, 71, 161);
        font-weight:500;
    }
    .list {
        display: flex;
        justify-content: space-between;
    }
.list1 ul{
    list-style:none;
    line-height:1.8;
    padding-left:0px;
}
.list1 ul li{
    font-size:18px;
    
}
    .list1 ul li i {
        padding-right: 5px;
        color: dodgerblue;
        font-size:18px;
    }
    label{
        font-size:18px;
        font-weight:500;
        margin-top:10px;
    }

.custom-section{
    margin:14px 0px 80px;
}
.fashion {
    height: auto;
    width: 84%;
    background-color: #dfdfdf;
}
.fashion img{
    position:relative;
    top:30px;
    left:30px;
}
.fashiontext {
    padding-top: 48px;
}
.fashiontext h3 {
    font-size: 35px;
    font-weight: 700;
    color: rgb(13, 71, 161);
}
.fashiontext p{
    text-align:justify;
    font-size:17px;
}
.clothtext {
    padding-top: 48px;
}
    .clothtext h3 {
        font-size: 35px;
        font-weight: 700;
        color: rgb(13, 71, 161);
    }

    .clothtext p {
        text-align: justify;
        font-size: 17px;
    }
.cloth {
    height: auto;
    position: relative;
    width: 84%;
    left: 73px;
    background-color: #dfcccc;
}

    .cloth img {
        position: relative;
        top: 30px;
        right: 30px;
    }



.custom-card .card {
    border-radius: 1rem;
    box-shadow: 0px -11px 0px rgb(155 245 237);
}
.our-team {
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    padding: 30px 0px 30px;
    color: rgb(13, 71, 161);
}

@media(max-width:767px) {
    .custom-card .card {
        margin: 1rem 0.7rem 1rem;
        max-width: 80vw;
    }
}

.custom-card img {
    width: 6.2rem;
    border-radius: 5rem;
    margin: 1.3rem auto 0rem auto;
}

.custom-card .col-md-4 {
    padding: 0 0.5rem;
}

.custom-card .card-title {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
  
}

.custom-card .card-body {
    text-align: center;
    padding: 1rem 2rem;
    font-size: 0.8rem;
    color: rgb(82, 81, 81);
    line-height: 1.4rem;
}

.custom-card .footer {
    border-top: none;
    text-align: center;
    /*    line-height: 1.2rem;
    padding: 2rem 0 1.4rem 0;*/
    font-family: 'Varela Round';
    margin: 2px 0px 16px;
}

#name {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
    .custom-card a:hover {
        color: rgb(78 182 245);
    }

.herbal .card-body h5 {
    font-size: 35px;
    font-weight: 700;
    color: rgb(13, 71, 161);
}
.custom-gallery h5 {
    font-size: 40px;
    font-weight: 700;
    color: rgb(13, 71, 161);
    text-align:center;
    margin-bottom:20px;

}
.product-category h3 {
    font-size: 40px;
    font-weight: 700;
    color: rgb(13, 71, 161);
    text-align: center;
    margin-bottom: 20px;
}
.product-category h5 {
    font-size: 20px;
    font-weight: 700;
}
/*    Surgical products css*/
.custom-surgical .card-body {
    padding: 100px 50px 0px 64px;
}
.custom-surgical h5 {
    font-size: 44px;
    font-weight: 700;
    color: rgb(13, 71, 161);
}
.custom-surgical p {
    font-size: 18px;
    font-weight: 500;
    padding: 12px 0px;
}

    .custom-surgical a:hover {
        color: #00BCD4;
        background-color: #d8f0f3;
    }
.trending h3 {
    font-size: 35px;
    font-weight: 700;
    color: rgb(13, 71, 161);
/*    padding-bottom: 14px;*/
}
.trend-text p{
    font-size:17px;
}
.trend-text{
    padding:40px 0px 0px 0px;
}
.trend-one img {
    width: 100%;
    margin-bottom: 6px;
    /*    border-top-left-radius: 173.1px;*/
    border-top-right-radius: 173.1px;
    /*    border-bottom-left-radius: 173.1px;*/
}
.trend-two img {
    width: 100%;
    border-top-left-radius: 173.1px;
/*    border-top-right-radius: 173.1px;
    border-bottom-left-radius: 173.1px;*/
    
}
.trend-three img {
    width: 100%;
/*    border-top-left-radius: 173.1px;
    border-top-right-radius: 173.1px;
    border-bottom-left-radius: 173.1px;*/
    border-bottom-right-radius: 173.1px;
}
.trend-four img {
    width: 100%;
    height: 100%;
/*    border-top-right-radius: 173.1px;
    border-bottom-right-radius: 173.1px;*/
    border-bottom-left-radius: 173.1px;
/*    margin-top: 15px;
    margin-left: -24px;*/
}
#gallery h3 {
    font-size: 44px;
    text-align: center;
    font-weight: 700;
    color: rgb(13, 71, 161);
    padding-bottom: 20px;
}

.custom-scissor h3 {
    font-size: 44px;
    text-align: center;
    font-weight: 700;
    padding-bottom:20px;
    color: rgb(13, 71, 161);
}

    .custom-scissor .col .card-box:hover {
        border: 1px solid #00BCD4;
    }
    .custom-scissor .col h2 {
        font-size: 30px;
        font-family: "Archivo", serif;
        color: #00BCD4;
    }
.custom-scissor .col h5{
    font-size:24px;
    font-weight:700;
}
/*    Hotel & Restaurant css*/
/*.custom-hotel img {
    height: 80vh;
    object-fit: fill;
}*/
.custom-hotel h5 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    
}
.custom-hotel p {
    font-size: 20px;
    margin-bottom: 35px;
}
    .custom-hotel .card-img-overlay {
        padding: 120px 0px 0px 35px;
    }
    .custom-hotel a:hover {
        color: #fff;
        background-color: #818182;
    }
.custom-res {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: rgb(13, 71, 161);
    padding: 56px 0px 20px 0px;
}
.custom-restaurant .card-body p{
    color:gray;
}
.custom-restaurant .card-body .hotel {
    background-color: #bdac9b;
    padding: 7px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}
.custom-restaurant .card-body .hotel-1 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    padding-left:5px;
}
    .custom-food a {
        color: #00BCD4;
        font-size: 15px;
        border: 1px solid #00BCD4;
        padding: 6px 21px;
        font-weight: 600;
        border-radius: 15px;
    }
    .custom-food a:hover {
        color: #00BCD4;
        background-color: #def1f3;
    }
.custom-reciep .card-body {
    padding-left: 40px;
}
.custom-reciep h5 {
    font-size: 45px;
    font-weight: 700;
}
.custom-reciep ul{
    list-style:none;
    padding-left:0;
}
    .custom-reciep ul>li{
        font-size:16px;
        line-height:1.7;
        padding-bottom:10px;
    }
        
        .custom-reciep a {
            color: #00BCD4;
            font-size: 16px;
            border: 1px solid #00BCD4;
            padding: 6px 28px;
            font-weight: 600;
            border-radius: 15px;
        }
    .custom-reciep a:hover {
        color: #00BCD4;
        background-color: #def1f3;
    }
.custom-room {
    padding: 20px 0px;
    border: 2px solid #bbf2fc !important;
}
.custom-room h5 {
    font-size: 40px;
    font-weight: 700;
    color: rgb(13, 71, 161);
}
.custom-hall img{
    height:45vh;
}

.custom-footwear {
    padding: 25px 0px;
}
.custom-footwear h5{
    font-size:35px;
    font-weight:700;
}
/*fashion and lifestyle*/
/*.custom-fashion img {
    height: 80vh;
    object-fit: fill;
}*/

.custom-fashion h5 {
    color:#333;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.custom-fashion p {
    font-size: 20px;
    color: #333;
    margin-bottom: 35px;
}

.custom-fashion .card-img-overlay {
    padding: 120px 0px 0px 35px;
}


    .custom-fashion a:hover {
        color: #333;
        background-color: #ebedeb;
    }

/*    Tour command travel css*/
.custom-tour .card-body {
    padding: 90px 32px 0px 32px;
}
.custom-tour h5 {
    font-size: 44px;
    font-weight: 700;
}
.custom-tour p{
    font-size:17px;
    font-weight:500;
    padding-bottom:10px;
}
    .custom-tour a:hover {
        color: #00BCD4;
        background-color: #e9f5f4;
    }
.custom-destination{
    padding:25px 0px;
}
    .custom-destination h3 {
        color: rgb(13, 71, 161);
        font-size: 40px;
        font-weight: 700;
        text-align: center;
    }
.custom-destination p{
    font-size:17px;
    font-weight:500;
    text-align:center;
}
.custom-text .card-img-overlay h5{
    font-size:25px;
    font-weight:700;
    text-align:center;
    color:#fff;
}
.custom-text .card{
    opacity:0.9; 

}
.custom-text .card:hover {
    opacity: 1;
}
.mod-1 img {
    width: 100%;
    border-radius: 50%;
    /*    border-top-left-radius: 173.1px;
    border-top-right-radius: 173.1px;
    border-bottom-left-radius: 173.1px;*/
}
.mod-3 img{
    width: 56%;
    height: 68%;
    position: relative;
    left: 126px;
    top:10px;
    border-radius: 50%;
    /* margin-top: 14px; */
    /* margin-left: 24px; */
/*    background-color: #9ae3fb;*/
}
.mod-4 img {
    width: 83%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    top: -91px;
    right: 12px;
    /* border-top-right-radius: 173.1px; */
    /* border-bottom-right-radius: 173.1px; */
    /* border-bottom-left-radius: 173.1px; */
    /* margin-top: 15px; */
    /* margin-left: -24px; */
}
.citytext h3 {
    font-size: 40px;
    font-weight: 800;
    color: rgb(13, 71, 161);
}
.citytext p {
    font-size: 17px;
    text-align: justify;
}
.citytext ul{
    list-style:none;
    padding-left:0px;
}
.citytext ul>li{
    font-size:17px;
    font-weight:500;
}
    .citytext ul > li i {
        color: dodgerblue;
        padding-right: 8px;
    }
.tour {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    color: rgb(13, 71, 161);
    padding:20px 0px 20px;
}

.Section-design {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    padding: 20px;
}

/* Deal Card */
.deal-card {
    position: relative;
    flex: 1 1 45%;
    max-width: 600px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.deal-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(70%);
}

.deal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    padding: 20px;
}

    .deal-overlay h2 {
        margin: 0 0 10px;
        font-size: 1.8rem;
    }

    .deal-overlay p {
        margin: 0 0 20px;
        font-size: 1rem;
    }

/* Subscribe Card */
.subscribe-card {
    flex: 1 1 45%;
    max-width: 600px;
    background: #f1efef;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .subscribe-card h2 {
        font-size: 40px;
        font-weight:700;
        margin-bottom: 10px;
    }

    .subscribe-card p {
        font-size: 18px;
        margin-bottom: 20px;
        color: #555;
    }
    .subscribe-card a {
        color: white;
        padding: 8px 18px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 5px;
        background-color: #487fe1;
    }
            .subscribe-card a:hover {
                color: #fff;
                background-color: cornflowerblue;
            }
            /* Responsive Design */
            @media (max-width: 768px) {
                .Section-design {
        flex-direction: column;
    }

    .deal-card, .subscribe-card {
        flex: 1 1 100%;
    }
}

/*Protein command supplement css*/
.section-one img {
    width: 100%;
    border-radius: 50%;
}
.section-two img {
    width: 100%;
    border-radius: 50%;
}
.section-three img {
    width: 100%;
    border-radius: 50%;
}
.section-four img {
    width: 100%;
    border-radius: 50%;
    margin-top:10px;
}
.section-five img {
    width: 100%;
    border-radius: 50%;
    margin-top: 10px;
}
.section-text{
    padding-top:27px;
}
.section-text h3 {
    font-size: 32px;
    font-weight: 700;
    color: rgb(13, 71, 161);
}
    .section-text p {
        font-size: 17px;
    }
.slide-box {
    max-width: 1120px;
    width: 100%;
    padding: 40px 0;
    height: 40vh;
/*    min-height: 38vh;*/
}
.protein h3 {
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    padding: 28px 0px 20px;
    color: rgb(13, 71, 161);
}
.protein .card img{
    height:50px;
    width:50px;
    margin:10px 0px 0px 15px;
}
.protein .card {
    background-color: #e1eef5;
    border: 0px;
    border-radius: 15px;
    box-shadow: 0 1.5px 12px 2px rgba(0, 0, 0, 0.06);
}
.custom-protein {
    margin: 52px 0px 80px;
}
.protien-img {
    height: auto;
    width: 84%;
    border: 2px solid black;
    border-radius: 26px;
    margin-left:23px;
}
    .protien-img img {
        position: relative;
        top: 30px;
        left: 30px;
        border-radius: 26px;
    }
.proteintext {
    padding-top: 100px;
}
    .proteintext h3 {
        font-size: 35px;
        font-weight: 700;
        color: rgb(13, 71, 161);
    }
    .proteintext p {
        text-align: justify;
        font-size: 17px;
    }
    .proteintext a {
        padding: 8px 16px;
        font-size: 15px;
        font-weight: 500;
        border-radius: 30px;
        color: #00BCD4;
        border: 1px solid #00BCD4;
    }
        .proteintext a:hover {
            background-color: #d2f1f5;
            color: #00BCD4;
        }
.three-card {
    display: flex;
    gap: 21px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0px;
}
.supplement .card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 320px;
    text-align: center;
    padding: 20px 0;
}
    .supplement .card h3 {
        font-size: 20px;
        color: #333;
        margin-bottom: 10px;
    }
.supplement-text .card {
    background-color: #ebe9e9;
    border:0px;
    border-radius:30px;
    padding:20px 0px;
}
.supplement-text .card-body h5 {
    font-size: 40px;
    font-weight: 700;
}
.supplement-text .card-body p{
    font-weight:500;
    font-size:16px
}
.supplement-text .card-body a {
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    color: #00BCD4;
    border: 1px solid #00BCD4;
}
    .supplement-text .card-body a:hover {
        color: #00BCD4;
        background-color: #d2f1f5;
    }
/*.custom-supplement img {
    height: 80vh;
    object-fit: fill;
}*/
.custom-supplement .card-img-overlay {
    padding: 120px 0px 0px 35px;
}
.custom-supplement h5 {
    color: #333;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}
.custom-supplement p {
    font-size: 20px;
    color: #333;
    margin-bottom: 35px;
}
.custom-supplement a:hover{
    color:#333;
}
.custom-lifestyle .card-body a {
    color: #00BCD4;
    font-size: 15px;
    border: 1px solid #00BCD4;
    padding: 6px 21px;
    font-weight: 600;
    border-radius: 15px;
}
    .custom-lifestyle .card-body a:hover {
        background-color: #def1f3;
    }
/*    Food page css*/
.meal h5 {
    font-size: 35px;
    font-weight: 700;
    color: rgb(13, 71, 161);
    text-align:center;
}
    .meal p{
        text-align:center;
    }
    .food h5 {
        font-size: 35px;
        font-weight: 700;
        color: rgb(13, 71, 161);
    }
.food ul {
    list-style: none;
    padding-left: 0px;
}
.food ul > li {
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 10px;
}

/*Contact Page css*/
.contact .outer {
    padding: 20px 20px 0px 20px;
    border: 2px solid #9fdbe7;
    border-radius: 15px;
}
.contact h3 {
    font-size: 44px;
    font-weight: 700;
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: rgb(13, 71, 161);
}
.card-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

.contact .card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: center;
    padding: 20px;
    /*  transition: transform 0.3s ease;*/
}

/*.card:hover {
  transform: translateY(-5px);
}*/
/*.contact .social {
    position: relative;
    left: 95px;
    bottom: 7px;
    width: 70px;
    height: 70px;
    background: #e9e9e9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/
    .contact .social .icon-one {
        font-size:35px;
        color:red;
    }
.contact .social .icon-two {
    font-size: 35px;
    color: #ff8400;
}
.contact .social .icon-three {
    font-size: 35px;
    color: #0dcaf0;
}
.contact .card h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.contact .card p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .card-container {
/*        flex-direction: column;*/
        align-items: center;
    }
}

.portal h3 {
    font-size: 44px;
    font-weight: 700;
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: rgb(13, 71, 161);
}

.card-box {
    display: flex;
    gap: 21px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0px;
}

.portal .card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 320px;
    text-align: center;
    padding: 20px;
      transition: transform 0.3s ease;
}

    .portal .card:hover {
        transform: translateY(-5px);
    }
.portal .images-box {
    position: relative;
    left: 84px;
    bottom: 7px;
    width: 108px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .portal .images-box img {
        height: 42px;
        width: 100px;
    }

.portal .card h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.portal .card p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .card-box {
        /*        flex-direction: column;*/
        align-items: center;
    }
}
.main-style{
    margin:30px 0px 67px 0px;
}
.style {
    height: auto;
    width: 84%;
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
    .style img {
        position: relative;
        top: 19px;
        left: 30px;
        transform: skewY(10deg);
    }
.style-text {
    padding-top: 48px;
}
    .style-text h3 {
        font-size: 35px;
        font-weight: 700;
        color: rgb(13, 71, 161);
        text-align:center;
    }
    .style-text p {
        text-align: justify;
        font-size: 17px;
        text-align: center;
    }
.custom-card {
    margin: 44px 0px;
}