*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --clr-primary: #3e4392 ;
    --clr-secondary: #6cb73f;
    --clr-oragnge: #e14323;

    --text-primary: #333333;
    
    --clr-black: #000;
    --clr-dark: #201b1d;
    --clr-accent: #fff;
    --clr-light: #D5EDFB;
    --clr-accentTwo: #333;
    --fw-body: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 800;
  }

  /*Start  Button Style */

  h1, h2, h3, h4, h5, h6{
    color: var(--clr-primary);
  }

  /* Start Color  */
  .bg-dark-blue {
    background: #f9f9f9 !important;
}

.bg-dark-light {
    background: var(--clr-secondary) !important;
}

.text-dark-blue{
    color: var(--clr-primary);
}

.text-light-blue{
    color: var(--clr-secondary);
}
.text-cst-white{
    color: #fff;
  }
  .text-cst-dark{
    color: #333;
  }
/* End Color  */

  /* Start Header */
  #home .navbar {
    /* background-color: var(--clr-primary); */
    background-color: var(--clr-accent);
  }
  #home .navbar-nav li a{
    color: var(--clr-black);
    font-weight: 700;
  }
  /* End Header */

.btn-cst{
    display: inline-block;
    margin-bottom: 0;
    /* font-weight: 400; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    /* border: 1px solid transparent; */
    /* padding: 6px 12px; */
    /* font-size: 14px; */
    /* line-height: 1.42857143; */
    /* border-radius: 4px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-cst-primary{
    background-color: var(--clr-secondary);
    color: var(--clr-accent);
  }
  .btn-cst-primary:hover{
    background-color: var(--clr-secondary) ;
    color: var(--clr-accent);
  }


  .btn-cst-primary-two{
    border: 1px solid var(--clr-secondary);
    color: var(--clr-secondary);
  }
  .btn-cst-primary-two:hover{
    background-color:  var(--clr-secondary) ;
    color: var(--clr-accent);
  }

  .btn-cst-secondary{
    background-color: var(--clr-secondary) ;
    color: var(--clr-secondary);
  }

  .btn-cst-secondary:hover{
    background-color: var(--clr-secondary) ;
    color:  var(--clr-accent);
  }


.btn-darkOne{
    background-color: var(--clr-secondary);
    color: var(--clr-accent);
}

.btn-dark.border {
    color: var(--clr-accent);
    border: 2px solid transparent;
    background-color: var(--clr-secondary);
    box-shadow: 0px 2px 8px -2px #568b13;
}

.btn-dark.border:hover {
    box-shadow: none;
    color: var(--clr-accent);
}
.btn1 {
    background: var(--clr-secondary);
    border: 10px 0px 0px 10px;
    box-shadow: none;
    color: var(--clr-accent);
}
.btn1:hover {
    background-color: var(--clr-secondary);
    color: var(--clr-accent);
}

.largebtn{


    border: medium none;
    box-shadow: inherit;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    margin-top: 15px;
    padding: 10px 40px;
    text-transform: uppercase;
    border-radius: 8px;
}
  /*End  Button Style */


#navbar-menu .nav.navbar-nav {
    margin-top: 34px;
}

.fun-fact .info > div span {
    font-size: 28px !important;
    margin: 0 2px;
}

.fun-fact {
    min-height: 250px;
}

.fun-fact .info > div i {
    font-size: 26px;
    margin: 0 2px;
    color: var(--clr-accentTwo);
}
.site-heading h2 {
    padding-bottom: 0px;
}
.hwitworkCard .icon {
    font-size: 40px;
    font-weight: 700;
    color: var(--clr-secondary);
}
.hwitworkCard .icon > i {
    color: var(--clr-secondary) !important;
    font-size: 37px !important;
}
.hwitworkCard {
    min-height: 245px;
}
.skills {
    display: flex;
    flex-wrap: wrap;
}
.skills > div {
    flex: 0 0 32%;
}
.skillCard > img {
    object-fit: cover;
    max-width: 100%;
    width: 43px;
    margin-bottom: 10px;
}
.skillCard {
    margin-bottom: 30px;
    box-shadow: 0 0px 2px rgba(0,0,0,0.25);
    min-height: 100px;
    padding: 14px 18px;
    min-height: 172px;
}
.fun-fact{
    background: var(--clr-accent);
}
.fun-fact .icon i{
color: var(--clr-secondary);
}
.fun-fact .info .timer {
    color: var(--clr-accentTwo);
}
.fun-fact .info .medium {
    color: var(--clr-accentTwo);
}

