html,body{
    width:100%;
    height:100%;
}
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    /* font-family: 'Arimo', sans-serif;
    font-family: 'Exo', sans-serif;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Karla', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Red Hat Display', sans-serif; */
}
@font-face {
    src: url("../fonts/kenyan\ coffee\ rg.otf");
    font-family: kenyan1;
}
:root{
    --primaryColor:#df2d2b;
    --secondaryColor:#df2d2b;
    --textColor:#002052;
}
/*===================================Banner Start========================================*/
header{
    color: #da2d2b;
}
#inner-header{
    color: #da2d2b;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.top-bar{
    display: flex;
    justify-content: space-between;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.icon-topbar {
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 3px solid #da2d2b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 300ms;
}
.inner-top-bar1{
    display: flex;
    align-items: center;
    gap:10px;
}
.inner-top-bar1 div{
    display: flex;
    gap: 5px;
    align-items: center;
}
.top-bar-parent {
    border-bottom: 1px solid #ffffff69;
    padding: 10px 0;
}
.header-nav{
    display: flex;
    justify-content: space-between;
}

.nav-links-div{
    display: flex;
    align-items: center;
}
.nav-links-ul{
    padding: 0!important;
    list-style: none;
    display: flex;
    align-items: center;
}
.nav-links-ul li{
    padding: 10px 28px;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-weight: 600;
}
.nav-links-ul li a{
    text-decoration: none;
    color:#da2d2b;
}
.banner-content-heading span{
    display: block;
}
.banner-content-heading{
    font-size: 100px;
    position: relative;
    font-family: kenyan1;
    font-weight: 900;
}
.banner-content-heading span:nth-child(3){
    font-size: 125px;
}
.heading-text-modified{
    font-size: 50px;
    font-weight: 600;
    position: absolute;
    text-shadow: 1px 3px 0px #000;
}
.heading-text-modified {
    color: var(--primaryColor);
    position: absolute;
    left: 26%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner-btn {
    /* padding: 10px 8px; */
    background-color: var(--primaryColor);
    color: #fff;
    text-decoration: none;
    border-radius: 28px;
    font-family: kenyan1;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 8px 7px 8px 31px;
    display: inline-block;
    text-align: center;
    width: 150px;
}
.banner-btn-icon {
    display: inline-block;
    background-color: #fff;
    color: var(--primaryColor);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    padding-left: 5px;
}
.banner-btn span{
    margin-right: 8px;
}
#banner-main{
    position: relative;
    color:#fff;
}
.banner-content {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.latest-post-caraousel-first {
    height: 100%;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
}
.latest-post-caraousel-first .owl-nav {
    width: 90px;
    position: relative;
    left: 22px;
    top: 52px;
}
.latest-post-caraousel-first .owl-nav button{
    border-radius: 50%;
    border:2px solid #fff!important;
    width: 30px;
    height:30px;
    margin-left: 10px;
}
.back-banner-img{
    position: absolute;
    inset: 0;
    z-index: -10;
}
.back-banner-img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: brightness(.9);
}
.banner-content p{
    font-size: 14px;
}
.latestPost-caraousel-img-new img{
    border-radius: 10px;
    width:200px;
    height:300px;
}
.latestPost-caraousel-img-new{
    margin: 10px;
}
/* .latest-post-caraousel-first .owl-nav{
    display: flex;
    justify-content: space-around;
} */
.banner-line-Number {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 2rem;
}
.banner-line-Number .caraousal-line {
    width: 65%;
    height: 1px;
    background-color: #fff;
    margin: 0 2rem;
}
.banner-line-Number .number-caraousal span {
    font-size: 52px;
    font-weight: 700;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.latest-post-caraousel-first{
    position: relative;
}
.banner-square {
    position: absolute;
    top: 39px;
    left: -1rem;
}
.banner-square img{
    width: 150px;
    height:150px;
}
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition-duration: 300ms;
    width: 100%;
    padding: 8px 0;
}
section#banner {
    padding-top: 10rem;
}
/*===================================Banner end========================================*/
/*===================================About css Start========================================*/
#about{
    background-image: url(../images/about-us-back.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
}
.about-img img{
    width: 100%;
    height:100%;
}
.about-content h6{
    color: var(--secondaryColor);
    font-weight: 700;
}
.about-content p{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
/*===================================About css end========================================*/
/*===================================Service Css Start========================================*/
#service{
    background-image: url(../images/service-back-img.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 3rem 0;
}
.service-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ffffff47;
    gap: 10px;
    border-radius: 10px;
    background-color: #2c4456;
    padding: 15px 5px;
    margin: 20px 0;
}
.service-card p {
    font-size: 13px;
    margin-bottom: 0!important;
    font-weight: 300;
}
.service-head-content h6{
    font-weight: 600;
    color: var(--secondaryColor);
    letter-spacing: 1px;
}
.service-head-content h2{
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.service-head-content p{
    font-size: 15px;
    font-weight: 200;
}
.servive-card-img img{
    width: 75px;
    height: 75px;
}
.service-middle-img img{
    width: 100%;
    height: 100%;
}
/*===================================service Css end========================================*/


/*===============================Service details page css start================================*/

section#services-details {
    margin-bottom: 2rem;
}

