@import url('https://fonts.googleapis.com/css?family=Manrope:300,300i,400,400i,600,600i,700,700i,800,800i') ;
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap') ;
.mt-1 {
margin-top : 1rem !important ;
}
.mt-2 {
margin-top : 2rem !important ;
}
.mt-3 {
margin-top : 3rem !important ;
}
.mt-4 {
margin-top : 4rem !important ;
}
.mt-5 {
margin-top : 5rem !important ;
}
.mt-6 {
margin-top : 6rem !important ;
}
.mt-7 {
margin-top : 7rem !important ;
}
.mt-8 {
margin-top : 8rem !important ;
}
.mt-9 {
margin-top : 9rem !important ;
}
.mt-10 {
margin-top : 10rem !important ;
}
.mt-11 {
margin-top : 11rem !important ;
}
.mt-12 {
margin-top : 12rem !important ;
}
.mt-13 {
margin-top : 13rem !important ;
}
.mt-14 {
margin-top : 14rem !important ;
}
.mt-15 {
margin-top : 15rem !important ;
}
.mt-16 {
margin-top : 16rem !important ;
}
.mt-17 {
margin-top : 17rem !important ;
}
.mt-18 {
margin-top : 18rem !important ;
}
.mt-19 {
margin-top : 19rem !important ;
}
.mt-20 {
margin-top : 20rem !important ;
}
.mb-1 {
margin-bottom : 1rem !important ;
}
.mb-2 {
margin-bottom : 2rem !important ;
}
.mb-3 {
margin-bottom : 3rem !important ;
}
.mb-4 {
margin-bottom : 4rem !important ;
}
.mb-5 {
margin-bottom : 5rem !important ;
}
.mb-6 {
margin-bottom : 6rem !important ;
}
.mb-7 {
margin-bottom : 7rem !important ;
}
.mb-8 {
margin-bottom : 8rem !important ;
}
.mb-9 {
margin-bottom : 9rem !important ;
}
.mb-10 {
margin-bottom : 10rem !important ;
}
.mb-11 {
margin-bottom : 11rem !important ;
}
.mb-12 {
margin-bottom : 12rem !important ;
}
.mb-13 {
margin-bottom : 13rem !important ;
}
.mb-14 {
margin-bottom : 14rem !important ;
}
.mb-15 {
margin-bottom : 15rem !important ;
}
.mb-16 {
margin-bottom : 16rem !important ;
}
.mb-17 {
margin-bottom : 17rem !important ;
}
.mb-18 {
margin-bottom : 18rem !important ;
}
.mb-19 {
margin-bottom : 19rem !important ;
}
.mb-20 {
margin-bottom : 20rem !important ;
}
.mr-1 {
margin-right : 1rem !important ;
}
.mr-2 {
margin-right : 2rem !important ;
}
.mr-3 {
margin-right : 3rem !important ;
}
.mr-4 {
margin-right : 4rem !important ;
}
.mr-5 {
margin-right : 5rem !important ;
}
.mr-6 {
margin-right : 6rem !important ;
}
.mr-7 {
margin-right : 7rem !important ;
}
.mr-8 {
margin-right : 8rem !important ;
}
.mr-9 {
margin-right : 9rem !important ;
}
.mr-10 {
margin-right : 10rem !important ;
}
.mr-11 {
margin-right : 11rem !important ;
}
.mr-12 {
margin-right : 12rem !important ;
}
.mr-13 {
margin-right : 13rem !important ;
}
.mr-14 {
margin-right : 14rem !important ;
}
.mr-15 {
margin-right : 15rem !important ;
}
.mr-16 {
margin-right : 16rem !important ;
}
.mr-17 {
margin-right : 17rem !important ;
}
.mr-18 {
margin-right : 18rem !important ;
}
.mr-19 {
margin-right : 19rem !important ;
}
.mr-20 {
margin-right : 20rem !important ;
}
.ml-1 {
margin-left : 1rem !important ;
}
.ml-2 {
margin-left : 2rem !important ;
}
.ml-3 {
margin-left : 3rem !important ;
}
.ml-4 {
margin-left : 4rem !important ;
}
.ml-5 {
margin-left : 5rem !important ;
}
.ml-6 {
margin-left : 6rem !important ;
}
.ml-7 {
margin-left : 7rem !important ;
}
.ml-8 {
margin-left : 8rem !important ;
}
.ml-9 {
margin-left : 9rem !important ;
}
.ml-10 {
margin-left : 10rem !important ;
}
.ml-11 {
margin-left : 11rem !important ;
}
.ml-12 {
margin-left : 12rem !important ;
}
.ml-13 {
margin-left : 13rem !important ;
}
.ml-14 {
margin-left : 14rem !important ;
}
.ml-15 {
margin-left : 15rem !important ;
}
.ml-16 {
margin-left : 16rem !important ;
}
.ml-17 {
margin-left : 17rem !important ;
}
.ml-18 {
margin-left : 18rem !important ;
}
.ml-19 {
margin-left : 19rem !important ;
}
.ml-20 {
margin-left : 20rem !important ;
}
.mt-n-1 {
margin-top : -1rem !important ;
}
.mt-n-2 {
margin-top : -2rem !important ;
}
.mt-n-3 {
margin-top : -3rem !important ;
}
.mt-n-4 {
margin-top : -4rem !important ;
}
.mt-n-5 {
margin-top : -5rem !important ;
}
.mt-n-6 {
margin-top : -6rem !important ;
}
.mt-n-7 {
margin-top : -7rem !important ;
}
.mt-n-8 {
margin-top : -8rem !important ;
}
.mt-n-9 {
margin-top : -9rem !important ;
}
.mt-n-10 {
margin-top : -10rem !important ;
}
.mt-n-11 {
margin-top : -11rem !important ;
}
.mt-n-12 {
margin-top : -12rem !important ;
}
.mt-n-13 {
margin-top : -13rem !important ;
}
.mt-n-14 {
margin-top : -14rem !important ;
}
.mt-n-15 {
margin-top : -15rem !important ;
}
.mt-n-16 {
margin-top : -16rem !important ;
}
.mt-n-17 {
margin-top : -17rem !important ;
}
.mt-n-18 {
margin-top : -18rem !important ;
}
.mt-n-19 {
margin-top : -19rem !important ;
}
.mt-n-20 {
margin-top : -20rem !important ;
}
.mb-n-1 {
margin-bottom : -1rem !important ;
}
.mb-n-2 {
margin-bottom : -2rem !important ;
}
.mb-n-3 {
margin-bottom : -3rem !important ;
}
.mb-n-4 {
margin-bottom : -4rem !important ;
}
.mb-n-5 {
margin-bottom : -5rem !important ;
}
.mb-n-6 {
margin-bottom : -6rem !important ;
}
.mb-n-7 {
margin-bottom : -7rem !important ;
}
.mb-n-8 {
margin-bottom : -8rem !important ;
}
.mb-n-9 {
margin-bottom : -9rem !important ;
}
.mb-n-10 {
margin-bottom : -10rem !important ;
}
.mb-n-11 {
margin-bottom : -11rem !important ;
}
.mb-n-12 {
margin-bottom : -12rem !important ;
}
.mb-n-13 {
margin-bottom : -13rem !important ;
}
.mb-n-14 {
margin-bottom : -14rem !important ;
}
.mb-n-15 {
margin-bottom : -15rem !important ;
}
.mb-n-16 {
margin-bottom : -16rem !important ;
}
.mb-n-17 {
margin-bottom : -17rem !important ;
}
.mb-n-18 {
margin-bottom : -18rem !important ;
}
.mb-n-19 {
margin-bottom : -19rem !important ;
}
.mb-n-20 {
margin-bottom : -20rem !important ;
}
.mr-n-1 {
margin-right : -1rem !important ;
}
.mr-n-2 {
margin-right : -2rem !important ;
}
.mr-n-3 {
margin-right : -3rem !important ;
}
.mr-n-4 {
margin-right : -4rem !important ;
}
.mr-n-5 {
margin-right : -5rem !important ;
}
.mr-n-6 {
margin-right : -6rem !important ;
}
.mr-n-7 {
margin-right : -7rem !important ;
}
.mr-n-8 {
margin-right : -8rem !important ;
}
.mr-n-9 {
margin-right : -9rem !important ;
}
.mr-n-10 {
margin-right : -10rem !important ;
}
.mr-n-11 {
margin-right : -11rem !important ;
}
.mr-n-12 {
margin-right : -12rem !important ;
}
.mr-n-13 {
margin-right : -13rem !important ;
}
.mr-n-14 {
margin-right : -14rem !important ;
}
.mr-n-15 {
margin-right : -15rem !important ;
}
.mr-n-16 {
margin-right : -16rem !important ;
}
.mr-n-17 {
margin-right : -17rem !important ;
}
.mr-n-18 {
margin-right : -18rem !important ;
}
.mr-n-19 {
margin-right : -19rem !important ;
}
.mr-n-20 {
margin-right : -20rem !important ;
}
.ml-n-1 {
margin-left : -1rem !important ;
}
.ml-n-2 {
margin-left : -2rem !important ;
}
.ml-n-3 {
margin-left : -3rem !important ;
}
.ml-n-4 {
margin-left : -4rem !important ;
}
.ml-n-5 {
margin-left : -5rem !important ;
}
.ml-n-6 {
margin-left : -6rem !important ;
}
.ml-n-7 {
margin-left : -7rem !important ;
}
.ml-n-8 {
margin-left : -8rem !important ;
}
.ml-n-9 {
margin-left : -9rem !important ;
}
.ml-n-10 {
margin-left : -10rem !important ;
}
.ml-n-11 {
margin-left : -11rem !important ;
}
.ml-n-12 {
margin-left : -12rem !important ;
}
.ml-n-13 {
margin-left : -13rem !important ;
}
.ml-n-14 {
margin-left : -14rem !important ;
}
.ml-n-15 {
margin-left : -15rem !important ;
}
.ml-n-16 {
margin-left : -16rem !important ;
}
.ml-n-17 {
margin-left : -17rem !important ;
}
.ml-n-18 {
margin-left : -18rem !important ;
}
.ml-n-19 {
margin-left : -19rem !important ;
}
.ml-n-20 {
margin-left : -20rem !important ;
}
.pt-1 {
padding-top : 1rem !important ;
}
.pt-2 {
padding-top : 2rem !important ;
}
.pt-3 {
padding-top : 3rem !important ;
}
.pt-4 {
padding-top : 4rem !important ;
}
.pt-5 {
padding-top : 5rem !important ;
}
.pt-6 {
padding-top : 6rem !important ;
}
.pt-7 {
padding-top : 7rem !important ;
}
.pt-8 {
padding-top : 8rem !important ;
}
.pt-9 {
padding-top : 9rem !important ;
}
.pt-10 {
padding-top : 10rem !important ;
}
.pt-11 {
padding-top : 11rem !important ;
}
.pt-12 {
padding-top : 12rem !important ;
}
.pt-13 {
padding-top : 13rem !important ;
}
.pt-14 {
padding-top : 14rem !important ;
}
.pt-15 {
padding-top : 15rem !important ;
}
.pt-16 {
padding-top : 16rem !important ;
}
.pt-17 {
padding-top : 17rem !important ;
}
.pt-18 {
padding-top : 18rem !important ;
}
.pt-19 {
padding-top : 19rem !important ;
}
.pt-20 {
padding-top : 20rem !important ;
}
.pb-1 {
padding-bottom : 1rem !important ;
}
.pb-2 {
padding-bottom : 2rem !important ;
}
.pb-3 {
padding-bottom : 3rem !important ;
}
.pb-4 {
padding-bottom : 4rem !important ;
}
.pb-5 {
padding-bottom : 5rem !important ;
}
.pb-6 {
padding-bottom : 6rem !important ;
}
.pb-7 {
padding-bottom : 7rem !important ;
}
.pb-8 {
padding-bottom : 8rem !important ;
}
.pb-9 {
padding-bottom : 9rem !important ;
}
.pb-10 {
padding-bottom : 10rem !important ;
}
.pb-11 {
padding-bottom : 11rem !important ;
}
.pb-12 {
padding-bottom : 12rem !important ;
}
.pb-13 {
padding-bottom : 13rem !important ;
}
.pb-14 {
padding-bottom : 14rem !important ;
}
.pb-15 {
padding-bottom : 15rem !important ;
}
.pb-16 {
padding-bottom : 16rem !important ;
}
.pb-17 {
padding-bottom : 17rem !important ;
}
.pb-18 {
padding-bottom : 18rem !important ;
}
.pb-19 {
padding-bottom : 19rem !important ;
}
.pb-20 {
padding-bottom : 20rem !important ;
}
@media (min-width: 768px) {
.mt-md-0 {
margin-top : 0 !important ;
}
.mt-md-1 {
margin-top : 1rem !important ;
}
.mt-md-2 {
margin-top : 2rem !important ;
}
.mt-md-3 {
margin-top : 3rem !important ;
}
.mt-md-4 {
margin-top : 4rem !important ;
}
.mt-md-5 {
margin-top : 5rem !important ;
}
.mt-md-6 {
margin-top : 6rem !important ;
}
.mt-md-7 {
margin-top : 7rem !important ;
}
.mt-md-8 {
margin-top : 8rem !important ;
}
.mt-md-9 {
margin-top : 9rem !important ;
}
.mt-md-10 {
margin-top : 10rem !important ;
}
.mt-md-11 {
margin-top : 11rem !important ;
}
.mt-md-12 {
margin-top : 12rem !important ;
}
.mt-md-13 {
margin-top : 13rem !important ;
}
.mt-md-14 {
margin-top : 14rem !important ;
}
.mt-md-15 {
margin-top : 15rem !important ;
}
.mt-md-16 {
margin-top : 16rem !important ;
}
.mt-md-17 {
margin-top : 17rem !important ;
}
.mt-md-18 {
margin-top : 18rem !important ;
}
.mt-md-19 {
margin-top : 19rem !important ;
}
.mt-md-20 {
margin-top : 20rem !important ;
}
.mb-md-0 {
margin-bottom : 0 !important ;
}
.mb-md-1 {
margin-bottom : 1rem !important ;
}
.mb-md-2 {
margin-bottom : 2rem !important ;
}
.mb-md-3 {
margin-bottom : 3rem !important ;
}
.mb-md-4 {
margin-bottom : 4rem !important ;
}
.mb-md-5 {
margin-bottom : 5rem !important ;
}
.mb-md-6 {
margin-bottom : 6rem !important ;
}
.mb-md-7 {
margin-bottom : 7rem !important ;
}
.mb-md-8 {
margin-bottom : 8rem !important ;
}
.mb-md-9 {
margin-bottom : 9rem !important ;
}
.mb-md-10 {
margin-bottom : 10rem !important ;
}
.mb-md-11 {
margin-bottom : 11rem !important ;
}
.mb-md-12 {
margin-bottom : 12rem !important ;
}
.mb-md-13 {
margin-bottom : 13rem !important ;
}
.mb-md-14 {
margin-bottom : 14rem !important ;
}
.mb-md-15 {
margin-bottom : 15rem !important ;
}
.mb-md-16 {
margin-bottom : 16rem !important ;
}
.mb-md-17 {
margin-bottom : 17rem !important ;
}
.mb-md-18 {
margin-bottom : 18rem !important ;
}
.mb-md-19 {
margin-bottom : 19rem !important ;
}
.mb-md-20 {
margin-bottom : 20rem !important ;
}
.mr-md-0 {
margin-right : 0 !important ;
}
.mr-md-1 {
margin-right : 1rem !important ;
}
.mr-md-2 {
margin-right : 2rem !important ;
}
.mr-md-3 {
margin-right : 3rem !important ;
}
.mr-md-4 {
margin-right : 4rem !important ;
}
.mr-md-5 {
margin-right : 5rem !important ;
}
.mr-md-6 {
margin-right : 6rem !important ;
}
.mr-md-7 {
margin-right : 7rem !important ;
}
.mr-md-8 {
margin-right : 8rem !important ;
}
.mr-md-9 {
margin-right : 9rem !important ;
}
.mr-md-10 {
margin-right : 10rem !important ;
}
.mr-md-11 {
margin-right : 11rem !important ;
}
.mr-md-12 {
margin-right : 12rem !important ;
}
.mr-md-13 {
margin-right : 13rem !important ;
}
.mr-md-14 {
margin-right : 14rem !important ;
}
.mr-md-15 {
margin-right : 15rem !important ;
}
.mr-md-16 {
margin-right : 16rem !important ;
}
.mr-md-17 {
margin-right : 17rem !important ;
}
.mr-md-18 {
margin-right : 18rem !important ;
}
.mr-md-19 {
margin-right : 19rem !important ;
}
.mr-md-20 {
margin-right : 20rem !important ;
}
.ml-md-0 {
margin-left : 0 !important ;
}
.ml-md-1 {
margin-left : 1rem !important ;
}
.ml-md-2 {
margin-left : 2rem !important ;
}
.ml-md-3 {
margin-left : 3rem !important ;
}
.ml-md-4 {
margin-left : 4rem !important ;
}
.ml-md-5 {
margin-left : 5rem !important ;
}
.ml-md-6 {
margin-left : 6rem !important ;
}
.ml-md-7 {
margin-left : 7rem !important ;
}
.ml-md-8 {
margin-left : 8rem !important ;
}
.ml-md-9 {
margin-left : 9rem !important ;
}
.ml-md-10 {
margin-left : 10rem !important ;
}
.ml-md-11 {
margin-left : 11rem !important ;
}
.ml-md-12 {
margin-left : 12rem !important ;
}
.ml-md-13 {
margin-left : 13rem !important ;
}
.ml-md-14 {
margin-left : 14rem !important ;
}
.ml-md-15 {
margin-left : 15rem !important ;
}
.ml-md-16 {
margin-left : 16rem !important ;
}
.ml-md-17 {
margin-left : 17rem !important ;
}
.ml-md-18 {
margin-left : 18rem !important ;
}
.ml-md-19 {
margin-left : 19rem !important ;
}
.ml-md-20 {
margin-left : 20rem !important ;
}
.pt-md-0 {
padding-top : 0 !important ;
}
.pt-md-1 {
padding-top : 1rem !important ;
}
.pt-md-2 {
padding-top : 2rem !important ;
}
.pt-md-3 {
padding-top : 3rem !important ;
}
.pt-md-4 {
padding-top : 4rem !important ;
}
.pt-md-5 {
padding-top : 5rem !important ;
}
.pt-md-6 {
padding-top : 6rem !important ;
}
.pt-md-7 {
padding-top : 7rem !important ;
}
.pt-md-8 {
padding-top : 8rem !important ;
}
.pt-md-9 {
padding-top : 9rem !important ;
}
.pt-md-10 {
padding-top : 10rem !important ;
}
.pt-md-11 {
padding-top : 11rem !important ;
}
.pt-md-12 {
padding-top : 12rem !important ;
}
.pt-md-13 {
padding-top : 13rem !important ;
}
.pt-md-14 {
padding-top : 14rem !important ;
}
.pt-md-15 {
padding-top : 15rem !important ;
}
.pt-md-16 {
padding-top : 16rem !important ;
}
.pt-md-17 {
padding-top : 17rem !important ;
}
.pt-md-18 {
padding-top : 18rem !important ;
}
.pt-md-19 {
padding-top : 19rem !important ;
}
.pt-md-20 {
padding-top : 20rem !important ;
}
.pb-md-0 {
padding-bottom : 0 !important ;
}
.pb-md-1 {
padding-bottom : 1rem !important ;
}
.pb-md-2 {
padding-bottom : 2rem !important ;
}
.pb-md-3 {
padding-bottom : 3rem !important ;
}
.pb-md-4 {
padding-bottom : 4rem !important ;
}
.pb-md-5 {
padding-bottom : 5rem !important ;
}
.pb-md-6 {
padding-bottom : 6rem !important ;
}
.pb-md-7 {
padding-bottom : 7rem !important ;
}
.pb-md-8 {
padding-bottom : 8rem !important ;
}
.pb-md-9 {
padding-bottom : 9rem !important ;
}
.pb-md-10 {
padding-bottom : 10rem !important ;
}
.pb-md-11 {
padding-bottom : 11rem !important ;
}
.pb-md-12 {
padding-bottom : 12rem !important ;
}
.pb-md-13 {
padding-bottom : 13rem !important ;
}
.pb-md-14 {
padding-bottom : 14rem !important ;
}
.pb-md-15 {
padding-bottom : 15rem !important ;
}
.pb-md-16 {
padding-bottom : 16rem !important ;
}
.pb-md-17 {
padding-bottom : 17rem !important ;
}
.pb-md-18 {
padding-bottom : 18rem !important ;
}
.pb-md-19 {
padding-bottom : 19rem !important ;
}
.pb-md-20 {
padding-bottom : 20rem !important ;
}
.pr-md-0 {
padding-right : 0 !important ;
}
.pr-md-1 {
padding-right : 1rem !important ;
}
.pr-md-2 {
padding-right : 2rem !important ;
}
.pr-md-3 {
padding-right : 3rem !important ;
}
.pr-md-4 {
padding-right : 4rem !important ;
}
.pr-md-5 {
padding-right : 5rem !important ;
}
.pr-md-6 {
padding-right : 6rem !important ;
}
.pr-md-7 {
padding-right : 7rem !important ;
}
.pr-md-8 {
padding-right : 8rem !important ;
}
.pr-md-9 {
padding-right : 9rem !important ;
}
.pr-md-10 {
padding-right : 10rem !important ;
}
.pr-md-11 {
padding-right : 11rem !important ;
}
.pr-md-12 {
padding-right : 12rem !important ;
}
.pr-md-13 {
padding-right : 13rem !important ;
}
.pr-md-14 {
padding-right : 14rem !important ;
}
.pr-md-15 {
padding-right : 15rem !important ;
}
.pr-md-16 {
padding-right : 16rem !important ;
}
.pr-md-17 {
padding-right : 17rem !important ;
}
.pr-md-18 {
padding-right : 18rem !important ;
}
.pr-md-19 {
padding-right : 19rem !important ;
}
.pr-md-20 {
padding-right : 20rem !important ;
}
.pl-md-0 {
padding-left : 0 !important ;
}
.pl-md-1 {
padding-left : 1rem !important ;
}
.pl-md-2 {
padding-left : 2rem !important ;
}
.pl-md-3 {
padding-left : 3rem !important ;
}
.pl-md-4 {
padding-left : 4rem !important ;
}
.pl-md-5 {
padding-left : 5rem !important ;
}
.pl-md-6 {
padding-left : 6rem !important ;
}
.pl-md-7 {
padding-left : 7rem !important ;
}
.pl-md-8 {
padding-left : 8rem !important ;
}
.pl-md-9 {
padding-left : 9rem !important ;
}
.pl-md-10 {
padding-left : 10rem !important ;
}
.pl-md-11 {
padding-left : 11rem !important ;
}
.pl-md-12 {
padding-left : 12rem !important ;
}
.pl-md-13 {
padding-left : 13rem !important ;
}
.pl-md-14 {
padding-left : 14rem !important ;
}
.pl-md-15 {
padding-left : 15rem !important ;
}
.pl-md-16 {
padding-left : 16rem !important ;
}
.pl-md-17 {
padding-left : 17rem !important ;
}
.pl-md-18 {
padding-left : 18rem !important ;
}
.pl-md-19 {
padding-left : 19rem !important ;
}
.pl-md-20 {
padding-left : 20rem !important ;
}
}
@media (min-width: 992px) {
.mt-lg-0 {
margin-top : 0 !important ;
}
.mt-lg-1 {
margin-top : 1rem !important ;
}
.mt-lg-2 {
margin-top : 2rem !important ;
}
.mt-lg-3 {
margin-top : 3rem !important ;
}
.mt-lg-4 {
margin-top : 4rem !important ;
}
.mt-lg-5 {
margin-top : 5rem !important ;
}
.mt-lg-6 {
margin-top : 6rem !important ;
}
.mt-lg-7 {
margin-top : 7rem !important ;
}
.mt-lg-8 {
margin-top : 8rem !important ;
}
.mt-lg-9 {
margin-top : 9rem !important ;
}
.mt-lg-10 {
margin-top : 10rem !important ;
}
.mt-lg-11 {
margin-top : 11rem !important ;
}
.mt-lg-12 {
margin-top : 12rem !important ;
}
.mt-lg-13 {
margin-top : 13rem !important ;
}
.mt-lg-14 {
margin-top : 14rem !important ;
}
.mt-lg-15 {
margin-top : 15rem !important ;
}
.mt-lg-16 {
margin-top : 16rem !important ;
}
.mt-lg-17 {
margin-top : 17rem !important ;
}
.mt-lg-18 {
margin-top : 18rem !important ;
}
.mt-lg-19 {
margin-top : 19rem !important ;
}
.mt-lg-20 {
margin-top : 20rem !important ;
}
.mb-lg-0 {
margin-bottom : 0 !important ;
}
.mb-lg-1 {
margin-bottom : 1rem !important ;
}
.mb-lg-2 {
margin-bottom : 2rem !important ;
}
.mb-lg-3 {
margin-bottom : 3rem !important ;
}
.mb-lg-4 {
margin-bottom : 4rem !important ;
}
.mb-lg-5 {
margin-bottom : 5rem !important ;
}
.mb-lg-6 {
margin-bottom : 6rem !important ;
}
.mb-lg-7 {
margin-bottom : 7rem !important ;
}
.mb-lg-8 {
margin-bottom : 8rem !important ;
}
.mb-lg-9 {
margin-bottom : 9rem !important ;
}
.mb-lg-10 {
margin-bottom : 10rem !important ;
}
.mb-lg-11 {
margin-bottom : 11rem !important ;
}
.mb-lg-12 {
margin-bottom : 12rem !important ;
}
.mb-lg-13 {
margin-bottom : 13rem !important ;
}
.mb-lg-14 {
margin-bottom : 14rem !important ;
}
.mb-lg-15 {
margin-bottom : 15rem !important ;
}
.mb-lg-16 {
margin-bottom : 16rem !important ;
}
.mb-lg-17 {
margin-bottom : 17rem !important ;
}
.mb-lg-18 {
margin-bottom : 18rem !important ;
}
.mb-lg-19 {
margin-bottom : 19rem !important ;
}
.mb-lg-20 {
margin-bottom : 20rem !important ;
}
.mr-lg-0 {
margin-right : 0 !important ;
}
.mr-lg-1 {
margin-right : 1rem !important ;
}
.mr-lg-2 {
margin-right : 2rem !important ;
}
.mr-lg-3 {
margin-right : 3rem !important ;
}
.mr-lg-4 {
margin-right : 4rem !important ;
}
.mr-lg-5 {
margin-right : 5rem !important ;
}
.mr-lg-6 {
margin-right : 6rem !important ;
}
.mr-lg-7 {
margin-right : 7rem !important ;
}
.mr-lg-8 {
margin-right : 8rem !important ;
}
.mr-lg-9 {
margin-right : 9rem !important ;
}
.mr-lg-10 {
margin-right : 10rem !important ;
}
.mr-lg-11 {
margin-right : 11rem !important ;
}
.mr-lg-12 {
margin-right : 12rem !important ;
}
.mr-lg-13 {
margin-right : 13rem !important ;
}
.mr-lg-14 {
margin-right : 14rem !important ;
}
.mr-lg-15 {
margin-right : 15rem !important ;
}
.mr-lg-16 {
margin-right : 16rem !important ;
}
.mr-lg-17 {
margin-right : 17rem !important ;
}
.mr-lg-18 {
margin-right : 18rem !important ;
}
.mr-lg-19 {
margin-right : 19rem !important ;
}
.mr-lg-20 {
margin-right : 20rem !important ;
}
.ml-lg-0 {
margin-left : 0 !important ;
}
.ml-lg-1 {
margin-left : 1rem !important ;
}
.ml-lg-2 {
margin-left : 2rem !important ;
}
.ml-lg-3 {
margin-left : 3rem !important ;
}
.ml-lg-4 {
margin-left : 4rem !important ;
}
.ml-lg-5 {
margin-left : 5rem !important ;
}
.ml-lg-6 {
margin-left : 6rem !important ;
}
.ml-lg-7 {
margin-left : 7rem !important ;
}
.ml-lg-8 {
margin-left : 8rem !important ;
}
.ml-lg-9 {
margin-left : 9rem !important ;
}
.ml-lg-10 {
margin-left : 10rem !important ;
}
.ml-lg-11 {
margin-left : 11rem !important ;
}
.ml-lg-12 {
margin-left : 12rem !important ;
}
.ml-lg-13 {
margin-left : 13rem !important ;
}
.ml-lg-14 {
margin-left : 14rem !important ;
}
.ml-lg-15 {
margin-left : 15rem !important ;
}
.ml-lg-16 {
margin-left : 16rem !important ;
}
.ml-lg-17 {
margin-left : 17rem !important ;
}
.ml-lg-18 {
margin-left : 18rem !important ;
}
.ml-lg-19 {
margin-left : 19rem !important ;
}
.ml-lg-20 {
margin-left : 20rem !important ;
}
.pt-lg-0 {
padding-top : 0 !important ;
}
.pt-lg-1 {
padding-top : 1rem !important ;
}
.pt-lg-2 {
padding-top : 2rem !important ;
}
.pt-lg-3 {
padding-top : 3rem !important ;
}
.pt-lg-4 {
padding-top : 4rem !important ;
}
.pt-lg-5 {
padding-top : 5rem !important ;
}
.pt-lg-6 {
padding-top : 6rem !important ;
}
.pt-lg-7 {
padding-top : 7rem !important ;
}
.pt-lg-8 {
padding-top : 8rem !important ;
}
.pt-lg-9 {
padding-top : 9rem !important ;
}
.pt-lg-10 {
padding-top : 10rem !important ;
}
.pt-lg-11 {
padding-top : 11rem !important ;
}
.pt-lg-12 {
padding-top : 12rem !important ;
}
.pt-lg-13 {
padding-top : 13rem !important ;
}
.pt-lg-14 {
padding-top : 14rem !important ;
}
.pt-lg-15 {
padding-top : 15rem !important ;
}
.pt-lg-16 {
padding-top : 16rem !important ;
}
.pt-lg-17 {
padding-top : 17rem !important ;
}
.pt-lg-18 {
padding-top : 18rem !important ;
}
.pt-lg-19 {
padding-top : 19rem !important ;
}
.pt-lg-20 {
padding-top : 20rem !important ;
}
.pb-lg-0 {
padding-bottom : 0 !important ;
}
.pb-lg-1 {
padding-bottom : 1rem !important ;
}
.pb-lg-2 {
padding-bottom : 2rem !important ;
}
.pb-lg-3 {
padding-bottom : 3rem !important ;
}
.pb-lg-4 {
padding-bottom : 4rem !important ;
}
.pb-lg-5 {
padding-bottom : 5rem !important ;
}
.pb-lg-6 {
padding-bottom : 6rem !important ;
}
.pb-lg-7 {
padding-bottom : 7rem !important ;
}
.pb-lg-8 {
padding-bottom : 8rem !important ;
}
.pb-lg-9 {
padding-bottom : 9rem !important ;
}
.pb-lg-10 {
padding-bottom : 10rem !important ;
}
.pb-lg-11 {
padding-bottom : 11rem !important ;
}
.pb-lg-12 {
padding-bottom : 12rem !important ;
}
.pb-lg-13 {
padding-bottom : 13rem !important ;
}
.pb-lg-14 {
padding-bottom : 14rem !important ;
}
.pb-lg-15 {
padding-bottom : 15rem !important ;
}
.pb-lg-16 {
padding-bottom : 16rem !important ;
}
.pb-lg-17 {
padding-bottom : 17rem !important ;
}
.pb-lg-18 {
padding-bottom : 18rem !important ;
}
.pb-lg-19 {
padding-bottom : 19rem !important ;
}
.pb-lg-20 {
padding-bottom : 20rem !important ;
}
.pr-lg-0 {
padding-right : 0 !important ;
}
.pr-lg-1 {
padding-right : 1rem !important ;
}
.pr-lg-2 {
padding-right : 2rem !important ;
}
.pr-lg-3 {
padding-right : 3rem !important ;
}
.pr-lg-4 {
padding-right : 4rem !important ;
}
.pr-lg-5 {
padding-right : 5rem !important ;
}
.pr-lg-6 {
padding-right : 6rem !important ;
}
.pr-lg-7 {
padding-right : 7rem !important ;
}
.pr-lg-8 {
padding-right : 8rem !important ;
}
.pr-lg-9 {
padding-right : 9rem !important ;
}
.pr-lg-10 {
padding-right : 10rem !important ;
}
.pr-lg-11 {
padding-right : 11rem !important ;
}
.pr-lg-12 {
padding-right : 12rem !important ;
}
.pr-lg-13 {
padding-right : 13rem !important ;
}
.pr-lg-14 {
padding-right : 14rem !important ;
}
.pr-lg-15 {
padding-right : 15rem !important ;
}
.pr-lg-16 {
padding-right : 16rem !important ;
}
.pr-lg-17 {
padding-right : 17rem !important ;
}
.pr-lg-18 {
padding-right : 18rem !important ;
}
.pr-lg-19 {
padding-right : 19rem !important ;
}
.pr-lg-20 {
padding-right : 20rem !important ;
}
.pl-lg-0 {
padding-left : 0 !important ;
}
.pl-lg-1 {
padding-left : 1rem !important ;
}
.pl-lg-2 {
padding-left : 2rem !important ;
}
.pl-lg-3 {
padding-left : 3rem !important ;
}
.pl-lg-4 {
padding-left : 4rem !important ;
}
.pl-lg-5 {
padding-left : 5rem !important ;
}
.pl-lg-6 {
padding-left : 6rem !important ;
}
.pl-lg-7 {
padding-left : 7rem !important ;
}
.pl-lg-8 {
padding-left : 8rem !important ;
}
.pl-lg-9 {
padding-left : 9rem !important ;
}
.pl-lg-10 {
padding-left : 10rem !important ;
}
.pl-lg-11 {
padding-left : 11rem !important ;
}
.pl-lg-12 {
padding-left : 12rem !important ;
}
.pl-lg-13 {
padding-left : 13rem !important ;
}
.pl-lg-14 {
padding-left : 14rem !important ;
}
.pl-lg-15 {
padding-left : 15rem !important ;
}
.pl-lg-16 {
padding-left : 16rem !important ;
}
.pl-lg-17 {
padding-left : 17rem !important ;
}
.pl-lg-18 {
padding-left : 18rem !important ;
}
.pl-lg-19 {
padding-left : 19rem !important ;
}
.pl-lg-20 {
padding-left : 20rem !important ;
}
}
@media (min-width: 1200px) {
.mt-xl-0 {
margin-top : 0 !important ;
}
.mt-xl-1 {
margin-top : 1rem !important ;
}
.mt-xl-2 {
margin-top : 2rem !important ;
}
.mt-xl-3 {
margin-top : 3rem !important ;
}
.mt-xl-4 {
margin-top : 4rem !important ;
}
.mt-xl-5 {
margin-top : 5rem !important ;
}
.mt-xl-6 {
margin-top : 6rem !important ;
}
.mt-xl-7 {
margin-top : 7rem !important ;
}
.mt-xl-8 {
margin-top : 8rem !important ;
}
.mt-xl-9 {
margin-top : 9rem !important ;
}
.mt-xl-10 {
margin-top : 10rem !important ;
}
.mt-xl-11 {
margin-top : 11rem !important ;
}
.mt-xl-12 {
margin-top : 12rem !important ;
}
.mt-xl-13 {
margin-top : 13rem !important ;
}
.mt-xl-14 {
margin-top : 14rem !important ;
}
.mt-xl-15 {
margin-top : 15rem !important ;
}
.mt-xl-16 {
margin-top : 16rem !important ;
}
.mt-xl-17 {
margin-top : 17rem !important ;
}
.mt-xl-18 {
margin-top : 18rem !important ;
}
.mt-xl-19 {
margin-top : 19rem !important ;
}
.mt-xl-20 {
margin-top : 20rem !important ;
}
.mb-xl-0 {
margin-bottom : 0 !important ;
}
.mb-xl-1 {
margin-bottom : 1rem !important ;
}
.mb-xl-2 {
margin-bottom : 2rem !important ;
}
.mb-xl-3 {
margin-bottom : 3rem !important ;
}
.mb-xl-4 {
margin-bottom : 4rem !important ;
}
.mb-xl-5 {
margin-bottom : 5rem !important ;
}
.mb-xl-6 {
margin-bottom : 6rem !important ;
}
.mb-xl-7 {
margin-bottom : 7rem !important ;
}
.mb-xl-8 {
margin-bottom : 8rem !important ;
}
.mb-xl-9 {
margin-bottom : 9rem !important ;
}
.mb-xl-10 {
margin-bottom : 10rem !important ;
}
.mb-xl-11 {
margin-bottom : 11rem !important ;
}
.mb-xl-12 {
margin-bottom : 12rem !important ;
}
.mb-xl-13 {
margin-bottom : 13rem !important ;
}
.mb-xl-14 {
margin-bottom : 14rem !important ;
}
.mb-xl-15 {
margin-bottom : 15rem !important ;
}
.mb-xl-16 {
margin-bottom : 16rem !important ;
}
.mb-xl-17 {
margin-bottom : 17rem !important ;
}
.mb-xl-18 {
margin-bottom : 18rem !important ;
}
.mb-xl-19 {
margin-bottom : 19rem !important ;
}
.mb-xl-20 {
margin-bottom : 20rem !important ;
}
.mr-xl-0 {
margin-right : 0 !important ;
}
.mr-xl-1 {
margin-right : 1rem !important ;
}
.mr-xl-2 {
margin-right : 2rem !important ;
}
.mr-xl-3 {
margin-right : 3rem !important ;
}
.mr-xl-4 {
margin-right : 4rem !important ;
}
.mr-xl-5 {
margin-right : 5rem !important ;
}
.mr-xl-6 {
margin-right : 6rem !important ;
}
.mr-xl-7 {
margin-right : 7rem !important ;
}
.mr-xl-8 {
margin-right : 8rem !important ;
}
.mr-xl-9 {
margin-right : 9rem !important ;
}
.mr-xl-10 {
margin-right : 10rem !important ;
}
.mr-xl-11 {
margin-right : 11rem !important ;
}
.mr-xl-12 {
margin-right : 12rem !important ;
}
.mr-xl-13 {
margin-right : 13rem !important ;
}
.mr-xl-14 {
margin-right : 14rem !important ;
}
.mr-xl-15 {
margin-right : 15rem !important ;
}
.mr-xl-16 {
margin-right : 16rem !important ;
}
.mr-xl-17 {
margin-right : 17rem !important ;
}
.mr-xl-18 {
margin-right : 18rem !important ;
}
.mr-xl-19 {
margin-right : 19rem !important ;
}
.mr-xl-20 {
margin-right : 20rem !important ;
}
.ml-xl-0 {
margin-left : 0 !important ;
}
.ml-xl-1 {
margin-left : 1rem !important ;
}
.ml-xl-2 {
margin-left : 2rem !important ;
}
.ml-xl-3 {
margin-left : 3rem !important ;
}
.ml-xl-4 {
margin-left : 4rem !important ;
}
.ml-xl-5 {
margin-left : 5rem !important ;
}
.ml-xl-6 {
margin-left : 6rem !important ;
}
.ml-xl-7 {
margin-left : 7rem !important ;
}
.ml-xl-8 {
margin-left : 8rem !important ;
}
.ml-xl-9 {
margin-left : 9rem !important ;
}
.ml-xl-10 {
margin-left : 10rem !important ;
}
.ml-xl-11 {
margin-left : 11rem !important ;
}
.ml-xl-12 {
margin-left : 12rem !important ;
}
.ml-xl-13 {
margin-left : 13rem !important ;
}
.ml-xl-14 {
margin-left : 14rem !important ;
}
.ml-xl-15 {
margin-left : 15rem !important ;
}
.ml-xl-16 {
margin-left : 16rem !important ;
}
.ml-xl-17 {
margin-left : 17rem !important ;
}
.ml-xl-18 {
margin-left : 18rem !important ;
}
.ml-xl-19 {
margin-left : 19rem !important ;
}
.ml-xl-20 {
margin-left : 20rem !important ;
}
.pt-xl-0 {
padding-top : 0 !important ;
}
.pt-xl-1 {
padding-top : 1rem !important ;
}
.pt-xl-2 {
padding-top : 2rem !important ;
}
.pt-xl-3 {
padding-top : 3rem !important ;
}
.pt-xl-4 {
padding-top : 4rem !important ;
}
.pt-xl-5 {
padding-top : 5rem !important ;
}
.pt-xl-6 {
padding-top : 6rem !important ;
}
.pt-xl-7 {
padding-top : 7rem !important ;
}
.pt-xl-8 {
padding-top : 8rem !important ;
}
.pt-xl-9 {
padding-top : 9rem !important ;
}
.pt-xl-10 {
padding-top : 10rem !important ;
}
.pt-xl-11 {
padding-top : 11rem !important ;
}
.pt-xl-12 {
padding-top : 12rem !important ;
}
.pt-xl-13 {
padding-top : 13rem !important ;
}
.pt-xl-14 {
padding-top : 14rem !important ;
}
.pt-xl-15 {
padding-top : 15rem !important ;
}
.pt-xl-16 {
padding-top : 16rem !important ;
}
.pt-xl-17 {
padding-top : 17rem !important ;
}
.pt-xl-18 {
padding-top : 18rem !important ;
}
.pt-xl-19 {
padding-top : 19rem !important ;
}
.pt-xl-20 {
padding-top : 20rem !important ;
}
.pb-xl-0 {
padding-bottom : 0 !important ;
}
.pb-xl-1 {
padding-bottom : 1rem !important ;
}
.pb-xl-2 {
padding-bottom : 2rem !important ;
}
.pb-xl-3 {
padding-bottom : 3rem !important ;
}
.pb-xl-4 {
padding-bottom : 4rem !important ;
}
.pb-xl-5 {
padding-bottom : 5rem !important ;
}
.pb-xl-6 {
padding-bottom : 6rem !important ;
}
.pb-xl-7 {
padding-bottom : 7rem !important ;
}
.pb-xl-8 {
padding-bottom : 8rem !important ;
}
.pb-xl-9 {
padding-bottom : 9rem !important ;
}
.pb-xl-10 {
padding-bottom : 10rem !important ;
}
.pb-xl-11 {
padding-bottom : 11rem !important ;
}
.pb-xl-12 {
padding-bottom : 12rem !important ;
}
.pb-xl-13 {
padding-bottom : 13rem !important ;
}
.pb-xl-14 {
padding-bottom : 14rem !important ;
}
.pb-xl-15 {
padding-bottom : 15rem !important ;
}
.pb-xl-16 {
padding-bottom : 16rem !important ;
}
.pb-xl-17 {
padding-bottom : 17rem !important ;
}
.pb-xl-18 {
padding-bottom : 18rem !important ;
}
.pb-xl-19 {
padding-bottom : 19rem !important ;
}
.pb-xl-20 {
padding-bottom : 20rem !important ;
}
.pr-xl-0 {
padding-right : 0 !important ;
}
.pr-xl-1 {
padding-right : 1rem !important ;
}
.pr-xl-2 {
padding-right : 2rem !important ;
}
.pr-xl-3 {
padding-right : 3rem !important ;
}
.pr-xl-4 {
padding-right : 4rem !important ;
}
.pr-xl-5 {
padding-right : 5rem !important ;
}
.pr-xl-6 {
padding-right : 6rem !important ;
}
.pr-xl-7 {
padding-right : 7rem !important ;
}
.pr-xl-8 {
padding-right : 8rem !important ;
}
.pr-xl-9 {
padding-right : 9rem !important ;
}
.pr-xl-10 {
padding-right : 10rem !important ;
}
.pr-xl-11 {
padding-right : 11rem !important ;
}
.pr-xl-12 {
padding-right : 12rem !important ;
}
.pr-xl-13 {
padding-right : 13rem !important ;
}
.pr-xl-14 {
padding-right : 14rem !important ;
}
.pr-xl-15 {
padding-right : 15rem !important ;
}
.pr-xl-16 {
padding-right : 16rem !important ;
}
.pr-xl-17 {
padding-right : 17rem !important ;
}
.pr-xl-18 {
padding-right : 18rem !important ;
}
.pr-xl-19 {
padding-right : 19rem !important ;
}
.pr-xl-20 {
padding-right : 20rem !important ;
}
.pl-xl-0 {
padding-left : 0 !important ;
}
.pl-xl-1 {
padding-left : 1rem !important ;
}
.pl-xl-2 {
padding-left : 2rem !important ;
}
.pl-xl-3 {
padding-left : 3rem !important ;
}
.pl-xl-4 {
padding-left : 4rem !important ;
}
.pl-xl-5 {
padding-left : 5rem !important ;
}
.pl-xl-6 {
padding-left : 6rem !important ;
}
.pl-xl-7 {
padding-left : 7rem !important ;
}
.pl-xl-8 {
padding-left : 8rem !important ;
}
.pl-xl-9 {
padding-left : 9rem !important ;
}
.pl-xl-10 {
padding-left : 10rem !important ;
}
.pl-xl-11 {
padding-left : 11rem !important ;
}
.pl-xl-12 {
padding-left : 12rem !important ;
}
.pl-xl-13 {
padding-left : 13rem !important ;
}
.pl-xl-14 {
padding-left : 14rem !important ;
}
.pl-xl-15 {
padding-left : 15rem !important ;
}
.pl-xl-16 {
padding-left : 16rem !important ;
}
.pl-xl-17 {
padding-left : 17rem !important ;
}
.pl-xl-18 {
padding-left : 18rem !important ;
}
.pl-xl-19 {
padding-left : 19rem !important ;
}
.pl-xl-20 {
padding-left : 20rem !important ;
}
}
@media (min-width: 1600px) {
.mt-xxl-0 {
margin-top : 0 !important ;
}
.mt-xxl-1 {
margin-top : 1rem !important ;
}
.mt-xxl-2 {
margin-top : 2rem !important ;
}
.mt-xxl-3 {
margin-top : 3rem !important ;
}
.mt-xxl-4 {
margin-top : 4rem !important ;
}
.mt-xxl-5 {
margin-top : 5rem !important ;
}
.mt-xxl-6 {
margin-top : 6rem !important ;
}
.mt-xxl-7 {
margin-top : 7rem !important ;
}
.mt-xxl-8 {
margin-top : 8rem !important ;
}
.mt-xxl-9 {
margin-top : 9rem !important ;
}
.mt-xxl-10 {
margin-top : 10rem !important ;
}
.mt-xxl-11 {
margin-top : 11rem !important ;
}
.mt-xxl-12 {
margin-top : 12rem !important ;
}
.mt-xxl-13 {
margin-top : 13rem !important ;
}
.mt-xxl-14 {
margin-top : 14rem !important ;
}
.mt-xxl-15 {
margin-top : 15rem !important ;
}
.mt-xxl-16 {
margin-top : 16rem !important ;
}
.mt-xxl-17 {
margin-top : 17rem !important ;
}
.mt-xxl-18 {
margin-top : 18rem !important ;
}
.mt-xxl-19 {
margin-top : 19rem !important ;
}
.mt-xxl-20 {
margin-top : 20rem !important ;
}
.mb-xxl-0 {
margin-bottom : 0 !important ;
}
.mb-xxl-1 {
margin-bottom : 1rem !important ;
}
.mb-xxl-2 {
margin-bottom : 2rem !important ;
}
.mb-xxl-3 {
margin-bottom : 3rem !important ;
}
.mb-xxl-4 {
margin-bottom : 4rem !important ;
}
.mb-xxl-5 {
margin-bottom : 5rem !important ;
}
.mb-xxl-6 {
margin-bottom : 6rem !important ;
}
.mb-xxl-7 {
margin-bottom : 7rem !important ;
}
.mb-xxl-8 {
margin-bottom : 8rem !important ;
}
.mb-xxl-9 {
margin-bottom : 9rem !important ;
}
.mb-xxl-10 {
margin-bottom : 10rem !important ;
}
.mb-xxl-11 {
margin-bottom : 11rem !important ;
}
.mb-xxl-12 {
margin-bottom : 12rem !important ;
}
.mb-xxl-13 {
margin-bottom : 13rem !important ;
}
.mb-xxl-14 {
margin-bottom : 14rem !important ;
}
.mb-xxl-15 {
margin-bottom : 15rem !important ;
}
.mb-xxl-16 {
margin-bottom : 16rem !important ;
}
.mb-xxl-17 {
margin-bottom : 17rem !important ;
}
.mb-xxl-18 {
margin-bottom : 18rem !important ;
}
.mb-xxl-19 {
margin-bottom : 19rem !important ;
}
.mb-xxl-20 {
margin-bottom : 20rem !important ;
}
.mr-xxl-0 {
margin-right : 0 !important ;
}
.mr-xxl-1 {
margin-right : 1rem !important ;
}
.mr-xxl-2 {
margin-right : 2rem !important ;
}
.mr-xxl-3 {
margin-right : 3rem !important ;
}
.mr-xxl-4 {
margin-right : 4rem !important ;
}
.mr-xxl-5 {
margin-right : 5rem !important ;
}
.mr-xxl-6 {
margin-right : 6rem !important ;
}
.mr-xxl-7 {
margin-right : 7rem !important ;
}
.mr-xxl-8 {
margin-right : 8rem !important ;
}
.mr-xxl-9 {
margin-right : 9rem !important ;
}
.mr-xxl-10 {
margin-right : 10rem !important ;
}
.mr-xxl-11 {
margin-right : 11rem !important ;
}
.mr-xxl-12 {
margin-right : 12rem !important ;
}
.mr-xxl-13 {
margin-right : 13rem !important ;
}
.mr-xxl-14 {
margin-right : 14rem !important ;
}
.mr-xxl-15 {
margin-right : 15rem !important ;
}
.mr-xxl-16 {
margin-right : 16rem !important ;
}
.mr-xxl-17 {
margin-right : 17rem !important ;
}
.mr-xxl-18 {
margin-right : 18rem !important ;
}
.mr-xxl-19 {
margin-right : 19rem !important ;
}
.mr-xxl-20 {
margin-right : 20rem !important ;
}
.ml-xxl-0 {
margin-left : 0 !important ;
}
.ml-xxl-1 {
margin-left : 1rem !important ;
}
.ml-xxl-2 {
margin-left : 2rem !important ;
}
.ml-xxl-3 {
margin-left : 3rem !important ;
}
.ml-xxl-4 {
margin-left : 4rem !important ;
}
.ml-xxl-5 {
margin-left : 5rem !important ;
}
.ml-xxl-6 {
margin-left : 6rem !important ;
}
.ml-xxl-7 {
margin-left : 7rem !important ;
}
.ml-xxl-8 {
margin-left : 8rem !important ;
}
.ml-xxl-9 {
margin-left : 9rem !important ;
}
.ml-xxl-10 {
margin-left : 10rem !important ;
}
.ml-xxl-11 {
margin-left : 11rem !important ;
}
.ml-xxl-12 {
margin-left : 12rem !important ;
}
.ml-xxl-13 {
margin-left : 13rem !important ;
}
.ml-xxl-14 {
margin-left : 14rem !important ;
}
.ml-xxl-15 {
margin-left : 15rem !important ;
}
.ml-xxl-16 {
margin-left : 16rem !important ;
}
.ml-xxl-17 {
margin-left : 17rem !important ;
}
.ml-xxl-18 {
margin-left : 18rem !important ;
}
.ml-xxl-19 {
margin-left : 19rem !important ;
}
.ml-xxl-20 {
margin-left : 20rem !important ;
}
.pt-xxl-0 {
padding-top : 0 !important ;
}
.pt-xxl-1 {
padding-top : 1rem !important ;
}
.pt-xxl-2 {
padding-top : 2rem !important ;
}
.pt-xxl-3 {
padding-top : 3rem !important ;
}
.pt-xxl-4 {
padding-top : 4rem !important ;
}
.pt-xxl-5 {
padding-top : 5rem !important ;
}
.pt-xxl-6 {
padding-top : 6rem !important ;
}
.pt-xxl-7 {
padding-top : 7rem !important ;
}
.pt-xxl-8 {
padding-top : 8rem !important ;
}
.pt-xxl-9 {
padding-top : 9rem !important ;
}
.pt-xxl-10 {
padding-top : 10rem !important ;
}
.pt-xxl-11 {
padding-top : 11rem !important ;
}
.pt-xxl-12 {
padding-top : 12rem !important ;
}
.pt-xxl-13 {
padding-top : 13rem !important ;
}
.pt-xxl-14 {
padding-top : 14rem !important ;
}
.pt-xxl-15 {
padding-top : 15rem !important ;
}
.pt-xxl-16 {
padding-top : 16rem !important ;
}
.pt-xxl-17 {
padding-top : 17rem !important ;
}
.pt-xxl-18 {
padding-top : 18rem !important ;
}
.pt-xxl-19 {
padding-top : 19rem !important ;
}
.pt-xxl-20 {
padding-top : 20rem !important ;
}
.pb-xxl-0 {
padding-bottom : 0 !important ;
}
.pb-xxl-1 {
padding-bottom : 1rem !important ;
}
.pb-xxl-2 {
padding-bottom : 2rem !important ;
}
.pb-xxl-3 {
padding-bottom : 3rem !important ;
}
.pb-xxl-4 {
padding-bottom : 4rem !important ;
}
.pb-xxl-5 {
padding-bottom : 5rem !important ;
}
.pb-xxl-6 {
padding-bottom : 6rem !important ;
}
.pb-xxl-7 {
padding-bottom : 7rem !important ;
}
.pb-xxl-8 {
padding-bottom : 8rem !important ;
}
.pb-xxl-9 {
padding-bottom : 9rem !important ;
}
.pb-xxl-10 {
padding-bottom : 10rem !important ;
}
.pb-xxl-11 {
padding-bottom : 11rem !important ;
}
.pb-xxl-12 {
padding-bottom : 12rem !important ;
}
.pb-xxl-13 {
padding-bottom : 13rem !important ;
}
.pb-xxl-14 {
padding-bottom : 14rem !important ;
}
.pb-xxl-15 {
padding-bottom : 15rem !important ;
}
.pb-xxl-16 {
padding-bottom : 16rem !important ;
}
.pb-xxl-17 {
padding-bottom : 17rem !important ;
}
.pb-xxl-18 {
padding-bottom : 18rem !important ;
}
.pb-xxl-19 {
padding-bottom : 19rem !important ;
}
.pb-xxl-20 {
padding-bottom : 20rem !important ;
}
.pr-xxl-0 {
padding-right : 0 !important ;
}
.pr-xxl-1 {
padding-right : 1rem !important ;
}
.pr-xxl-2 {
padding-right : 2rem !important ;
}
.pr-xxl-3 {
padding-right : 3rem !important ;
}
.pr-xxl-4 {
padding-right : 4rem !important ;
}
.pr-xxl-5 {
padding-right : 5rem !important ;
}
.pr-xxl-6 {
padding-right : 6rem !important ;
}
.pr-xxl-7 {
padding-right : 7rem !important ;
}
.pr-xxl-8 {
padding-right : 8rem !important ;
}
.pr-xxl-9 {
padding-right : 9rem !important ;
}
.pr-xxl-10 {
padding-right : 10rem !important ;
}
.pr-xxl-11 {
padding-right : 11rem !important ;
}
.pr-xxl-12 {
padding-right : 12rem !important ;
}
.pr-xxl-13 {
padding-right : 13rem !important ;
}
.pr-xxl-14 {
padding-right : 14rem !important ;
}
.pr-xxl-15 {
padding-right : 15rem !important ;
}
.pr-xxl-16 {
padding-right : 16rem !important ;
}
.pr-xxl-17 {
padding-right : 17rem !important ;
}
.pr-xxl-18 {
padding-right : 18rem !important ;
}
.pr-xxl-19 {
padding-right : 19rem !important ;
}
.pr-xxl-20 {
padding-right : 20rem !important ;
}
.pl-xxl-0 {
padding-left : 0 !important ;
}
.pl-xxl-1 {
padding-left : 1rem !important ;
}
.pl-xxl-2 {
padding-left : 2rem !important ;
}
.pl-xxl-3 {
padding-left : 3rem !important ;
}
.pl-xxl-4 {
padding-left : 4rem !important ;
}
.pl-xxl-5 {
padding-left : 5rem !important ;
}
.pl-xxl-6 {
padding-left : 6rem !important ;
}
.pl-xxl-7 {
padding-left : 7rem !important ;
}
.pl-xxl-8 {
padding-left : 8rem !important ;
}
.pl-xxl-9 {
padding-left : 9rem !important ;
}
.pl-xxl-10 {
padding-left : 10rem !important ;
}
.pl-xxl-11 {
padding-left : 11rem !important ;
}
.pl-xxl-12 {
padding-left : 12rem !important ;
}
.pl-xxl-13 {
padding-left : 13rem !important ;
}
.pl-xxl-14 {
padding-left : 14rem !important ;
}
.pl-xxl-15 {
padding-left : 15rem !important ;
}
.pl-xxl-16 {
padding-left : 16rem !important ;
}
.pl-xxl-17 {
padding-left : 17rem !important ;
}
.pl-xxl-18 {
padding-left : 18rem !important ;
}
.pl-xxl-19 {
padding-left : 19rem !important ;
}
.pl-xxl-20 {
padding-left : 20rem !important ;
}
}
.m-b-1 {
margin-bottom : 0.5rem !important ;
}
.m-b-2 {
margin-bottom : 1rem !important ;
}
.m-b-3 {
margin-bottom : 1.5rem !important ;
}
.m-b-4 {
margin-bottom : 2rem !important ;
}
.m-b-5 {
margin-bottom : 2.5rem !important ;
}
.m-b-6 {
margin-bottom : 3rem !important ;
}
html {
overflow-x : hidden;
font-size : 62.5%;
}
body {
color : #5e616c;
background : #fff;
font-size : 1.8rem;
font-weight : 400;
line-height : 1.25;
font-family : 'Montserrat', sans-serif;
overflow-x : hidden;
}
::-moz-selection {
background-color : #38394c;
color : #fff;
}
::selection {
background-color : #38394c;
color : #fff;
}
@keyframes rotating {
from {
transform : rotate(0deg);
}
to {
transform : rotate(360deg);
}
}
@keyframes spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(359deg);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform : scale(0);
}
40% {
transform : scale(1);
}
}
@media (max-width: 767px) {
html {
font-size : 9px;
}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-bottom : 2.5rem;
color : #38394c;
font-weight : 600;
line-height : 1.25;
}
h1, .h1 {
font-size : 8rem;
line-height : 10rem;
}
@media (max-width: 991px) {
h1, .h1 {
font-size : calc(20px + (80 - 20) * ((100vw - 200px) / (992 - 200)));
line-height : calc(40px + (100 - 40) * ((100vw - 200px) / (992 - 200)));
}
}
h2, .h2 {
font-size : 5rem;
line-height : 8rem;
}
@media (max-width: 991px) {
h2, .h2 {
font-size : calc(18px + (60 - 18) * ((100vw - 200px) / (992 - 200)));
line-height : calc(38px + (80 - 38) * ((100vw - 200px) / (992 - 200)));
}
}
h3, .h3 {
font-size : 5rem;
line-height : 7rem;
}
@media (max-width: 991px) {
h3, .h3 {
font-size : calc(16px + (50 - 16) * ((100vw - 200px) / (992 - 200)));
line-height : calc(36px + (70 - 36) * ((100vw - 200px) / (992 - 200)));
}
}
h3.sub-title {
font-size : 4rem;
line-height : 6rem;
}
@media (max-width: 991px) {
h3.sub-title {
font-size : calc(15px + (40 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(35px + (60 - 35) * ((100vw - 200px) / (992 - 200)));
}
}
h4, .h4 {
font-size : 2.4rem;
line-height : 4.4rem;
}
@media (max-width: 991px) {
h4, .h4 {
font-size : calc(14px + (24 - 14) * ((100vw - 200px) / (992 - 200)));
line-height : calc(29px + (44 - 29) * ((100vw - 200px) / (992 - 200)));
}
}
h4.sub-title {
font-size : 3rem;
}
@media (max-width: 991px) {
h4.sub-title {
font-size : calc(15px + (30 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(25px + (50 - 25) * ((100vw - 200px) / (992 - 200)));
}
}
h5, .h5 {
font-size : 2rem;
line-height : 4rem;
}
@media (max-width: 991px) {
h5, .h5 {
font-size : calc(14px + (20 - 14) * ((100vw - 200px) / (992 - 200)));
line-height : calc(34px + (40 - 34) * ((100vw - 200px) / (992 - 200)));
}
}
h6, .h6 {
font-size : 1.4rem;
line-height : 1;
}
@media (max-width: 991px) {
h6, .h6 {
font-size : calc(12px + (14 - 12) * ((100vw - 200px) / (992 - 200)));
line-height : calc(15px + (20 - 15) * ((100vw - 200px) / (992 - 200)));
}
}
figure {
border-radius : 3rem;
overflow : hidden;
}
img.avatar {
border-radius : 50%;
}
a {
transition : all 0.3s;
text-decoration : none;
color : #5e616c;
}
a:hover, a:focus, button:hover, button:focus {
color : #38394c;
text-decoration : none;
outline : none;
}
i {
font-style : normal !important ;
}
ul {
list-style : none;
padding : 0;
}
p {
line-height : 3rem;
letter-spacing : 0.02em;
}
@media (max-width: 991px) {
p {
font-size : calc(15px + (18 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(27px + (30 - 27) * ((100vw - 200px) / (992 - 200)));
}
}
span {
font-size : 1.6rem;
line-height : 3rem;
letter-spacing : 0.02em;
}
sup {
font-size : 65%;
}
.text-transform-none {
text-transform : none;
}
.height-100vh {
height : 100vh !important ;
}
.height-auto {
height : auto;
}
.ls-20 {
letter-spacing : 0.02em !important ;
}
.ls-0 {
letter-spacing : 0 !important ;
}
.ls-n-10 {
letter-spacing : -0.01em !important ;
}
.ls-n-15 {
letter-spacing : -0.015em !important ;
}
.ls-n-20 {
letter-spacing : -0.02em !important ;
}
.ls-n-25 {
letter-spacing : -0.025em !important ;
}
.opacity-1 {
opacity : 1 !important ;
}
.opacity-7 {
opacity : 0.7 !important ;
}
.text-underline {
text-decoration-line : underline !important ;
}
.bg-gradient {
background : linear-gradient(#a6c4ce, #c2d3d8, #d0dfe4);
}
.bg-primary-color {
background-color : #38394c !important ;
}
.bg-secondary-color {
background-color : #ff594d !important ;
}
.bg-third-color {
background-color : #80bf2f !important ;
}
.bg-fourth-color {
background-color : #ff9712 !important ;
}
.bg-light-color {
background-color : #b2dded !important ;
}
.bg-more-light {
background-color : #ebf6fa !important ;
}
.bg-white-color {
background-color : #fff !important ;
}
.bg-image {
background-color : #ccc;
background-size : cover;
background-position : 76%;
background-repeat : no-repeat;
}
.primary-color {
color : #38394c !important ;
}
.secondary-color {
color : #ff594d !important ;
}
.font-size-20 {
font-size : 2rem !important ;
}
.border-2 {
border : #38394c solid 2px;
}
.border-none {
border : none !important ;
}
.line-height-1 {
line-height : 1 !important ;
}
.font1 {
font-family : "Manrope" !important ;
}
.font2 {
font-family : "Myriad Pro" !important ;
}
@media (max-width: 767px) {
.w-md-100 {
width : 100% !important ;
}
.w-md-50 {
width : 50% !important ;
}
}
@media (max-width: 575px) {
.w-sm-100 {
width : 100% !important ;
}
.w-sm-50 {
width : 50% !important ;
}
}
@media (max-width: 479px) {
.w-xs-100 {
width : 100% !important ;
}
}
@media (max-width: 480px) {
.w-xs-100 {
width : 100% !important ;
}
}
@media (max-width: 400px) {
.w-xxs-100 {
width : 100% !important ;
}
}
.container, .container-fluid {
padding : 0 2rem;
margin : 0 auto;
width : 100%;
}
.container {
max-width : 1400px;
}
.container-fluid {
max-width : 1833px;
}
.page-wrapper {
position : relative;
transition : transform 0.25s;
}
.main {
flex : 1 1 auto;
}
.row {
margin-left : -15px;
margin-right : -15px;
}
.row > * {
padding-right : 15px;
padding-left : 15px;
}
.row.row-joined {
margin-left : -10px;
margin-right : -10px;
}
.row.row-joined > * {
padding-left : 10px;
padding-right : 10px;
}
.container :not(.sticky-header) > .container, .container :not(.sticky-header) > .container-fluid {
padding-left : 0;
padding-right : 0;
}
@media (max-width: 1199px) {
.container {
padding : 0 2rem;
}
}
@media (max-width: 479px) {
.container, .container-fluid {
padding : 0 2rem;
}
}
.header {
width : 100%;
}
.header .container, .header .container-fluid {
position : relative;
display : flex;
}
.header-top, .header-middle {
display : flex;
align-items : center;
}
.header-right {
display : flex;
margin-left : auto;
align-items : center;
}
.header-top {
height : 48px;
background : #38394c;
}
.header-top a {
font-size : 1.4rem;
color : #fff;
}
.header-top i {
color : #735aa6;
margin-right : 0.5rem;
transition : color 0.3s ease;
}
.header-top i.fa-phone {
transform : rotateY(180deg);
}
.header-top a:hover {
color : #fff;
}
.header-top a:hover i {
color : #fff;
}
@media (max-width: 330px) {
.header-top {
display : none;
}
}
.top-menu {
display : flex;
align-items : center;
list-style : none;
margin : 0;
}
.top-menu li {
display : flex;
align-items : center;
letter-spacing : 0.005em;
}
.top-menu li + li {
margin-left : 4.8rem;
}
.header-right .top-menu li + li {
margin-left : 5rem;
}
.header-middle {
position : absolute;
left : 0;
right : 0;
top : 48px;
height : 124px;
background-color : #fff;
padding : 3rem 6.4rem;
z-index : 10;
}
.header-middle .header-left {
display : flex;
}
.header-middle .btn {
margin-left : 1rem;
font-weight : 800;
}
.header-middle .btn.btn-login {
padding : 1.15rem 3.1rem;
}
@media (max-width: 330px) {
.header-middle {
top : 0;
}
}
.header-middle.header-middle-simple {
top : 0;
}
.mobile-menu-toggler {
border : none;
background : transparent;
padding : 0;
display : none;
align-items : center;
justify-content : center;
cursor : pointer;
}
.mobile-menu-toggler i {
line-height : 1;
font-size : 30px;
color : #38394c;
transition : all 0.25s ease;
}
.mobile-menu-toggler:hover i, .mobile-menu-toggler:focus i {
color : #ff594d;
}
.logo {
display : block;
flex-shrink : 0;
min-height : 25px;
}
.logo img {
display : block;
max-width : 100%;
height : auto;
}
.icon-alt {
display : none;
color : #ff594d;
margin-left : 2rem;
}
.search-toggle {
position : relative;
display : block;
font-size : 1.6rem;
line-height : 1;
min-width : 2.5rem;
padding : 0.3rem 0.2rem;
font-weight : 400;
color : #ff594d;
text-align : center;
z-index : 11;
}
.search-toggle:hover, .search-toggle:focus, .search-toggle.active {
color : #38394c;
outline : none !important ;
}
.header-search {
position : relative;
display : flex;
align-items : center;
margin : 0 3.4rem 0 1.25rem;
font-size : 0;
line-height : 1;
padding : 0;
border : none;
}
.header-search .header-search-wrapper {
position : absolute;
visibility : hidden;
opacity : 0;
right : -3.7rem;
top : 250%;
margin-top : -20px;
align-items : stretch;
overflow : visible;
border-radius : 20px;
width : 100%;
min-width : 270px;
background-color : #fff;
border : #b2dded solid 0.2rem;
border-radius : 3rem;
z-index : 10;
transition : all 0.3s ease;
}
.header-search .header-search-wrapper .form-control {
font-size : 1.6rem;
height : 48px;
border : none;
}
.header-search .header-search-wrapper .btn-search {
width : 30px;
height : 30px;
font-size : 1.8rem;
color : #999;
right : 1rem;
}
.header-search .header-search-wrapper::after {
content : '';
position : absolute;
right : 4rem;
top : -16px;
border : transparent solid 8px;
border-bottom-color : #b2dded;
}
.header-search .header-search-wrapper.show {
visibility : visible;
opacity : 1;
}
.header-search .search-wrapper-wide {
width : 570px;
}
.header-search form {
margin : 0;
}
@media (max-width: 1400px) {
.header-middle {
padding : 0 3rem;
}
.header-middle .btn-sm {
display : none;
}
.header-middle .icon-alt {
display : flex;
}
.header-middle .header-search {
margin : 0 0 0 3rem;
}
}
@media (max-width: 1199px) {
.header-middle {
padding-left : 2rem;
padding-right : 2rem;
}
}
@media (max-width: 991px) {
.top-menu:not(.top-link-menu) {
display : none;
}
.mobile-menu-toggler {
display : flex;
}
.header-top .header-left {
width : 100%;
}
.top-menu.top-link-menu {
width : 100%;
justify-content : space-between;
}
.header-right .header-search, .header-right .icon-alt {
display : none;
}
.header-middle.header-middle-simple {
height : 55px;
}
.header.header-sign .header-middle {
top : 5rem;
}
.header.header-sign .header-middle .header-left {
width : 100%;
justify-content : center;
}
}
@media (max-width: 575px) {
.header-middle {
height : 80px;
}
.top-menu li + li {
margin-left : 2rem;
}
}
.main-nav {
margin-left : 2rem;
display : none;
}
.menu, .menu ul {
margin : 0;
padding : 0;
}
.menu {
display : flex;
align-items : center;
}
.menu li {
position : relative;
padding : 2rem 1.75rem;
}
.menu .megamenu-container {
position : relative;
}
.menu ul {
position : absolute;
top : 75%;
z-index : -999;
}
.menu ul ul {
top : -2.5rem;
left : calc(100% + 0.2rem);
}
.menu .megamenu {
position : absolute;
left : 23rem;
transform : translateX(-50%);
right : auto;
top : -9999px;
padding : 4rem 4rem 2rem;
z-index : -999;
width : 977px;
height : 81.5vh;
max-height : 788px;
overflow : auto;
}
.menu ul, .menu .megamenu {
visibility : hidden;
opacity : 0;
margin-top : 2rem;
transition : opacity 0.3s ease, margin 0.25s ease;
}
.menu ul:before, .menu .megamenu:before {
content : '';
display : block;
position : absolute;
width : 2px;
height : 100%;
left : -2px;
}
.menu ul ul, .menu .megamenu ul {
padding : 3rem 1rem;
}
.menu a:not(.btn) {
display : block;
position : relative;
text-decoration : none;
}
.menu a:not(.btn):focus {
outline : none !important ;
}
ul.sub-menu {
padding : 3rem 1rem;
top : -9999px;
}
ul.sub-menu li {
padding : 0;
margin : 0 -1rem;
}
ul.sub-menu i.fa-angle-right {
margin-right : 0.8rem;
}
ul.sub-menu a {
border-radius : 2.5rem;
font-size : 1.6rem;
line-height : 4rem;
color : #5e616c;
padding : 0 3rem;
margin : 0 1rem;
white-space : nowrap;
}
ul.sub-menu a:hover {
background-color : #ebf6fa;
color : #38394c;
}
ul.sub-menu a:hover i.fa-angle-right {
color : #ff594d;
}
ul.sub-menu li.li-with-arrow > a:hover i.fa-caret-right {
display : block;
}
ul.sub-menu li.li-with-arrow i.fa-caret-right {
display : none;
position : absolute;
color : #b2dded;
top : 50%;
right : 2.5rem;
transform : translateY(-50%);
animation-name : navItemArrow;
animation-duration : 500ms;
animation-iteration-count : infinite;
}
.menu {
line-height : 1.5;
}
.menu li > a span:not(.tip) {
position : relative;
}
.menu > li > a {
color : #38394c;
font-weight : 700;
font-size : 1.6rem;
}
.menu > li > a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.3rem;
height : 0.1rem;
background-color : #6d95af;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.menu > li > a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.menu.sf-arrows > li > .sf-with-ul {
position : relative;
margin-right : 1.4rem;
}
.menu.sf-arrows > li > .sf-with-ul i {
position : absolute;
top : 17%;
right : -1.5rem;
color : #ff594d;
}
.menu.sf-arrows > li ul .sf-with-ul {
padding-right : 4rem;
}
.menu .megamenu, .menu ul {
background-color : #fff;
border-radius : 2.5rem;
box-shadow : 0 13px 42px 11px rgb(0, 0, 0, 0.05);
}
.menu ul {
min-width : 280px;
}
.menu .menu-col {
overflow-x : hidden;
height : 100%;
}
.menu > li:hover > ul, .menu > li:hover .megamenu {
top : 100%;
}
.menu li:hover > ul, .menu li:hover .megamenu {
visibility : visible;
opacity : 1;
z-index : 1002;
margin-top : 0;
}
.menu li:hover > a, .menu li.show > a, .menu li.active > a {
color : #38394c;
}
.demo-list {
display : flex;
align-items : center;
flex-flow : wrap;
margin : 0 -5px;
}
.demo-item {
flex : 0 0 33.33%;
max-width : 33.33%;
padding : 0 5px;
text-align : center;
padding-bottom : 1.2rem;
margin-bottom : auto;
}
.demo-item a {
color : inherit;
}
.demo-item a:hover .demo-bg, .demo-item a:focus .demo-bg {
background-position : center bottom;
transition : background-position 4s linear, box-shadow 0.3s;
}
.demo-item a:hover .demo-bg::after, .demo-item a:focus .demo-bg::after {
opacity : 1;
}
.demo-item a:hover .demo-link, .demo-item a:focus .demo-link {
visibility : visible;
}
.demo-bg {
position : relative;
background-repeat : no-repeat;
background-size : cover;
display : block;
background-color : #f4f4f4;
border-radius : 2.5rem;
margin-bottom : 1.2rem;
padding-top : 64.8%;
background-position : center top;
transition : background-position 1.5s linear, box-shadow 0.3s;
}
.demo-bg .demo-link {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 50%;
top : 50%;
width : 6rem;
height : 6rem;
border-radius : 50%;
background-color : #fff;
transform : translate(-50%,-50%);
visibility : hidden;
z-index : 2;
}
.demo-bg .demo-link i {
font-size : 2.4rem;
color : #ff594d;
}
.demo-bg::after {
content : "";
background : rgb(255, 89, 77, 0.8);
transition : all 0.3s;
border-radius : 2.5rem;
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
display : block;
opacity : 0;
z-index : 1;
}
.demo-title {
font-weight : 500;
font-size : 1.6rem;
letter-spacing : 0.02em;
line-height : 1;
}
.demo-title span {
font-size : 1.4rem;
}
.tip {
color : #fff;
display : block;
position : absolute;
left : 100%;
bottom : 1.1rem;
text-align : center;
font-weight : 400;
font-size : 0.8rem;
line-height : 1;
letter-spacing : 0;
padding : 0.3rem 0.1rem 0.1rem;
min-width : 23px;
z-index : 1;
border-radius : 0;
margin-left : 0.5rem;
text-transform : uppercase;
background-color : #38394c;
}
.tip.tip-new {
background-color : #a6c76c;
}
.tip.tip-hot {
background-color : #ef837b;
}
@media (min-width: 992px) {
.main-nav {
display : block;
}
}
@media (max-width: 1500px) {
.menu li {
padding : 5rem 1rem;
}
}
.scrollable::-webkit-scrollbar, .sidebar-content::-webkit-scrollbar {
height : 7px;
width : 7px;
}
.scrollable::-webkit-scrollbar-thumb, .sidebar-content::-webkit-scrollbar-thumb {
margin-right : 2px;
background : rgb(51, 51, 51, 0.2);
border-radius : 7px;
cursor : pointer;
}
.scrollable-light::-webkit-scrollbar-thumb {
background : rgb(255, 255, 255, 0.2);
}
.mobile-menu-container {
position : fixed;
left : -100%;
top : 0;
bottom : 0;
z-index : 1001;
background-color : #38394c;
width : 100%;
max-width : 100%;
height : 100vh;
overflow-y : auto;
box-shadow : 0.1rem 0 0.6rem 0 rgb(51, 51, 51, 0.5);
will-change : transform;
visibility : hidden;
font-size : 1.6rem;
line-height : 1.5;
transition : all 0.4s ease;
}
.mobile-menu-container .input-group .form-control {
min-height : 5rem;
}
.mobile-menu-container .input-group .btn-search {
right : 1rem;
}
.mmenu-active .mobile-menu-container {
visibility : visible;
left : 0;
}
.mobile-menu-container .social-icons {
display : flex;
justify-content : center;
margin-bottom : 0;
position : absolute;
bottom : 0;
left : 50%;
transform : translateX(-50%);
}
.mobile-menu-container .social-icon {
width : 3rem;
height : 3rem;
font-size : 2.4rem;
background-color : transparent;
margin-bottom : 0;
color : #fff;
}
.mobile-menu-container .social-icon + .social-icon {
margin-left : 1.5rem;
}
.mobile-menu-container .social-icon:hover, .mobile-menu-container .social-icon:focus {
background-color : transparent;
}
.mobile-menu-wrapper {
position : relative;
padding : 8rem 0;
}
@media (max-width: 991px) {
.mobile-menu-wrapper {
padding : 8rem 5rem;
}
}
@media (max-width: 767px) {
.mobile-menu-wrapper {
padding : 8rem 2.5rem;
}
}
.mobile-menu-close {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
top : 2rem;
right : 2rem;
padding : 0;
z-index : 9;
cursor : pointer;
color : transparent;
}
.mobile-menu-close i {
font-size : 30px;
line-height : 1;
color : #fff;
transition : all 0.25s ease;
}
.mobile-menu-close:hover i, .mobile-menu-close:focus i {
color : #ff594d;
}
.mobile-menu-overlay {
display : block;
position : fixed;
left : 0;
top : 0;
bottom : 0;
right : 0;
background-color : rgb(25, 25, 25, 0.25);
z-index : 1000;
transition : all 0.4s;
visibility : hidden;
opacity : 0;
}
.mmenu-active .mobile-menu-overlay {
visibility : visible;
opacity : 1;
}
.mobile-nav {
padding : 0;
margin : 0 0 2.5rem;
}
.mobile-menu {
margin : 0;
padding : 0;
list-style : none;
}
.mobile-menu > li > a {
text-transform : uppercase;
}
.mobile-menu li {
display : block;
position : relative;
}
.mobile-menu li a {
font-size : 1.6rem;
letter-spacing : 0.1rem;
position : relative;
display : block;
padding: 1rem 4.5rem 1rem 2rem;
color : #fff;
border-bottom : 0.1rem solid rgb(255, 255, 255, 0.08);
}
.mobile-menu li a:hover, .mobile-menu li a:focus {
color : #ff594d;
text-decoration : none;
outline : none !important ;
}
.mobile-menu li.open > a, .mobile-menu li.active > a {
color : #ff594d;
}
.mobile-menu li ul {
margin : 0;
padding : 0.7rem 0 0.9rem;
display : none;
margin-bottom : 0;
border-bottom : 0.1rem solid rgb(255, 255, 255, 0.08);
}
.mobile-menu li ul li a {
padding-top : 1rem;
padding-bottom : 1rem;
padding-left : 3.5rem;
border-bottom : none;
}
.mobile-menu li ul li a:not(:hover):not(:focus) {
color : rgb(255, 255, 255, 0.8);
}
.mobile-menu li ul li:last-child ul {
border-bottom : none;
padding-bottom : 0;
}
.mobile-menu li ul ul {
border-top : 0.1rem solid rgb(255, 255, 255, 0.08);
}
.mobile-menu li ul ul li a {
padding-left : 5rem;
}
.mobile-menu > li > a {
text-transform : uppercase;
}
.mobile-menu span:not(.mmenu-btn):not(.tip) {
position : relative;
}
.mmenu-btn {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
right : 1rem;
top : 50%;
z-index : 10;
width : 3rem;
height : 3rem;
font-size : 1.6rem;
font-weight : 600;
color : #fff;
margin-top : -1.5rem;
border-radius : 0;
background-color : transparent;
cursor : pointer;
outline : none;
transition : color 0.35s;
}
.mmenu-btn::after {
font-family : "Font Awesome 5 Pro";
content : "\f107";
display : inline-block;
font-weight : 300;
}
.mmenu-btn:hover, .mmenu-btn:focus {
color : #ff594d;
}
.open > a > .mmenu-btn::after {
content : '\f106';
}
.mobile-search {
margin : 1rem 0 1.5rem;
padding : 0 2rem;
display : flex;
align-items : center;
}
.mobile-search .form-control {
height : 36px;
margin-bottom : 0;
font-size : 1.2rem;
line-height : 1.5;
padding : 0.8rem 1.5rem;
max-width : calc(100% - 36px);
background-color : #333;
border-color : rgb(255, 255, 255, 0.1);
border-right-width : 0;
}
.mobile-search .form-control::-webkit-input-placeholder {
color : rgb(255, 255, 255, 0.45);
}
.mobile-search .form-control:-ms-input-placeholder {
color : rgb(255, 255, 255, 0.45);
}
.mobile-search .form-control::-ms-input-placeholder {
color : rgb(255, 255, 255, 0.45);
}
.mobile-search .form-control::placeholder {
color : rgb(255, 255, 255, 0.45);
}
.mobile-search .form-control:focus {
color : #fff;
border-color : #38394c;
background-color : #333;
}
.mobile-search .btn {
font-size : 1.2rem;
min-width : 3.6rem;
padding : 0.8rem 0.2rem;
}
.mobile-menu-container .tab-content {
padding : 0;
margin : 0 0 2.5rem;
border : none;
}
.mobile-menu-container .tab-content .mobile-nav, .mobile-menu-container .tab-content .mobile-cats-nav {
margin-bottom : 0;
}
.mobile-menu-container .tab-pane {
padding : 0;
}
.nav.nav-pills-mobile {
display : flex;
align-items : center;
border-bottom : 0.1rem solid rgb(255, 255, 255, 0.1);
margin : 0 0 0.2rem;
}
.nav.nav-pills-mobile .nav-item {
flex-grow : 1;
flex-basis : 0;
margin : 0 0 -0.1rem;
}
.nav.nav-pills-mobile .nav-link {
color : #fff;
font-weight : 600;
font-size : 1.3rem;
line-height : 1.5;
text-transform : uppercase;
border-bottom : 0.2rem solid transparent;
background : none;
padding : 0.8rem 2rem;
transition : all 0.35s ease;
}
.nav.nav-pills-mobile .nav-link.active, .nav.nav-pills-mobile .nav-link:hover, .nav.nav-pills-mobile .nav-link:focus {
color : #38394c;
border-bottom-color : #38394c;
}
.mobile-cats-nav .mobile-menu > li > a {
text-transform : capitalize;
}
.mobile-cats-menu li a {
position : relative;
display : block;
padding : 1rem 4.5rem 1rem 2rem;
color : rgb(255, 255, 255, 0.8);
border-bottom : 0.1rem solid rgb(255, 255, 255, 0.08);
}
.mobile-cats-menu li a.mobile-cats-lead {
font-weight : 500;
color : #fff;
}
.mobile-cats-menu li a:hover, .mobile-cats-menu li a:focus {
color : #38394c;
text-decoration : none;
outline : none !important ;
}
.mobile-actions {
margin-top : 6rem;
}
.mobile-actions .btn {
height : 6rem;
margin-left : auto;
margin-right : auto;
}
.mobile-actions .btn-xs {
display : flex;
}
.mobile-actions .btn-xs + .btn-xs {
margin-top : 2rem;
}
@keyframes fixedHeader {
0% {
opacity : 0;
transform : translateY(-60px);
}
100% {
opacity : 1;
transform : translateY(0);
}
}
@media (min-width: 992px) {
.sticky-header.fixed {
position : fixed;
left : 0;
right : 0;
top : 0;
height : auto;
z-index : 1040;
animation-name : fixedHeader;
animation-duration : 0.4s;
background-color : #fff;
box-shadow : 0 3px 6px rgb(51, 51, 51, 0.05);
}
.sticky-header.fixed .menu > li {
padding : 2rem 1.3rem;
}
.sticky-header.fixed .logo {
margin-top : 0;
margin-bottom : 0;
}
}
.footer p {
color : #fff;
font-size : 1.4rem;
}
.footer a:hover {
text-decoration : underline;
text-decoration-color : #abaec3;
}
.footer-top {
width : 100%;
padding : 147px 0 52px;
}
@media (max-width: 991px) {
.footer-top {
padding-top : 50px;
}
}
.social-links {
margin-left : auto;
}
.social-links a {
font-size : 2rem;
color : #fff;
}
.social-links a + a {
margin-left : 5rem;
}
.social-links a span {
font-size : inherit;
line-height : inherit;
letter-spacing : inherit;
position : relative;
transition : all 0.25s ease;
}
.social-links a span::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.1rem;
height : 0.1rem;
background-color : #fff;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.social-links a:hover {
text-decoration : none;
}
.social-links a:hover span::before {
transform-origin : left center;
transform : scale(1,1);
}
.social-links i {
color : #838cb1;
margin-right : 0.8rem;
}
.social-links a:hover {
color : #fff;
}
.social-links a:hover i {
color : #ff594d;
transition : color 0.3s ease;
}
.footer-middle .container {
position : relative;
padding-top : 3rem;
}
.footer-middle .container::before {
content : '';
display : block;
height : 1px;
position : absolute;
top : 0;
left : 0;
right : 0;
background-color : #364587;
}
.info-box .info-title {
padding : 1.8rem 0;
color : #ffffff;
font-size : 19px;
font-weight : 500;
border-bottom : 1px solid #fff;
}
.info-box .info-link {
display : block;
font-size : 16px;
color : #fff;
padding : 1.25rem 0;
width : max-content;
position : relative;
transition : all 0.25s ease;
}
.info-box .info-link::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 1rem;
height : 0.1rem;
background-color : #fff;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.info-box .info-link:hover {
text-decoration : none;
}
.info-box .info-link:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.info-box p {
margin-left : 1.6rem;
margin-top : 1.3rem;
}
.footer-bottom {
padding : 6rem 0 14.5rem;
}
@media (max-width: 991px) {
.footer-bottom {
padding-bottom : 4.5rem;
}
}
#scroll-top {
width : 5rem;
height : 5rem;
position : fixed;
right : 50px;
bottom : 50px;
z-index : 999;
color : #fff;
display : none;
align-items : center;
justify-content : center;
text-align : center;
line-height : 1;
visibility : hidden;
opacity : 0;
border-radius : 50%;
border : none;
background-color : #38394c;
font-size : 3rem;
cursor : pointer;
transition : all 0.4s ease;
transform : translateY(60px);
}
#scroll-top:hover, #scroll-top:focus {
color : #fff;
background-color : #ff594d;
}
#scroll-top.show {
visibility : visible;
opacity : 1;
transform : translateY(0);
}
@media (min-width: 768px) {
#scroll-top {
display : flex;
}
}
@media (max-width: 991px) {
.footer {
text-align : left;
}
.footer-top {
flex-direction : column;
align-items : flex-start;
}
.footer-top .social-links {
margin : 3rem 0 0 0;
}
.footer-top .social-links a {
display : block;
}
.footer-top .social-links a + a {
margin : 2rem 0 0 0;
}
.footer-middle .info-box .info-title {
margin-bottom : 0;
}
.footer-middle .info-box .info-list li a {
display : inline-block;
}
.footer-bottom {
padding : 3rem 0 5rem;
}
}
@media (max-width: 767px) {
.footer-top {
padding : 5rem 0 3rem;
}
.footer-top .social-links a {
font-size : 2rem;
}
}
@media (max-width: 575px) {
.footer-top .social-links a {
display : block;
text-align : left;
}
.footer-top .social-links a i {
width : 3rem;
}
.footer-top .social-links a + a {
margin : 2rem 0 0 0;
}
}
.appear-animate {
opacity : 0;
}
.animated {
animation-duration : 1s;
animation-fill-mode : both;
opacity : 1;
}
@keyframes blurIn {
from {
opacity : 0;
filter : blur(20px);
transform : scale(1.3);
}
to {
opacity : 1;
filter : blur(0);
transform : none;
}
}
.blurIn {
animation-name : blurIn;
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpShorter {
from {
opacity : 0;
transform : translate(0,50px);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInUpShorter {
animation-name : fadeInUpShorter;
}
@keyframes fadeInRightShorter {
from {
opacity : 0;
transform : translate(-50px,0);
}
to {
opacity : 1;
transform : none;
}
}
.fadeInRightShorter {
animation-name : fadeInRightShorter;
}
@keyframes fadeInRightBig {
0% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInLeftBig {
0% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
20% {
transform : scale3d(1.1,1.1,1.1);
}
40% {
transform : scale3d(0.9,0.9,0.9);
}
60% {
opacity : 1;
transform : scale3d(1.03,1.03,1.03);
}
80% {
transform : scale3d(0.97,0.97,0.97);
}
to {
opacity : 1;
transform : scaleX(1);
}
}
.bounceIn {
animation-duration : 0.75s;
animation-name : bounceIn;
}
@keyframes zoomInRight {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
}
}
.zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInLeft {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
}
}
.zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes arrowLeftRight {
0% {
transform : translate3d(-1px,0,0);
}
50% {
transform : translate3d(1px,0,0);
}
100% {
transform : translate3d(-1px,0,0);
}
}
@keyframes navItemArrow {
0% {
right : 23px;
}
50% {
right : 25px;
}
100% {
right : 23px;
}
}
@keyframes intervalHamburgerBorder {
0% {
opacity : 1;
transform : scale(1);
}
80% {
transform : scale(1.4);
}
100% {
opacity : 0;
transform : scale(1.4);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform : scale(0);
}
40% {
transform : scale(1);
}
}
.loading-overlay {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
transition : all 0.5s ease-in-out;
background : #fff;
opacity : 1;
visibility : visible;
z-index : 999999;
}
.bounce-loader {
position : absolute;
top : 50%;
left : 50%;
width : 70px;
margin : -9px 0 0 -35px;
transition : all 0.2s;
text-align : center;
z-index : 10000;
}
.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
display : inline-block;
width : 18px;
height : 18px;
border-radius : 100%;
background-color : #CCC;
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.15);
animation : bouncedelay 1.4s 0s ease-in-out infinite normal both;
}
.bounce-loader .bounce1 {
animation-delay : -0.32s;
}
.bounce-loader .bounce2 {
animation-delay : -0.16s;
}
body:not(.loaded) * {
transition : none !important ;
}
.loaded .loading-overlay {
opacity : 0;
visibility : hidden;
}
.btn {
display : inline-flex;
align-items : center;
justify-content : center;
text-align : center;
padding : 1.9rem 4.7rem;
color : #5e616c;
background-color : transparent;
font-size : 13px;
font-weight : 500;
letter-spacing : 0.02em;
border-radius : 35px;
white-space : normal;
position : relative;
overflow : hidden;
outline : none;
border : transparent solid 3px;
transition : all 0.25s ease;
}
@media (max-width: 991px) {
.btn {
font-size : calc(12px + (18 - 12) * ((100vw - 200px) / (992 - 200)));
width : 80%;
}
}
@media (max-width: 479px) {
.btn {
width : 100%;
}
}
.btn span {
font-size : inherit;
line-height : inherit;
letter-spacing : inherit;
z-index : 3;
position : relative;
}
.btn::before, .btn::after {
content : '';
display : block;
position : absolute;
left : 0;
width : 100%;
height : 100%;
border : transparent solid 3px;
transition : all 0.25s ease;
}
.btn::before {
top : 0;
background-color : #fff;
z-index : 1;
}
.btn::after {
top : 100%;
background-color : #ff594d;
z-index : 2;
}
.btn:focus, .btn:active {
outline : none;
box-shadow : none;
}
.btn:hover {
color : #f4f4f4;
}
.btn:hover::before {
top : -100%;
}
.btn:hover::after {
top : 0;
}
.btn.btn-secondary-color {
color : #fff;
}
.btn.btn-secondary-color::before {
background-color : #ff594d;
}
.btn.btn-secondary-color::after {
background-color : #38394c;
}
.btn.btn-secondary-color-1:hover {
color : #5e616c;
}
.btn.btn-secondary-color-1::after {
background-color : #fff;
}
.btn.btn-primary-color {
color : #fff;
}
.btn.btn-primary-color::before {
background-color : #38394c;
}
.btn.btn-primary-color::after {
background-color : #ff594d;
}
.btn.btn-more-light {
color : #38394c;
}
.btn.btn-more-light:hover {
color : #fff;
}
.btn.btn-more-light::before {
background-color : #ebf6fa;
}
.btn.btn-more-light::after {
background-color : #38394c;
}
.btn-md {
font-size : 2rem;
}
@media (min-width: 992px) {
.btn-sm {
padding : 1.15rem 3.92rem;
font-size : 1.4rem;
}
}
.btn-xs {
padding : 1rem 4rem;
font-size : 1.4rem;
}
.btn-action {
min-width : 277px;
}
.btn.bg-white-color {
color : #5e616c;
padding : 1.9rem 4.67rem;
}
.btn-link a {
position : relative;
color : #ff594d;
font-weight : 700;
font-size : 1.6rem;
}
.btn-link a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0;
height : 0.1rem;
background-color : #ffd5d2;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.btn-link a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.btn-link i {
color : #ff594d;
font-size : 1.4rem;
margin-left : 0.3rem;
}
.btn-link:hover {
text-decoration-line : none;
}
.btn-link:hover i {
animation-name : arrowLeftRight;
animation-duration : 500ms;
animation-iteration-count : infinite;
}
.btn-video {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 9.2rem;
height : 9.2rem;
background-color : #ff594d;
border-radius : 50%;
}
.btn-video i {
font-size : 3.4rem;
color : #fff;
margin-left : 0.5rem;
}
.btn-video::after {
width : 9.2rem;
height : 9.2rem;
box-sizing : border-box;
content : '';
display : block;
position : fixed;
top : 0;
left : 0;
pointer-events : none;
border : #ff594d solid 4px;
border-radius : 50%;
animation-duration : 1.2s;
animation-name : intervalHamburgerBorder;
animation-iteration-count : infinite;
}
.btn-form {
width : 100%;
max-height : 55px;
margin-top : 2rem;
}
.btn-form.grid-filter-item {
background-color : transparent;
}
.btn-form.grid-filter-item:hover {
color : #fff;
}
.btn-form.grid-filter-item::before {
background-color : #ebf6fa;
}
.btn-form.grid-filter-item::after {
background-color : #38394c;
}
.btn-book {
position : absolute;
display : flex;
align-items : center;
top : -8rem;
left : 1.5rem;
padding : 2.5rem 4rem 2.5rem 5rem;
max-height : 8rem;
border-radius : 2.5rem;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
z-index : 1;
}
.btn-book p {
color : #fff;
font-size : 2rem;
line-height : 3.4rem;
margin-bottom : 0;
}
.btn-book i {
color : #ff594d;
margin-left : 7.9rem;
}
.btn-book i.fa-sort-up {
margin-top : 0.7rem;
}
.btn-book i.fa-sort-down {
margin-bottom : 0.7rem;
}
.btn-book:hover, .btn-book:focus {
color : #fff;
}
.btn-search {
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
width : 45px;
height : 45px;
background-color : transparent;
color : #5e616c;
border : none;
z-index : 3;
cursor : pointer;
}
.intro-slide {
max-width : 100vw;
overflow-x : hidden;
font-size : 1rem;
padding : 30.6rem 0 21.5rem 0;
}
.intro-slide.banner .banner-content {
top : auto;
bottom : 23.4%;
}
.intro-slide.banner .banner-content .banner-title {
margin-bottom : 2.4rem;
margin-left : -2px;
}
.intro-slide.banner .banner-content .banner-info {
font-size : 15px;
line-height : 20px;
letter-spacing : 0.03em;
color : #fff;
}
@media (max-width: 991px) {
.intro-slide.banner .banner-content .banner-info {
font-size : calc(15px + (20 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(29px + (34 - 29) * ((100vw - 200px) / (992 - 200)));
}
}
.intro-slide.banner .banner-actions .btn {
padding : 12px 25px;
}
@media (min-width: 992px) {
.banner-actions .btn:nth-child(1n+2) {
margin-left : 2rem;
}
}
.banner figure {
margin : 0;
}
.banner figure img {
position : absolute;
right : 0;
bottom : 0;
height : auto;
}
.banner .banner-content {
position : absolute;
top : 20%;
}
.banner .banner-content .banner-title {
margin-bottom : 2rem;
}
.banner .banner-content .banner-info {
margin-bottom : 2rem;
}
.banner-big .banner-info {
font-size : 2rem;
line-height : 3.4rem;
}
.banner-simple {
position : relative;
overflow : hidden;
}
.banner-simple #img-banner-4 {
right : 13.5%;
}
.banner-simple #img-banner-3 {
right : 27.3%;
}
.banner-simple .banner-content {
position : static;
}
.banner-aside {
display : flex;
align-items : center;
justify-content : space-between;
}
.banner-aside figure {
position : relative;
margin-right : 2rem;
margin-bottom : 0;
overflow : visible;
}
.banner-aside figure .img-aside {
width : 100%;
height : auto;
border-radius : 3rem;
}
.banner-aside figure .puzzle {
height : auto;
left : -4rem;
bottom : 60.4%;
top : auto;
}
.banner-aside .banner-content {
width : 52%;
}
.banner-aside .banner-content .banner-title {
letter-spacing : -0.02em;
margin-bottom : 2.4rem;
}
.banner-aside .banner-content .banner-subtitle {
color : #b2dded;
font-size : 3rem;
font-weight : 900;
}
.banner-aside .banner-content .banner-desc {
font-size : 2rem;
line-height : 1.7;
margin : 0 3rem 4.5rem 0;
font-weight : 500;
}
@media (max-width: 991px) {
.banner-aside .banner-content .banner-title {
font-size : calc(18px + (50 - 18) * ((100vw - 200px) / (992 - 200)));
line-height : calc(30px + (70 - 30) * ((100vw - 200px) / (992 - 200)));
}
.banner-aside .banner-content .banner-subtitle {
font-size : calc(16px + (20 - 16) * ((100vw - 200px) / (992 - 200)));
line-height : calc(16px + (30 - 16) * ((100vw - 200px) / (992 - 200)));
margin : 2.4rem 0 1rem 0;
}
.banner-aside .banner-content .banner-desc {
font-size : calc(15px + (18 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(27px + (30 - 27) * ((100vw - 200px) / (992 - 200)));
margin : 0 0 3rem 0;
}
}
.banner-aside .card-menu .menu-item {
font-size : 2rem;
line-height : 3.4rem;
}
.banner-aside + .banner-aside {
margin-top : 11rem;
}
.banner-aside-switch {
justify-content : space-between;
}
.banner-aside-switch figure {
order : 2;
}
.banner-aside-switch .banner-content {
order : 1;
}
@media (max-width: 991px) {
.banner-aside {
flex-wrap : wrap;
}
.banner-aside figure {
width : 100%;
order : 1;
}
.banner-aside .banner-content {
width : 100%;
order : 2;
}
.banner-aside + .banner-aside {
margin-top : 3rem;
}
}
.rounded-img {
border-radius : 3rem;
}
.banner-aside.img-right figure {
margin-right : 0;
}
.banner-aside.img-right figure .puzzle {
right : -4rem;
left : auto;
height : auto;
}
.banner-aside.figure-over {
align-items : flex-end !important ;
}
.banner-aside.figure-over figure .puzzle {
bottom : 46.6%;
}
@media (max-width: 991px) {
.banner-aside.figure-over .banner-content {
margin-top : 0;
}
}
.banner-big.banner-big-3 .banner-content {
max-width : 700px;
}
.banner-big.banner-big-3 .review-desc {
font-size : 2.4rem;
line-height : 3.4rem;
}
.banner-subcontent {
margin-right : -8.5rem;
line-height : 3rem;
}
.banner-subcontent .menu-item {
padding : 0.8rem 0 1.8rem 0;
border-bottom : 2px dotted #b2dded;
font-weight : 500;
}
.banner-subcontent .menu-item span {
font-weight : 800;
margin-right : 0.5rem;
}
.banner-subcontent .menu-item i.fa-check {
font-size : 1.6rem;
color : #80bf2f;
margin-right : 1rem;
}
.subcontent-title {
font-size : 3rem;
line-height : 1;
}
.sidebar-box.banner-sidebar {
position : relative;
background-size : cover;
border-width : 0;
padding : 4rem 4rem 0 4rem;
background-position : center center;
}
.sidebar-box.banner-sidebar .banner-title {
font-size : 3.4rem;
line-height : 4.4rem;
}
.sidebar-box.banner-sidebar .banner-desc {
padding : 0 3rem;
font-size : 1.6rem;
line-height : 2.8rem;
}
.sidebar-box.banner-sidebar .btn.btn-form {
width : 80%;
position : absolute;
bottom : 4rem;
left : 50%;
transform : translateX(-50%);
}
.sidebar-box.banner-sidebar.bg-section .foreground-img {
display : block;
}
.sidebar-box.banner-sidebar.bg-section .foreground-img img {
width : 100%;
}
@media (max-width: 1199px) {
.intro-slide {
font-size : 0.8rem;
}
.intro-slider.intro-slider-1 .banner.intro-slide img {
right : -20%;
}
.banner-simple #img-banner-3 {
right : 15%;
}
.banner-simple #img-banner-4 {
right : 0;
}
.banner-aside .banner-title {
font-size : 3.5rem;
line-height : 1.2;
}
.banner-aside figure .puzzle {
width : 25%;
left : -2.5%;
top : -3%;
bottom : auto;
}
.banner-aside.img-right figure .puzzle {
right : -2.5%;
left : initial;
}
.banner-aside.figure-over figure .puzzle {
top : 3%;
}
}
@media (max-width: 991px) {
.banner-simple figure {
width : 100%;
}
.banner-simple figure img {
width : 50vw;
}
.banner-simple .banner-actions .btn:nth-child(1n+2) {
margin-top : 1rem;
}
}
@media (max-width: 767px) {
.intro-slide {
font-size : 0.4rem;
}
.intro-slider.intro-slider-1 .banner.intro-slide img {
right : -56%;
}
.banner-simple #img-banner-3 {
right : 7%;
}
.banner-simple #img-banner-4 {
right : auto;
left : 7%;
}
.banner-big {
padding : 5rem 0;
}
.banner-aside .banner-content, .banner-aside.figure-over .banner-content {
margin-top : 2.5rem;
}
.banner-aside.img-right figure {
width : 100%;
}
.banner-aside .banner-content {
width : 100%;
}
.banner-aside .banner-subcontent {
margin-right : 0;
}
}
@media (max-width: 991px) {
.intro-slider-7 .banner.intro-slide {
height : auto;
font-size : 0.6rem;
}
.intro-slider-7 .banner.intro-slide figure {
width : 150%;
height : auto;
}
.intro-slider-7 .banner.intro-slide img {
position : relative;
top : initial;
right : 12.5%;
bottom : initial;
width : 100%;
height : auto;
}
.intro-slider-7 .banner.intro-slide .banner-content {
position : relative;
bottom : initial !important ;
text-align : center;
}
.intro-slider-7 .banner.intro-slide .container {
display : flex;
flex-direction : column-reverse;
height : max-content;
position : relative;
justify-content : center;
align-items : center;
padding-top : 15vh;
}
.intro-slider {
height : max-content !important ;
}
.banner-aside .banner-content.blog-content {
width : 100%;
}
.banner-aside .banner-content {
margin-top : 2.5rem;
}
.banner-actions .btn {
margin : 0;
}
}
.intro-slide-1 {
position : relative;
}
.intro-slide-1 .banner-slide-mobile-image {
display : none !important ;
}
.intro-slide-1 .banner-content {
padding-bottom : 100rem;
}
@media (max-width: 991px) {
.intro-slide-1 .banner-slide-mobile-image {
height : auto !important ;
object-fit : initial !important ;
display : block !important ;
position : absolute !important ;
top : initial !important ;
right : initial !important ;
left : 0;
bottom : 0 !important ;
}
.intro-slide-1 .banner-slide-big-image {
display : none !important ;
}
}
.intro-slider-1 .container {
display : flex;
align-items : center;
height : 100%;
}
.intro-slider-1 figure {
order : 2;
transform : translate(170px,64px);
}
.intro-slider-1 figure img {
position : static;
left : initial;
right : initial;
width : auto;
height : 100%;
}
.intro-slider-1 .banner-content {
position : static;
width : 52%;
}
@media (max-width: 991px) {
.intro-slide {
padding-top : calc(90px + (150 - 90) * ((100vw - 200px) / (992 - 200)));
padding-bottom : 0;
}
.intro-slider-1 {
text-align : center;
}
.intro-slider-1 .container {
flex-direction : column;
}
.intro-slider-1 .banner-content {
width : 75%;
}
.intro-slider-1 .banner-actions .btn {
width : 80%;
}
.intro-slider-1 .banner-actions .btn:nth-child(1n+2) {
margin-top : 1rem;
}
.intro-slider-1 figure {
order : 2;
width : 100%;
transform : translate(0,0);
margin-top : 5rem;
}
.intro-slider-1 figure img {
width : 50%;
margin : 0 auto;
}
.intro-slider-1 .intro-slide {
height : auto;
padding-top : calc(60px + (150 - 60) * ((100vw - 200px) / (992 - 200)));
}
.intro-slider-1 .intro-slide .container {
display : flex;
flex-direction : column;
justify-content : center;
}
}
@media (max-width: 767px) {
.intro-slider-1 .banner-content {
width : 90%;
}
}
@media (max-width: 575px) {
.intro-slider-1 figure img {
width : 70%;
}
.intro-slider-1 .banner-actions .btn:nth-child(1n+2) {
margin-top : 1rem !important ;
}
}
@media (max-width: 479px) {
.intro-slider-1 .banner-actions .btn {
width : 100%;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.intro-slider-1 .banner-content {
width : 75%;
}
.intro-slider-1 figure {
transform : translate(0,100px);
}
.intro-slider-1 figure img {
width : 100%;
}
}
.banner-heading {
width : 60%;
}
@media (max-width: 991px) {
.banner-heading {
width : 100%;
}
}
.intro-slide-1 .container {
width : 100%;
height : 100%;
position : relative;
display : flex;
align-items : center;
}
.intro-slide-1 .container .banner-content {
width : 50%;
padding : 0;
position : static;
top : initial !important ;
left : initial !important ;
right : initial !important ;
bottom : initial !important ;
}
@media (max-width: 991px) {
.intro-slide-1 {
height : auto;
}
.intro-slide-1 .container {
padding-bottom : 85rem;
}
.intro-slide-1 .container .banner-content {
width : 80%;
margin : 125px auto 0 auto;
}
}
@media (max-width: 900px) {
.intro-slide-1 .container {
padding-bottom : 76rem;
}
}
@media (max-width: 767px) {
.intro-slide-1 .container {
padding-bottom : 70rem;
}
}
@media (max-width: 650px) {
.intro-slide-1 .container {
padding-bottom : 65rem;
}
}
@media (max-width: 575px) {
.intro-slide-1 .container {
padding-bottom : 55rem;
}
}
.owl-theme.owl-nav-inside .owl-nav .owl-prev {
left : 65px;
}
.owl-theme.owl-nav-inside .owl-nav .owl-next {
right : 65px;
}
.owl-theme.owl-nav-inside .owl-nav .owl-prev, .owl-theme.owl-nav-inside .owl-nav .owl-next {
opacity : 0.4;
}
.owl-theme.owl-nav-inside .owl-nav .owl-prev:hover, .owl-theme.owl-nav-inside .owl-nav .owl-next:hover {
opacity : 1;
}
.owl-nav svg {
width : 2.2rem;
height : 2.2rem;
stroke-width : 2rem;
stroke : #dde8e9;
}
.intro-slider.owl-theme .owl-nav [class*="owl-"]:hover {
background-color : #fff;
}
.intro-slider.owl-theme .owl-nav [class*="owl-"]:hover svg {
fill : #ff594d;
stroke : #fff;
}
.intro-slider {
overflow-y : hidden;
}
.intro-slider .owl-item {
height : 100%;
overflow-y : hidden;
}
.intro-slider .intro-slide {
overflow-y : hidden;
}
.intro-slider .intro-slide .images {
width : 100%;
height : 100%;
}
.intro-slider .intro-slide .images img {
position : absolute;
left : 0;
width : 100%;
height : 100%;
}
.intro-slider .intro-slide .images img.mobile-image {
display : none;
}
.intro-slider .intro-slide .banner-info {
margin-bottom : 4rem;
}
@media (max-width: 991px) {
.intro-slider .intro-slide .container {
height : 100% !important ;
justify-content : flex-end !important ;
}
.intro-slider .intro-slide .images {
bottom : 0;
}
.intro-slider .intro-slide .images img {
width : 100% !important ;
height : initial !important ;
bottom : 0;
right : initial;
}
.intro-slider .intro-slide .images img.desktop-image {
display : none;
}
.intro-slider .intro-slide .images img.mobile-image {
display : block;
}
}
@media (max-width: 1500px) {
.intro-slider.owl-theme .owl-nav [class*="owl-"] {
opacity : 0;
}
.intro-slider.owl-theme .owl-nav [class*="owl-"]:hover {
visibility : visible;
opacity : 1;
}
}
.item-gutter-top .input-group + .input-group {
margin-top : 1.5rem;
}
.input-group {
position : relative;
}
.input-group .form-control {
font-size : 1.6rem;
letter-spacing : 0.02em;
}
.input-group .form-control + .form-control {
margin-left : 2rem;
}
.input-group i {
font-size : 2rem;
}
.input-group .option-menu {
background-color : #ebf6fa;
color : #fff;
}
.input-group .option-menu li {
transition : all 0.25s ease;
}
.input-group .option-menu li span {
transition : all 0.25s ease;
color : #5e616c;
}
.input-group .option-menu li span i {
color : #5e616c;
transition : all 0.25s ease;
}
.input-group .option-menu li:hover span {
color : #38394c;
}
.input-group .option-menu li:hover span i {
color : #ff594d;
}
.datepicker {
min-width : 36.8rem !important ;
width : 100%;
background-color : #ebf6fa !important ;
color : #fff !important ;
margin-top : 1rem;
border : none !important ;
padding : 2rem 1.2rem;
}
.datepicker::before, .datepicker::after {
display : none;
}
.datepicker .table-condensed {
width : 100%;
}
.datepicker .datepicker-switch {
font-size : 2rem;
font-weight : 700;
color : #38394c;
transition : all 0.25s ease;
}
.datepicker .datepicker-switch:hover {
background-color : transparent;
}
.datepicker .next, .datepicker .prev {
transition : all 0.25s ease;
}
.datepicker .next div, .datepicker .prev div {
width : 3.9rem;
height : 3.9rem;
border-radius : 50%;
background-color : #fff;
display : block;
font-size : 2rem;
line-height : 0;
color : #5e616c;
position : relative;
margin : 0;
transition : all 0.25s ease;
}
.datepicker .next i, .datepicker .prev i {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
right : initial;
bottom : initial;
}
.datepicker .next:hover div, .datepicker .prev:hover div {
background-color : #ff594d;
}
.datepicker .next:hover div i, .datepicker .prev:hover div i {
color : #fff;
}
.datepicker .next div {
margin-left : auto;
}
.datepicker .day {
width : 3.9rem;
height : 3.9rem;
line-height : 4.9rem;
font-size : 1.4rem;
font-weight : 600;
position : relative;
background-color : transparent;
}
.datepicker .day.disabled {
color : #acb0c0;
}
.datepicker .day:not(.disabled) {
color : #5e616c;
position : relative;
transition : all 0.25s ease;
}
.datepicker .day:not(.disabled)::after {
content : '';
width : 0.6rem;
height : 0.6rem;
border-radius : 50%;
background-color : #ff594d;
position : absolute;
left : 50%;
transform : translateX(-50%);
bottom : 0.8rem;
}
.datepicker .day:not(.disabled)::before {
content : '';
width : 100%;
height : 100%;
border-radius : 50%;
background-color : #38394c;
display : block;
opacity : 0;
z-index : -1;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
transition : all 0.25s ease;
}
.datepicker .day:not(.disabled):hover {
background-color : transparent;
color : #fff;
}
.datepicker .day:not(.disabled):hover::after {
display : none;
}
.datepicker .day:not(.disabled):hover::before {
opacity : 1;
}
.datepicker-days td:first-child {
padding-left : 1.5rem;
}
.datepicker-days td:first-child::before {
width : 83% !important ;
margin-left : 0.5rem;
}
.datepicker-days td:first-child::after {
left : 58% !important ;
}
.datepicker-days td:last-child {
padding-right : 1.5rem;
}
.datepicker-days td:last-child::before {
width : 83% !important ;
margin-left : -0.5rem;
}
.datepicker-days td:last-child::after {
left : 42% !important ;
}
.datepicker-days thead tr:last-child {
background-color : #fff;
border-top : 3rem solid transparent;
border-bottom : 3rem solid transparent;
border-radius : 3rem;
}
.datepicker-days thead tr:last-child .dow {
font-size : 1.6rem;
color : #5e616c;
border-radius : 0;
}
.datepicker-days thead tr:last-child .dow:first-child {
border-top-left-radius : 50%;
border-bottom-left-radius : 50%;
padding-left : 1.5rem;
}
.datepicker-days thead tr:last-child .dow:last-child {
border-top-right-radius : 50%;
border-bottom-right-radius : 50%;
padding-right : 1.5rem;
}
.datepicker-days tbody tr {
height : 3.9rem;
position : relative;
}
.input-title {
width : 100%;
margin : 0.8rem 0 0.8rem 1rem;
}
.form-control {
border-radius : 35px !important ;
min-height : 55px;
padding : 0.35rem 0.75rem 0.4rem 2.8rem;
}
.form-control:focus {
box-shadow : none;
}
.form-control::-webkit-input-placeholder {
opacity : 0.7;
}
.form-control:-ms-input-placeholder {
opacity : 0.7;
}
.form-control::-ms-input-placeholder {
opacity : 0.7;
}
.form-control::placeholder {
opacity : 0.7;
}
.input-footer .form-control {
background-color : #7259a6;
border : none;
color : #fff;
}
.input-footer .form-control::-webkit-input-placeholder {
color : #fff;
}
.input-footer .form-control:-ms-input-placeholder {
color : #fff;
}
.input-footer .form-control::-ms-input-placeholder {
color : #fff;
}
.input-footer .form-control::placeholder {
color : #fff;
}
.input-footer .form-action {
background-color : transparent;
border : none;
cursor : pointer;
}
.input-light .form-control {
background-color : #fff;
color : black;
border : #b2dded solid 2px;
}
.input-light .form-control::-webkit-input-placeholder {
color : black !important ;
}
.input-light .form-control:-ms-input-placeholder {
color : black !important ;
}
.input-light .form-control::-ms-input-placeholder {
color : black !important ;
}
.input-light .form-control::placeholder {
color : black !important ;
}
.input-light .input-title {
color : #38394c;
}
.input-dark .form-control {
background-color : #22306d;
color : #fff;
border : #4b5ca7 solid 2px;
}
.input-dark .form-control::-webkit-input-placeholder {
color : #a1a8c8;
}
.input-dark .form-control:-ms-input-placeholder {
color : #a1a8c8;
}
.input-dark .form-control::-ms-input-placeholder {
color : #a1a8c8;
}
.input-dark .form-control::placeholder {
color : #a1a8c8;
}
.input-dark .input-title {
color : #fff;
}
.input-dark .form-control.select-control {
color : #a1a8c8;
}
.input-review .form-control {
color : #5e616c;
}
.input-review + .input-review {
margin-top : 2rem;
}
.form-action {
position : absolute;
right : 5%;
top : 50%;
transform : translateY(-50%);
z-index : 10;
}
.form-action i {
color : #ff594d;
font-size : 2.4rem;
}
.form-control.select-control {
display : flex;
align-items : center;
color : #5e616c;
cursor : pointer;
}
.form-control.select-control i.fa-angle-down {
margin-left : auto;
margin-right : 2rem;
opacity : 0.7;
}
.input-group .check-circle {
margin-left : -1.5rem;
}
.option-menu {
display : none;
position : absolute;
top : 100%;
width : 100%;
padding : 2.5rem 1rem;
margin-top : 1rem;
background-color : #ebf6fa;
border-radius : 35px;
z-index : 500;
}
.option-menu.show {
display : block;
}
.option-menu li {
border-radius : 35px;
background-color : transparent;
padding : 1rem 3rem;
cursor : pointer;
font-weight : 600;
}
.option-menu li i {
margin-right : 0.6rem;
font-size : 1.6rem;
line-height : 3rem;
}
.option-menu li:hover {
background-color : #fff;
}
.option-menu li:hover span {
color : #38394c;
}
.option-menu li:hover i {
color : #ff594d;
}
.input-group.input-calendar-light i, .input-group.input-calendar-dark i {
position : absolute;
right : 2.4rem;
bottom : 1.8rem;
margin-right : 0;
opacity : 0.7;
z-index : 3;
}
.form-control.text-area {
resize : none;
padding-top : 1.5rem;
}
.form-control.text-area.textarea-appoint {
padding-top : 3.5rem;
padding-left : 3.8rem;
min-height : 215px;
}
.input-light .text-area {
min-height : 157px;
}
.ratings-container {
font-size : 2rem;
align-items : center;
line-height : 1.5;
letter-spacing : 0.3em;
white-space : nowrap;
}
.ratings-container span {
color : #38394c;
letter-spacing : 0.02em;
margin-left : -1.1rem;
font-weight : 800 !important ;
font-size : 1.6rem;
}
.input-group .ratings-container {
display : flex;
position : absolute;
right : 2.3rem;
top : 50%;
transform : translateY(-50%);
}
.ratings {
position : relative;
color : #cedde2;
}
.ratings, .ratings-val {
display : inline-block;
line-height : 1;
font-family : "Font Awesome 5 Free";
font-weight : 600;
}
.ratings:before, .ratings-val:before {
content : "\f005" "\f005" "\f005" "\f005" "\f005";
}
.ratings-val {
position : absolute;
top : 0;
left : 0;
white-space : nowrap;
overflow : hidden;
color : #fdb714;
}
.ratings-primary .ratings-val {
color : #38394c;
}
.custom-radio + .custom-radio {
margin-left : 2rem;
}
.custom-radio .custom-control-label {
font-weight : 600;
}
.custom-control-label {
position : static;
margin-bottom : 0;
margin-top : 0.3rem;
font-size : 1.4rem;
color : #38394c;
line-height : 2.4;
padding-left : 4.6rem;
margin-left : -1.6rem;
cursor : pointer;
}
.custom-control-label a {
font-weight : 500;
position : relative;
text-decoration : none !important ;
}
.custom-control-label a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0;
height : 0.1rem;
background-color : #c9cddd;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.custom-control-label a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.custom-control-label::before {
left : 0;
top : 0.6rem;
width : 3.2rem;
height : 3.2rem;
background-color : transparent;
border : #b2dded solid 2px;
border-radius : 50%;
box-shadow : none !important ;
}
.custom-control.custom-radio .custom-control-label::before {
top : 0.4rem;
background-color : transparent;
border-radius : 50%;
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color : transparent;
}
.custom-control.custom-radio .custom-control-label::after {
font-family : "Font Awesome 5 Free";
content : "\f00c";
position : absolute;
top : 0.2rem;
left : 0.8rem;
height : 0;
font-size : 1.6rem;
font-weight : 600;
color : #b2dded;
visibility : hidden;
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
visibility : visible;
}
.custom-switch {
margin-top : 1.5rem;
}
.custom-switch .custom-control-label {
padding : 0 6rem 0 1rem;
margin-top : 0;
}
.custom-switch .custom-control-label::before {
width : 3.2rem;
height : 2.1rem;
top : 0.7rem;
left : 12.3rem;
border-radius : 1rem;
background-color : #b2dded;
border-color : #b2dded;
}
.custom-switch .custom-control-label::after {
position : absolute;
top : 1rem;
left : 13.7rem;
width : 1.5rem;
height : 1.5rem;
border-radius : 50%;
background-color : #fff;
transition : all 0.3s ease;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color : #ccc;
border-color : #ccc;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
left : 12.6rem;
transition : all 0.3s ease;
}
.input-group.input-check .custom-control-label {
margin-left : -0.6rem;
margin-top : 0.5rem;
}
.input-group.input-check .custom-control-label::after {
font-family : "Font Awesome 5 Free";
top : 0.4rem;
left : 0.8rem;
font-size : 1.6rem;
font-weight : 600;
color : #b2dded;
}
.input-group.input-check .custom-control-input:checked ~ .custom-control-label::before {
background-color : transparent;
}
.input-group.input-check .custom-control-input:checked ~ .custom-control-label::after {
content : "\f00c";
}
.book-form {
padding : 4rem;
border-radius : 3rem;
background-color : #fff;
}
.book-form.book-form-contact {
padding : 0;
}
.book-form.book-form-contact .btn {
max-width : 270px;
}
@media (max-width: 991px) {
.book-form.book-form-contact .btn {
max-width : 100%;
}
}
.book-form-6 {
position : static;
max-width : 700px;
}
.book-form-6 .input-title {
margin-top : 2rem;
}
.book-form-6 .btn-form {
max-width : 290px;
}
@media (max-width: 991px) {
.book-form-6 .book-form-6 .btn-form {
max-width : 100%;
}
}
.term-privacy.d-flex a {
display : flex;
align-items : center;
}
.input-check.term-privacy a {
color : #38394c;
margin : 0 0.3rem;
}
.input-check.term-privacy a:hover {
text-decoration-line : underline;
}
.input-check.term-privacy.term-privacy-sm {
font-size : 1.4rem;
line-height : 2.4rem;
letter-spacing : 0.02em;
}
.input-check.term-privacy.input-dark a {
color : #fff;
}
.input-check.term-privacy.input-dark .custom-control-label {
color : #6e78a4;
}
.input-check.term-privacy.input-dark .custom-control-label::before {
border : none;
background-color : #4b5ca7;
}
.input-check.term-privacy.input-dark .custom-control-label::after {
color : #fff;
}
.input-check.term-privacy.input-dark .custom-control-input:checked ~ .custom-control-label::before {
background-color : #4b5ca7;
}
.input-check.term-privacy.input-dark .custom-control-input:checked ~ .custom-control-label::after {
content : "\f00c";
}
.check-circle {
display : flex;
align-items : center;
justify-content : center;
color : #fff;
background-color : #4a5ba6;
width : 3.2rem;
height : 3.2rem;
border-radius : 50%;
margin-right : 1.2rem;
}
.check-circle i {
font-size : 1.6rem;
}
.input-light .check-circle {
background-color : #b2dded;
}
.filter-form {
display : flex;
justify-content : center;
}
.filter-form .btn-form, .filter-form .input-group {
max-width : 206px;
}
.filter-form .btn-form {
font-size : 1.6rem;
color : #38394c;
margin-top : 0;
margin-right : 1rem;
}
.filter-form .input-group ul {
min-width : 280px;
}
.filter-form.review-filter-form .input-group ul {
min-width : auto;
}
.doctor-filter-form .filter-item {
display : flex;
align-items : center;
height : 55px;
border-radius : 3rem;
background-color : #ebf6fa;
padding-left : 3rem;
margin : 1rem 1rem 0 0;
}
.doctor-filter-form .filter-item span {
margin-right : 1.8rem;
font-weight : 500;
}
.doctor-filter-form .filter-item .input-group {
width : 206px;
}
.doctor-filter-form .filter-item .form-control {
background-color : #fff;
}
.doctor-filter-form .btn-form {
margin-top : 1rem;
margin-left : 1rem;
max-width : 170px;
}
@media (max-width: 991px) {
.doctor-filter-form .btn-form {
max-width : 100%;
}
}
.review-form {
max-width : 770px;
}
.review-form .form-title {
font-size : 4rem;
}
.review-form .btn-form {
max-width : 270px;
}
@media (max-width: 991px) {
.review-form {
max-width : 100%;
}
.review-form .banner-actions {
margin-top : 2rem;
}
.review-form .btn-form {
max-width : 100%;
}
}
.blog-form .input-group {
max-width : 206px;
margin-top : 2rem;
}
.blog-form .input-group:first-child {
margin-right : 2rem;
}
.blog-form .input-group.input-search {
margin-left : auto;
max-width : 370px;
}
.blog-form .input-group.input-search .btn-search {
right : 1rem;
}
.appoint-form {
padding : 3.8rem 4.8rem;
border : #b2dded solid 2px;
border-radius : 3rem;
}
.appoint-form .input-group.input-second {
margin-top : 2.4rem;
}
.appoint-form .input-group .input-title {
margin-top : 2rem;
}
.appoint-form .btn-form {
max-width : 330px;
margin-top : 1rem;
}
.appoint-form .term-privacy:last-child {
margin-top : 1.7rem;
}
@media (max-width: 991px) {
.appoint-form .input-group input {
width : 100%;
}
.appoint-form .input-group input:nth-of-type(1n+2) {
display : block;
margin : 2rem 0 0 0;
}
}
.sign-form {
position : absolute;
left : 19.23%;
top : 50%;
transform : translateY(-50%);
padding : 4.3rem 7rem;
margin-top : -0.5rem;
border-radius : 3rem;
background-color : #fff;
min-width : 470px;
min-height : 531px;
}
.sign-form .form-heading {
margin-bottom : 3.2rem;
}
.sign-form .form-heading .sub-title {
margin-top : 0.3rem;
}
.sign-form .form-heading .heading-desc {
line-height : 2rem;
}
.sign-form .form-content .input-group {
margin-bottom : 1rem;
}
.sign-form .btn-form {
margin-top : 2rem;
font-size : 1.6rem;
}
.sign-form .btn-link {
margin-top : 1.6rem;
margin-left : 1rem;
}
.sign-form .btn-link a {
font-size : 1.4rem;
font-weight : 700;
}
.sign-form .term-privacy {
margin-top : 3rem;
}
.sign-form .term-privacy .check-circle {
background-color : #fff;
color : #b2dded;
border : #b2dded solid 2px;
}
.sign-form .term-privacy i {
font-size : 1.6rem;
}
.sign-form .term-privacy a, .sign-form .term-privacy span {
font-size : 1.4rem;
}
.sign-form .term-privacy a {
color : #38394c;
text-decoration-color : #5e616c;
}
.term-privacy:not(.input-group) {
font-size : 1.4rem;
}
.term-privacy:not(.input-group) span {
font-size : inherit;
line-height : inherit;
}
.term-privacy:not(.input-group) .btn-link {
display : inline-block;
margin : 0 0 0 3px;
font-weight : 500;
}
.term-privacy:not(.input-group) .btn-link a {
font-size : 1.4rem;
font-weight : 800;
color : #38394c;
}
.term-privacy:not(.input-group) .btn-link a::before {
background-color : #38394c;
bottom : -0.3rem;
}
input[type="password"] {
color : #b2dded !important ;
font-size : 2rem !important ;
}
@media (max-width: 1199px) {
.doctor-filter-form .filter-item {
width : 100%;
height : 100%;
flex-direction : column;
background-color : transparent;
padding : 0;
}
.doctor-filter-form .filter-item span {
width : 100%;
height : 100%;
background-color : #ebf6fa;
border-top-left-radius : 3rem;
border-top-right-radius : 3rem;
margin : 0;
padding : 1rem 0 4.5rem 3rem;
display : block;
}
.doctor-filter-form .filter-item .input-group {
width : 100%;
margin-top : -3.4rem;
}
.doctor-filter-form .btn-form {
display : flex;
margin-top : 3rem;
margin-right : auto;
margin-left : auto;
}
}
@media (max-width: 991px) {
.blog-form .input-group, .blog-form .input-group.input-search {
max-width : 100%;
}
.filter-form > * {
max-width : 100% !important ;
}
}
@media (max-width: 767px) {
.filter-form {
margin-top : 3rem;
flex-direction : column;
align-items : center;
}
.filter-form *:nth-child(1n+2) {
margin-top : 1.7rem;
}
.filter-form .input-group, .filter-form .btn-form {
max-width : 50%;
}
.filter-form .input-group ul {
right : 0;
}
.sign-form {
top : 55%;
left : 50%;
transform : translate(-50%,-50%);
min-width : 340px;
min-height : 450px;
padding : 3rem 3rem;
}
.appoint-form {
padding : 2.5rem 1.5rem;
}
}
@media (max-width: 991px) {
.banner-simple {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
padding-bottom : 0 !important ;
}
.banner-simple figure {
order : 2;
margin-top : 5rem;
display : flex;
justify-content : space-around;
align-items : flex-end;
}
.banner-simple .container {
text-align : center;
}
.banner-simple #img-banner-4, .banner-simple #img-banner-3 {
position : relative !important ;
right : initial !important ;
}
.banner-simple #img-banner-3 {
order : 1;
margin-right : -15%;
}
.banner-simple #img-banner-4 {
order : 2;
margin-left : -15%;
bottom : 0;
}
}
.nav-tabs {
border : none;
}
.nav-tabs .nav-item {
position : relative;
flex-basis : 0;
flex-grow : 1;
text-align : center;
}
.nav-tabs .nav-item + .nav-item {
margin-left : 1rem;
}
.nav-tabs .nav-item:first-child .nav-link-custom.active::before {
content : none;
}
.nav-tabs .nav-item:last-child .nav-link-custom.active::after {
content : none;
}
.nav-link-custom {
display : flex;
align-items : center;
font-size : 2rem;
color : #38394c;
padding : 3rem 5rem;
border : transparent solid 2px;
border-radius : 3.5rem;
background-color : #ebf6fa;
}
.nav-link-custom.active {
border : #b2dded solid 2px;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom : none;
background-color : #fff;
padding-bottom : 4.2rem;
box-shadow : 0 20px 0 -3px #fff;
}
.nav-link-custom.active .nav-check {
border-color : #ff594d;
}
.nav-link-custom.active .nav-check i {
visibility : visible;
}
.nav-link-custom.active::before {
content : "";
display : block;
height : 0;
position : absolute;
bottom : 0;
width : 35px;
height : 35px;
left : -33px;
border : #b2dded solid 2px;
border-bottom-right-radius : 35px;
border-top : 0;
border-left : 0;
box-shadow : 10px 10px 10px 5px #fff;
}
.nav-link-custom.active::after {
content : "";
display : block;
height : 0;
position : absolute;
bottom : 0;
width : 35px;
height : 35px;
right : -33px;
border : #b2dded solid 2px;
border-bottom-left-radius : 35px;
border-top : 0;
border-right : 0;
box-shadow : -10px 10px 10px 5px #fff;
}
.nav-check {
display : flex;
align-items : center;
justify-content : center;
width : 3.2rem;
height : 3.2rem;
font-size : 1.6rem;
color : #ff594d;
background-color : #fff;
border : #b2dded solid 2px;
border-radius : 50%;
margin-right : 2rem;
}
.nav-check i {
visibility : hidden;
}
.tab-content {
padding : 5rem;
margin-top : -1px;
border : #b2dded solid 2px;
border-bottom-left-radius : 35px;
border-bottom-right-radius : 35px;
border-top-right-radius : 35px;
}
.tab-content .input-group.last-name {
margin-top : 2.4rem;
}
.tab-content .input-group .input-title {
margin-top : 2rem;
}
.tab-content .btn-form + .btn-form {
margin-left : 1rem;
}
.tab-content .btn-form.bg-more-light {
color : #38394c;
}
@media (max-width: 1199px) {
.nav-link-custom {
padding : 3rem 2rem 3rem 3rem;
}
}
@media (max-width: 767px) {
.tab-content {
padding : 2.5rem 1.5rem;
}
}
@media (max-width: 575px) {
.nav-link-custom {
padding : 2rem 1rem;
font-size : 1.6rem;
}
.nav-link-custom .nav-check {
width : 3rem;
height : 3rem;
font-size : 1.6rem;
margin-right : 1rem;
}
.nav-link-custom.active {
padding-bottom : 3.2rem;
}
}
@media (max-width: 479px) {
.tab-content .btn-form {
padding : 1rem 2rem;
}
.nav-link-custom {
justify-content : center;
}
.nav-link-custom .nav-check {
display : none;
}
.nav-link-custom.active {
color : #ff594d;
}
}
.accordion {
margin-bottom : 3rem;
}
.field {
border-radius : 0;
margin-bottom : 0;
margin-bottom : -2px;
border : #b2dded dotted 2px;
border-width : 2px 0;
}
.field.active {
border-color : #ff594d;
position : relative;
z-index : 3;
}
.field-header {
position : relative;
padding : 0;
border : none;
line-height : 1.5;
background-color : transparent;
margin : 0;
}
.field-header:after {
display : block;
clear : both;
content : '';
}
.field-header .post-date {
font-size : 1.4rem;
margin-left : 4.6rem;
margin-top : -3.4rem;
margin-bottom : 2.5rem;
}
.field-title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 26px;
}
.field-title a {
display: block;
    padding: 1rem 4.6rem;
    position: relative;
    color: #38394c;
    background-color: transparent;
    outline: none !important;
}
.field-title a i {
min-width : 17px;
margin-right : 2.4rem;
}
.field-title a:before {
content : '\f056';
display : inline-block;
position : absolute;
left : 0;
top : 50%;
color : #ff594d;
font-family : "Font Awesome 5 Pro";
font-weight : 400;
line-height : 1;
transform : translateY(-50%);
transition : all 0.3s;
}
.field-title a.collapsed:hover, .field-title a.collapsed:focus {
color : #38394c;
}
.field-title a.collapsed:before {
content : '\f055';
color : #b2dded;
left : 0;
transform : translateY(-50%);
}
.field-body {
padding-left : 4.6rem;
padding-bottom : 1.8rem;
border : none;
border-radius : 0;
}
.field-body p  {
    margin-top: 1rem;
    font-size: 14px;
}
.icon-boxes {
display : flex;
flex-wrap : wrap;
margin-top : -3rem;
margin-left : -3rem;
}
.icon-boxes .icon-box-wrapper {
margin-left : 3rem;
margin-top : 3rem;
}
@media (max-width: 991px) {
.icon-boxes {
margin-top : 0;
margin-left : 0;
}
.icon-boxes .icon-box-wrapper {
margin : 0 0 1.5rem 0;
}
.icon-boxes .icon-box-wrapper:last-child {
margin-bottom : 0;
}
}
@media (max-width: 575px) {
.icon-boxes {
margin : 0;
}
}
.icon-box {
padding : 3rem 5rem;
background-color : #fff;
border-radius : 30px;
min-width : 95px;
}
.icon-box figure {
display : flex;
align-items : center;
justify-content : center;
width : 10rem;
height : 10rem;
background-color : #f0f5f8;
color : #ff594d;
font-size : 4.4rem;
margin-bottom : 3rem;
border-radius : 50%;
}
.icon-box .box-title {
color : #5e616c;
font-size : 1.8rem;
line-height : 2.8rem;
font-weight : 700;
margin-bottom : 0;
}
@media (max-width: 991px) {
.icon-box .box-title {
font-size : calc(15px + (18 - 15) * ((100vw - 200px) / (992 - 200))) !important ;
line-height : calc(20px + (28 - 20) * ((100vw - 200px) / (992 - 200)));
}
}
.icon-box .box-desc {
letter-spacing : 0;
}
.icon-box-1 {
display : flex;
flex-direction : column;
align-items : center;
}
@media (max-width: 991px) {
.icon-box-1 {
flex-direction : row;
padding : 1.9rem 3rem;
}
.icon-box-1 figure {
margin-bottom : 0;
}
.icon-box-1 .icon-box-content {
margin-left : 3rem;
}
.icon-box-wrapper {
width : 100%;
}
}
@media (max-width: 991px) {
.icon-box-1 {
flex : 1;
}
.icon-box-1 figure {
width : 9rem;
height : 9rem;
}
.icon-box-1 figure i {
font-size : 4rem;
}
}
.icon-box.icon-box-big {
padding : 4rem 6.35rem 3.6rem;
}
.icon-box.icon-box-big figure {
width : 14.3rem;
height : 14.3rem;
font-size : 6rem;
color : #fff;
margin-left : auto;
margin-right : auto;
margin-bottom : 5rem;
}
.icon-box.icon-box-big .box-title {
font-size : 2rem;
margin : 0 -3rem;
}
.icon-box.icon-box-left {
padding : 1.9rem 3rem;
display : flex;
align-items : center;
}
.icon-box.icon-box-left figure {
margin : 0;
background-color : #ff594d;
color : #fff;
}
.icon-box.icon-box-left .icon-box-content {
width : calc(100% - 10rem);
}
.icon-box.icon-box-left .box-title {
margin-left : 3rem;
}
@media (max-width: 767px) {
.icon-box.icon-box-left {
width : 100%;
display : inline-flex;
}
.icon-box.icon-box-left:first-child {
margin-right : 1.5rem;
}
}
@media (max-width: 575px) {
.icon-box.icon-box-left {
width : 100%;
display : flex;
}
}
.icon-box.hover-border {
background-color : transparent;
border : transparent solid 2px;
padding : 5rem;
transition : border-color 0.3s ease;
}
.icon-box.hover-border figure {
position : relative;
width : 12.6rem;
height : 12.6rem;
margin : 0 auto 2rem;
font-size : 5rem;
background-color : #ff594d;
color : #fff;
transition : all 0.3s ease;
}
.icon-box.hover-border .box-title {
font-size : 2.4rem;
line-height : 4rem;
color : #38394c;
margin-bottom : 1.5rem;
}
.icon-box.hover-border .box-desc {
margin : 0 -2rem 3.3rem;
}
.icon-box.hover-border:hover {
border-color : #b2dded;
}
.icon-box.hover-border:hover figure {
background-color : #38394c;
}
.icon-box.covid-symptom {
padding : 2rem 5rem 4.5rem 5rem;
}
.icon-box.covid-symptom figure {
position : relative;
height : 170px;
width : 170px;
margin-left : auto;
margin-right : auto;
border-radius : 50%;
background-color : #ffa59e;
overflow : visible;
}
.icon-box.covid-symptom figure img {
position : absolute;
bottom : 0;
right : 8%;
}
.icon-box.icon-box-simple {
padding : 0;
margin-top : 2.5rem;
}
.icon-box.icon-box-simple figure {
	width : 178px;
	height : 178px;
	background-color : #ebf6fa;
	color : #38394c;
	margin: 0 auto 3.5rem;
	position : relative;
}
.icon-box.icon-box-simple figure i {
font-size : 8rem;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
@media (max-width: 991px) {
.icon-box.icon-box-simple figure {
margin : 0 auto 2rem auto;
}
}
@media (max-width: 767px) {
.icon-box.icon-box-simple figure {
width : calc(120px + (178 - 120) * ((100vw - 200px) / (992 - 200)));
height : calc(120px + (178 - 120) * ((100vw - 200px) / (992 - 200)));
}
.icon-box.icon-box-simple figure i {
font-size : calc(50px + (80 - 50) * ((100vw - 200px) / (992 - 200)));
}
}
.icon-box.icon-box-simple .box-title {
    margin: 0 -1rem;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #38394c;
}
.icon-box.icon-box-simple .box-desc {
line-height : 3.4rem;
margin-bottom : 0;
font-weight : 500;
}
.icon-box.icon-box-simple .box-info {
line-height : 4rem;
}
@media (max-width: 991px) {
.icon-box.icon-box-big {
padding : 4rem 3.35rem 3.6rem;
}
.icon-box.icon-box-big .box-title {
font-size : 1.8rem;
}
.icon-box-1.icon-box-big figure {
width : 10rem;
height : 10rem;
margin : 0;
}
.icon-box-1.icon-box-big .box-title {
margin : 0;
}
}
@media (max-width: 767px) {
.icon-boxes .icon-box .box-title, .icon-boxes .icon-box.icon-box-big .box-title {
margin : 0;
}
.icon-box {
border-radius : 1.5rem;
}
.icon-box .box-title {
font-size : 1.6rem;
}
}
.card {
background-color : #38394c;
border-color : #7259a6;
border-radius : 2.5rem;
border-width : 0;
}
.card figure {
width : 9.5rem;
height : 9.5rem;
background-color : #fff;
border-radius : 50%;
color : #ff594d;
font-size : 4.4rem;
display : flex;
align-items : center;
justify-content : center;
}
.card-heading {
display : flex;
align-items : center;
padding : 3.5rem 2rem;
}
.anasayfa-hizmetler {
margin-bottom : 40px;
}
.card-heading .card-title {
margin-left : 1.7rem;
line-height : 3.4rem;
font-size : 20px;
color : #fff;
}
@media (max-width: 991px) {
.card-heading .card-title {
font-size : calc(15px + (30 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(20px + (50 - 20) * ((100vw - 200px) / (992 - 200)));
}
}
@media (max-width: 400px) {
.card-heading {
flex-wrap : wrap;
}
.card-heading .card-title {
width : 100%;
margin-left : 1rem;
}
}
.card-content {
background-color : #fff;
border : #7259a6 solid 2px;
border-radius : 2.5rem;
padding : 3.9rem 5.1rem;
}
@media (max-width: 991px) {
.card-content {
padding : 3.9rem 4rem;
}
}
.card-content .card-desc {
margin-right : -1rem;
}
.card-content .btn-link {
margin-left : 0.8rem;
margin-top : 3.4rem;
}
.card-content .btn-link a {
text-decoration : none;
position : relative;
transition : all 0.25s ease;
}
.card-content .btn-link a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.1rem;
height : 0.1rem;
background-color : #ff594d;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.card-content .btn-link a:hover {
text-decoration : none;
}
.card-content .btn-link a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.card-menu {
margin-left : 0.8rem;
}
.card-menu .menu-item {
line-height : 3rem;
}
.card-menu .menu-item i {
font-size : 1.6rem;
margin-right : 0.6rem;
transition : all 0.25s ease;
}
.card-menu .menu-item:hover i {
color : #ff594d;
}
.card-menu .menu-item a {
text-decoration : none;
position : relative;
font-weight : 500;
transition : all 0.25s ease;
}
.card-menu .menu-item a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.1rem;
height : 0.1rem;
background-color : #6d95af;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.card-menu .menu-item a:hover {
text-decoration : none;
font-weight : 700;
}
.card-menu .menu-item a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.card-menu .item-link {
color : #5e616c;
}
.card-menu .item-link:hover {
color : #38394c;
text-decoration-line : underline;
text-decoration-color : #5e616c;
}
.card.card-membership .card-content {
padding : 5rem 7rem 5.5rem;
}
.card.card-membership figure {
color : #fff;
margin : 0 auto 3rem;
}
.card.card-membership figure img {
display : inline;
}
.card.card-membership .price-box {
margin-bottom : 4rem;
}
.card.card-membership .member-price {
margin-top : 1rem;
font-size : 4rem;
line-height : 1.25;
font-weight : 700;
}
.card.card-membership .card-menu {
text-align : left;
width : max-content;
margin-left : auto;
margin-right : auto;
}
.card.card-membership .member-type {
font-weight : 500;
}
.card.card-membership .menu-item {
line-height : 4rem;
font-weight : 500;
}
.card.card-membership .menu-item i {
color : #80bf2f;
margin-right : 0.8rem;
}
.card.card-membership .btn-link {
font-weight : 700;
margin : 3.5rem 0 0;
}
.card.card-membership .btn-link a {
font-size : 1.8rem;
}
@media (max-width: 991px) {
.card.card-membership {
width : 100%;
margin : 0 auto;
}
}
.card-membership.member-type-1 .member-price, .card-membership.member-type-1 .btn-link a, .card-membership.member-type-1 .btn-link i {
color : #ff594d;
}
.card-membership.member-type-2 .member-price, .card-membership.member-type-2 .btn-link a, .card-membership.member-type-2 .btn-link i {
color : #38394c;
}
.card-membership.member-type-2 .btn-link a::before {
background-color : #38394c;
}
.card-membership.member-type-3 .member-price, .card-membership.member-type-3 .btn-link a, .card-membership.member-type-3 .btn-link i {
color : #ff9712;
}
.card-membership.member-type-3 .btn-link a::before {
background-color : #ff9712;
}
.card.card-review {
display : flex;
align-items : center;
background-color : #fff;
border : #b2dded solid 2px;
padding : 5rem;
}
.card.card-review + .card.card-review {
margin-top : 3rem;
}
.card.card-review figure {
position : relative;
width : auto;
height : auto;
margin-bottom : 3rem;
margin-right : 1.5rem;
border-radius : 50%;
overflow : visible;
}
.card.card-review figure img.quote-icon {
position : absolute;
top : 0;
left : -30%;
}
.card.card-review .card-review-quote {
position : absolute;
top : 0;
left : -25%;
width : 55px;
height : 55px;
background-color : #ff594d;
border-radius : 50%;
}
.card.card-review .card-review-quote span {
font-size : 70px;
font-weight : 500;
color : #fff;
line-height : 55px;
margin-top : 15px;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.card.card-review .card-content {
padding : 0;
border : none;
background-color : transparent;
}
.card.card-review .review-author {
margin-top : 1rem;
margin-bottom : 0;
}
.card.card-review .review-city {
font-size : 1.6rem;
line-height : 3rem;
font-weight : 500;
}
.card.card-review .ratings-container {
margin : 1rem 0 1.5rem;
}
.card.card-review .ratings-container .ratings, .card.card-review .ratings-container .ratings-val {
line-height : 2;
letter-spacing : 0.2em;
}
@media (max-width: 991px) {
.card.card-review .card-heading {
display : block;
width : 100%;
text-align : center;
}
.card.card-review figure {
display : block;
margin : 0 auto;
width : max-content;
}
}
.card.card-review.review-carousel {
background-color : transparent;
border : none;
padding : 0;
}
.card.card-review.review-carousel .card-heading {
padding : 0;
}
.card.card-review.review-carousel .review-desc {
font-size : 2.4rem;
line-height : 3.4rem;
}
@media (max-width: 991px) {
.card.card-review.review-carousel {
text-align : center;
}
}
.review-carousel.owl-carousel.owl-simple .owl-stage-outer {
padding-left : 4rem;
margin-left : -4rem;
}
.review-carousel.owl-carousel.owl-simple .owl-nav button {
font-size : 2.4rem;
border-radius : 50%;
width : 6rem;
height : 6rem;
color : #5e616c;
background-color : #fff;
}
.review-carousel.owl-carousel.owl-simple .owl-nav button:hover {
color : #ff594d;
background-color : #fff;
}
.review-carousel.owl-carousel.owl-simple .owl-nav .owl-prev {
top : 4rem;
right : 11rem;
left : auto;
}
.review-carousel.owl-carousel.owl-simple .owl-nav .owl-next {
top : 4rem;
right : 3rem;
}
.team-card .doctor-cat {
margin : 0.2rem 0 1rem 0 !important ;
}
.card-rating {
position : absolute;
z-index : 100;
right : 1.5rem;
bottom : -8rem;
max-width : 370px;
max-height : 347px;
padding : 5rem 6.3rem 6.4rem 6.3rem;
background-color : #ff594d;
border-radius : 2.5rem;
}
.card-rating .ratings-container {
font-size : 2.4rem;
margin-bottom : 1.7rem;
line-height : 4rem;
letter-spacing : 0.2em;
}
.card-rating .card-info {
font-size : 3rem;
font-weight : 700;
line-height : 1.33;
color : #fff;
margin-bottom : 3.2rem;
}
@media (max-width: 991px) {
.card-rating .card-info {
font-size : calc(16px + (30 - 16) * ((100vw - 200px) / (992 - 200)));
line-height : calc(26px + (40 - 26) * ((100vw - 200px) / (992 - 200)));
margin-bottom : 2rem;
}
}
.card-rating .btn-link a, .card-rating .btn-link i {
color : #fff;
}
.card-rating .btn-link a {
text-decoration : none;
position : relative;
transition : all 0.25s ease;
}
.card-rating .btn-link a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.1rem;
height : 0.2rem;
background-color : #ff837a;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.card-rating .btn-link a:hover {
text-decoration : none;
}
.card-rating .btn-link a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
@media (max-width: 767px) {
.card-rating {
padding : 3rem 4rem 3rem 4rem;
}
}
.card-rating.card-rating-left {
left : 1.5rem;
right : auto;
}
.card-rating.card-contact {
right : 78px;
}
.card.hover-icon figure {
position : relative;
width : 95px;
height : 95px;
transition : all 0.25s ease;
}
.card.hover-icon figure i {
transition : all 0.25s ease;
}
.card.hover-icon img {
position : absolute;
top : 0;
left : 50%;
transform : translateX(-50%);
transition : opacity 0.3s ease;
}
.card.hover-icon img.hover-img {
opacity : 0;
}
.card.hover-icon:hover img.default-img {
opacity : 0;
}
.card.hover-icon:hover img.hover-img {
opacity : 1;
}
.card.hover-icon:hover figure {
background-color : #ff594d;
}
.card.hover-icon:hover figure i {
color : #fff;
}
@media (max-width: 991px) {
.card.card-membership .card-content {
padding : 3rem 4rem 3rem;
}
.card-rating {
width : 70%;
right : initial;
left : 50%;
bottom : -10rem;
transform : translateX(-50%);
}
}
@media (max-width: 479px) {
.card-rating.card-contact {
padding : 3rem 5rem;
}
}
.image-box figure img {
height : auto;
}
.image-box.image-over figure {
max-height : 327px;
width : 100%;
height : 100%;
overflow : visible;
background-color : #38394c;
display : flex;
align-items : flex-end;
justify-content : center;
}
.image-box.image-over figure img {
max-width : 100%;
}
.box-content {
padding : 4.3rem 5rem 4.8rem 5rem;
border-radius : 3rem;
background-color : #7259a6;
}
.box-content .box-title {
margin-bottom : 3.2rem;
}
@media (max-width: 991px) {
.box-content .box-title {
font-size : calc(18px + (24 - 18) * ((100vw - 200px) / (992 - 200)));
line-height : calc(24px + (30 - 24) * ((100vw - 200px) / (992 - 200)));
}
}
.box-content .box-desc {
line-height : 3rem;
margin-bottom : 3.5rem;
letter-spacing : 0.02em;
font-weight : 500;
}
.box-content .ratings, .box-content .ratings-val {
font-size : 1.6rem;
line-height : 3.4rem;
margin-bottom : 0;
}
.box-content .btn-link {
position : relative;
width : max-content;
}
.box-content .btn-link a {
color : #ff594d;
font-weight : 700;
font-size : 1.6rem;
text-decoration : none;
}
.box-content .btn-link a::before {
content : '';
display : block;
position : absolute;
left : 0;
right : 0;
bottom : 0.1rem;
height : 0.1rem;
background-color : #ff594d;
transform-origin : right center;
transform : scale(0,1);
transition : transform 0.3s ease;
}
.box-content .btn-link a:hover::before {
transform-origin : left center;
transform : scale(1,1);
}
.box-content.box-content-clock {
background-color : #fff0ef;
}
.box-content.box-content-clock .box-title {
font-size : 3.4rem;
line-height : 1;
margin-bottom : 2.5rem;
}
.box-content.box-content-clock .box-desc {
display : block;
margin-top : 0;
}
.box-content.box-content-clock i {
color : #ff594d;
}
.image-box.doctor-card figure {
position : relative;
overflow : hidden;
}
.image-box.doctor-card figure a {
width : 100%;
height : 100%;
display : block;
}
.image-box.doctor-card figure a img {
transition : all 0.25s ease;
}
.image-box.doctor-card figure .hover {
width : 100%;
height : 100%;
position : absolute;
top : 0;
opacity : 0;
background-color : rgb(40, 55, 121, 0.6);
z-index : 100;
cursor : pointer;
transition : all 0.25s ease;
}
.image-box.doctor-card figure .hover .circle {
width : 60px;
height : 60px;
border-radius : 50%;
border : #fff solid 2px;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.image-box.doctor-card figure .hover i {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
color : #fff;
font-size : 20px;
}
.image-box.doctor-card:hover a img {
transform : scale(1.1);
}
.image-box.doctor-card:hover .hover {
opacity : 1;
}
.image-box.doctor-card .box-content {
position : relative;
padding : 1.2rem 2rem;
z-index : 3;
text-align : center;
font-size : 12px;
}
.image-box.doctor-card .box-content .box-title {
margin-bottom : 0;
line-height : 3rem;
font-size : 18px;
font-weight : 600;
color : #fff;
}
.image-box.doctor-card .box-content .doctor-cat {
margin-bottom : 0;
}
.image-box.doctor-card .box-content .box-desc {
display : none;
margin-top : 1.5rem;
margin-bottom : 0;
}
.image-box.doctor-card .box-content.text-center {
padding : 2.7rem 4rem;
}
.image-box.doctor-card .btn-toggle {
position : absolute;
right : 2rem;
bottom : 2rem;
color : #b2dded;
}
.image-box.doctor-card .social-links li + li {
margin-left : 2rem;
}
.image-box.doctor-card .social-link {
font-size : 2.4rem;
}
.image-box.doctor-card .social-link i {
color : #b2dded;
margin-right : 0;
}
.image-box.doctor-card .social-link:hover i {
color : #ff594d;
}
.image-box.explore-card figure, .image-box.explore-card .box-content {
background-color : #b2dded;
}
.image-box.explore-card figure {
position : relative;
overflow : hidden;
}
.image-box.explore-card figure img {
transition : all 0.25s ease;
}
.image-box.explore-card figure .hover {
width : 100%;
height : 100%;
position : absolute;
top : 0;
opacity : 0;
background-color : rgb(40, 55, 121, 0.6);
z-index : 100;
cursor : pointer;
transition : all 0.25s ease;
}
.image-box.explore-card figure .hover .circle {
width : 60px;
height : 60px;
border-radius : 50%;
border : #fff solid 2px;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.image-box.explore-card figure .hover i {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
color : #fff;
font-size : 20px;
}
.image-box.explore-card:hover img {
transform : scale(1.1);
}
.image-box.explore-card:hover .hover {
opacity : 1;
}
.image-box.explore-card .box-content {
padding : 3rem 0 0;
}
.image-box.explore-card .box-title {
font-size : 3rem;
line-height : 4rem;
margin-bottom : 0;
}
.image-box.explore-card:nth-child(1n+2) {
margin-left : 60px;
}
@media (max-width: 991px) {
.image-box.explore-card {
width : 80%;
margin-left : auto;
margin-right : auto;
}
.image-box.explore-card .box-title {
font-size : calc(18px + (30 - 18) * ((100vw - 200px) / (992 - 200)));
line-height : calc(28px + (40 - 28) * ((100vw - 200px) / (992 - 200)));
}
.image-box.explore-card:nth-child(1n+2) {
margin-left : auto;
}
}
@media (max-width: 575px) {
.image-box.explore-card {
width : 100%;
}
}
.post-box {
margin-top : 3rem;
}
.post-box figure {
position : relative;
}
.post-box figure a {
display : block;
width : 100%;
height : 100%;
overflow : hidden;
}
.post-box figure a img {
width : 100%;
height : auto;
transition : all 0.25s ease;
}
.post-box figure a .hover {
width : 100%;
height : 100%;
position : absolute;
top : 0;
opacity : 0;
background-color : rgb(40, 55, 121, 0.6);
z-index : 100;
transition : all 0.25s ease;
}
.post-box figure a .hover .circle {
width : 60px;
height : 60px;
border-radius : 50%;
border : #fff solid 2px;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.post-box figure a .hover i {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
color : #fff;
font-size : 20px;
}
.post-box:hover a img {
transform : scale(1.1);
}
.post-box:hover a .hover {
opacity : 1;
}
.post-box .box-content {
border-radius : 2.5rem;
padding : 4rem 5rem 5.3rem 5rem;
}
.post-box .box-content .box-title {
line-height : 4rem;
font-weight : 700;
margin-bottom : 0;
}
.post-box .box-content .box-title a {
color : #38394c;
}
.post-box .box-content .post-date {
font-size : 1.4rem;
margin : 8px 0 18px 0;
}
.post-box .box-content .post-date a {
font-weight : 500;
color : #5e616c;
}
.post-box .box-content .post-desc {
margin-right : -1rem;
margin-bottom : 0;
font-weight : 500;
}
.post-box.no-image .box-title {
color : #fff;
}
.post-box.no-image .post-author {
color : #ebf6fa;
}
.post-box.no-image .post-date {
color : #838cb1;
}
.post-box.no-image .box-content.bg-secondary-color .post-date {
color : #f9aaaa;
}
.text-divider {
color : #bec1cc;
margin : 0 1.7rem;
}
.blog-content p {
line-height : 3.4rem;
margin-bottom : 4rem;
}
.blog-content .blog-subtitle {
font-size : 4rem;
}
.blog-content p.secondary-color {
font-size : 3rem;
line-height : 5rem;
}
.blog-content ul {
    line-height: 2.4rem;
    margin-left: 4.5rem;
    font-size: 14px;
}
.blog-content ul a:not([href]) {
margin-left : -1.4rem;
color : #38394c;
}
.blog-content ul i.fa-caret-right {
color : #ff594d;
margin-right : 0.6rem;
}
.blog-content h2 {
margin-top : 32px;
}
.blog-content .post-date {
margin-top : 18px;
margin-bottom : 34px;
}
.blog-content p {
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 5px;
}
.blog-content p a {
font-weight : 700;
color : #5e616c;
}
.blog-content .blog-subtitle {
margin-bottom : 32px;
}
.blog-content .secondary-color {
font-weight : 700;
}
.blog-content ul:not(.social-links) li a {
font-weight : 800;
}
.blog-content ul:not(.social-links) li a:hover {
color : #38394c !important ;
}
.blog-content ul:not(.social-links) li a:hover i {
color : #ff594d !important ;
}
.blog-content a:hover i {
color : #38394c;
}
.blog-content .social-links i {
font-size : 3rem;
color : #b2dded;
margin-right : 2rem;
transition : all 0.25s ease;
}
.blog-content .social-links li:hover {
color : #38394c !important ;
}
.blog-author-box span.primary-color {
font-weight : 600;
}
.blog-action {
border-top : 3px solid #b2dded;
padding-top : 9.2rem;
}
.blog-action .action-prev, .blog-action .action-next {
flex : 1;
}
.blog-action .action-next .action-title {
margin-right : 0;
margin-left : auto;
}
.blog-action .btn-action {
display : block;
position : absolute;
top : -4.7rem;
color : #5e616c;
min-width : auto;
}
.blog-action .btn-action.blog-prev {
left : 0;
}
.blog-action .btn-action.blog-next {
text-align : end;
right : 0;
}
.blog-action .action-title {
flex : 1;
max-width : 27rem;
margin-bottom : 0;
}
.blog-action i.fa-line-columns {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
font-size : 4rem;
color : #b2dded;
}
@media (max-width: 991px) {
.blog-action i.fa-line-columns {
display : none !important ;
}
}
.blog.blog-preview {
display : flex;
background-color : #ebf6fa;
border-radius : 2.5rem;
padding : 4rem;
}
.blog.blog-preview figure {
margin-right : 2rem;
overflow : visible;
}
.blog.blog-preview figure img {
width : 9.2rem;
}
.blog.blog-preview .blog-author {
font-size : 2rem;
}
.blog.blog-preview .blog-desc {
font-size : 1.6rem;
font-weight : 500;
}
.blog.blog-preview a:hover i {
color : #38394c;
}
.blog.blog-preview .social-links i {
font-size : 2rem;
color : #b2dded;
margin-right : 1.5rem;
}
.blog.blog-preview .btn-xs {
position : absolute;
bottom : 0;
right : 0;
padding : 1rem 4.3rem;
}
.blog.blog-preview .btn-xs:not(:hover) {
color : #38394c;
}
.blog.blog-preview .btn-xs::before {
background-color : #fff;
}
.blog.blog-preview .btn-xs::after {
background-color : #38394c;
}
@media (max-width: 991px) {
.blog.blog-preview {
flex-direction : column;
text-align : center;
justify-content : center;
align-items : center;
}
.blog.blog-preview .social-links {
width : max-content;
margin-left : auto !important ;
margin-right : auto;
}
.blog.blog-preview .btn-xs {
position : relative;
}
}
.doctor-menu {
border-top : 2px dotted #b2dded;
}
.doctor-menu .blog-doctor {
border-bottom : 2px dotted #b2dded;
}
.blog.blog-doctor {
position : relative;
padding : 3.6rem 0 3.2rem;
}
.blog.blog-doctor figure {
margin-right : 3rem;
}
.blog.blog-doctor .blog-content .doctor-name {
line-height : 3.4rem;
}
.blog.blog-doctor .blog-content .ratings, .blog.blog-doctor .blog-content .ratings-val, .blog.blog-doctor .blog-content .doctor-info, .blog.blog-doctor .blog-content .doctor-availivility {
font-size : 1.6rem;
line-height : 3.4rem;
margin-bottom : 0;
}
.blog.blog-doctor .btn-link a {
font-size : 1.4rem;
line-height : 3.4rem;
}
.blog.blog-doctor .btn-form {
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
max-width : 170px;
margin-top : 0;
}
@media (max-width: 991px) {
.blog.blog-doctor {
text-align : center;
flex-direction : column;
align-items : center;
}
.blog.blog-doctor .btn-form {
position : relative;
left : initial;
right : initial;
transform : translateY(0);
}
}
@media (max-width: 767px) {
.blog.blog-preview .btn-xs {
position : relative;
}
.blog.blog-doctor {
text-align : center;
}
.blog.blog-doctor .btn-form {
position : relative;
transform : translateY(0);
}
}
@media (max-width: 400px) {
.post-box .box-content {
padding : 3rem 3rem;
}
}
.widget {
padding : 9rem 0;
}
@media (min-width: 992px) {
.widget .btn-sm {
padding : 1rem 2.9rem;
font-size : 1.6rem;
}
}
@media (max-width: 991px) {
.widget .btn-sm {
margin-top : 0.5rem;
}
}
.widget-title {
font-size : 3rem;
line-height : 2.8rem;
color : #fff;
margin-bottom : 30px;
}
.widget-title i {
color : #ff594d;
margin-right : 1.1rem;
}
@media (max-width: 991px) {
.widget-title {
font-size : calc(18px + (30 - 18) * ((100vw - 200px) / (992 - 200)));
line-height : calc(28px + (40 - 28) * ((100vw - 200px) / (992 - 200)));
margin-bottom : calc(10px + (30 - 10) * ((100vw - 200px) / (992 - 200)));
}
}
.widget-desc {
color : #a1a8c8;
margin-bottom : 3.5rem;
font-size : 1.8rem;
line-height : 3rem;
}
@media (max-width: 991px) {
.widget-desc {
font-size : calc(15px + (18 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(27px + (30 - 27) * ((100vw - 200px) / (992 - 200)));
margin-bottom : calc(10px + (30 - 10) * ((100vw - 200px) / (992 - 200)));
}
}
.widget-hours {
display : flex;
justify-content : space-between;
color : #fff;
line-height : 4rem;
}
.widget-hours:nth-of-type(1n+2) {
margin-top : 10px;
}
.widget-hours span {
font-weight : 600;
font-size : 18px;
}
.widget-hours i {
margin : 0 0.5rem;
}
@media (max-width: 991px) {
.widget-hours span {
font-size : calc(14px + (18 - 14) * ((100vw - 200px) / (992 - 200)));
}
.widget-hours i {
margin : 0 0.25rem;
}
}
.puzzle {
position : absolute;
right : 16px;
top : -138px;
z-index : 1;
}
.widget-list {
margin-bottom : 3.7rem;
}
.widget-list .list-item {
display : flex;
border-bottom : 2px dotted #b2dded;
}
.widget-list .list-item:not(:first-child) {
margin-top : 1.5rem;
}
.widget-list .list-item .list-title, .widget-list .list-item .list-info {
margin-bottom : 0.7rem;
}
.widget-list .list-item .list-info {
color : #38394c;
margin-left : auto;
margin-right : 0;
}
.page-header {
display : flex;
align-items : center;
padding : 18.5rem 0 9rem 0;
}
.page-header .page-title {
    margin-left: -2px;
    font-size: 30px;
}
@media (max-width: 991px) {
.page-header {
padding : 12rem 0 6rem 0;
text-align : center;
}
.page-header .page-title {
margin : 0 0 1rem 0;
}
}
.breadcrumb-nav {
display : inline-flex;
padding : 1.34rem 2.8rem;
border-radius : 2.5rem;
background-color : #fff;
}
.page-title {
margin-bottom : 1.3rem;
}
.breadcrumb {
background-color : transparent;
border-radius : 0;
margin : 0 2px 0 0;
padding : 0;
}
.breadcrumb-item {
font-size : 1.4rem;
font-weight : 600;
letter-spacing : 0.01em;
}
.breadcrumb-item a {
color : #38394c;
}
.breadcrumb-item.active {
color : #858890;
}
.breadcrumb-item.active a {
color : #858890;
}
.breadcrumb-item.active a:hover {
color : #38394c;
}
.breadcrumb-item + .breadcrumb-item {
padding-left : 1.1rem;
}
.breadcrumb-item + .breadcrumb-item:before {
content : '\f0da';
font-family : "Font Awesome 5 Pro";
padding-right : 1.1rem;
font-size : 1.4rem;
font-weight : 300;
color : #858890;
vertical-align : middle;
margin-top : -0.1rem;
}
.pagination {
justify-content : center;
}
.pagination a {
display : flex;
align-items : center;
justify-content : center;
color : #38394c;
width : 5.4rem;
height : 5.4rem;
border-radius : 50%;
background-color : #ebf6fa;
font-size : 2rem;
font-weight : 700;
float : left;
padding : 8px 16px;
text-decoration : none;
transition : background-color 0.3s;
}
.pagination a i {
font-size : 2.4rem;
}
.pagination a + a {
margin-left : 1rem;
}
.pagination a.active, .pagination a:hover {
background-color : #38394c;
color : white;
}
@media (max-width: 767px) {
.pagination a {
width : 4.5rem;
height : 4.5rem;
}
}
.side-bar .input-search .btn-search {
right : 1.5rem;
}
.sidebar-box {
border : #b2dded solid 2px;
border-radius : 2.5rem;
padding : 0 4rem;
margin-top : 3rem;
}
.sidebar-box .box-content {
padding : 0;
margin : 4rem 0;
background-color : transparent;
}
.sidebar-box .box-title {
position : relative;
padding : 2.4rem 0;
margin-bottom : 2.3rem;
}
.sidebar-box .box-title::before {
content : '';
position : absolute;
bottom : 0;
display : block;
height : 2px;
background-color : #b2dded;
width : 100%;
}
.sidebar-box .post {
display : flex;
}
.sidebar-box .post figure, .sidebar-box .post .post-title {
margin-bottom : 0;
}
.sidebar-box .post .post-title {
margin-right : -1rem;
}
.sidebar-box .post figure img {
margin-right : 1.5rem;
border-radius : 50%;
width : 71px;
height : 71px;
overflow : visible;
}

.sidebar-box .post figure  {
margin-right : 1.5rem;
border-radius : 50%;
width : 71px;
height : 71px;
overflow : visible;
}
.sidebar-box .post + .post {
margin-top : 3rem;
}
.sidebar-box.bg-primary-color {
border : none;
padding-bottom : 4rem;
}
.sidebar-box.bg-primary-color .box-title {
color : #fff;
}
.sidebar-box.bg-primary-color .box-title::before {
background-color : #364587;
}
.sidebar-box.bg-primary-color .form-control::-webkit-input-placeholder {
color : #fff;
}
.sidebar-box.bg-primary-color .form-control:-ms-input-placeholder {
color : #fff;
}
.sidebar-box.bg-primary-color .form-control::-ms-input-placeholder {
color : #fff;
}
.sidebar-box.bg-primary-color .form-control::placeholder {
color : #fff;
}
.sidebar-box.bg-primary-color .box-info {
font-size : 1.4rem;
line-height : 1;
color : #838cb1;
}
.cat-menu {
margin : 0 -3rem;
}
.cat-menu .menu-item {
line-height : 4.4rem;
border-radius : 2.5rem;
background-color : transparent;
}
.cat-menu .menu-item i {
font-size : 1.6rem;
margin-right : 0.8rem;
}
.cat-menu .menu-item:hover {
background-color : #ebf6fa;
}
.cat-menu .menu-item:hover i {
color : #ff594d;
}
.cat-menu .menu-item:hover a {
font-weight : 700;
color : #38394c;
}
.cat-menu .item-link {
width : 100%;
display : block;
color : #5e616c;
padding-left : 6.2rem;
font-weight : 500;
}
.comment-list > li .reply-list {
margin-left : 10rem;
}
.blog-comments .title {
font-size : 4rem;
letter-spacing : -0.02em;
}
.comment .comment-body {
position : relative;
border : #b2dded solid 2px;
border-radius : 2.5rem;
padding : 2.3rem 4rem 4rem 4rem;
}
.comment .comment-body > span {
font-size : 1.4rem;
font-weight : 500;
line-height : 3rem;
color : #5e616c;
display : block;
margin-top : -0.5rem;
}
.comment figure {
margin-right : 1rem;
overflow : visible;
}
.comment figure img {
width : 9.2rem;
height : 9.2rem;
}
.comment .comment-author {
font-size : 2rem;
margin-bottom : 0;
}
.comment .comment-desc {
font-size : 1.6rem;
margin-top : 0.7rem;
margin-bottom : 0;
}
.comment .btn-xs {
position : absolute;
top : 2rem;
right : 2rem;
padding : 1rem 2.8rem;
}
.comment .btn-xs span {
transition : all 0.25s ease;
}
.comment .btn-xs:not(:hover) span {
color : #38394c;
}
.comment .btn-xs:hover span {
color : #fff;
}
.comment .btn-xs::before {
background-color : #ebf6fa;
}
.comment .btn-xs::after {
background-color : #38394c;
}
.blog-comments .title {
margin : 86px 0 47px 0;
}
@media (max-width: 767px) {
.comment-list > li .reply-list {
margin-left : 5rem;
}
.comment .btn-xs {
position : relative;
}
}
@media (max-width: 479px) {
.comment-list > li .reply-list {
margin-left : 2rem;
}
}
.article {
border-bottom : 2px dotted #b2dded;
padding : 3.3rem 0 4rem 0;
}
.article .article-title {
margin-bottom : 3.4rem;
line-height : 3.4rem;
}
.article .article-question {
font-size : 1.6rem;
margin-bottom : 0;
letter-spacing : 0;
line-height : 3.4rem;
}
.article .btn-link {
font-size : 1.4rem;
line-height : 3.4rem;
}
@media (max-width: 991px) {
.article {
padding : 2rem 0 2.1rem 0;
}
.article .article-title {
margin-bottom : 1rem;
}
}
.step-bar {
position : relative;
height : 83px;
}
.step-bar .steps-progress {
position : absolute;
top : 50%;
height : 4px;
width : 100%;
background-color : #eb493e;
transform : translateY(-50%);
}
.step-bar .steps-progress .progress-indicator {
height : 100%;
background-color : #fff;
}
.step-bar .nav-step {
display : inline-block;
position : relative;
width : 100%;
text-align : justify;
margin : 0;
padding-top : 2rem;
z-index : 2;
}
.step-bar .nav-step::after {
display : inline-block;
width : 100%;
content : '.';
font-size : 0;
height : 0;
line-height : 0;
visibility : hidden;
}
.step-bar .nav-item {
display : inline-block;
z-index : 1;
}
.step-bar .nav-item span {
color : #fff;
font-size : 1.4rem;
letter-spacing : 0.02em;
}
.step-bar .nav-item .check-circle {
font-size : 1.4rem;
font-weight : 800;
}
.step-bar .nav-item.active .check-circle {
background-color : #fff;
color : #38394c;
}
.step-bar .nav-item.completed .nav-link {
background-color : #fff;
}
.step-bar .nav-item.completed span {
color : #38394c;
}
.step-bar .nav-link {
display : flex;
align-items : center;
height : 4.3rem;
width : 188px;
border-radius : 25px;
background-color : #eb493e;
}
.step-bar .check-circle {
background-color : #ff594d;
color : #fff;
margin-right : 1rem;
}
@media (max-width: 767px) {
.step-bar .nav-link {
justify-content : center;
width : 43px;
height : 43px;
padding : 0;
}
.step-bar .nav-link .check-circle {
margin : 0;
}
.step-bar .nav-link span {
display : none;
}
}
.disease-section {
padding : 132px 0 150px 0;
}
.disease-section .section-heading {
margin-bottom : 50px;
}
@media (max-width: 991px) {
.disease-section {
padding : 41px 0 50px 0;
}
.disease-section [class*="col"]:nth-child(1n+2) {
margin-top : 25px;
}
.disease-section .section-heading {
margin-bottom : calc(25px + (50 - 25) * ((100vw - 200px) / (992 - 200)));
}
}
.section-heading {
width : 66%;
font-size : 4rem;
line-height : 5rem;
}
.section-heading.text-center {
margin-left : auto;
margin-right : auto;
}
@media (max-width: 991px) {
.section-heading {
width : 80%;
margin : 0 auto;
font-size : calc(20px + (60 - 20) * ((100vw - 200px) / (992 - 200)));
line-height : calc(27px + (80 - 27) * ((100vw - 200px) / (992 - 200)));
}
}
@media (max-width: 575px) {
.section-heading {
width : 100%;
}
}
.image-box-section {
padding-top : 131px;
padding-bottom : 150px;
}
.image-box-section .row {
margin-top : 16rem;
}
@media (max-width: 991px) {
.image-box-section {
padding-top : 50px;
padding-bottom : 50px;
}
.image-box-section .image-box:not(:first-child) {
margin-top : 17rem;
}
}
.blog-preview-section {
padding-top : 132px;
padding-bottom : 150px;
}
@media (min-width: 992px) {
.blog-preview-section .section-heading {
width : 51%;
}
}
@media (max-width: 991px) {
.blog-preview-section {
padding-top : 50px;
padding-bottom : 50px;
}
.blog-preview-section .section-heading {
width : 100%;
}
}
@media (min-width: 480px) and (max-width: 992px) {
.padding-small {
padding-left : 3rem !important ;
padding-right : 3rem !important ;
}
}
.type-section .container {
padding-top : 132px;
padding-bottom : 150px;
}
@media (max-width: 991px) {
.type-section .container {
padding-top : 50px;
padding-bottom : 50px;
}
}
.type-section .banner-info {
font-size : 2rem;
width : 87%;
}
.type-section .banner-heading .banner-title {
margin-bottom : 3.3rem;
}
.type-section .banner-heading .banner-info {
margin-bottom : 45px;
}
.type-section .icon-box:not(.icon-box-left) .box-title {
color : #38394c;
font-size : 2rem;
}
.type-section .banner-actions .btn {
margin : 50px 0 0 0;
font-weight : 700;
display : inline-block;
}
.type-section .banner-actions .btn:nth-child(1n+2) {
margin-left : 2rem;
}
@media (max-width: 991px) {
.type-section .banner-actions .btn {
margin : 0;
}
}
@media (max-width: 575px) {
.type-section .container {
padding-left : 15px;
padding-right : 15px;
}
}
@media (max-width: 991px) {
.type-section-margin-bottom {
margin-bottom : 10.1rem;
}
.type-section .banner-content {
display : flex;
flex-direction : column;
align-items : center;
}
.type-section .banner-info {
font-size : calc(15px + (20 - 15) * ((100vw - 200px) / (992 - 200)));
line-height : calc(27px + (32 - 27) * ((100vw - 200px) / (992 - 200)));
width : 100%;
}
.type-section .banner-title {
margin-bottom : 2rem !important ;
}
.type-section .banner-info {
margin-bottom : 3rem !important ;
}
.type-section .banner-actions {
width : 100%;
text-align : center;
margin-top : 3rem;
}
.type-section .banner-actions .btn {
width : 100%;
}
.type-section .banner-actions .btn:nth-child(1n+2) {
margin : 1.5rem 0 0 0;
}
}
.step-section {
padding-top : 132px;
padding-bottom : 150px;
}
.step-section .section-heading {
width : 58%;
margin-bottom : 113px;
}
@media (max-width: 991px) {
.step-section {
padding-top : 40px;
padding-bottom : 50px;
}
.step-section .section-heading {
margin : 0 auto 30px auto;
width : 100%;
}
.step-section .btn {
width : 100%;
}
}
.membership-section {
padding : 132px 0 150px 0;
}
.membership-section .section-heading {
margin-bottom : 34px;
}




@media (max-width: 991px) {
.membership-section {
padding : 50px 0;
}



.cta-section-1 .banner-content .banner-title {
    font-size: 26px!important;
    line-height: 29px!important;
}


}


























.explore-section {
padding : 131px 0 148px 0;
}
.explore-section .section-heading {
margin-bottom : 48px;
}
.explore-section-row {
width : max-content;
margin : 0 auto;
display : flex;
justify-content : left;
}
@media (max-width: 991px) {
.explore-section {
padding : 50px 0;
}
.explore-section-row {
flex-direction : column;
width : 50%;
}
.explore-section .explore-card {
flex : 1;
}
.explore-section .explore-card:nth-child(1n+2) {
margin-top : 50px;
}
}
@media (max-width: 767px) {
.explore-section-row {
width : 70%;
}
}
.doctor-preview-section {
padding-top : 132px;
padding-bottom : 150px;
}
.doctor-preview-section .section-heading {
margin-bottom : 23px;
}
.doctor-preview-section .row {
margin-top : 47px;
}
.doctor-preview-section .row.btn-row {
margin-top : 50px;
}
@media (max-width: 991px) {
.doctor-preview-section {
padding-top : 3.2rem;
padding-bottom : 5rem;
}
.doctor-preview-section .row {
margin-top : 0;
}
.doctor-preview-section .row div[class*="col"]:nth-child(1n+2) {
margin-top : 30px;
}
.doctor-preview-section .row.btn-row {
margin-top : 30px;
}
}
.bg-section {
position : relative;
background-size : cover;
background-repeat : no-repeat;
background-position : 50% center;
}
.bg-section .foreground-img {
display : none;
text-align : center;
margin-top : 3.9rem;
}
.bg-section .foreground-img img {
width : 80%;
object-fit : cover;
margin : 0 auto;
image-rendering : crisp-edges;
}
@media (max-width: 991px) {
.bg-section {
background-position : center bottom;
}
.bg-section .foreground-img {
display : block;
}
.bg-section .container.position-relative {
position : static !important ;
}
}
.bg-section-1 {
background-image : url("../images/demos/demo-1/banner/banner-hero-1.jpg");
background-position : 50% top;
}
.bg-section-2 {
background-image : url("../images/demos/demo-1/banner/banner-hero-2.jpg");
background-position : 50% top;
}
.bg-section-3 {
background-image : url("../images/demos/demo-1/banner/banner-big-1.jpg");
}
.bg-section-4 {
background-image : url("../images/demos/demo-1/banner/banner-big-2.jpg");
}
.bg-section-5 {
background-image : url("../images/banner-cta.jpg");
}
.bg-section-6 {
background-image : url("../images/demos/demo-2/banner/banner-hero-1.jpg");
background-position : 50% top;
}
.bg-section-7 {
background-image : url("../images/demos/demo-2/banner/banner-hero-2.jpg");
background-position : 50% top;
}
.bg-section-8 {
background-image : url("../images/demos/demo-2/banner/banner-big.jpg");
}
.bg-section-9 {
background-image : url("../images/demos/demo-3/slide/slide-1.jpg");
background-position : 50% top;
}
.bg-section-10 {
background-image : url("../images/demos/demo-3/slide/slide-2.jpg");
background-position : 50% top;
}
.bg-section-11 {
background-image : url("../images/demos/demo-3/banner/banner-big.jpg");
}
.bg-section-12 {
background-image : url("../images/demos/demo-3/banner/banner-cta.jpg");
}
.bg-section-13 {
background-image : url("../images/demos/demo-7/slide/slide-1.jpg");
}
.bg-section-14 {
background-image : url("../images/demos/demo-7/slide/slide-2.jpg");
}
.bg-section-15 {
background-image : url("../images/demos/demo-6/banner/banner-appointment.jpg");
}
.bg-section-16 {
background-image : url("../images/demos/demo-7/banner/banner-big-2.jpg");
}
.bg-section-17 {
background-image : url("../images/backgrounds/background-1.jpg");
}
.bg-section-18 {
background-image : url("../images/backgrounds/background-2.jpg");
}
.bg-section-19 {
background-image : url("../images/demos/demo-4/slide/slide-1.jpg");
}
.bg-section-20 {
background-image : url("../images/demos/demo-4/slide/slide-2.jpg");
}
.bg-section-21 {
background-image : url("../images/backgrounds/background-1-back.jpg");
}
@media (max-width: 991px) {
.bg-section-1 {
background-image : url("../images/demos/demo-1/banner/banner-back.jpg");
}
.bg-section-2 {
background-image : url("../images/demos/demo-1/banner/banner-back.jpg");
}
.bg-section-3 {
background-image : url("../images/demos/demo-1/banner/banner-big-1-back.jpg");
}
.bg-section-4 {
background-image : url("../images/demos/demo-1/banner/banner-back.jpg");
}
.bg-section-5 {
background-image : url("../images/demos/demo-1/banner/banner-back.jpg");
}
.bg-section-6 {
background-image : url("../images/demos/demo-2/banner/banner-hero-back.jpg");
}
.bg-section-7 {
background-image : url("../images/demos/demo-2/banner/banner-hero-back.jpg");
}
.bg-section-8 {
background-image : url("../images/demos/demo-2/banner/banner-hero-back.jpg");
}
.bg-section-9 {
background-image : url("../images/demos/demo-3/slide/slide-1-back.jpg");
}
.bg-section-10 {
background-image : url("../images/demos/demo-3/slide/slide-2-back.jpg");
}
.bg-section-11 {
background-image : url("../images/demos/demo-3/banner/banner-back.jpg");
}
.bg-section-12 {
background-image : url("../images/demos/demo-3/banner/banner-back.jpg");
}
.bg-section-13 {
background-image : url("../images/demos/demo-7/slide/slide-back.jpg");
}
.bg-section-14 {
background-image : url("../images/demos/demo-7/slide/slide-back.jpg");
}
.bg-section-15 {
background-image : url("../images/demos/demo-6/banner/banner-back.jpg");
}
.bg-section-16 {
background-image : url("../images/demos/demo-7/banner/banner-big-2-back.jpg");
}
.bg-section-17 {
background-image : url("../images/backgrounds/background-1-back.jpg");
}
.bg-section-18 {
background-image : url("../images/backgrounds/background-2-back.jpg");
}
.bg-section-19 {
background-image : url("../images/demos/demo-4/slide/slide-back.jpg");
}
.bg-section-20 {
background-image : url("../images/demos/demo-4/slide/slide-back.jpg");
}
}
.appointment-section {
padding-top : 13rem;
padding-bottom : 15rem;
}
@media (max-width: 991px) {
.appointment-section {
padding-top : 3.7rem;
padding-bottom : 0;
}
}
.about-primary-section {
padding-top : 152px;
padding-bottom : 150px;
}
.about-primary-section p {
margin-bottom : 21px;
}
.about-primary-section figure {
position : relative;
overflow : visible;
}
.about-primary-section figure img:not(.puzzle) {
width : 100%;
height : auto;
}
.about-primary-section figure .puzzle {
    width: 13.5%;
    height: auto;
    top: -4rem;
    right: -4rem;
}
@media (max-width: 991px) {
.about-primary-section {
padding-top : 90px;
padding-bottom : 50px;
}
.about-primary-section figure {
margin-bottom : 5rem;
}
}
.team-section {
padding-top : 133px;
padding-bottom : 150px;
}
@media (max-width: 991px) {
.team-section {
padding-top : 33px;
padding-bottom : 50px;
}
}
.department-detailed-section {
padding-top : 150px;
padding-bottom : 146px;
}
.department-detailed-section p {
font-weight : 500;
font-size : 18px;
}
.department-detailed-section ul {
margin-left : 6rem;
margin-bottom : 4rem;
}
.department-detailed-section li {
font-weight : 500;
font-size : 18px;
}
.department-detailed-section li span {
font-weight : 800;
color : #38394c;
font-size : inherit;
}
.department-detailed-section li:nth-child(1n+2) {
margin-top : 3.4rem;
}
.department-detailed-section .banner-content--wrapper {
width : 90%;
}
.department-detailed-section .department-detailed-image img:not(.puzzle) {
width : 100%;
height : auto;
}
.department-detailed-section .department-detailed-image .puzzle {
width : 32.5%;
height : auto;
top : -4rem;
right : -4rem;
}
@media (max-width: 991px) {
.department-detailed-section {
padding-top : 5rem;
padding-bottom : 2.8rem;
}
.department-detailed-section .banner-content--wrapper {
width : 100%;
}
.department-detailed-section .department-detailed-image {
margin-top : 5.4rem;
}
.department-detailed-section .department-detailed-image .puzzle {
right : 0;
}
.department-detailed-section .department-detailed-image figure {
margin-bottom : 3.3rem;
}
.department-detailed-section p {
margin-bottom : 1.4rem;
}
.department-detailed-section ul {
margin-left : 0;
margin-bottom : 1.4rem;
}
.department-detailed-section ul li:nth-child(1n+2) {
margin-top : 2.1rem;
}
}
.faq-section {
padding-top : 7rem;
padding-bottom : 15rem;
}
.faq-section h2 {
margin-bottom : 3.2rem;
}
.faq-section .accordion {
margin-bottom : 0;
}
@media (max-width: 991px) {
.faq-section {
padding-top : 3rem;
padding-bottom : 5rem;
}
.faq-section h2 {
margin-bottom : 1.9rem;
}
}
.doctor-list-section {
padding-top : 4rem;
padding-bottom : 15rem;
}
@media (max-width: 991px) {
.doctor-list-section {
padding-top : 3rem;
padding-bottom : 5rem;
}
}
.doctor-detailed-section {
padding-top : 15rem;
padding-bottom : 15rem;
}
.doctor-detailed-section .banner-content {
width : 90%;
}
.doctor-detailed-section .banner-content .banner-subcontent {
margin-top : 2.3rem;
width : 100%;
}
.doctor-detailed-section .banner-content .banner-subcontent .subcontent-menu {
width : 100%;
}
.doctor-detailed-section .doctor-detailed-image img:not(.puzzle) {
width : 100%;
height : auto;
}
.doctor-detailed-section .doctor-detailed-image .puzzle {
width : 32.5%;
height : auto;
top : -4rem;
right : -4rem;
}
@media (max-width: 991px) {
.doctor-detailed-section {
padding-top : 9rem;
padding-bottom : 5rem;
}
.doctor-detailed-section .subcontent-title {
margin : 0;
}
.doctor-detailed-section .banner-content {
margin-top : 1rem;
}
}
@media (max-width: 767px) {
.doctor-detailed-section .doctor-detailed-image .puzzle {
right : 0;
}
}
.contact-detail-section {
padding-top : 52px;
}
.contact-detail-section h2 {
margin : 0;
}
.contact-detail-section .row {
margin-top : 7.3rem;
}
.contact-detail-section-1 {
padding-bottom : 150px;
}
@media (max-width: 991px) {
.contact-detail-section {
padding-top : 34px;
}
.contact-detail-section .row {
margin-top : 0;
}
}
.contact-map-section {
padding-top : 9.5rem;
}
@media (max-width: 991px) {
.contact-map-section {
padding-top : 40px;
}
}
.contact-form-section {
padding-top : 45px;
padding-bottom : 140px;
}
@media (max-width: 991px) {
.contact-form-section {
padding-top : 126px;
padding-bottom : 40px;
}
}
.article-section {
padding-top : 145px;
padding-bottom : 127px;
}
.article-section .sub-title {
margin : 0;
}
.article-section .btn-link a::before {
bottom : -0.1rem;
}
.article-section .btn-link > * {
font-size : 14px !important ;
}
@media null {
.article-section .row .row > *:nth-last-child(-1n+2) .article {
border-bottom : none;
}
}
@media (max-width: 991px) {
.article-section {
padding-top : 45px;
padding-bottom : 50px;
}
.article-section .row .row > *:last-child .article {
border-bottom : none;
}
.article-section .row .row > *:first-child .article {
padding-top : 1.7rem;
}
}
.review-section {
padding-top : 12.8rem;
padding-bottom : 15rem;
}
.review-section .pagination {
margin-top : 10rem;
}
@media (max-width: 991px) {
.review-section {
padding-top : 3.9rem;
padding-bottom : 5.5rem;
}
.review-section .review-filter-form {
margin-top : 1.3rem;
}
.review-section .pagination {
margin-top : 3rem;
}
}
.article-detailed-section {
padding-top : 15rem;
padding-bottom : 13rem;
}
.article-detailed-section .sub-title {
margin-bottom : 1.3rem;
}
.article-detailed-section .sub-paragraph {
margin-bottom : 2.7rem;
}
@media (max-width: 991px) {
.article-detailed-section {
padding-top : 3.5rem;
padding-bottom : 5rem;
}
}
.review-form-section {
padding : 13rem 0 15rem 0;
}
.review-form-section .review-form {
margin : 0 auto;
}
.review-form-section .review-form .form-title {
margin-bottom : 4rem;
}
@media (max-width: 991px) {
.review-form-section {
padding : 4rem 0 5rem 0;
}
.review-form-section .review-form .form-title {
margin-bottom : 0.9rem;
}
.review-form-section .review-form div[class*="col"]:nth-child(1n+2) {
margin-top : 2rem;
}
.review-form-section .review-form .banner-actions {
margin-top : 2rem;
}
.review-form-section .review-form .banner-actions button {
max-width : 100%;
}
}
@media (max-width: 575px) {
.review-form-section .review-form {
width : 100%;
}
}
.schedule-section .widget {
padding : 95px 0 100px 0;
}
@media (max-width: 991px) {
.schedule-section {
padding : 5rem;
}
.schedule-section .puzzle {
top : -20rem;
transform : scale(0.8);
}
.schedule-section .widget {
padding : 0;
}
.schedule-section div[class*="col"]:nth-child(3) .widget {
padding-top : 4.6rem;
}
.schedule-section .btn {
display : block;
margin-left : auto;
margin-right : auto;
}
}
@media (max-width: 767px) {
.schedule-section {
padding : 5rem 0;
}
}
.department-preview-section {
padding-top : 13rem;
padding-bottom : 15rem;
}
@media (max-width: 991px) {
.department-preview-section {
padding-top : 3rem;
padding-bottom : 5rem;
}
}
.type-section-2 .banner-content .banner-title {
margin-bottom : 3.3rem;
}
.type-section-2 .banner-content .banner-info {
margin-bottom : 4.5rem;
}
.type-section-2 .banner-content-wrapper {
width : 66%;
margin-bottom : 35px;
}
@media (max-width: 991px) {
.type-section-2 .banner-content-wrapper {
width : 100%;
margin-left : auto;
margin-right : auto;
}
}
.type-section-2 .icon-box-left {
flex-direction : row;
margin-bottom : 3rem;
}
.type-section-2 .icon-box-left .box-title {
color : #5e616c;
}
.type-section-2 .box-title {
letter-spacing : 0.5px;
}
.type-section-2 .banner-actions {
margin-top : 2rem;
}
.type-section-2 .banner-actions .btn {
margin-top : 0;
}
@media (max-width: 991px) {
.type-section-2 .banner-content .banner-title {
margin-bottom : 0;
}
.type-section-2 .banner-content .banner-info {
margin-bottom : 0;
}
.type-section-2 .icon-box-left {
margin-bottom : 1.5rem;
}
}
.review-bg-section .banner-content {
padding-top : 132px;
padding-bottom : 150px;
}
.review-bg-section .banner-content .banner-title {
margin-bottom : 5.3rem;
}
.review-bg-section .banner-content .banner-actions {
margin-top : 3.8rem;
}
.review-bg-section .banner-content .banner-actions .btn {
margin : 0;
}
@media (max-width: 991px) {
.review-bg-section {
text-align : center;
}
.review-bg-section .banner-content {
padding : 32px 0 0 0;
}
.review-bg-section .banner-content .banner-title {
margin-bottom : 2.7rem;
}
.review-bg-section .banner-content .banner-actions {
margin-top : 1.8rem;
}
}
.review-carousel {
position : relative;
}
@media (max-width: 991px) {
.review-carousel .card-review .review-desc {
font-size : calc(15px + (24 - 15) * ((100vw - 200px) / (992 - 200))) !important ;
line-height : calc(25px + (34 - 25) * ((100vw - 200px) / (992 - 200))) !important ;
}
.review-carousel .owl-prev {
top : 50% !important ;
transform : translateY(-50%);
right : initial !important ;
left : 0 !important ;
}
.review-carousel .owl-next {
top : 50% !important ;
transform : translateY(-50%);
right : 0 !important ;
}
}
.appointment-dropdown {
padding : 0 !important ;
}
.appointment-dropdown .container {
padding : 0 !important ;
}
.appointment-dropdown .appointment {
padding : 40px 0;
}
.appointment-dropdown .appointment div[class*="col"]:nth-child(1n+4) {
margin-top : 11px;
}
@media (max-width: 991px) {
.appointment-dropdown .btn-book {
width : 65%;
justify-content : space-between;
left : 50%;
transform : translateX(-50%);
}
.appointment-dropdown .btn-book i {
margin-left : 0;
}
}
@media (max-width: 575px) {
.appointment-dropdown .btn-book {
width : 82%;
}
}
.blog-masonry-section {
padding-top : 13rem;
padding-bottom : 15rem;
}
.blog-masonry-section .option-menu {
min-width : 280px;
}
@media (max-width: 991px) {
.blog-masonry-section {
padding-top : 3rem;
padding-bottom : 5rem;
}
.blog-masonry-section .pagination {
margin-top : 3rem !important ;
}
}
.blog-sidebar-list {
padding-top : 12rem;
padding-bottom : 15rem;
}
.blog-sidebar-list .pagination {
margin-top : 10rem;
}
@media (max-width: 991px) {
.blog-sidebar-list {
padding-top : 2rem;
padding-bottom : 5rem;
}
.blog-sidebar-list .pagination {
justify-content : center !important ;
margin-top : 3rem;
}
}
.blog-detailed {
padding-top : 7rem;
padding-bottom : 15rem;
}
.blog-detailed .review-form {
margin-top : 8rem;
}
.blog-detailed .review-form .form-title {
margin-bottom : 2rem !important ;
}
@media (max-width: 991px) {
.blog-detailed {
padding-top : 5rem;
padding-bottom : 5rem;
}
.blog-detailed-sidebar .review-form {
margin-bottom : 3rem;
}
.blog-detailed .blog-comments .title {
margin : 3.2rem 0 0.6rem 0 !important ;
}
.blog-detailed .review-form {
margin-top : 0.6rem;
}
.blog-detailed .review-form .form-title {
margin-bottom : 0.6rem !important ;
}
}
.department-list-section {
padding-top : 13rem;
padding-bottom : 15rem;
}
.department-list-section > h2 {
margin-bottom : 2rem;
}
@media (max-width: 991px) {
.department-list-section {
padding-top : 3rem;
padding-bottom : 5rem;
}
.department-list-section h2 {
margin-bottom : 0;
}
}
.cta-section-1 {
padding : 17.2rem 0 19rem 0;
}
.cta-section-1 .banner-content .banner-title {
margin-bottom : 4.4rem;
font-size : 48px;
line-height : 52px;
}
@media (max-width: 991px) {
.cta-section-1 {
padding-top : 5rem;
}
.cta-section-1 .banner-title {
font-size : calc(20px + (60 - 20) * ((100vw - 200px) / (992 - 200)));
line-height : calc(40px + (80 - 40) * ((100vw - 200px) / (992 - 200)));
}
.cta-section-1 .banner-content {
width : 90%;
margin : 0 auto;
}
}
@media (max-width: 575px) {
.cta-section-1 .banner-content {
width : 100%;
}
}
.doctor-filter-section {
padding-top : 14.1rem;
padding-bottom : 15rem;
}
.doctor-filter-section span {
font-weight : 500;
}
.doctor-filter-section .doctor-Availability {
margin-bottom : 0;
}
@media (max-width: 991px) {
.doctor-filter-section {
padding-top : 4.1rem;
padding-bottom : 5rem;
}
.doctor-filter-section > h2, .doctor-filter-section > span {
margin-left : 2rem;
}
.doctor-filter-section .pagination {
justify-content : center !important ;
}
}
.apppointment-step-2-section {
padding-top : 14.1rem;
padding-bottom : 15rem;
}
.apppointment-step-2-section h2 {
margin-bottom : 4.4rem;
}
.apppointment-step-2-section .box-doctor {
padding : 2.7rem 4rem;
}
@media (max-width: 991px) {
.apppointment-step-2-section {
padding-top : 4.1rem;
padding-bottom : 5rem;
}
.apppointment-step-2-section h2 {
margin-bottom : 3.7rem;
}
}
.apppointment-step-3-section {
padding-top : 14rem;
padding-bottom : 15rem;
}
.apppointment-step-3-section h2 {
margin-bottom : 5.5rem;
}
.apppointment-step-3-section .sub-title {
margin-bottom : 0;
}
.apppointment-step-3-section .sub-title-1 {
font-size : 4rem;
margin-bottom : 0.6rem;
}
@media (max-width: 991px) {
.apppointment-step-3-section {
padding-top : 4rem;
padding-bottom : 5rem;
}
.apppointment-step-3-section h2 {
margin-bottom : 2.5rem;
}
.apppointment-step-3-section .btn {
width : 100%;
}
.apppointment-step-3-section .payment-tab .btn {
width : 100%;
margin-left : 0;
}
}
.apppointment-step-4-section {
padding-top : 14rem;
padding-bottom : 14.5rem;
}
.apppointment-step-4-section h2 {
margin-bottom : 3rem;
}
.apppointment-step-4-section .sub-title {
margin-bottom : 0.4rem;
}
.apppointment-step-4-section .sub-paragraph {
margin-bottom : 3.6rem;
display : block;
}
@media (max-width: 991px) {
.apppointment-step-4-section {
padding-top : 4rem;
padding-bottom : 4.5rem;
}
.apppointment-step-4-section .sub-paragraph {
margin-bottom : 1.7rem;
}
.apppointment-step-4-section .content-row div[class*="col"]:first-child {
margin-top : 1.6rem;
}
.apppointment-step-4-section .appoint-list {
margin-bottom : 2.2rem;
}
}
.book-form.book-form-4 {
position : static;
max-width : 405px;
height : 651px;
z-index : 2;
}
.book-form.book-form-4 .sub-title {
margin-top : 0.2rem;
margin-bottom : 3rem;
}
.book-form.book-form-4 .btn-form {
font-size : 1.6rem;
letter-spacing : 0;
}
@media (max-width: 991px) {
.book-form.book-form-4 {
position : relative;
}
}
.intro-slide-2 {
height : auto;
padding : 16rem 0 11rem 0;
}
.intro-slide-2 .container {
height : 100%;
}
.intro-slide-2 .container .row {
height : 100%;
}
.intro-slide-2 .banner-content {
position : static;
}
@media (max-width: 991px) {
.intro-slide-2 {
padding-bottom : 0;
}
.intro-slide-2 > .container > .row > div[class*="col"]:nth-child(1n+2) {
margin-top : 3rem;
}
.intro-slide-2 .banner-content {
text-align : center;
}
.intro-slide-2 .banner-content .btn:nth-child(1n+2) {
margin-top : 1rem;
}
.intro-slide-2 .book-form.book-form-4 {
margin : 0 auto;
}
}
.map-section .container {
padding-top : 132px;
padding-bottom : 150px;
}
.map-section h2 {
margin-bottom : 4.7rem;
}
.map-section .card-rating {
max-width : none;
}
@media (max-width: 991px) {
.map-section .container {
padding-top : 50px;
padding-bottom : 30%;
}
.map-section .card-rating {
left : 50%;
transform : translateX(-50%);
}
}
@media (max-width: 575px) {
.map-section .container {
padding-bottom : 40%;
}
}
.map-section-1 {
padding-top : 132px;
padding-bottom : 150px;
}
.map-section-1 h2 {
margin-bottom : 20px;
}
@media (max-width: 991px) {
.map-section-1 {
padding-top : 32px;
padding-bottom : 50px;
}
}
.image-box-slider {
padding-top : 132px;
padding-bottom : 150px;
}
.image-box-slider .banner-content .banner-title {
margin-bottom : 3.3rem;
}
.image-box-slider .banner-content .banner-title, .image-box-slider .banner-content .banner-info {
width : 66%;
}
@media (max-width: 991px) {
.image-box-slider .banner-content .banner-title, .image-box-slider .banner-content .banner-info {
width : 100%;
}
}
@media (max-width: 767px) {
.image-box-slider .banner-content .banner-title, .image-box-slider .banner-content .banner-info {
width : 100%;
}
}
.image-box-slider .owl-nav .owl-prev {
left : -25% !important ;
background-color : #dde8e9;
}
.image-box-slider .owl-nav .owl-next {
right : -25% !important ;
background-color : #dde8e9;
}
@media (max-width: 991px) {
.image-box-slider {
padding-top : 32px;
padding-bottom : 50px;
}
.image-box-slider .banner-title, .image-box-slider .banner-info {
width : 100%;
}
.image-box-slider .banner-actions {
text-align : center;
}
.image-box-slider .banner-actions .btn:nth-child(1n+2) {
margin-top : 2rem;
}
}
.login-section .sign-form {
max-width : 100%;
}
@media (max-width: 991px) {
.login-section {
padding-top : 15rem;
height : 100% !important ;
}
.login-section .sign-form {
width : 60%;
margin : 0 auto;
position : static;
transform : translateY(0);
}
}
@media (max-width: 767px) {
.login-section .sign-form {
width : 80%;
}
}
@media (max-width: 575px) {
.login-section {
padding : 15rem 2.5rem 0 2.5rem;
}
.login-section .sign-form {
width : 100%;
min-width : 100%;
}
}
.login-section a::before, .signup-section a::before {
bottom : -0.1rem;
}