.clients-review-carousel .item .info span{

    color: var(--clr-primary);
}
.testimonials-area .clients-review-carousel .owl-nav .owl-prev:hover, .testimonials-area .clients-review-carousel .owl-nav .owl-next:hover {
    background: #ffffff none repeat scroll 0 0;
    color: var(--clr-primary);
}
.blog-area .blog-items .item a:hover {
    color: var(--clr-secondary) !important;
}
.blog-area .blog-items .info > a {
    color: var(--clr-primary);
}

.reg-area .reg-form button {
    background: var(--clr-secondary) none repeat scroll 0 0;
    color: var(--clr-accent);
    border: medium none;
    box-shadow: inherit;
    font-family: "Poppins",sans-serif;
    font-weight: 600;
    margin-top: 15px;
    padding: 10px 40px;
    text-transform: uppercase;
}
.blog-area .blog-items .thumb .date::after{
    background: var(--clr-primary);
}
footer .footer-bottom {
    background: var(--clr-primary) repeat scroll 0 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 50px;
    padding: 20px 0;
}
footer .f-item p{
    color: #5E5E5E;
}
.clients-review-carousel .item .info p {
    word-break: break-all;
}
.f-item h4{
    color: #fff;
}
.hwitworkCard {
    /* padding: 19px 15px !important; */
    padding: 22px 9px 5px 9px !important;
    min-height: 275px;
    background: #fff;
    flex: 0 0 19%;
    position: relative;
    box-shadow: 3px 3px 12px rgb(0, 0, 0, 0.5);
}
.skillCard h4 {
    font-size: 16px;
}
.whtofferimg img{
    height: 481px;
    object-fit: cover;
}

.footerTop {
    background: linear-gradient(100deg, #7f4789  10%, #fff4d800 110%),url(//optiswift.com/public/gio-real-estate/public//assetss/images/footertopimg.png);
    background-repeat: no-repeat;
    background-size: 58%;
    background-position: 100% 0;
    position: relative;
}.footerTop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(100deg, #7f4789 100%, #fff4d800 );
    width: 100%;
    height: 100%;
    z-index: -1;
}
.text-white {
    color: #fff;
}

.text-black{
    color: #000;
}
.blog-area .blog-items .item .info .meta{
    display: none;
}
.footerTop h3 {
    font-size: 32px;
}
.hwitworkCard:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--clr-primary);
    transform: perspective(400px) rotateY(90deg);
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 500ms linear;
    transition-delay: 0.1s;
}
.hwitworkCard:hover:before{
    opacity: 1.0;
    height: 100%;
    transform: scale(1.0);
    transition: all 800ms linear;
    transition-delay: 0.1s;
}
.hwitworkCard:hover  .info.info-align {
    z-index: 2;
    position: relative;
}
.hwitworkCard:hover .info.info-align h4, .hwitworkCard:hover .info.info-align p {
    color: #fff;
}

.hwitworkCard:hover .icon > i{
   color: #fff !important;
}