.services-details-img {
    width: 100%;
    height: 100%;
    /* margin: 1rem; */
}
.services-details-img img{
    width: 100%;
    height:100% 
}
.services-details-content{
    width: 100%;
    height: 100%;
    /* margin: 1rem; */
}
/*.service-content h2{*/
/*    font-family: 'Open Sans', sans-serif;*/
/*}*/
.services-details-content h2 {
    color: var(--primary-color);
    font-size: 2rem;
    letter-spacing: 3px;
}
.services-details-content p{
    font-family: 'Open Sans', sans-serif;
}
.services-details-img{
    margin: 10px;
}
.services-details-content{
    margin: 1rem;
}
/*===============================Service details page css end================================*/

/*===================================visa Immigration Css Start========================================*/
#visa-immigration{
    background-image: url("../images/visa-immigration-back.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
}
#visa-immigration>p{
    font-size: 14px;
}
#visa-immigration img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#visa-immigration .row div{
    padding: 0!important;
}
.visa-immigration-second{
    height:100%;
    position: relative;
    text-align: center;
}
.visa-immigration-second::before{
    position: absolute;
    content: "";
    inset: 0;
    background-color: rgba(0,0,0,.6);
}
.visa-immigration-second .visa-immigration-head{
    width: 86%;
}
.visa-immigration-third{
    height: 100%;
}
.visa-immigration-third div{
    height: 50%;
}
.visa-immigration-inner{
    position: relative;
}
.visa-immigration-inner::before{
    position: absolute;
    content: "";
    inset: 0;
    background-color: rgba(0,0,0,.6);
}
.visa-immigration-head{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.tilted-btn{
    background-color: var(--primaryColor);
    color:#fff;
    transform: skewX(-15deg);
    border-radius: 7px;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
}
.tilted-btn span{
    display: inline-block;
    transform: skewX(15deg);
    font-family: 'Poppins', sans-serif;
}
.visa-immigration-head p{
    font-size: 13px;
    margin-bottom: 2px;
    color: #fff;
    font-family: 'Karla', sans-serif;
    font-weight: 300;
}
#visa-immigration h3{
    color:#fff;
}
/*===================================Visa immigration Css End========================================*/
/*===================================latest Post Css Start========================================*/
#latest-post{
    background-image: url("../images/latest-post-back.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3rem 0;
}
.latest-post-btn{
    background-color: var(--primaryColor);
    color:#fff;
    padding:8px 12px;
    text-align: center;
    position: relative;
    z-index: 100;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.latest-post-btn::before{
    content: "";
    position: absolute;
    width: 35px;
    height:35px;
    background-color: #002052;
    z-index: -10;
    left: -4px;
    top:-4px;
}
.latest-post-content p{
    font-size: 14px;
    color:#5d5d5d;
    font-family: 'Exo', sans-serif;
    font-weight: 600;
}
.latest-post-content h6{
    font-weight: 600;
    color: var(--secondaryColor);
    letter-spacing: 1px;
}
.latest-post-content h4{
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}
.latestPost-caraousel-img{
    position: relative;
}
.latestPost-caraousel-img img {
    height: 350px;
    width: 200px;
    /* object-fit: cover; */
    object-position: center;
    transition: all .3s;
}
.latestPost-caraousel-img:hover .latestPost-caraousel-image{
    transform: translateY(-70px);
}
#latest-post .owl-nav{
    display: flex;
    justify-content: end;
    padding-right: 3rem;
    margin-top: 1rem;
}
#latest-post .owl-nav button{
    background-color: #fff;
    color:#000;
    padding: 5px 13px!important;
    margin-right: 6px;
}
#latest-post .owl-nav button:active{
    background-color: #001e4d; 
    color:#fff;
}
.latestPost-caraousel-img-text{
    position: absolute;
    bottom: 0;
    z-index: -1;
    padding: 10px;
}
/*===================================Latest Post Css End========================================*/
/*===================================Contact Css Start========================================*/
#reachOut{
    background-image: url("../images/contact-us-back-img.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color:#fff;
    padding: 3rem 0;
}
.contactForm{
    font-family: 'Arimo', sans-serif;
}
.contactForm label{
    font-size: 13px;
    margin-bottom: 10px;
}
#reachOut input, #reachOut textarea {
    background-color: transparent;
    border: 1px solid #ffffff59;
    padding: 6px;
    color: #fff;
    border-radius: 5px;
    outline: none;
}
#reachOut input::placeholder,#reachOut textarea::placeholder{
    font-size: 13px;
}
.contactForm-input-div{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:20px;
}
.contactForm-input-div input{
    width: 100%;
}
.contactForm-textarea-div{
    margin-top: 1rem;
}
.contactForm-textarea-div textarea{
    width:100%;
}
.contact-btn{
    width: 100%;
    display: block;
    padding: 10px 5px;
    background-color: var(--primaryColor);
    color:#fff;
    text-align: center;
    text-decoration: none;
}
.contactForm-parent h2{
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 34px;
}
.contactForm-parent h6 {
    font-weight: 600;
    color: var(--secondaryColor);
    letter-spacing: 1px;
}
.contact-main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.heading-img{
    position: relative;
}
.heading-img::after{
    content: url("../images/mapple-leave-2.png");
    position: absolute;
}
.heading-img::before{
    content: url("../images/mapple-leave-1.png");
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -80px;
}
/*===================================Contact Css End========================================*/
/*===================================Footer Css Start========================================*/
#footer{
    background-image: url("../images/footer-back.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color:white;
    font-family: 'Karla', sans-serif;
}
#footer a{
   color:white;
   font-family: 'Karla', sans-serif;
   text-decoration: none;
}
.footer-content ul{
   padding:0;
   list-style: none;
   margin-bottom: 0!important;
}

