@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');





* {

    padding: 0;

    margin: 0;

}



body {

    font-family: "Rubik", sans-serif;

    font-style: normal;
    font-weight: 400;

    color: rgb(0, 0, 0, 90%);

}



p:empty {

    display: none;

    margin: 0;

    font-size: 0;

    padding: 0;



}



ul,

li {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    color: inherit;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin-bottom: 0;

}



h1 {

    font-size: 72px;

    font-weight: 700;

}



h2 {

    font-size: 48px;

    font-weight: 700;

}



h3 {

    font-size: 32px;

    font-weight: 700;

}



h4 {

    font-size: 24px;

}



h5 {

    font-size: 24px;

}



h6 {

    font-size: 20px;

}



p {

    font-size: 18px;

}



img {

    max-width: 100%;

    height: auto;

}



.primary-bg {

    background-color: #FF2332 !important;

}



.primary {

    color: #FF2332 !important;

}



.dark-bg {

    background-color: #222222;

}



.bg-blue {

    background-color: #1666D9;

}



.text-gray {

    color: #787878;

}



.text-red {

    color: #FF2332;

}



.bg-dark {

    background-color: #000;

}



.primary-btn {

    font-size: 20px;

    font-weight: 600;

    border-radius: 4px;

    color: #ffffff;

    display: inline-flex;

    text-transform: uppercase;

    height: 48px;

    padding: 5px 20px;

    justify-content: center;

    align-items: center;

    border: 1px solid #FF2332;

    transition: .4s all;

}



.container {

    max-width: 1160px;

}



.primary-btn:focus,

.primary-btn:hover {

    color: #FF2332;

    background-color: #fff !important;

}



input:focus,

select {

    border: none;

    outline: none;

    background-color: transparent;

}



/* header */



header .user-content i {

    width: 24px;

    height: 24px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

}





header {

    padding: 30px 0px;

    position: fixed;

    top: 0;

    left: 0;

    background: transparent;

    z-index: 999;

    width: 100%;

}



header .main-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

header .user-content .primary-btn {
    font-size: 18px;
}

header .main-header .menu {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #000000;
}


header .main-header .menu li.position-relative button,
header .main-header .menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

header .main-header .menu li.active a {

    color: #FF2332;

}



header .user-content {

    display: flex;

    align-items: center;

    gap: 30px;

}



header .user-profile {

    padding-left: 30px;

    border-left: 1px solid #000000;

}

header .main-header .menu li.position-relative.mb-5 {
    margin-bottom: 0 !important;
}

header .offcanvas-header .btn-close {

    background: none;

    background-color: #FF2332;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff !important;

    opacity: 1;

    border-radius: 4px;

}



header button.btn.btn-canvas {

    color: #FF2332;

    font-size: 22px;

    border: 1px solid;

    border-radius: 4px;

    padding: 2px 14px;

}





.hero .container {

    position: relative;

}



header {

    transition: background-color 0.3s ease, padding 0.3s ease;

}



header.scrolled {

    background-color: #000 !important;

    padding: 5px;

}



.hero {

    background-image: url(../images/home-banner.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 300px 60px 200px;

    color: #fff;

}



.hero h1 {

    font-size: 72px;

    font-weight: 700;

    margin-bottom: 20px;

}



.hero p {

    font-size: 20px;
    max-width: 620px;

}



.hero .primary-btn.primary-bg {

    border: 0;

    font-size: 20px;

    text-transform: uppercase;

    margin-top: 50px;

}



header .user-content .primary-btn {

    font-size: 20px;

    text-transform: uppercase;

}



.our-experience {

    padding: 50px 0;

    background-color: #e1e5f577;

}



.our-experience .experience-box {

    text-align: center;



}



.our-experience .experience-box h3 {

    margin-bottom: 10px;

    font-weight: bold;

}



.our-experience .experience-box p {

    font-size: 14px;

    font-weight: 600;

}



.who-we-are {

    padding: 80px 0;

}



.heading_box {

    text-align: center;

}



.heading_box h2 {

    margin-bottom: 10px;

}



.heading_box p {

    font-size: 24px;

    margin-bottom: 50px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;

}



.who-we-are .content li {

    display: flex;

    align-items: flex-start;

    gap: 24px;

    margin-bottom: 30px;

}



.who-we-are .content li h4 {

    margin-bottom: 10px;

}



.who-we-are .content li img {

    background-color: #FF2332;

    width: 40px;

    height: 40px;

    padding: 8px;

    border-radius: 100%;

    display: inline-block;

}



.who-we-are .row.img-box .col-md-6 {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.who-we-are .row.img-box img {

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0px #3A354133;

    transition: transform 0.3s ease-in-out;

}



.who-we-are .row.img-box img:hover {

    transform: translateY(-5px);

}



.trainer {

    padding: 100px 0;

    background: #E1E5F580;

}



.trainer .trainer-box {

    background-color: #222;

    border-radius: 10px;

    padding: 15px;

    text-align: center;

    transition: transform 0.3s ease-in-out;

}



.trainer .trainer-box:hover {

    transform: translateY(-5px)
}



.trainer .trainer-box img {

    border-radius: 10px;

    width: 100%;

}



.trainer .trainer-box h4 {

    font-weight: 600;

    margin: 20px 0;

    color: #fff;

}



.trainer .trainer-box .social-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px
}



.blog .primary-btn,

.gallery .primary-btn,

.trainer .primary-btn {

    margin-top: 50px;

}



.trainer.services .service-box {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    transition: transform 0.3s ease-in-out;

}



.trainer.services .service-box img {

    width: 100%;

}



.trainer.services .service-box:hover {

    transform: translateY(-5px)
}



.trainer.services .service-box h4 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(-90deg);

    color: #fff;

    white-space: nowrap;

}



