.modal { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); z-index:1055; padding: 1rem 1rem; line-height: 1.5; gap: 0.5rem; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: #0000008f; } .testimonials-module { padding-top:20px; } .testimony-modal-close-btn { position: absolute; border: 2px solid #d3d3d3; border-radius: 50%; z-index: 9999; opacity: 0.5; background-color: #d3d3d3; font-size: 0.6rem; } .testimony-modal-close-btn { top: -10px !important; right: -10px !important; padding: 0rem; } .testimonial-card-title { font-size: clamp(1.125rem, 1.0769rem + 0.1923vw, 1.25rem); font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.7; letter-spacing: 0.2px; color: #303030; } .testimonial-card-content { font-size: clamp(0.875rem, 0.8269rem + 0.1923vw, 1rem); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.2px; color: #303030; } .testimonial-card-icon { height: 67px; } .testimonial-card-box { display: flex; flex-direction: column; gap: 5px; } .align-items-center{ align-items: center; } .Testimonial-content { display: grid; grid-template-columns: 1.3fr 1fr; gap: 50px; position: relative; align-items: center; justify-items: center; } .card-img-top { height: 150px; object-fit: cover; width: 100%; } .swiper-button-prev, .swiper-button-next { color: #333; font-size: 24px; } .swiper-pagination { position: relative; width: fit-content !important; } .swiper-pagination-bullet { background-color: #333; opacity: 0.5; } .swiper-pagination-bullet-active { opacity: 1; background-color: #407bff !important; } .navigation-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1em 0px; } .swiper-pagination .swiper-pagination-clickable .swiper-pagination-bullets .swiper-pagination-horizontal { width: fit-content !important; } .button-group { display: flex; width: fit-content; gap: 1em !important; margin-top: 20px; } .swiper-button-prev{ position: relative !important; margin-right: 10px; } .swiper-button-next { position: relative !important; right:0px !important; } .swiper-pagination-custom { width: fit-content !important; } .Hear-From-Our-Client-sec { display: flex; flex-direction: column; gap: 0px; justify-content: center; overflow-x: hidden; position: relative; width:85%; margin:10px auto; } .navigation-btn { width: 45px; height: 45px; border-radius:5px; border:1px solid #e8e8e8; } .modal-button { display: none; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; position: relative !important; } .testimonials-person-img { height: 200px !important; object-fit: cover; border-radius: 15px 15px 0px 0px; } .testimonials-brand-logo { width: 145px; } .testimonials-rating { width: 130px; } .card-text { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: 0.2px; color: #3d3d3d; } .Tony-Robbins-Worlds { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: 0.1px; color: #000; } .Tony-Robbins-Worlds .text-style-1 { font-size: 16px; font-weight: bold; letter-spacing: 0.1px; } .info-testimonials-person { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: 0.1px; color: #000; display: flex; flex-direction: column; gap: 10px; } .name-testimonials-person { font-size: 16px; font-weight: bold; letter-spacing: 0.1px; } .video-modal-body { padding: 0; position: relative; } .video-container { padding-bottom: 56.25%; position: relative; } .video-container iframe { border: none; border-radius: 15px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .clickable-div { position: relative; cursor: pointer; } .play-img { position: absolute; width: 2.013rem; bottom: 0; right: 0; margin-right: 0.8rem; margin-bottom: 1rem; } .cards-Hear-From-Our-Client { border-radius: 15px; height: 515px; display: flex; flex-direction: column; } .btn-close { background: #fff; border: none; cursor: pointer; height: 30px; position: absolute; right: 5px; top: 5px; width: 30px; display:flex; align-items:center; justify-content:center; } .btn-close--:after { color: #000; content: "\00d7"; font-size: 27px; } .testimonial-close{ font-size: 32px; color: #00000061; } /* position: absolute; top: -1px; right: 5px; */ } .btn-close:hover{ background-color: #ffffff; } .testimonyVideoModel-content { border-radius: 16px; } body.no-scroll { overflow: hidden; } .trade-logo { height: 45px; } .cards-Hear-From-Our-Client p { margin-bottom: 0px !important; } .card-body { flex: 1 1 auto; padding: 1rem; background-color: #fff; border-radius: 0px 0px 15px 15px; } .img-fluid { max-width: 100%; height: auto; } .ipd-logo { height: 50px; width: 60px !important; } .gap-2 { gap: .5rem; } .justify-content-between { justify-content: space-between; } .flex-grow-1 { flex-grow: 1; } .flex-column { flex-direction: column; } .d-flex { display: flex; } .client-container .swiper-slide { flex-shrink: 0; /* width: 32%; */ height: 100%; position: relative; transition-property: transform; display: block; } .swiper-button-prev:after { content: '' !important; } .swiper-button-next:after { content: '' !important; } .about-testimonials-person { margin-bottom: 1rem; } .swiper-button-next, .swiper-button-prev { width: 100% !important; } .flex-row { flex-direction: row; } .testimonyVideoModel-content { background-color: #fff;} .card-body-Hear-From-Our-Client{ margin-top:-12px; } @media only screen and (max-width: 1200px) { .card-body-Hear-From-Our-Client .flex-row { flex-direction: column; } .align-items-center{ align-items: normal; } } @media only screen and (max-width: 1100px) { .Testimonial-content { grid-template-columns: 1fr; } .testimonial-card { width: 100% !important; } .testimonial-card-icon { height: 52px; } .testimonial-card { align-items: center; } } @media only screen and (max-width: 992px) { .swiper-horizontal { overflow-x: scroll; } .swiper-horizontal::-webkit-scrollbar { display: none; } .button-group { display: none; } .navi-testi { display: none; } .navigation-container { justify-content: center; } } @media only screen and (max-width: 950px) { .modal-button { display: flex; } .modal-dialog { margin-right: auto; margin-left: auto; } .modal-btn { display: block; border: none; width: 350px; height: 55px; padding: 12px 18px 12px 18px; border-radius: 10px; background-color: #ff3b30; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #fff; } } @media only screen and (max-device-width: 900px) { /* .client-container .swiper-slide { width: 60%; } */ .modal-custom-width { max-width: 90% !important; } .modal-custom-width { width: 90% !important; max-width: 90% !important; } .cards-Hear-From-Our-Client { height: 580px; } .card-body-Hear-From-Our-Client .flex-row { flex-direction: column; } } .modal.fade{ display:none; } @media only screen and (max-device-width: 700px) { .card-body-Hear-From-Our-Client .flex-row { flex-direction: column; } } @media only screen and (max-device-width: 600px) { .testimonyVideoModel-content { width: 300px; } .Hear-From-Our-Client-sec { width:95%; } } @media only screen and (max-width: 360px) { .Hear-From-Our-Client-sec { /* width:90%; */ } } .testimonial-btn, .testimonial-btn:hover { background-color: #ec3d34 !important; position: relative; transition: 0.5s; padding: 15px 10px 14px; border: none !important; border-radius: 10px; color: #fff; display: inline-block; font-size: 16px !important; position: relative; text-decoration: none; width: 350px; font-weight: 600; margin-top: 11px; } .testimonial-btn .right_arrow_new { position: absolute; opacity: 0; top: 29%; left: 50px; transition: 0.5s; width: 20px; } .testimonial-btn:hover { padding-left: 20px } .testimonial-btn:hover .right_arrow_new { opacity: 1; left: 60px; } a{ text-decoration:none; } .fade{ transition: opacity .15s linear; } .modal.show .modal-dialog { transform: none; } .modal.fade .modal-dialog { transition: transform .3s ease-out; /* transform: translate(0, -50px); */ } .modal-dialog-centered { display: flex; min-height:100%; align-items:center; } .modal-dialog { position: relative; width: auto; pointer-events: none; } .modal-custom-width { height: fit-content !important; width: 90% !important; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid 0000002d; border-radius:0.5rem; outline: 0; } .modal-content { background-color: hsla(0, 0%, 100%, 0); } .modal-body { position: relative; flex: 1 1 auto; } @media (min-width: 576px) { .modal-dialog { max-width:500px; margin-right: auto; margin-left: auto; } } .testimonials-brand-logo{ width: 160px; } .testimonials-rating {width: 131px;height: 35px !important;} @media (max-width:1210px) and (min-width:1100px) { .cards-Hear-From-Our-Client { height: 550px; } } @media (max-width:1100px) and (min-width:600px) { .testimonyVideoModel-content { background-color: transparent; overflow: hidden; width: 500px !important; margin: auto; } } .btn-close:hover{ background-color:#fff; }
.no-scroll{overflow:hidden;}