.footer-content ul li{
    font-family:aileron;
    margin-bottom:10px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Karla', sans-serif;
}

.footer-content p {
    font-family: 'Karla', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.bar-foot {
    width: 50px;
    height: 3px;
    background-color: var(--primaryColor);
    margin-bottom: 1rem;
}
 .icons-footer i {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 7px 8px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
}
.icons-footer i:nth-child(1){
    padding-left: 8px;
}
.footer-li-img-div{
    display: flex;
    gap: 15px;
}
.footer-date {
    color: var(--secondaryColor);
    font-weight: 700!important;
}
.footer-li-img-div div:first-child img {
    border-radius: 5px;
    width: 79px;
    height: 79px;
    object-fit: cover;
}
.footer-li-img-div div:nth-child(2) p {
    margin-bottom: 0;
}
.footer-last{
    text-align: right;
}
.footer-inner-div {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-top: 1px solid #ffffff26;
}
.footer-inner-div div:nth-child(2) span{
    color: var(--secondaryColor);
}
.footerInput {
    display: flex;
    border: 1px solid #ffffff57;
    margin-bottom: 2rem;
    justify-content: space-between;
}
.footerInput input{
    background-color: transparent;
    height: 40px;
    width: 240px;
    padding: 5px;
    border: none;
}
.footerInput div{
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, #0044ad,#001e4d);
    height: 40px;
    width: 40px;
}
.footer.blog-btn{
    border-radius: 0;
    font-size: 14px;
}
.product-list-headerbb{
    background-color: #fff;
}
/*===================================Footer Css End========================================*/

/*=============================Inner Banner page start==========================*/
#inner-banner {
    position: relative;

}

.inner-banner-img {
    width: 100%;
    height: 700px;
}

.inner-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: brightness(1);
}

.bannerText {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 70%;
    text-align: center;
}

.bannerText h1 {
    font-weight: 700;
    font-size: 70px;
    color: #fffff;
}

/*=============================Inner Banner page end==========================*/
/*=========================================|About page us Css Start|======================================*/
.about-us-main {
    margin: 3rem 0;
}

.about-us-img-div {
    /* width: 450px; */
    height: 450px;
    border: 5px solid var(--primary-color);
    overflow: hidden;
    border-radius: 10%;
}

.about-us-img-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-our-story {
    margin-bottom: 3rem;
}

#about-our-story {
    background-image: url("../images/banner-img-back.jpg");
    background-position: center;
    background-position: cover;
    position: relative;
    z-index: 2;
}

#about-our-story ::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.about-our-story p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    line-height: 2rem;
    font-weight: 300;
    font-size: 15px;
}