.trainer.services .service-box::before {

    content: "";

    background-color: rgb(0, 0, 0, 70%);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.gallery {

    position: relative;

    overflow: visible;

    padding: 100px 0;

}



.gallery::before {

    content: '';

    width: 430px;

    height: 265px;

    display: inline-block;

    background: url(../images/gallery-bg-bottom.png);

    position: absolute;

    left: 0px;

    bottom: -120px;

    background-repeat: no-repeat;

    background-size: 100%;

}



.gallery::after {

    content: '';

    width: 430px;

    height: 265px;

    display: inline-block;

    background: url(../images/gallery-bg-top.png);

    position: absolute;

    right: 15px;

    top: -135px;

    background-repeat: no-repeat;

    background-size: 100%;

}



.gallery .main-row {

    display: grid;

    grid-template-columns: 3fr 6fr 3fr;

    gap: 30px;

}



.gallery .gallery_box {

    height: 290px;

    transition: transform 0.3s ease-in-out;



}



.gallery .gallery_box:hover {

    transform: translateY(-5px)
}



.gallery .gallery_box img {

    height: 290px;

    border-radius: 10px;

    width: 100%;

    object-fit: cover;

}



.testimonial {

    padding: 100px 0;

    background: #E1E5F580;

}



.testimonial .slider-box {

    display: grid;

    grid-template-columns: 7fr 3fr;

    align-items: center;

    gap: 30px;

}



.testimonial .swiper.customer-reviews-swiper {

    padding-bottom: 100px;

}



.testimonial .slider-box .img-box {

    border-radius: 10px;

    overflow: hidden;

}



.testimonial .slider-box .content_box .content {

    background-color: #1F1F1F;

    border-radius: 20px;

    padding: 40px;

}



.testimonial .slider-box .content_box .content {

    color: #fff;

    margin-left: 32px;

}



.testimonial .swiper-pagination {

    bottom: -4px !important;

}



.testimonial .swiper-pagination-bullet {

    width: 11px;

    height: 11px;

    border-radius: 0;

}



.testimonial .swiper-pagination-bullet-active {

    background: #FF2332;

}



.testimonial .slider-box .content_box .content h4 {

    font-size: 28px;

    font-weight: 400;

    margin-bottom: 20px;

    line-height: 130%;

}



.testimonial .slider-box .content_box .content p {

    font-weight: 500;

    color: #FF2332;

    font-size: 20px;

}



.testimonial .slider-box .content_box img {

    margin-bottom: -20px;

    margin-left: 0px;

}



.join-us {

    padding: 100px 0;

}



.join-us .join-heading {

    margin-bottom: 50px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.join-us .join-heading .heading-box p {

    margin-bottom: 15px;

}



.join-us .join-heading ul.nav.nav-pills {

    padding: 10px;

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0 rgb(58, 53, 65, 0.2);

}



.join-us .join-heading .nav-pills .nav-link {

    border-radius: 6px;

    padding: 8px 20px;

    font-size: 17px;

    font-weight: 500;

    color: #212121;

}



.join-us .join-heading .nav-pills .nav-link.active {

    background-color: #212121;

    color: #fff;

}



.join-us .plan-box {

    padding: 25px;

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0 rgb(58, 53, 65, 0.2);

}



.join-us .plan-box.active {

    box-shadow: 0px 8px 8px 0 rgb(255, 35, 50, 1);

}



.join-us .plan-box h3 {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    margin-bottom: 8px;

}



.join-us .plan-box h4 {

    font-size: 40px;

    font-weight: 700;

    color: #FF2332;

    margin-bottom: 15px;



}



.join-us .plan-box h4 span {

    color: #424242;

    font-size: 18px;

    font-weight: 500;

}



.join-us .plan-box ul {

    margin: 30px 0 40px;

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.join-us .plan-box p {

    font-size: 14px;

}



.join-us .plan-box ul li {

    font-size: 16px;

    position: relative;

    padding-left: 32px;

}



.join-us .plan-box ul li::before {

    content: url(../images/tick-sign.svg);

    position: absolute;

    left: 0;

    top: 3px;

}



.join-us .plan-box .choose-plan {

    text-align: center;

}



.join-us .plan-box .choose-plan a {

    background-color: #000;

    padding: 13px;

    border-radius: 4px;

    font-size: 20px;

    font-weight: 500;

    width: 100%;

    display: block;

    color: #fff;

    text-transform: uppercase;

    border: 1px solid #000;

    transition: .4s all;

}



.join-us .plan-box .choose-plan a:hover {

    background-color: #fff;

    color: #000;

}



.blog {

    padding: 100px 0;

}



.blog .text-box {

    text-align: center;

}



.blog .blog-box {

    position: relative;

}



.blog .text-box p {

    font-weight: 700;

    color: #FF2332;

    margin-bottom: 15px;

}



.blog .text-box h2 {

    font-weight: 700;

    margin-bottom: 50PX;

}



.blog .img-box {

    position: relative;

    border-radius: 10px 10px 0px 0px;

    overflow: hidden;

}



.blog .img-box img {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



.blog .detail-box {

    background-color: #fff;

    padding: 15px 15px 15px 15px;

    box-shadow: 0px 2px 10px 0px rgb(0, 0, 0, 10%);

    border-radius: 0px 0px 10px 10px;

}



.blog .detail-box .admin-box {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 20px;

    font-size: 14px;

    color: #787878;

}



.blog .detail-box .admin-box i {

    color: #FF2332;

    margin-right: 4px;

}



.blog .content-box h4 {

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 10px;
    height: 58px;
    overflow: hidden;

}



.blog .content-box p {
    color: #113605;
    margin-bottom: 20px;
    font-size: 16px;
    height: 74px;
    overflow: hidden;
}



.blog .blog-box .btn:hover {

    background-color: #FF2332;

    color: #fff;

}



.blog .blog-box .btn {

    padding: 13px 20px;

    border-radius: 4px;

    border: 1px solid #ff2332;

    background-color: #fff;

    color: #ff2332;

    font-size: 20px;

    font-weight: 600;

    transition: .4s all;

    text-transform: uppercase;

}



footer .footer-top {

    background-color: #000;

    padding: 50px 0;

}



footer .grid {

    display: grid;

    grid-template-columns: 3fr 1fr 1fr 2fr 1fr;

    column-gap: 54px;

}



footer .grid ul {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



footer .grid .contact-us ul li img {

    width: 40px;

    height: 40px;

}



footer .grid ul li a {

    color: white;

}



footer .footer-logo p {

    font-size: 18px;

    margin: 20px 0px;

}



footer h5 {

    margin-bottom: 15px;

}



footer .trips i,

footer .contact-us i {

    width: 42px;

    height: 42px;

    font-size: 20px;

    color: #000;

}



footer .trips span,

footer .contact-us span {

    font-size: 14px;

}



footer .footer-logo .badage {

    height: 72px;

    padding: 0px 30px;

    border-radius: 6px;

}



footer .footer-logo i {

    width: 24px;

    height: 24px;

    flex-shrink: 0;

    font-size: 24px;

}



footer .footer-top h6 {

    margin-bottom: 20px;

}





.inner-hero {

    padding: 210px 0 111px;

    background-image: url(../images/other-hero-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

}



.inner-hero h1 {

    color: #fff;

    text-align: center;

}



.main-blog .col-lg-4.col-md-6,

.main-trainer .col-lg-3.col-md-6 {

    margin-bottom: 30px;

}

.main-services .col-lg-3.col-md-6 {

    margin-bottom: 30px;

}

.pagination {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

}

.pagination a {

    font-size: 16px;

    color: #1D2943;

    font-weight: bold;

}

.pagination a.active {

    background-color: #FF2332;

    height: 35px;

    width: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 100%;

}

.testimonail-section {

    padding: 100px 0;

}

.testimonial:has(.testimonail-section) {

    padding: 0;

    background-color: #fff;

}

.testimonial .testimonail-section:nth-child(even) {

    background: #E1E5F580;

}

.testimonial .pagination {

    padding-bottom: 100px;

}

.testimonial .testimonail-section:nth-child(even) .slider-box {

    grid-template-columns: 3fr 7fr;

}

.testimonial .testimonail-section:nth-child(even) .slider-box .content_box .content {

    margin-left: 0;

    margin-right: 50px;

}

.testimonial .testimonail-section:nth-child(even) .slider-box .content_box img {

    margin-bottom: -20px;

    margin-left: auto;

    display: block;

}

.gallery-main {

    padding: 100px 0;

}

.gallery-main .grid {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 30px;

    margin-bottom: 30px;

}

.gallery-main .grid .card-image img {

    border-radius: 10px;

    height: 506px;

    width: 100%;

    object-fit: cover;

}

.gallery-main .grid .gallery-box .inner-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;

    margin-bottom: 30px;

}

.gallery-main .grid .gallery-box:has(.inner-grid) .card-image img {

    height: 238px;

    width: 100%;

    object-fit: cover;

}

.gallery-main .pagination {

    margin-top: 50px;

}

.convience {

    background-image: url(../images/about-convience.webp);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0;

    text-align: center;

    position: relative;

}

.convience::before {

    content: "";

    background: rgb(0, 0, 0, 50%);

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.convience h2 {

    color: #fff;

    position: relative;

    text-transform: capitalize;

    line-height: 140%;

}

.convience h2 span {

    color: #FF2332;

}

.result,

.company-logo,

.the-support,

.service-detail,

.blog-detail,

.contact-us,

.about-box {

    padding: 100px 0;

}

.about-box h2 {

    margin-bottom: 30px;

}

.about-box h2 span {

    color: #ff2332;

}

.about-box p {

    font-size: 16px;

    margin-bottom: 20px;

}

.about-box.middle_box {

    background: #E1E5F580;

}

.testimonial.about {

    background: #fff;

}

.about-box .img_box img {

    width: 100%;

}

.contact-us .heading_box p {

    font-size: 18px;

    font-weight: 500;

}

.contact-us .contact-box {



    background-color: rgb(255, 35, 50, 10%);

    border-radius: 10px;

    padding: 30px;

    height: 100%;

}

.contact-us .form_box {

    margin-top: 50px;

}

.contact-us .contact-box h4 {

    display: flex;

    gap: 10px;

    font-size: 24px;

    align-items: center;

    margin-bottom: 10px;

}

.contact-us .contact-box p {

    padding-left: 42px;

    word-break: break-all;

}

.contact-us .map iframe {

    width: 100%;

    height: 575px;

    border-radius: 10px;

}

.contact-us .form h2 {

    margin-bottom: 30px;

}

.contact-us form {

    border: 1px solid #dedede;

    border-radius: 10px;

    padding: 25px;

}

.contact-us form .btn {

    display: block;

    width: 100%;

    padding: 9px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    background-color: #ff2332;

    color: #fff;

    margin-top: 20px;

    border: 1px solid #ff2332;

    transition: .4s all;

}

.contact-us form .btn:hover {

    background-color: #fff;

    color: #ff2332;

}

.contact-us form textarea,

.contact-us form select,

.contact-us form input {

    width: 100%;

    border: 1px solid #dedede;

    border-radius: 4px;

    height: 46px;

    padding: 10px;

    margin-bottom: 20px;

}

.contact-us form textarea {

    height: 95px;

    margin-bottom: 0px;

}

.blog-detail .blog-details-box {

    display: grid;

    grid-template-columns: 8fr 4fr;

    gap: 30px;

}

.blog-detail .recent-box .input-box input {

    width: 100%;

    height: 40px;

    border: 1px solid #DEDEDE !important;

    border-radius: 6px;

    padding: 10px;

}

.blog-detail .recent-box .input-box button {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    border-left: 3px solid #ff2233 !important;

    padding-left: 10px;

}

.blog-detail .recent-box .input-box {

    position: relative;

    margin-bottom: 30px;

}

.blog-detail .recent-box .social,

.blog-detail .recent-box .tag,

.blog-detail .recent-box .recent-post {

    margin-bottom: 30px;

    padding: 20px;

    border-radius: 10px;

    border: 1px solid rgba(222, 222, 222, 1);

}

.blog-detail .recent-box .social h4,
.blog-detail .recent-box .tag h4,
.blog-detail .recent-box .recent-post h4 {

    margin-bottom: 20px;

}

.blog-detail .recent-box .post-content {

    margin-top: 15px;

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: space-between;

}

.blog-detail .recent-box .post-content p {

    font-size: 20px;

    font-weight: 500;

}

.blog-detail .recent-box .post-content .img-box img {

    width: 80px;

    height: 80px;

    object-fit: cover;

    border-radius: 8px;

}

.blog-detail .recent-box .tag ul {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}

.blog-detail .recent-box .tag ul li {

    border: 1px solid #dedede;

    border-radius: 4px;

    padding: 6px 13px;

    font-size: 16px;

}

.blog-detail .recent-box .social ul {

    display: flex;

    flex-wrap: wrap;

    gap: 20px
}

.blog-detail .recent-box .social ul li a {

    width: 30px;

    height: 30px;

    border-radius: 100%;

    background-color: #000;

    padding: 5px;

    display: flex;

    align-items: center;

    border: 0;

    justify-content: center;
    color: #fff;

}

.blog-detail-listing .blog-description .author-box {

    margin-top: 40px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.blog-detail-listing .blog-description .author-box h4 {

    display: flex;

    gap: 10px;

    align-items: center;

}

.blog-detail-listing .blog-description .author-box h5 {

    color: #ff2332;

    font-weight: 400;

    font-size: 24px;

}

.blog-detail-listing .blog-description .author-box img {

    width: 75px;

    height: 75px;

    border-radius: 100%;

}

.blog-detail-listing .blog-description .text-box p {

    margin-top: 20px;

    font-size: 16px;

    color: #4E4E4E;

    line-height: 160%;

}

.blog-detail-listing .blog-description .text-box h4 {

    font-size: 24px;

    font-weight: 600;

    margin-top: 30px;

    margin-bottom: 20px;

}

.blog-detail-listing .blog-description .text-box ul li,

.blog-detail-listing .blog-description .text-box ul {

    list-style-type: disc;

    color: #4e4e4e;

    line-height: 160%;

    margin-bottom: 5px;

}

.blog-detail-listing .blog-description .text-box ul {

    padding-left: 24px;

}

.blog-detail .blog-detail-listing .input-box input {

    width: 100%;

    height: 40px;

    border: 1px solid #DEDEDE;

    border-radius: 6px;

    padding: 10px;

}

.blog-detail .blog-detail-listing .input-box {

    position: relative;

    margin-bottom: 30px;

}

.blog-detail .blog-detail-listing .input-box button {

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    border-left: 3px solid #ff2233 !important;

    padding-left: 10px;

}

.service-detail {

    background-image: url(../images/gallery-bg-top.png);

    background-repeat: no-repeat;

    background-size: 400px;

    background-position: 95% 60%;

}

.service-detail .service-box .img_box img {

    border-radius: 10px;

    margin-bottom: 30px;

}
.service-detail .service-box .img_box img {
    border-radius: 10px;
    margin-bottom: 30px;
    width: 100%;
    height: 550px;
    object-position: top;
    object-fit: cover;
}
.service-detail .service-box h4 {

    margin-top: 30px;

}

.service-detail .service-box h4 span {

    color: #ff2233;

}

.service-detail .service-box p {

    margin-top: 20px;

    font-size: 16px;

    color: #4E4E4E;

    line-height: 160%;

}

.service-detail .service-box .text-box ul li,

.service-detail .service-box .text-box ul {

    list-style-type: disc;

    color: #4e4e4e;

    line-height: 160%;

    margin-bottom: 5px;

}

.service-detail .service-box .text-box ol,

.service-detail .service-box .text-box ul {

    padding-left: 24px;

    margin-top: 20px;

}

.service-detail .service-box .text-box ol li,

.service-detail .service-box .text-box ol {

    list-style-type: decimal;

    color: #4e4e4e;

    line-height: 160%;

    margin-bottom: 5px;

}

.swiper.service-swiper {

    margin-top: 30px;

}

.service-swiper .swiper-button-next:after,

.service-swiper .swiper-button-prev:after {

    display: none;

}

.swiper.service-swiper .content img {
    width: 100%;
    height: 166px;
    object-fit: cover;
    border-radius: 6px;
    object-position: top;
}

.slider-arrows .swiper-button-next {

    right: -3px;

}

.slider-arrows .swiper-button-prev {

    left: -3px;

}

.swiper.service-swiper {

    padding-left: 25px;

    padding-right: 25px;

}

.trainer-feedback .feedback-box {

    padding: 20px;

    border: 1px solid #dedede;

    border-radius: 10px;

    text-align: center;

    background-color: #fff;

    height: 100%;

}

.trainer-feedback .feedback-box h2 {

    font-size: 64px;

    font-weight: 400;

}

.trainer-feedback .feedback-box h4 {

    margin: 10px 0 5px;

}

.trainer-feedback .feedback-box p {

    font-size: 14px;

    color: #767676;

}

section.trainer-feedback {

    margin-top: -85px;

}

.inner-hero.train_detail {

    padding-bottom: 200px;

}

.trainer_detail .about-box .img_box {

    border-radius: 10px;

    overflow: hidden;

}

footer .contact-us {

    padding: 0 !important;

}

.trainer_detail .about-box .content h4 {

    margin-top: 30px;

    font-weight: 600;

    margin-bottom: 30px;

}

.trainer_detail .about-box .grid-box {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 50px;

    justify-content: space-between;

}

.trainer_detail .about-box .grid-box .item {

    background-color: #e1e5f57e;

    padding: 15px;

    border-radius: 10px;

}

.trainer_detail .about-box .grid-box .item p {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 0;

}

.result,

.the-support {

    background: #E1E5F580;

}

.the-support .content_box p {

    margin: 30px 0;

}

.the-support .content_box .btn {

    padding: 12px 20px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    background-color: #ff2332;

    color: #fff;

    border: 1px solid #ff2332;

    transition: .4s all;

}

.the-support .content_box .btn:hover {

    background-color: #fff;

    color: #ff2332;

}

.the-support .grid-box .inner-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;

}

.the-support .grid-box .inner-grid .card-image {

    background-color: #000;

    padding: 24px;

    border-radius: 10px;

    color: #fff;

}

.the-support .grid-box .grid-item h6,

.the-support .grid-box .inner-grid .card-image h6 {

    margin: 15px 0 5px;

}

.the-support .grid-box .grid-item p,

.the-support .grid-box .inner-grid .card-image p {

    font-size: 14px;

    color: #ffffffc2;

}

.the-support .grid-box .grid-item {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 30px;

    background-color: #000;

    padding: 24px;

    border-radius: 10px;

    margin-top: 30px;

    color: #fff;

}

.result .content_box p {

    margin: 30px 0;

}

.result .content_box .btn {

    padding: 12px 20px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    background-color: #ff2332;

    color: #fff;

    border: 1px solid #ff2332;

    transition: .4s all;

}

.result .content_box .btn:hover {

    background-color: #fff;

    color: #ff2332;

}

.result .trainer-img img {

    border-radius: 20px;

    margin-top: 40px;



}

.result .text_box .box h3 {

    font-weight: 600;

    margin: 5px 0;

}

.result .text_box {

    display: flex;

    flex-direction: column;

    gap: 40px;

}

.result .text_box p {

    font-size: 16px;

}

.company-logo .content img {

    opacity: 0.4;

}

.swiper.company-swiper:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 120px;

    height: 100%;

    z-index: 9;

    pointer-events: none;

    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));

}

.swiper.company-swiper:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 120px;

    height: 100%;

    z-index: 9;

    pointer-events: none;

    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));

}
.who-we-are .row.img-box .col-md-6:last-child {
    margin-top: -190px;
}
.testimonial .testimonail-section .slider-box {
    display: grid;
    grid-template-columns: 7fr 3fr;
    align-items: center;
    gap: 30px;
}
.testimonial .testimonail-section:nth-child(even) .slider-box {
    grid-template-columns: 3fr 7fr;
}
.contact-us .contact-box h4 img {
    width: 30px;
}
.login-box{
    padding: 80px 0;
}
.account_box input.form-control,
.login-box input.form-control {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 4px;
    height: 46px;
    padding: 10px;
    margin-top: 5px;
}
.form-control:focus{
    box-shadow: none;
}
.account-left .list-group-item {
    padding: 15px;
    font-size: 17px;
    font-weight: 500;
}
.account-left .list-group-item i {
    margin-right: 5px;
    font-size: 19px;
}
.account_box h3{
    margin-bottom: 20px;
}