.readon { cursor: pointer; display: inline-block; position: relative; font-size: 16px; font-weight: 700; line-height: 26px; color: #ffffff; background: #0075c2; padding: 16px 35px 16px 35px; z-index: 1; border-radius: 0px 0px 0px 0px; transition: all 0.4s; overflow: hidden; } .readon.consultant { font-weight: 700; background: #634bf8; border-radius: 15px; color: #ffffff; padding: 21px 31px; } .readon.consultant:hover { background: #533be5d1; } .readon.consultant.get-con { padding: 20px 46px; border-radius: 50px; background-color: #0089d0; text-transform: capitalize; } .readon.consultant.get-con:hover { background-color: #0075c2A6; color: #ffffff; } .spiner { animation: spiner 30s infinite linear; -webkit-animation: spiner 30s infinite linear; animation-duration: spiner 30s; } @keyframes spiner { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spiner { 0% { transform: rotate(0); -webkit-transform: rotate(0); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .horizontal3 { animation-duration: 2s; animation: horizontal3 2s alternate infinite; -webkit-animation: horizontal3 2s alternate infinite; } @keyframes horizontal3 { 0% { transform: translateX(-20px); -webkit-transform: translateX(-20px); } 0% { transform: translateX(20px); -webkit-transform: translateX(20px); } } .slick-dots { position: absolute; line-height: 10px; bottom: -45px; z-index: 3; display: block; width: 100%; padding: 0; margin: 0; text-align: center; } .slick-dots li { display: inline-block; width: unset; height: unset; font-size: 0; margin: 0 5px; } .slick-dots li button { width: 15px; height: 15px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border: none; background: #0092F2; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; border-radius: 15px; } .slick-dots li.slick-active button, .slick-dots li:hover button { width: 24px; background: #0092f2; opacity: 40%; } .rs-slider.slider-style3 .slider { position: relative; } .rs-slider.slider-style3 .slider .slider-item { position: relative; z-index: 11; background-position: center; background-repeat: no-repeat; background-size: cover; } .rs-slider.slider-style3 .slider .slider-item .slider-content { padding: 290px 0 250px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .slide-des { max-width: 90%; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap { position: relative; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top { position: absolute; top: -307px; left: -96px; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 50px; line-height: 73px; font-weight: 800; color: #ffffff; text-transform: capitalize; margin: 0 0 25px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .desc { font-size: 24px; line-height: 28px; font-weight: 500; color: rgba(255, 255, 255, 0.8); margin: 0 0 40px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom { position: absolute; top: -259px; left: -6%; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top img { opacity: 0.40; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom img { opacity: 0.60; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation { position: absolute; bottom: 0; z-index: -11; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.one { top: 232px; left: 296px; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.one img { opacity: 0.2; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.two { top: 650px; left: 700px; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.two img { opacity: 0.2; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.three { right: -70px; bottom: -165px; } .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation.three img { opacity: 0.2; } .rs-slider.slider-style2 .slider .slick-dots { top: 47.5%; right: -47%; } .rs-slider.slider-style3 .slider .slick-dots { bottom: 50px; transform: translateX(50%); display: flex; } .rs-slider.slider-style3 .slider .slick-dots li { display: block; } .rs-slider.slider-style3 .slider .slick-dots li button { width: 14px; height: 14px; border: 1px solid #fff; background: transparent; border-radius: 15px; margin-bottom: 10px; } .rs-slider.slider-style3 .slider .slick-dots li button:before { content: ''; width: 100%; height: 100%; display: block; border-radius: 100%; transition: all 0.3s ease; } .rs-slider.slider-style3 .slider .slick-dots li.slick-active button, .rs-slider.slider-style3 .slider .slick-dots li:hover button { background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 2px #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); background: #fff; opacity: 0.9; } @media only screen and (max-width: 1300px) { .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .slide-des { max-width: 90%; } } @media only screen and (max-width: 1366px) { .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom { top: -218px; left: -4%; } } @media only screen and (max-width: 1199px) { .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 50px; line-height: 60px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom img { max-width: 1000px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom { top: -216px; left: -4.6%; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top img { max-width: 1000px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top { top: -307px; left: -34px; } } @media only screen and (max-width: 991px) { .rs-slider.slider-style3 .slider .slick-dots, .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top, .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom, .rs-slider.slider-style3 .slider .slider-item .animate-wrap .animation { display: none !important; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .slide-des { max-width: 80%; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 42px; line-height: 52px; } .rs-about.about-style3 .about-wrapper .about-img .about-counter { left: 57px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .desc { font-size: 18px; line-height: 28px; margin: 0 0 35px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom { top: -170px; left: -5.6%; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top img, .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-bottom img { max-width: 900px; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .shape-top { top: -544px; left: -193px; } } @media only screen and (max-width: 767px){ .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .slide-des{ max-width:100%; } .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 36px; line-height: 46px; } .rs-slider.slider-style3 .slider .slider-item .slider-content { padding: 170px 0 180px; } .rs-slider.slider-style3 .slider .slider-item.slide-bg3, .rs-slider.slider-style3 .slider .slider-item.slide-bg2, .rs-slider.slider-style3 .slider .slider-item { background-position-x: 70%; } } @media only screen and (max-width: 480px){ .rs-slider.slider-style3 .slider .slider-item .slider-content .content-wrap .title { font-size: 30px; line-height: 37px; } .rs-slider.slider-style3 .slider .slider-item .slider-content { padding: 120px 0 130px; } }