.about-our-story h2 {
    color: var(--primaryColor);
    font-size: 3rem;
    letter-spacing: 3px;
}

.about-our-story {
    padding: 2rem 0;
}

.about-main-text h2 {
    color: var(--primary-color);
    font-size: 2rem;
    letter-spacing: 3px;
}

.about-main-text p {
    font-family: 'Poppins', sans-serif;
    line-height: 2rem;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

#about-section {
    background-image: url("../images/j2.jpg");
    background-position: center;
    background-position: cover;
    padding-top: 5rem;
}

.about-section-img {
    transform: scale(1.2);
}

.about-section-content {
    width: 100%;
    height: 100%;
    /* background-color: rgba(137,201,221,.6); */
    padding: 3rem 16px;
    background-image: url("../images/complex-shape.png");
    background-position: center;
    background-size: cover;
}

.about-section-content a {
    background-color: #fff !important;
    color: black;
}

.about-section-content h2 {
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 1rem;
}

.about-section-content p:nth-child(3) {
    font-size: 13px;
}

.about-section-content p:nth-child(1) {
    font-size: 11px;
    border-radius: 19px;
    background-color: #00000014;
    display: inline;
    padding: 12px 25px 7px;
    border: 1px solid white;
}

.about-section-content p:nth-child(3) span {
    /* margin-top: 1rem; */
    display: block;
    font-size: 13px;
}

.about-section-content-div {
    /* margin-top: 5rem; */
    position: relative;
    top: 46px;
}

/*===============================About page css End============================*/

/*===============================Contact page start================================*/
.contact-img-div img {
    width: 100%;
    height: 100%;
}

.contact-img-contact {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-img-contact h2 {
    font-weight: 400 !important;
    font-size: 40px !important;
}

.contact-img-contact p {
    margin-bottom: 0 !important;
}

.contact-img-contact input {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    padding: 10px;
}

.contact-img-contact textarea {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
}

.Contactus-content h4 {
    padding-bottom: 35px;
    font-size: 50px;
    font-weight: 900;
    color: #6fd0f1;
}

ul.contact-ul {
    padding: 0;
    list-style: none;
}

.contact-ul i {
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    font-size: 16px;
    padding: 8px 8px;
    margin-right: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 300ms;
}
.contact-ul i:hover{
    background-color: #0a58ca;
}

ul.contact-ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

ul.contact-ul li a {
    font-weight: 700;
    color: var(--quaternary-color);
    text-decoration: none;
}

.contact-form {
    box-shadow: 0px 0px 2px 2px #adb5bd6b;
    padding: 20px 8rem;
}

.contact-form label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.contact-form label {
    margin: 20px 0px;
}

.contact-form input {
    border: 1px solid #698b8d;
    background: transparent;
    height: 50px;
    margin-bottom: 20px;
}

.contact-form select {
    border: 1px solid #ffc107;
    background: transparent;
    height: 50px;
    margin-bottom: 20px;
}

.contact-form textarea {
    border: 1px solid #698b8d;
    background: transparent;
    height: 150px;
    margin-bottom: 20px;
}

.btn-style input:hover {
    font-weight: 600;
    color: #fff !important;
    border: 1px solid #fff !important;
    background: #0a58ca !important;
}

.btn-style input {
    color: #fff;
    background-color:var(--primaryColor);
    padding: 10px 30px;
    font-size: 18px;
    border: 1px solid transparent;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.5s ease;
    cursor: pointer;
    box-shadow: 0 0 5px 5px #00000020;
}
/*===============================Contact page css end================================*/

/*===============================Blog page css start================================*/
.news-add-outlet {
    margin-bottom: 30px;
}
.news-img {
    height: 225px;
    margin-bottom: 1rem;
}
.news-content{
    margin-bottom: 1rem;
    font-family: 'Open Sans', sans-serif;
}
.news-content h3{
    font-family: 'Open Sans', sans-serif;
}
.news-content p{
    font-family: 'Open Sans', sans-serif;
}
.news-img img {
    border-radius: 20px;
    display: block;
    height: 100%;
    width: 100%!important;
}
.news-content a {
    margin-top:1rem;
    background: var(--primaryColor);
}

.news-content a:hover {
    background: #1d76d8!important;
}
.news-img img:hover {
    -webkit-transform: scale(1.06);
    -webkit-transition: all 0.5s ease-out 0s;
    max-width: 100%;
    display: block;
}
.recent-post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    gap: 14px;
}

.recent-post-img img{
    object-fit: cover;
    width: 50px;
    height:50px;
    border-radius: 50%;
    /* overflow: hidden; */
}
.recent-post-content p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.recent-post-content h4 {
    margin-bottom: 0!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}