.hwitworkCard:hover .icon.icon-align{
    position: relative;
    z-index: 2;
}
.fun-fact{
    transition: .3s;
}
.fun-fact:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2);
    box-shadow: 0px 20px 40px rgba(0,0,0,0.4);
  transform: scale(1.05,1.05);
}
.owl-carousel .owl-item img{
    height: 200px;
    object-fit: cover;
    object-position: top;
}
.clients-review-carousel .item{
    min-height: 313px;
    background-color: white;
}
footer.bg-dark-blue {
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(168deg, #618264 56%, #273c29 133%) !important; */
    /* background: #fff !important; */
    /* background: linear-gradient(109deg, #040f2f 19%, #fff4d800 110%) ,url(//optiswift.com/public/svs_new/public//assetss/images/footbtmimg.png) !important; */
    background: linear-gradient(225deg, #3e4392 19%, #161616 110%) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
footer .f-item.link li a{
    /* color: #5E5E5E !important; */
    color: #fff !important;
}
footer .f-item p{
    color: #fff;
}
.footerbg {
    position: absolute;
    bottom: 52px;
    /* transform: scale(-1); */
    opacity: 0.2;
    right: -204px;
    /* top: -33px; */
    /* left: -156px; */
}
footer .footer-bottom{
    position: relative;
    /* background: #79ac78 !important; */
}
.footerbg img {
    filter: contrast(0.5);
}
.skillCard img{
    background-color: var(--clr-primary);

    padding: 7px;
}
footer .footer-bottom p {
    color: #ffffff;
    margin: 0;
    text-transform: capitalize;
    line-height: 40px;
    font-weight: 500;
}
footer .f-item.address i{
    color: #fff;
    /* padding-bottom: 18px; */
}
.logo {
    width: 117px !important;
    object-fit: cover;
    /* height: 50px !important; */
    max-width: 92px;
}
.header_topIcon {
    display: flex;
    gap: 10px;
    justify-content: end;
    color: var(--clr-secondary);
    /* margin-top: 13px; */
    padding: 5px 0;
}
a:hover{
    color: var(--clr-primary);
}

.header_topIcon > div a i {
    font-size: 17px;
    color: var(--clr-primary);
}
.header_topIcon > div a svg{
    fill: #0b8eca;
    font-size: 3.3px;
}
.default-padding-top{
    padding-top: 50px;
}
div#register {
    position: relative;
}

.aboutbgpattern {
    position: absolute;
    top: 0;
    left: -155px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
/* #register{
    background: #fff;
} */
.floating-button .btn1 {
    background: #fc940e;
    padding: 12px 35px;
    color: #0f2945;
    font-size: 20px;
}
nav.navbar.bootsnav ul.nav>li>a{
    font-size: 13px !important;
}


/* Start 02 Nov 2023 */
.top-bar-area .address-info li:nth-child(1){
    flex: 0 0 52%;
    margin-right: 0;
    padding-right: 11px;
    width: fit-content;
}
.top-bar-area .address-info li:nth-child(2) {
    flex: 0 0 19%;
    margin-right: 25px;
    padding-right: 0;
}
.slider-thumb {
    position: relative;
}

.slider-thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #28282857;
    position: absolute;
    top: 0;
    left: 0;
}
/* End 02 Nov 2023 */
/* Start 06-11-2023 */
.top-bar-area .address-info li i {
    margin-right: 3px;
    font-size: 16px;
}
.top-bar-area .address-info li p {
    line-height: 16px;
    margin: 0;
}
.whyChooseCards {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.hwitworkCard > .info.info-align h4 {
    font-size: 16px;
    line-height: 1.2;
}
.hwitworkCard > .info.info-align p{
    font-size: 13px;
}
footer .f-item.address li span{
    color: #fff;
}
footer .f-item.address li {
    display: flex;
    align-items: baseline;
}
footer .f-item.address li span:nth-child(1) {
    flex: 0 0 18%;
}
/* .btn-dark:hover, .btn-dark:focus{
    color: var(--clr-primary);
} */
/* End 06-11-2023 */




/* Start  06 Nov 2023 */
.wcs-area .site-heading h2 {
    color: var(--clr-primary);
    }
    .text-cst-black{
        color: #000 !important;
    }
    .wcs-area .item .info h4 a{
        color: #000;
    }
    .wcs-area .item .info p{
        color: var(--clr-accentTwo);
    }
    .wcs-area .item .icon i{
        background-color: #fff;
        color: var(--clr-secondary);
    }
    .wcs-area .item:last-child {
        margin: 0 0 33px 0;

    }
    .breadcrumb-area .breadcrumb li i{
        color: #fff;
    }
    .breadcrumb-area .breadcrumb li.active{
        color:  #fff !important;
        text-transform: capitalize;
    }
    .breadcrumb > li + li::before{
        color: #fff;
    }
    .breadcrumb-area .breadcrumb::after{
        background: var(--clr-primary);
    }
    /* .breadcrumb-area .breadcrumb{
        background: white none repeat scroll 0 0;
    } */

    /* End  06 Nov 2023 */
    /* ============= Start 07 Nov 2023 ============================ */
    ul.breadcrumb li a{
        color: #fff ;
    }
    .breadcrumb-area {
        position: relative;
        padding: 130px 0 50px;
    }

    .breadcrumb-area:before {
        content: "";
        background: #00000052;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .whatweOffer {
        background: #fff;
        border-radius: 4px;
        box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
        padding: 28px 22px;
        margin-bottom: 30px;
        height: 350px;
        min-height: fit-content;
    }
    .whatweOffer p {
        margin-bottom: 7px;
    }
    .whatweOffer .icon i {
        font-size: 30px;
        color: var(--clr-primary);
    }
    .site-heading.twoheading {
        margin-bottom: 25px;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev, .testimonials-area .clients-review-carousel .owl-nav .owl-next {
    opacity: 1;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev{
        left: -70px;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-next {
        right: -70px;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev, .testimonials-area .clients-review-carousel .owl-nav .owl-next{
    color: var(--clr-primary);
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev:hover, .testimonials-area .clients-review-carousel .owl-nav .owl-next:hover{
        color: var(--clr-primary);
    }
    #register button i {
        font-size: 22px;
        margin-right: 6px;
    }
    #register button i {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #register  button {
        display: flex;
        padding: 8px 20px;

    }
/* 
    .btn-dark:hover, .btn-dark:focus{
        color: var(--clr-primary) !important;
    } */
    /* ============= End 07 Nov 2023 ============================ */


/* =========== Contact us page  ================ */
.contact-info-area .contact-info .item i {
    color: var(--clr-secondary);
    font-size: 40px;
}
.contact-info-area .contact-info .item{
    padding: 32px 30px;
    min-height: 240px;
}
.contact-info-area .maps-form button{
    background: var(--clr-primary);
}
/* =========== Contact us page  ================ */

/*  ---------------- Start gallery --------------------------- */
.portfolio-area .mix-item-menu button{
    color: var(--clr-primary);
}
.portfolio-items-area .pf-item .item-effect a{
    color: var(--clr-primary);
}
/* ----------------- End gallery  --------------------------- */


/* Start floating button two */
.floating-button.one {
    bottom: 104px;
    right: -4px;
}
.floating-button.one .btn1{
    background: none;
}
/* Start floating button two */
.site-heading{
    margin-bottom: 10px;
}


/* =========== Stat 08 Nov 2023 ============================= */
.fee-submit{
    background: var(--clr-primary) !important;
}
.fee-submit:hover{
    background-color: var(--clr-secondary) !important;
}
.yeartabs .item a.active_date{
    background: var(--clr-primary);
}
.yeartabs .item a.active_date:hover {
    background: var(--clr-secondary);
}
.evtTab_list li.active a{
    background: var(--clr-primary);
}

/* Plus glyph for showing collapsible panels */
.panel-heading .accordion-plus-toggle:before {
    font-family: 'FontAwesome'; /* Note the correct capitalization */
    content: "\f068";
    float: right;
    color: var(--clr-primary);
 }

.panel-heading .accordion-plus-toggle.collapsed:before {
    content: "\f067"; /* Change to the "minus" icon when collapsed */
    color: var(--clr-secondary);
 }

/* Arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:before {
    font-family: 'FontAwesome'; /* Note the correct capitalization */
    content: "\f078";
    float: right;
    color: silver;
 }


 .panel-heading .accordion-arrow-toggle.collapsed:before {
    content: "\f054";
    color: silver;
 }

/* sets the link to the width of the entire panel title */
.panel-title > a {
    display: block;
    padding: 10px 12px;
 }


 .panel-default>.panel-heading {
    color: var(--clr-primary);
    background-color: var(--clr-light) !important;
    border-color: var(--clr-light);

}

.panel > .panel-heading {
    background-color: antiquewhite;
}

.panel-default {
    border-color: #ddd;
    margin-bottom: 17px !important;
}
.minisubheading {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 15px;
}
.blog-area .blog-items .item a:hover {
    color: var(--clr-primary) !important;
}

.blog-area .blog-items .item a:hover {
    color: var(--clr-primary) !important;
}
.blog-content > .item-box .meta {
    display: none !important;
}
/* =========== End 08 Nov 2023 ============================= */


/* ===============Start 14 Nov 2023 ======================== */
.testimonialsectioncard{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.testimonialsectioncard > div {
    flex: 0 0 48%;
    background:  #fff;
    display: flex;
    gap: 20px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.clientName {
    font-weight: 600;
    color: var(--clr-primary);
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
    /* color: var(--clr-primary) !important; */
    color: var(--clr-black);
}
/* nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{
    background: var(--clr-primary);
    color: #fff;
} */
/* nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li:hover{
    background: var(--clr-primary);
    transition: all 0.2s ease-in-out;
} */
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{
    color: #fff;
    background: var(--clr-primary);
    transition: all 0.25s ease-in-out;
}
footer .f-item.address p{
    width: calc(100% - 40px);
}
.evtTab_list li.active a{
    background: var(--clr-primary) !important;
    color: #fff !important;
}
.floating-button.one img {
    width: 55px;
    position: fixed;
    bottom: 60px;
    right: 34px;
    z-index: 999;
}
.floating-button.one .btn1 {
    padding: 0;
}
.floating-button.two a {
    position: fixed;
    bottom: 56px;
    left: 0;
    z-index: 999;
    color: var(--clr-accent);
    outline: none;
    transition: none;
    background: var(--clr-oragnge);
    border: none;
}
.floating-button.two a:hover {
    background: linear-gradient(var(--clr-oragnge), #530000);
    border: 1px solid linear-gradient(var(--clr-oragnge), #530000);
}
.floating-button.one .btn2 {
    padding: 0;
}
.floating-button.two .btn {
    padding: 10px 12px;
    border-radius: 0 8px 8px 0 !important;
}
/* ===============End 14 Nov 2023 ======================== */


/* ===============Star 15 Nov 2023 ======================== */
footer .f-item.address li span, footer .f-item.address li a{
    font-size: 13px;
}
.skillCard i {
    background: var(--clr-secondary);
    padding: 8px;
    font-size: 21px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    margin-bottom: 12px;
}
/* ===============End 15 Nov 2023 ======================== */

/* ===============Start 20 Nov 2023 ======================== */
.top-bar-area{
    padding: 0;
}
.btn{
    border-radius: 8px;
}
/* ===============End 20 Nov 2023 ======================== */

/* ===============Start 21 Nov 2023 ======================== */
.skillCard h4 {
    color: var(--clr-accentTwo);
}
.header_topIcon > div > a img {
    width: 26px !important;
    height: 26px !important;
}
.floating-button{
    height: 0;
}
/* ===============End 21 Nov 2023 ========================== */

/* =============== Start 28 Nov 2023 ========================== */
.fun-fact > .icon {
    min-height: 75px;
}
footer .f-items .item:last-child{
    padding-right: 0;
}
.f-logo{
    text-align: center;
}
.about-area .info h5{
    color: #000;
    font-weight: 600;
}
p{
    margin: 0 0 5px;
}
.single-item > .item > .info h3 a {
    color: #000;
}
.blogsubheading-single {
    margin-bottom: 24px;
}

.blogsubheading-single h3 {
    color: #000;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 20px;
}
.contact-blog h3 {
    font-size: 22px;
    color: #000;
}
.contact-blog h3 a {
    color:  var(--clr-primary);
}
.btn-whtsappcst {
    border-radius: 4px;
    background: #40c351 !important;
    display: flex;
    align-items: center;
    gap: 5px;
}

button#submit i {
    font-size: 19px;
}
.studentScuess-Vid{
    padding-top: 30px;
}
.galleryvido-small {
    margin-bottom: 30px;
}
/* =============== End 28 Nov 2023 ========================== */

/* =============== Start 1 Dec 2023 ========================== */
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{
    display: none;
}
/* =============== End 1 Dec 2023 ========================== */

/* =============== Start 5 Dec 2023 ========================== */
.blog-content h3, .blog-content b {
    color: #000;
}
.blog-content .info + div > h3 {
    font-size: 20px;
    font-weight: 500;
}
/* =============== End 5 Dec 2023 ========================== */



/* ----------------------------------------Start media Query -------------------------------------------*/

@media(max-width: 1200px){
    .hwitworkCard{
        flex: 0 0 32%;
        padding: 22px 14px 18px 14px !important;
        min-height: fit-content;
    }
    nav.navbar ul.nav > li > a {
        margin-right: 1.2rem;
    }
    .floating-button .btn1 {
        padding: 15px 19px;
        font-size: 16px;
    }
    .floating-button.two img {
        width: 45px;
        bottom: 55px;
    }
    .back-to-top .btn2 {
        padding: 4px 11px;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev, .testimonials-area .clients-review-carousel .owl-nav .owl-next{
        top: 100%;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-prev{
        left: 70px;
    }
    .testimonials-area .clients-review-carousel .owl-nav .owl-next{
        right: 70px;
    }
    .floating-button.one img {
        width: 50px;
        bottom: 55px;
        right: 32px;
    }
}

@media(max-width: 1023px){
    .header_topIcon > div > a img {
        display: block !important;
        width: 22px !important;
    }
    #navbar-menu{
        background: var(--clr-primary) !important;
    }
    #navbar-menu ul li a{
        color: #fff !important;
    }
    nav.navbar.bootsnav .navbar-toggle {
        /* margin-top: 18px; */
    }
    .navbar-brand > img {
        height: 100% !important;
    }
    /* .logo {
        width: 60px !important;
    } */
    #navbar-menu .nav.navbar-nav {
        margin-top: 20px;
    }
    #navbar-menu {
        top: 75px;
    }
    #home .navbar-nav li a {
        color: var(--clr-accent) !important;
    }
}

@media(max-width: 991px){
    .hwitworkCard{
        flex: 0 0 48%;
    }
    .testimonialsectioncard > div  {
        flex: 0 0 100%;
    }
    .footerTop{
        background-size: cover;
        background-position: 100% 0;
        position: relative;
    }
    .site-heading {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .skills > div {
        flex: 0 0 50%;
    }
    .top-bar-area {
        display: block;
    }
}

@media (max-width:576px) {
    .skills > div {
        flex: 0 0 100%;
    }
    .hwitworkCard{
        flex: 0 0 100%;

    }
    #navbar-menu {
        top: 85px;
        left: 12px;
    }
    /* nav.navbar.bootsnav .navbar-header {
        width: 46% !important;
    } */

    .banner-area .hero-form {
        margin-inline: auto !important;
    }
    .box-table .content h2 {
        font-size: 23px !important;
    }
    .box-table .content h1 {
        font-size: 35px !important;
    }
}


/* ----------------------------------------End media Query -------------------------------------------*/

/*============================== Vikas 23-sept-2024-====================*/

.banner-area .box-table .box-cell{
    padding-top: 88px;
}
.banner-area .box-table .box-cell .container{
    display: flex;
    align-items: center;
}

.banner-area .hero-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    .content h1{
        text-transform: none;
        padding-inline: 30px;
    }
}
.banner-area .hero-details .content{
    flex: 2;
}
.banner-area .hero-details .hero-form{
    flex: 1;
}

.banner-area.text-normal h1 {
    font-weight: 600 !important;
}



/* Responsive */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area .hero-details .content{
        display: block;
        flex: 1;
    }
    .banner-area .hero-details .hero-form{
        display: block;
        flex: 1;
        padding-bottom: 0;
    }
    .banner-area .hero-details .hero-form div:first-child{
        span{
            display: inline !important;
        }
    }
}

@media only screen and (max-width: 848px) {
    .banner-area .hero-details{
        display: block;
        flex-direction: column;
        padding-inline: 50px;
        justify-content: center;
        text-align: center;

        .content{
            h1{
                font-size: 40px;
            }
            h2{
                font-size: 29px;
            }
        }

        .hero-form .form-control {
            margin-bottom: 12px;
        }

        .hero-form {
            padding: 11px 11px 1px 11px;
            margin-inline: 19%;
            margin-top: 0;
            form{
                input {
                    min-height: 42px;
                }
                p{
                    margin: 0;
                }
                .form-submit-btn .btn{
                    padding: 6px 25px;
                    height: none !important;
                }
            } 
        }
    }

    .banner-area .hero-details .hero-form div:first-child{
        span{
            display: inline !important;
        }
    }
    .banner-area .box-table .box-cell .container {
        display: block;
    }

    .banner-area.content-top-heading.less-paragraph.text-normal {
        height: 115%;
    }
}

/* start form styling */
.hero-form {
    background-color: var(--clr-primary);
    padding: 25px;
    border-radius: 4px;
}

.hero-form .title {
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    text-transform: none;
}

.hero-form .form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.banner-area .hero-form form{
    margin: 12px auto;
    width: 90%;
}
.banner-area .hero-form form input{
    min-height: 50px;
}



/* .banner-area .hero-form .form-submit-btn .btn{
    background-color: var(--clr-secondary);
    color: var(--clr-accent);
}
.banner-area .hero-form .form-submit-btn .btn:hover{
    border-color: var(--clr-accent);
    color: var(--clr-accent);
} */


/* Responsive layout */
@media (max-width: 768px) {
    .hero-form {
        margin-top: 20px;
        max-width: 400px;
        margin-inline: auto !important;
    }
}

/* end form styling */




/* start Owl Carousel Custom Styles */
.image-slider .owl-carousel .item {
    width: 100%;
    height: 800px;
    overflow: hidden;
    padding-inline: 14px
}

.image-slider .owl-carousel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-slider .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -50px;
}

.image-slider .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -50px;
}

.image-slider .owl-carousel .owl-dots {
    text-align: center;
    margin-block: 20px;
}

.image-slider .owl-carousel .owl-dot span{
    cursor: pointer;
}
/* end Owl Carousel Custom Styles */




/* ================================= Start FAQ ==================================== */

.faqs-container {
    margin: 0 auto;
    max-width: auto;
}

.faq {
    background-color: #ffffff;
    /* border: 1px solid #9FA4A8; */
    border-radius: 10px;
    padding: 12px 35px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.faq .minisubheading{
    color: var(--clr-primary);
}

.faq.active {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.faq-text {
    display: none;
    margin: 10px 0 0;
}

.faq.active .faq-text {
    display: block;
}

.faq-toggle {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 0;
    position: absolute;
    top: 12px;
    right: 30px;
    height: 30px;
    width: 30px;
}

.faq-toggle:focus {
    outline: none;
}

.faq.active .faq-toggle {
    color: var(--clr-primary);
}

.faq-toggle .fa-chevron-up {
    display: none;
}

.faq.active .faq-toggle .fa-chevron-up {
    display: block;
}

.faq-toggle .fa-chevron-down {
    color: var(--clr-primary);
}

.faq.active .faq-toggle .fa-chevron-down {
    display: none;
}
/* ================================= End FAQ ==================================== */

/* Start About */
.about-section .about-content{
    display: flex;
    align-items: center;
}

.about-area .about-info{
    display: flex;
    /* align-items: center; */
}

/* Responsive */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-area .about-info{
        flex-direction: column;
    }
}

@media only screen and (max-width: 848px) {
    .about-area .about-info{
        flex-direction: column;
    }
}
/* End About section */


.item .malachite .hwitworkCard{
    box-shadow: "-1px 3px 10px 0 rgba(0, 0, 0, 0.06)";
}


/* Start Navbar after logo content CSS */
.navbar-content h3 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 22px; 
}

p {
    /* font-weight: 600; */
    font-size: 14px;
    color: rgba(116, 116, 116, 0.945);
    margin-bottom: 0;
}

.navbar-content .navbar-header>div {
    display: flex;
    gap: 6rem;
}

/* .navbar-header .navbar-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
} */

@media screen and (max-width: 1200px) {
    .navbar-header>div {
        flex: none;
        align-items: center;
    }

    #navbar-menu .nav.navbar-nav {
        margin-top: 65px;
    }

    nav.navbar.bootsnav .navbar-brand {
        padding: 0 !important;
    }
}

