/** * -------------------- * RT- Elements Style * -------------------- **/ @media (max-width: 880px) { .p_inherit_880 { position: inherit !important; } } .rt-animate-image { position: relative; z-index: 1; } .rt-animate-image .img-animate { position: absolute; left: -20px; bottom: 10%; animation: shake-2 30s linear infinite; } @keyframes shake-2 { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-35px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(35px, 0, 0); } } .rt-primary-color { background: var(--color-primary); } .btn-primary { color: var(--color-white); padding: 14px 28px 14px 28px; border: 1px solid var(--color-primary); border-radius: 30px; background: var(--color-primary); font-size: 16px; line-height: 1.5; display: inline-block; text-align: center; } .btn-primary:hover { background: transparent; color: var(--color-primary); border-color: var(--color-primary); } .btn-primary.style2 { border: 1px solid transparent; position: relative; display: block; text-align: center; overflow: hidden; z-index: 1; background: transparent; transition: 0.3s; padding: 14px 28px 14px 28px; } .btn-primary.style2::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: var(--gradient-primary); opacity: 1; transition: 0.3s; border-radius: 30px; z-index: -1; } .btn-primary.style2:hover { background: transparent; border: 1px solid var(--color-primary); color: var(--color-primary); } .btn-primary.style2:hover::after { opacity: 1; height: 0; } .btn-primary.style3 { border: 1px solid #C8C8C8; background-color: transparent; transition: 0.3s; padding: 14px 28px 14px 28px; overflow: hidden; position: relative; display: block; text-align: center; z-index: 1; } .btn-primary.style3::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: var(--gradient-primary); opacity: 1; transition: 0.3s; border-radius: 30px; z-index: -1; height: 0; width: 100%; } .btn-primary.style3:hover { border: 1px solid transparent; color: var(--color-white); } .btn-primary.style3:hover::after { height: 100%; } .react_button { color: var(--color-white); padding: 14px 28px 14px 28px; border: 1px solid var(--color-primary); border-radius: 30px; background: var(--color-primary); font-size: 16px; line-height: 1.5; display: inline-block; text-align: center; } .react_button:hover { background: transparent; color: var(--color-primary); border-color: var(--color-primary); } .react_button.second { border: 1px solid transparent; position: relative; display: block; text-align: center; overflow: hidden; z-index: 1; background: transparent; transition: 0.3s; padding: 14px 28px 14px 28px; } .react_button.second::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: var(--gradient-primary); opacity: 1; transition: 0.3s; border-radius: 30px; z-index: -1; } .react_button.second:hover { background: transparent; border: 1px solid var(--color-primary); color: var(--color-primary); } .react_button.second:hover::after { opacity: 1; height: 0; } .react_button.third { border: 1px solid var(--color-primary); color: var(--color-secondary); background: transparent; transition: 0.3s; overflow: hidden; position: relative; display: block; text-align: center; z-index: 1; padding: 14px 28px 14px 28px; } .react_button.third::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: var(--gradient-primary); opacity: 1; transition: 0.3s; border-radius: 30px; z-index: -1; height: 0; width: 100%; } .react_button.third:hover { border: 1px solid transparent; color: var(--color-white); } .react_button.third:hover::after { height: 100%; } .react_button.forth { color: var(--color-primary); padding: 14px 28px 14px 28px; border: 1px solid var(--color-primary); border-radius: 30px; background: transparent; font-size: 16px; line-height: 1.5; display: inline-block; text-align: center; } .react_button.forth:hover { background: var(--color-primary); color: var(--color-white); border-color: var(--color-primary); } .wppb-user-forms input { outline: none; } .wppb-user-forms input:focus { border-color: var(--color-primary) !important; } span.mf-error-message { position: absolute; } .react-heading .title .high_light_text { position: relative; margin-left: 10px; color: var(--color-primary); } .react-heading .title .high_light_text img { position: absolute; left: -3px; bottom: 2px; z-index: -1; } .react-heading .title span { color: var(--color-primary); } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button:not(.collapsed) { box-shadow: none; } .rts-accordion.style1 .accordion-item { border: 1px solid #DCDCDC; margin-bottom: 15px; border-radius: 30px; overflow: hidden; cursor: pointer; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 1.5; font-family: var(--font-primary); color: var(--color-secondary); padding: 27px 40px 25px 50px; } @media (max-width: 767px) { .rts-accordion.style1 .accordion-item .accordion-header .accordion-button { padding: 25px 50px 23px 25px; } } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button span { color: var(--color-secondary); } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon { position: absolute; right: 40px; top: 55%; transform: translateY(-55%); color: var(--color-secondary); } @media (max-width: 767px) { .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon { right: 20px; } } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon svg { width: 20px; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon svg path { fill: var(--color-secondary); } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon i { font-size: 22px; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon.active { display: none; } @media (max-width: 768px) { .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .icon { line-height: 30px; } } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button .accordion-icon-active.icon { display: none; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button[aria-expanded=true] { background: #555BFF; color: var(--color-white); } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button[aria-expanded=true] .accordion-icon { display: none; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button[aria-expanded=true] .accordion-icon-active.icon { display: block; } .rts-accordion.style1 .accordion-item .accordion-header .accordion-button[aria-expanded=true] .accordion-icon-active.icon i { color: var(--color-white); } .rts-accordion.style1 .accordion-item .accordion-body { color: var(--color-white); background: #555BFF; padding: 0 50px 20px; } @media (max-width: 767px) { .rts-accordion.style1 .accordion-item .accordion-body { padding: 0 30px 20px; } } .rts-accordion.style1 .accordion-item .accordion-body .accordion_button { display: block; margin-top: 15px; padding: 11px 28px; max-width: -moz-max-content; max-width: max-content; } .rts-team-area .single-team-style-one { position: relative; overflow: hidden; } .rts-team-area .single-team-style-one .team-bottom-area { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; background: var(--color-white); padding: 20px 28px 15px 28px; border-radius: 20px 20px 0 0; width: 190px; bottom: -50px; transition: 0.3s; } .rts-team-area .single-team-style-one .team-bottom-area .name { font-size: 18px; line-height: 1.4; font-weight: 600; color: var(--color-title); margin: 0; } .rts-team-area .single-team-style-one .team-bottom-area p.desig { color: #555555; font-size: 14px; margin: 0; margin-bottom: 10px; } .rts-team-area .single-team-style-one .team-bottom-area .social-team { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; list-style: none; gap: 18px; padding: 0; } .rts-team-area .single-team-style-one .team-bottom-area .social-team li { margin: 0; padding: 0; } .rts-team-area .single-team-style-one .team-bottom-area .social-team li a i { color: #555555; } .rts-team-area .single-team-style-one .team-bottom-area .social-team li a svg { width: 17px; } .rts-team-area .single-team-style-one .team-bottom-area .social-team li a svg path { fill: #555555; } .rts-team-area .single-team-style-one .team-bottom-area .social-team li a:hover i { color: var(--color-primary); } .rts-team-area .single-team-style-one .team-bottom-area .social-team li a:hover svg path { fill: var(--color-primary); } .rts-team-area .single-team-style-one:hover .team-bottom-area { bottom: 0; } .pricing-top-toggle-area { text-align: center; } .pricing-top-toggle-area p.bold { color: #555555; font-weight: 600; } .pricing-top-toggle-area p.rev { font-weight: 500; color: #999999; } .pricing-top-toggle-area .switch { position: relative; display: inline-block; width: 60px; height: 30px; } .pricing-top-toggle-area .switch input { opacity: 0; width: 0; height: 0; } .pricing-top-toggle-area .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-white); border: 1px solid var(--color-primary); transition: 0.4s; } .pricing-top-toggle-area .slider.round { border-radius: 34px; } .pricing-top-toggle-area .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 4px; background-color: var(--color-primary); transition: 0.4s; } .pricing-top-toggle-area .slider.round:before { border-radius: 50%; } .pricing-top-toggle-area input:checked + .slider:before { transform: translateX(30px); } .monthly__pricing.active, .yearly__pricing.active { display: block; } .monthly__pricing, .yearly__pricing { display: none; transition: var(--transition); } .rts-single-blog-area-start { padding: 15px; background: var(--color-white); border-radius: 30px; box-shadow: 20px 20px 60px rgba(17, 17, 17, 0.05); position: relative; margin-bottom: 30px; } .rts-single-blog-area-start:hover .thumbnail img { transform: scale(1.05); } .rts-single-blog-area-start .thumbnail { display: block; border-radius: 20px; position: relative; } .rts-single-blog-area-start .thumbnail .thumbnail { overflow: hidden; } .rts-single-blog-area-start .thumbnail .thumbnail img { transition: 0.3s; } .rts-single-blog-area-start .thumbnail .tag-area { position: absolute; display: flex; align-items: center; height: 35px; background: #555BFF; padding: 12px 16px; color: var(--color-white); border-radius: 50px; gap: 10px; bottom: -15px; left: 20px; } .rts-single-blog-area-start .thumbnail .tag-area i { color: var(--color-white); } .rts-single-blog-area-start .thumbnail .tag-area span ul { margin: 0; } .rts-single-blog-area-start .thumbnail .tag-area span ul li { list-style: none; } .rts-single-blog-area-start .thumbnail .tag-area span ul li a { color: var(--color-white); } .rts-single-blog-area-start .top-avatar-area { display: flex; align-items: center; padding-top: 38px; padding-bottom: 20px; gap: 15px; } @media (min-width: 991px) and (max-width: 1120px) { .rts-single-blog-area-start .top-avatar-area { flex-direction: column; align-items: start; } } @media (max-width: 400px) { .rts-single-blog-area-start .top-avatar-area { flex-direction: column; align-items: start; } } .rts-single-blog-area-start .top-avatar-area .single { display: flex; align-items: center; gap: 15px; } .rts-single-blog-area-start .top-avatar-area .single img { border-radius: 30px; max-width: 29px; } .rts-single-blog-area-start .top-avatar-area .single p { margin: 0; color: #555555; font-weight: 500; } .rts-single-blog-area-start .top-avatar-area .single.date { gap: 10px; } .rts-single-blog-area-start .top-avatar-area .single.date i { font-size: 18px; } .rts-single-blog-area-start .body { padding: 15px; } .rts-single-blog-area-start .body a .title { font-size: 25px; line-height: 1.25; transition: 0.3s; } .rts-single-blog-area-start .body a:hover .title { color: var(--color-primary); } .rts-single-blog-area-start .body a.rts-btn { margin-top: 40px; } .rts-single-blog-area-start .rts-btn { padding: 13px 27px; display: block; min-width: -moz-max-content; min-width: max-content; max-width: -moz-max-content; max-width: max-content; border-radius: 30px; font-size: 16px; line-height: 1.6; transition: 0.3s; } .rts-single-blog-area-start .rts-btn.btn-border { border: 1px solid #C8C8C8; } .rts-single-blog-area-start .rts-btn.btn-border:hover { background: var(--color-primary); border: 1px solid var(--color-primary); color: var(--color-white); } .style2 .rts-single-blog-area-start .thumbnail .tag-area { background: var(--gradient-primary); } .modal-backdrop { z-index: 2 !important; display: none !important; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-open { padding-right: 0 !important; } .rt-modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; scrollbar-width: none !important; } .rt-modal .modal-body, .rt-modal .modal-content { width: 808px !important; } @media (max-width: 1200px) { .rt-modal .modal-body, .rt-modal .modal-content { width: 650px !important; } } .rt-modal .modal-content { border: none !important; background-color: transparent !important; top: 0; left: 50%; transform: translateX(-51%); } .rt-modal .modal-header { position: relative; z-index: 250; top: 70px; border: none !important; padding: 0 !important; } @media (max-width: 1200px) { .rt-modal .modal-header { top: 45px; } } .rt-modal .modal-header button { background: none !important; position: relative; } .rt-modal .modal-header button i { font-size: 28px; display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; transform: rotate(45deg); color: var(--color-white); position: absolute; right: 0; top: 0; } .rt-modal .modal-dialog { max-width: -moz-fit-content !important; max-width: fit-content !important; } .modal-body { padding: 55px 60px !important; background: var(--color-white); max-width: 1075.2px !important; margin: auto; margin-top: 95px; border-radius: 60px; box-shadow: 0px 0px 60px rgba(17, 17, 17, 0.05); } @media (max-width: 1200px) { .modal-body { margin-top: 60px; } } .rt-modal .modal-dialog { max-width: inherit !important; height: 115vh !important; overflow-y: clip; margin: 0; } .rt-modal { padding-right: 0 !important; } .rt-dialog { position: relative; } .rt-dialog::before { content: ""; position: absolute; left: 0; top: 0; width: 100% !important; height: 115vh !important; background-color: #000; opacity: 0.5; max-width: 100% !important; margin: 0 !important; overflow-y: auto; } .testimonial.style1 .swiper-wrapper { padding: 30px 0; } .testimonial.style1 .single-testimonials-area { display: flex; align-items: center; gap: 30px; background: var(--color-white); box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.05); border-radius: 30px; padding: 50px 50px 50px 0; } @media only screen and (max-width: 767px) { .testimonial.style1 .single-testimonials-area { padding: 25px 25px 25px 0; } } @media only screen and (max-width: 575px) { .testimonial.style1 .single-testimonials-area { flex-direction: column; align-items: flex-start; } } .testimonial.style1 .single-testimonials-area .thumbnail-image { min-width: -moz-max-content; min-width: max-content; display: block; } .testimonial.style1 .single-testimonials-area .thumbnail-image img { min-width: -moz-max-content; min-width: max-content; } .testimonial.style1 .single-testimonials-area .large-iamge { min-width: -moz-max-content; min-width: max-content; } .testimonial.style1 .single-testimonials-area .large-iamge img { min-width: -moz-max-content; min-width: max-content; } @media only screen and (max-width: 575px) { .testimonial.style1 .single-testimonials-area .discription-area { padding-left: 20px; } } .testimonial.style1 .single-testimonials-area .discription-area .stars { display: flex; align-items: center; margin-bottom: 25px; gap: 3px; } .testimonial.style1 .single-testimonials-area .discription-area .stars i { color: #000; } .testimonial.style1 .single-testimonials-area .discription-area p.disc { color: #0F2552; margin-bottom: 30px; font-size: 18px; } .testimonial.style1 .single-testimonials-area .discription-area .author-area { padding-top: 30px; border-top: 1px solid rgba(85, 85, 85, 0.2274509804); } .testimonial.style1 .single-testimonials-area .discription-area .author-area .title { margin-bottom: 8px; color: #0F2552; } .testimonial.style1 .swipper-navigation .prev, .testimonial.style1 .swipper-navigation .next { height: 47px; width: 47px; line-height: 47px; border: 1px solid #0F2552; border-radius: 50%; transition: 0.3s; display: inline-block; text-align: center; z-index: 2; } .testimonial.style1 .swipper-navigation .prev:hover, .testimonial.style1 .swipper-navigation .next:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .testimonial.style1 .swipper-navigation .prev { position: absolute; left: -90px; top: 50%; transform: translateY(-50%); } .testimonial.style1 .swipper-navigation .next { position: absolute; right: -90px; top: 50%; transform: translateY(-50%); } .rts-tab-style-one.horizontal .tab-navs { max-width: -moz-max-content; max-width: max-content; margin: auto; margin-bottom: 130px; } @media (max-width: 881px) { .rts-tab-style-one.horizontal .tab-navs { margin-bottom: 100px; } } @media (max-width: 767px) { .rts-tab-style-one.horizontal .tab-navs { margin-bottom: 40px; } } .rts-tab-style-one.horizontal .tab-navs .nav { display: flex; align-items: center; justify-content: center; border: none; gap: 15px; } .rts-tab-style-one.horizontal .tab-navs .nav button { max-width: -moz-max-content; max-width: max-content; border-radius: 15px; background: transparent; border: 1px solid var(--color-primary); padding: 18px 28px 11px; color: var(--color-primary); display: block; color: var(--color-primary); transition: 0.3s; font-weight: 600; font-family: var(--font-primary); line-height: 1.2; } .rts-tab-style-one.horizontal .tab-navs .nav button:hover, .rts-tab-style-one.horizontal .tab-navs .nav button.active { background: var(--color-primary); color: var(--color-white); border: 1px solid transparent; } .rt-addon-slider.swiper-wrapper { align-items: center; } .rt-addon-slider .swiper-slide { padding: 120px 0; } .rt-addon-slider .swiper-slide .logo-img img { max-width: 60px; transform: scale(1); } .rt-addon-slider .swiper-slide-active .logo-img img { transform: scale(1.3); } .rt-addon-slider .swiper-slide-active .logo-img::before { min-width: 237px; z-index: -1; height: 237px; background: var(--color-white); content: ""; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .rt-addon-slider .swiper-slide-active .logo-img::after { position: absolute; left: 50%; top: 50%; content: ""; height: 290px; width: 290px; transform: translate(-50%, -50%); background: var(--color-white); border-radius: 50%; opacity: 0.3; z-index: -1; }/*# sourceMappingURL=elements.css.map */