/* .recent-posts{
    box-shadow: 0 0 10px grey;
} */
.recent-post{
    box-shadow: 0 0 5px grey;
    margin-bottom: 1rem;
    border-radius: 5px;
    transition-duration: 300ms;
}
.recent-post:hover{
    transform: translate(10px,10px);
}
.recent-posts{
    /* padding: 10px; */
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
}
.recent-posts h3{
    margin: 1rem 0;
}
/*===============================Blog page css end================================*/

/*===============================Blog detail page css start================================*/
.blog-details-content h2 {
    font-family: aileronBold;
}

.blog-details-content p span{
    display: block;
    margin: 2rem auto;
}

#blog-details {
    margin-top: 2rem;
}

#blog-details p{
    font-family: 'Open Sans', sans-serif;
    word-spacing: 5px;
    font-size: 14px!important;
    text-align: justify;
    margin: 2rem auto;
    font-weight: 600;
}

.blog-details-img{
    width:100%;
    height:400px;
}
.blog-details-img img{
    width:100%;
    height:100%;
}
.blog-details-content{
    margin: 2rem auto;
}

.blog-details-ul{
    margin-left: 16px;
    padding:0;
}
.blog-details-ul li {
    margin-bottom: 1rem;
    font-weight: 600;
}
.blog-details-content h2{
    font-family: 'Open Sans', sans-serif;
}
.blog-details-content p{
    font-family: 'Open Sans', sans-serif;
}
/*===============================Blog detail page css end================================*/
/*-------------|Accessories Page start|---------------*/
.product {
    padding: 10px;
    box-shadow: 0 0 2px grey;
    border-radius: 10px;
    transition-duration: 400ms;
    width: 100%;
    /* border: 2px solid grey; */
    margin: 10px;
}

.product:hover {
    transform: translateY(-15px);
    box-shadow: 0 0 10px var(--primaryColor);
}

.product-img img {
    width: 100%;
    border-radius: 5px;
    height: 200px;
    object-fit: cover;
}