@media screen and (max-width: 1023px) {
    nav.navbar.bootsnav .navbar-brand {
        padding: 7px !important;
    }
}

@media screen and (max-width: 991px) {
    /* nav.navbar.bootsnav .navbar-header {
        gap: 22%;
    } */
}

@media screen and (max-width: 768px) {
    .navbar-header .LogoName .navbar-content img{
        height: 40px;
    }
    .navbar-header>div {
        gap: 0 !important;
    }
}

.navbar-header .navbar-content img{
    max-width: 250px;
}
/* End Navbar after logo content CSS */



/* Start Pop-up Form */
.pop-up-form .popup form input{
        border: 1px solid #d0d0d0;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        padding-left: 10px;
        width: 83.55%;
        height: 38px;
}

.modalFormPoup form{
    background-color: var(--clr-primary);
    padding: 25px;
    border-radius: 4px;

}

.modalFormPoup form .formBtnPopup a {
    background-color: var(--clr-secondary);
    color: var(--clr-accent);
}

.modalFormPoup form h4{
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-bottom: 15px;
}

.pop-up-form .modal-content {
    position: relative;
}

.pop-up-form .modal-content .closePopupBtn {
    position: absolute;
    top: -17px;
    right: -9px;
    background-color: var(--clr-primary);
    width: 35px;
    height: 35px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}