.product-text {
    padding: 1rem 0 1rem 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-text h3 {
    font-weight: 700;
    color: #092342;
    font-size: 24px;
}

.product-text p {
    color: #456471;
    height: 100px;
}

.product-text a {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d69e44;
    padding: 8px;
    border-radius: 5px;
    text-decoration: none;
    background-color: var(--primaryColor);
    transition-duration: 300ms;
}

.product-text a:hover {
    background-color: #0a58ca;
    color: #fff;
}

.productDetail-offer {
    margin-top: 1rem;
}

.productDetail-offer ul {
    list-style: none;
}

.productDetail-offer ul li {
    margin: 10px 0;
}

.accessories-sidebar {
    box-shadow: 0 0 6px grey;
    width: 100%;
    height: 100%;
}

.sideBar-content {
    box-shadow: 0 0 6px grey;
    height: 95%;
    padding: 10px;
    background-image: linear-gradient(to right, rgb(153, 153, 230), pink);
}

.sideBar-content h4 {
    color: rgb(157, 73, 236);
    font-size: 19px;
}

.product-catagorie ul {
    list-style: none;
}

.product-catagorie ul li {
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.product-catagorie input {
    padding: 5px 0;
}

.product-range span {
    padding: 0 5px;
    font-size: 11px;
    font-weight: 600;
}

.product-range h4 {
    padding-bottom: 10px;
}

.productDetail-img {
    width: 350px;
    height: 350px;

}

.productDetail-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: sticky;
    border-radius: 10px;
}

.product-price {
    color: var(--orange) !important;
    margin-bottom: 1rem !important;
}

.productDetail-text div a {
    padding: 6px 36px;
    box-shadow: 0 0 2px grey;
    margin-right: 10px;
    color: white;
    background-color: #d69e44;
    transition-duration: 500ms;
    border-radius: 5px;
}

.productDetail-text div a:hover {
    background-color: rgb(227, 90, 45);
}

.gender {
    margin: 1rem 0;
}

.productDetail-text h2 {
    font-family: minonProItalic;
    font-weight: 600;
}

.productDetail-text p {
    font-family: minonProItalic;
    color: #456471;
    margin-bottom: 0 !important;
}

.product_cart {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 1rem;
}

.product_cart {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
}

.product_number select {
    padding: 6px 6px;
}

.product_number select option {
    /* margin:auto; */
    text-align: center;
}

a.readMoreProduct {
    margin-top: 1rem;
    display: inline-block;
}

/*-------------|Accessories Page start|---------------*/






/*==============================Responsive Start=========================================*/
a {
    text-decoration: none;
  }
  
  @media (max-width:768px) {
    .top-bar-mobile {
        background-color: #ffff;
        border-radius: 10px;
        margin: 5px;
        padding: 4px;
    }
    .latestPost-caraousel-img-new img {
        border-radius: 10px;
        /* width: 200px; */
        height: 400px;
    }
    .icon-topbar {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    .top-bar-mobile div {
        display: flex;
        align-items: center;
        /* padding: 1rem; */
        margin-bottom: 1rem;
    }
    #navbar{
        display: none;
        overflow: hidden;
    }
      .carousel-control-next, .carousel-control-prev {
      z-index: 1000!important;
  }
      .nav-desktop-bio{
          display:none;
          overflow:hidden;
      }
    .nav-desktop {
      display: none;
      overflow: hidden;
    }
  
    .nav-mobile{
      height: 0px;
    }
    .nav-mobile-lower li a {
      text-decoration: none;
      color: #fff;
    }
  
    .nav-mobile-upper {
      display: flex;
      justify-content: space-between;
      padding: 10px 2rem;
      background-color: rgba(255,255,255);
      position: absolute;
      top:0;
      left:0;
      right:0;
      z-index: 1000;
      height:95px;
    }
  
    .nav-mobile-upper div img {
        height: 70px;
        object-fit: contain;
        /* transform: scale(1.1); */
    }
  
    .nav-mobile-lower {
        background-color: rgba(0, 0, 0, .8);
        transition-duration: 500ms;
        position: absolute;
        z-index: 10000;
        top: 94px;
        left: 0;
        right: 0;
        padding: 1rem 0 2rem 0;
    }
      ul.items-category-ul-01 {
      background-color: var(--primaryColor);
      margin: 0 1rem;
      border-radius: 15px;
  }
  
    .nav-mobile-lower ul {
      padding: 0;
    }
  
    .nav-mobile-lower ul li {
      list-style: none;
      text-align: center;
      padding: 15px;
      color: #fff;
    }
  
    .translateCss {
      transform: translateY(-100rem);
    }
    /*================================================================*/
    .bar{
      display: block;
        width:40px;
        height:4px;
        background-color: var(--primaryColor);
        margin: 5px 0;
    }
    .ham-img{
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .bar:nth-child(1){
      transition-duration: 500ms;
    }
    .bar:nth-child(3){
      transition-duration: 500ms;
    }
    .banner-text-content {
      position: absolute;
      z-index: 100;
      left: 50%;
      top: 30%;
      transform: translate(-50%,-50%);
      text-align: center;
  }
  .mobile-btn-free{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#banner {
      padding-top: 6rem;
  }
  .main-banner-content-bio {
      position: relative;
      top: 75%;
      left: 50%;
      transform: translate(-50%,-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      width:85%;
  }
      .banner-main-div img {
      width: 100%;
      height: 390px !important;
  }
      .banner-text-content h1 {
      font-size: 30px;
  }
      
  .items-category-01::after{
      display: inline-block;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
  }
  .items-area-height-01 {
  height: 0;
  overflow: hidden;
  }
  .banner-text-content p {
      font-size: 13px;
  }
      .main-btn-banner {
      background-color: var(--primary-color);
      border-radius: 5px;
      color: #000;
      display: inline-block;
      /* width: 150px; */
      height: 34px;
      /* padding-top: 7px; */
      text-align: center;
      padding: 7px 17px;
      border-radius: 32px;
      font-weight: 600;
      font-size: 13px;
  }
      .dots-container{
          margin-bottom:1rem!important;
      }
      .about-content{
          margin-top:4rem;
  }
  .lifeStyle-image {
      border-radius: 50%;
      display: flex;
      justify-content: center!important;
      align-items: center;
      margin-bottom:1rem;
  }
  .lifeStyle-image img {
      width: 300px;
      height: 300px;
      border-radius: 50%;
  }
  .certified-upper-content {
      text-align: center;
      padding: 2rem 0;
  }
  #latest-news {
      background-image: url("../images/latest-news-back-img.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 2rem 0;
  }
      .latest-news-content {
  /*     height: 100%; */
      background-color: #fff;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom:1rem!important;
      margin-top:4rem!important;
  }
      .news-content-2 {
      display: flex;
      flex-basis: content;
      height: 100%;
      background-color: #fff;
      border-radius: 10px;
      overflow: hidden;
      flex-basis: auto;
      flex-direction: column;
  }
      .news-img-2 {
      width: 100%;
      height: 100%;
  }
      .latest-news-text-2 {
      padding: 2rem 1rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .footer-link {
      width: 100%;
  }
  .footer-inner {
      display: flex;
      margin-top: 1rem;
      flex-direction: column;
      gap: 1rem;
  }
      .footer-last-text.text-end{
          text-align:left!important
      }
      .certified-content {
      margin-bottom: 1rem;
  }
      section#lifeStyle {
      background-image: url("")!important;
      background-position: 56px -13px;
      background-size: contain;
      padding: 2rem 0;
      background-repeat: no-repeat;
  }
  .inner-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* object-position: -44rem; */
    filter: brightness(0.7);
}
      .Contactus-content h4 {
      padding-bottom: 7px;
      font-size: 50px;
      font-weight: 900;
      color: #6fd0f1;
      padding-top: 10px;
  }
      ul.contact-ul {
      padding: 0;
      list-style: none;
      display: flex;
      flex-direction: column;
  }
      .contact-form {
      box-shadow: 0px 0px 0px 0px #adb5bd6b;
      padding: 10px;
  }
      .bannerText h1{
          font-size:27px;
  }
  .about-us-img-div {
      width: 100%!important;
      height: 100%!important;
      margin-right: 0!important;
      margin-bottom: 1rem;
  }
  .about-us-img-div img {
      width: 100%!important;
      height: 100%!important;
      /* margin: 0 2rem; */
  }
  .about-main-text h2 {
      font-size: 30px!important;
      margin-top: 1rem;
  }
      .mobile-info.topbar-ul{
          flex-direction:column!important;
      }
      .circle-span-parent div span:nth-child(2) {
          color:#fff;
      }
      #about {
      background-image: url("")!important;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  /*============================================================*/
  #our-blog {
    padding: 3rem 2rem;
}
.blog-card {
    flex-direction: column;
}
.blog-card-img img {
    width: 100%;
    height: 200px;
}
.contactUs-heading {
    width: 100%;
}
.contactUs-img video {
    margin-bottom: 2rem;
}
.contactForm input {
    width: 100%;
}
.footerInput {
    justify-content: space-between;
}
.transcriptBenefit-div {
    margin: 0 2rem 2rem 2rem;
}
#translationInfo {
    background-size: cover;
}
.translationInfo-div2-single img {
    width: 65px;
}
.translationInfo-div2-single-second {
    width: 175px;
}
.translationInfo-div2-single-second h6{
    font-size: 12px;
}
.translationInfo-div2-single p {
    font-size: 12px;
}
.translationBtn {
    font-size: 8px;
    display: inline-block;
    margin-right: 0;
}
.translationInfo-div2-content img {
    width: 300px;
}
.translationInfo-div2-content-in {
    width: 280px;
    color: #fff;
}
.translationInfo-div2-content-in p {
    font-size: 13px;
}
.translationInfo-div1 {
    height: 400px;
    margin-bottom: 1rem;
}
.bannerImg-div-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    width: 100%;
}
.bannerImg-div{
    text-align: center;
}
.bannerImg-div img{
    height:300px;
}
.bannerImg-div-content h1 {
    font-size: 30px;
}
.bannerImg-div-content p {
    font-size: 13px;
    padding: 0 2rem;
    color: #000;
    font-weight: 500;
}
.banner-btn {
    background-color: var(--primaryColor);
    padding: 8px 13px;
    border-radius: 19px;
    color: #fff;
    margin-right: 10px;
    box-shadow: 0 0 8px grey;
    font-family: 'Red Hat Display', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
}
#translationInfo {
    background-image: url("../images/second-back-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 1rem 0;
}
#inner-banner {
    position: relative;
    margin-top: 6rem;
}
.inner-banner-img {
    width: 100%;
    height: 250px;
}
.lesson-package-titleHead {
    width: 100%;
    color: var(--primaryColor);
    font-weight: 600;
}
.lesson-package-cards {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}
.price-buy-btn {
    padding: 6px 17px;
    font-size: 13px;
}
.about-main-text p{
    font-size: 13px;
}
.about-our-story p{
    font-size: 13px;
}
.news-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.recent-post-content p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
#sign-in .contactForm {
    width: 90%!important;
}
.banner-content {
    text-align: center;
}

.banner-content-heading span:nth-child(3) {
    font-size: 55px;
}
.banner-content-heading {
    font-size: 45px;
}
.heading-text-modified {
    font-size: 23px;
}
.heading-text-modified {
    color: var(--primaryColor);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner-content-heading span {
    display: block;
    margin-bottom: 7px;
}
.banner-btn span {
    margin-right: 8px;
    vertical-align: middle;
}
.banner-btn-icon {
    display: inline-block;
    background-color: #fff;
    color: var(--primaryColor);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    padding-left: 0px;
}
.banner-square {
    position: absolute;
    top: -8px;
    left: -1rem;
}
.banner-line-Number {
    margin-right: 0rem;
}
.banner-line-Number .caraousal-line {
    width: 38%;
    height: 1px;
    background-color: #fff;
    margin: 0 2rem;
}
#visa-immigration {
    padding: 3rem 1rem;
}
.visa-immigration-inner {
    position: relative;
    margin-bottom: 1rem;
}
.visa-immigration-second {
    height: 100%;
    position: relative;
    text-align: center;
    height: 400px;
    margin-bottom: 1rem;
}
.latestPost-caraousel-img {
    position: relative;
    margin-top: 2rem;
}
.latest-post-content {
    padding: 0 1rem;
}
.contactForm-input-div {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
.contact-main-img {
    margin-top: 1rem;
}
  /*============================================================*/
  }
  
  @media (min-width:769px) {
      .nav-desktop-bio{
          display:block;
      }
  
    .nav-mobile {
      display: none;
      overflow: hidden;
    }
  
    .nav-desktop {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 10px 0;
      position: fixed;
      right: 0;
      left: 0;
      top: 0;
    }
  
    .ul-links ul {
      display: flex;
      justify-content: space-between;
      list-style: none;
    }
  
    .ul-links ul li {
      padding: 10px 6px;
    }
  
    .ul-links ul li:hover {
      background-color: #D5CACA;
      border-radius: 5px;
    }
  
    .img-div-desktop img {
      width: 90px;
      height: 70px;
    }
  
    .main-site-button a {
      background-color: #E31B1B;
      color: #fff;
      padding: 10px 20px;
      border-radius: 7px;
      text-decoration: none;
    }
  
    .nav-desktop ul li a {
      font-size: 20px;
      padding: 10px 20px;
      font-family: sans-serif;
      font-weight: 500;
      color: #fff;
    }
  
    .services-link {
      position: relative;
    }
  
    .service-links-div {
      position: absolute;
      border-radius: 10px;
      background-color: #fff;
      padding: 10px;
      z-index: 100;
      width: 210px;
      box-shadow: 0 0 10px grey;
    }
  
    .service-links-div-ul {
      padding: 0;
      list-style: none;
      flex-direction: column;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
  
    .service-links-div-ul li {
      margin: 4px 0px;
    }
  
    .service-links-div-ul li a {
      font-size: 14px !important;
    }
  
    .service-links-div-ul li a {
      color: black !important;
    }
  
    .banner-div {
      margin-top: 100px;
    }
  }
  /*==================================Responsive end========================================*/
  
  
  .news-content h4,
.news-content p,
.recent-post-content h4,
.recent-post-content p,
.recent-posts h4 {
    color: #000 !important; /* Black text */
}

.news-content a.btn {
    color: #fff !important; /* White text for Learn More button */
}


/* === Fix: Force Blog Detail Text to Black === */
.blog-details-content,
.blog-details-content p,
.blog-details-content h2,
.blog-details-content li,
.blog-details-content span,
.blog-details-content strong,
.blog-details-ul li {
    color: #000 !important;
}


/* === Force Blog Page Text Color to Black === */
.blog-details-content,
.blog-details-content p,
.blog-details-content h2,
.blog-details-content li,
.blog-details-content span,
.blog-details-content strong,
.blog-details-ul li {
    color: #000 !important;
}




/* Blog details layout cleanup */
.blog-details-content {
    margin: 2rem auto;
    padding: 0 15px;
    max-width: 900px;
}

.blog-details-content h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.blog-details-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    text-align: justify;
}

.blog-details-ul {
    list-style: disc;
    padding-left: 30px;
    margin: 2rem auto;
}

.blog-details-ul li {
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .blog-details-content h2 {
        font-size: 22px;
    }

    .blog-details-content p,
    .blog-details-ul li {
        font-size: 15px;
    }

    .blog-details-img {
        height: auto;
    }

    .blog-details-img img {
        height: auto;
    }
}


.blog-details-ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
}

.blog-details-ul li {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0.75rem;
    font-weight: 600;
}


/* Footer content text color */
.footer-content,
.footer-content h4,
.footer-content p,
.footer-content ul li,
.footer-content a {
    color: #fff !important;
}

/* Optional: Also make icons white if not already */
.footer-content i {
    color: #fff !important;
}