/* End Pop-up Form */



/* Navbar */
.navbar-items{
    display: flex;
    align-items: center;
    padding: 6px 15px;
}

#navbar-menu .nav.navbar-nav {
    margin-top: 0 !important;
}
/* .navbar-header>div {
    gap: 12px;
} */
nav.navbar.bootsnav .navbar-brand {
    padding: 0 !important;
    flex: 1;
}
.navbar-header .navbar-content {
    flex: 3;
}
.navbar-items .navbar-header{
    flex: 1;
}

.navbar-items .navbar-collapse{
    flex: 3;
}

.navbar-items .navbar-collapse .navbar-nav.navbar-right{
    align-items: center;
}
.LogoName {
    display: flex;
    align-items: center;
}

.reg-area .reg-items p, .about-area .para p{
    margin-bottom: 8px;
}

.navbar-items .navbar-content span{
    display: block;
}

.navbar-items .navbar-content .minisubheading{
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 0;
}


/* Home page why-choose-paras */
.hwitworkCard .icon{
    width: 45px;
    margin-inline: auto;
}

.whyChooseCards .hwitworkCard svg{
    fill: var(--clr-secondary);
}

.hwitworkCard:hover svg{
    background-color: var(--clr-accent);
    border-radius: 7px;
}

/* About page */
.wcs-area .item svg{
    width: 80px;
    fill: var(--clr-secondary);
}


@media (min-width: 992px) {
    .navbar-items.container{
        gap: 0.9em;
    }
}

/* ====================== Start 03-10-2024 Vikas ============================ */
.bg-gray p{
    color: #000;
}
/* ====================== End 03-10-2024 Vikas ============================ */

@media screen and (max-width: 500px) {
      
  .box-table .content h2 {
    font-size: 17px !important;
  }
  .box-table .content h1 {
    font-size: 28px !important;
  }
  .banner-area.text-normal p {
    font-size: 14px;
  }

  .form-submit-btn .btn {
    padding: 3px 25px;
  }
  .banner-area .hero-details input {
    min-height: 36px;
  }
  .banner-area .hero-details input::placeholder {
    font-size: 14px;
  }
  .banner-area.text-normal p {
    font-size: 14px;
}
 
}



@media screen and (max-width:380px) {
    .hero-form .form-control {
        margin-bottom: 8px;
    }
    .banner-area .hero-details .hero-form form input {
        min-height: 35px;
    }
    .form-submit-btn .btn {
        padding: 4px 25px;
    }
}
/* ====================== End 04-10-2024 Vikas ============================ */
.banner-area.two form button{
    position: unset;
    border-radius: 8px;
}



/* ====================== Vikas ============================ */