@charset "UTF-8";
@font-face {
font-display: block;
font-family: "bootstrap-icons";
src: url(https://www.onesteps.in/wp-content/themes/onesteps/assets/css/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6) format("woff2"),
url(https://www.onesteps.in/wp-content/themes/onesteps/assets/css/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6) format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
display: inline-block;
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bi-123::before {
content: "\f67f";
}
.bi-alarm-fill::before {
content: "\f101";
}
.bi-alarm::before {
content: "\f102";
}
.bi-align-bottom::before {
content: "\f103";
}
.bi-align-center::before {
content: "\f104";
}
.bi-align-end::before {
content: "\f105";
}
.bi-align-middle::before {
content: "\f106";
}
.bi-align-start::before {
content: "\f107";
}
.bi-align-top::before {
content: "\f108";
}
.bi-alt::before {
content: "\f109";
}
.bi-app-indicator::before {
content: "\f10a";
}
.bi-app::before {
content: "\f10b";
}
.bi-archive-fill::before {
content: "\f10c";
}
.bi-archive::before {
content: "\f10d";
}
.bi-arrow-90deg-down::before {
content: "\f10e";
}
.bi-arrow-90deg-left::before {
content: "\f10f";
}
.bi-arrow-90deg-right::before {
content: "\f110";
}
.bi-arrow-90deg-up::before {
content: "\f111";
}
.bi-arrow-bar-down::before {
content: "\f112";
}
.bi-arrow-bar-left::before {
content: "\f113";
}
.bi-arrow-bar-right::before {
content: "\f114";
}
.bi-arrow-bar-up::before {
content: "\f115";
}
.bi-arrow-clockwise::before {
content: "\f116";
}
.bi-arrow-counterclockwise::before {
content: "\f117";
}
.bi-arrow-down-circle-fill::before {
content: "\f118";
}
.bi-arrow-down-circle::before {
content: "\f119";
}
.bi-arrow-down-left-circle-fill::before {
content: "\f11a";
}
.bi-arrow-down-left-circle::before {
content: "\f11b";
}
.bi-arrow-down-left-square-fill::before {
content: "\f11c";
}
.bi-arrow-down-left-square::before {
content: "\f11d";
}
.bi-arrow-down-left::before {
content: "\f11e";
}
.bi-arrow-down-right-circle-fill::before {
content: "\f11f";
}
.bi-arrow-down-right-circle::before {
content: "\f120";
}
.bi-arrow-down-right-square-fill::before {
content: "\f121";
}
.bi-arrow-down-right-square::before {
content: "\f122";
}
.bi-arrow-down-right::before {
content: "\f123";
}
.bi-arrow-down-short::before {
content: "\f124";
}
.bi-arrow-down-square-fill::before {
content: "\f125";
}
.bi-arrow-down-square::before {
content: "\f126";
}
.bi-arrow-down-up::before {
content: "\f127";
}
.bi-arrow-down::before {
content: "\f128";
}
.bi-arrow-left-circle-fill::before {
content: "\f129";
}
.bi-arrow-left-circle::before {
content: "\f12a";
}
.bi-arrow-left-right::before {
content: "\f12b";
}
.bi-arrow-left-short::before {
content: "\f12c";
}
.bi-arrow-left-square-fill::before {
content: "\f12d";
}
.bi-arrow-left-square::before {
content: "\f12e";
}
.bi-arrow-left::before {
content: "\f12f";
}
.bi-arrow-repeat::before {
content: "\f130";
}
.bi-arrow-return-left::before {
content: "\f131";
}
.bi-arrow-return-right::before {
content: "\f132";
}
.bi-arrow-right-circle-fill::before {
content: "\f133";
}
.bi-arrow-right-circle::before {
content: "\f134";
}
.bi-arrow-right-short::before {
content: "\f135";
}
.bi-arrow-right-square-fill::before {
content: "\f136";
}
.bi-arrow-right-square::before {
content: "\f137";
}
.bi-arrow-right::before {
content: "\f138";
}
.bi-arrow-up-circle-fill::before {
content: "\f139";
}
.bi-arrow-up-circle::before {
content: "\f13a";
}
.bi-arrow-up-left-circle-fill::before {
content: "\f13b";
}
.bi-arrow-up-left-circle::before {
content: "\f13c";
}
.bi-arrow-up-left-square-fill::before {
content: "\f13d";
}
.bi-arrow-up-left-square::before {
content: "\f13e";
}
.bi-arrow-up-left::before {
content: "\f13f";
}
.bi-arrow-up-right-circle-fill::before {
content: "\f140";
}
.bi-arrow-up-right-circle::before {
content: "\f141";
}
.bi-arrow-up-right-square-fill::before {
content: "\f142";
}
.bi-arrow-up-right-square::before {
content: "\f143";
}
.bi-arrow-up-right::before {
content: "\f144";
}
.bi-arrow-up-short::before {
content: "\f145";
}
.bi-arrow-up-square-fill::before {
content: "\f146";
}
.bi-arrow-up-square::before {
content: "\f147";
}
.bi-arrow-up::before {
content: "\f148";
}
.bi-arrows-angle-contract::before {
content: "\f149";
}
.bi-arrows-angle-expand::before {
content: "\f14a";
}
.bi-arrows-collapse::before {
content: "\f14b";
}
.bi-arrows-expand::before {
content: "\f14c";
}
.bi-arrows-fullscreen::before {
content: "\f14d";
}
.bi-arrows-move::before {
content: "\f14e";
}
.bi-aspect-ratio-fill::before {
content: "\f14f";
}
.bi-aspect-ratio::before {
content: "\f150";
}
.bi-asterisk::before {
content: "\f151";
}
.bi-at::before {
content: "\f152";
}
.bi-award-fill::before {
content: "\f153";
}
.bi-award::before {
content: "\f154";
}
.bi-back::before {
content: "\f155";
}
.bi-backspace-fill::before {
content: "\f156";
}
.bi-backspace-reverse-fill::before {
content: "\f157";
}
.bi-backspace-reverse::before {
content: "\f158";
}
.bi-backspace::before {
content: "\f159";
}
.bi-badge-3d-fill::before {
content: "\f15a";
}
.bi-badge-3d::before {
content: "\f15b";
}
.bi-badge-4k-fill::before {
content: "\f15c";
}
.bi-badge-4k::before {
content: "\f15d";
}
.bi-badge-8k-fill::before {
content: "\f15e";
}
.bi-badge-8k::before {
content: "\f15f";
}
.bi-badge-ad-fill::before {
content: "\f160";
}
.bi-badge-ad::before {
content: "\f161";
}
.bi-badge-ar-fill::before {
content: "\f162";
}
.bi-badge-ar::before {
content: "\f163";
}
.bi-badge-cc-fill::before {
content: "\f164";
}
.bi-badge-cc::before {
content: "\f165";
}
.bi-badge-hd-fill::before {
content: "\f166";
}
.bi-badge-hd::before {
content: "\f167";
}
.bi-badge-tm-fill::before {
content: "\f168";
}
.bi-badge-tm::before {
content: "\f169";
}
.bi-badge-vo-fill::before {
content: "\f16a";
}
.bi-badge-vo::before {
content: "\f16b";
}
.bi-badge-vr-fill::before {
content: "\f16c";
}
.bi-badge-vr::before {
content: "\f16d";
}
.bi-badge-wc-fill::before {
content: "\f16e";
}
.bi-badge-wc::before {
content: "\f16f";
}
.bi-bag-check-fill::before {
content: "\f170";
}
.bi-bag-check::before {
content: "\f171";
}
.bi-bag-dash-fill::before {
content: "\f172";
}
.bi-bag-dash::before {
content: "\f173";
}
.bi-bag-fill::before {
content: "\f174";
}
.bi-bag-plus-fill::before {
content: "\f175";
}
.bi-bag-plus::before {
content: "\f176";
}
.bi-bag-x-fill::before {
content: "\f177";
}
.bi-bag-x::before {
content: "\f178";
}
.bi-bag::before {
content: "\f179";
}
.bi-bar-chart-fill::before {
content: "\f17a";
}
.bi-bar-chart-line-fill::before {
content: "\f17b";
}
.bi-bar-chart-line::before {
content: "\f17c";
}
.bi-bar-chart-steps::before {
content: "\f17d";
}
.bi-bar-chart::before {
content: "\f17e";
}
.bi-basket-fill::before {
content: "\f17f";
}
.bi-basket::before {
content: "\f180";
}
.bi-basket2-fill::before {
content: "\f181";
}
.bi-basket2::before {
content: "\f182";
}
.bi-basket3-fill::before {
content: "\f183";
}
.bi-basket3::before {
content: "\f184";
}
.bi-battery-charging::before {
content: "\f185";
}
.bi-battery-full::before {
content: "\f186";
}
.bi-battery-half::before {
content: "\f187";
}
.bi-battery::before {
content: "\f188";
}
.bi-bell-fill::before {
content: "\f189";
}
.bi-bell::before {
content: "\f18a";
}
.bi-bezier::before {
content: "\f18b";
}
.bi-bezier2::before {
content: "\f18c";
}
.bi-bicycle::before {
content: "\f18d";
}
.bi-binoculars-fill::before {
content: "\f18e";
}
.bi-binoculars::before {
content: "\f18f";
}
.bi-blockquote-left::before {
content: "\f190";
}
.bi-blockquote-right::before {
content: "\f191";
}
.bi-book-fill::before {
content: "\f192";
}
.bi-book-half::before {
content: "\f193";
}
.bi-book::before {
content: "\f194";
}
.bi-bookmark-check-fill::before {
content: "\f195";
}
.bi-bookmark-check::before {
content: "\f196";
}
.bi-bookmark-dash-fill::before {
content: "\f197";
}
.bi-bookmark-dash::before {
content: "\f198";
}
.bi-bookmark-fill::before {
content: "\f199";
}
.bi-bookmark-heart-fill::before {
content: "\f19a";
}
.bi-bookmark-heart::before {
content: "\f19b";
}
.bi-bookmark-plus-fill::before {
content: "\f19c";
}
.bi-bookmark-plus::before {
content: "\f19d";
}
.bi-bookmark-star-fill::before {
content: "\f19e";
}
.bi-bookmark-star::before {
content: "\f19f";
}
.bi-bookmark-x-fill::before {
content: "\f1a0";
}
.bi-bookmark-x::before {
content: "\f1a1";
}
.bi-bookmark::before {
content: "\f1a2";
}
.bi-bookmarks-fill::before {
content: "\f1a3";
}
.bi-bookmarks::before {
content: "\f1a4";
}
.bi-bookshelf::before {
content: "\f1a5";
}
.bi-bootstrap-fill::before {
content: "\f1a6";
}
.bi-bootstrap-reboot::before {
content: "\f1a7";
}
.bi-bootstrap::before {
content: "\f1a8";
}
.bi-border-all::before {
content: "\f1a9";
}
.bi-border-bottom::before {
content: "\f1aa";
}
.bi-border-center::before {
content: "\f1ab";
}
.bi-border-inner::before {
content: "\f1ac";
}
.bi-border-left::before {
content: "\f1ad";
}
.bi-border-middle::before {
content: "\f1ae";
}
.bi-border-outer::before {
content: "\f1af";
}
.bi-border-right::before {
content: "\f1b0";
}
.bi-border-style::before {
content: "\f1b1";
}
.bi-border-top::before {
content: "\f1b2";
}
.bi-border-width::before {
content: "\f1b3";
}
.bi-border::before {
content: "\f1b4";
}
.bi-bounding-box-circles::before {
content: "\f1b5";
}
.bi-bounding-box::before {
content: "\f1b6";
}
.bi-box-arrow-down-left::before {
content: "\f1b7";
}
.bi-box-arrow-down-right::before {
content: "\f1b8";
}
.bi-box-arrow-down::before {
content: "\f1b9";
}
.bi-box-arrow-in-down-left::before {
content: "\f1ba";
}
.bi-box-arrow-in-down-right::before {
content: "\f1bb";
}
.bi-box-arrow-in-down::before {
content: "\f1bc";
}
.bi-box-arrow-in-left::before {
content: "\f1bd";
}
.bi-box-arrow-in-right::before {
content: "\f1be";
}
.bi-box-arrow-in-up-left::before {
content: "\f1bf";
}
.bi-box-arrow-in-up-right::before {
content: "\f1c0";
}
.bi-box-arrow-in-up::before {
content: "\f1c1";
}
.bi-box-arrow-left::before {
content: "\f1c2";
}
.bi-box-arrow-right::before {
content: "\f1c3";
}
.bi-box-arrow-up-left::before {
content: "\f1c4";
}
.bi-box-arrow-up-right::before {
content: "\f1c5";
}
.bi-box-arrow-up::before {
content: "\f1c6";
}
.bi-box-seam::before {
content: "\f1c7";
}
.bi-box::before {
content: "\f1c8";
}
.bi-braces::before {
content: "\f1c9";
}
.bi-bricks::before {
content: "\f1ca";
}
.bi-briefcase-fill::before {
content: "\f1cb";
}
.bi-briefcase::before {
content: "\f1cc";
}
.bi-brightness-alt-high-fill::before {
content: "\f1cd";
}
.bi-brightness-alt-high::before {
content: "\f1ce";
}
.bi-brightness-alt-low-fill::before {
content: "\f1cf";
}
.bi-brightness-alt-low::before {
content: "\f1d0";
}
.bi-brightness-high-fill::before {
content: "\f1d1";
}
.bi-brightness-high::before {
content: "\f1d2";
}
.bi-brightness-low-fill::before {
content: "\f1d3";
}
.bi-brightness-low::before {
content: "\f1d4";
}
.bi-broadcast-pin::before {
content: "\f1d5";
}
.bi-broadcast::before {
content: "\f1d6";
}
.bi-brush-fill::before {
content: "\f1d7";
}
.bi-brush::before {
content: "\f1d8";
}
.bi-bucket-fill::before {
content: "\f1d9";
}
.bi-bucket::before {
content: "\f1da";
}
.bi-bug-fill::before {
content: "\f1db";
}
.bi-bug::before {
content: "\f1dc";
}
.bi-building::before {
content: "\f1dd";
}
.bi-bullseye::before {
content: "\f1de";
}
.bi-calculator-fill::before {
content: "\f1df";
}
.bi-calculator::before {
content: "\f1e0";
}
.bi-calendar-check-fill::before {
content: "\f1e1";
}
.bi-calendar-check::before {
content: "\f1e2";
}
.bi-calendar-date-fill::before {
content: "\f1e3";
}
.bi-calendar-date::before {
content: "\f1e4";
}
.bi-calendar-day-fill::before {
content: "\f1e5";
}
.bi-calendar-day::before {
content: "\f1e6";
}
.bi-calendar-event-fill::before {
content: "\f1e7";
}
.bi-calendar-event::before {
content: "\f1e8";
}
.bi-calendar-fill::before {
content: "\f1e9";
}
.bi-calendar-minus-fill::before {
content: "\f1ea";
}
.bi-calendar-minus::before {
content: "\f1eb";
}
.bi-calendar-month-fill::before {
content: "\f1ec";
}
.bi-calendar-month::before {
content: "\f1ed";
}
.bi-calendar-plus-fill::before {
content: "\f1ee";
}
.bi-calendar-plus::before {
content: "\f1ef";
}
.bi-calendar-range-fill::before {
content: "\f1f0";
}
.bi-calendar-range::before {
content: "\f1f1";
}
.bi-calendar-week-fill::before {
content: "\f1f2";
}
.bi-calendar-week::before {
content: "\f1f3";
}
.bi-calendar-x-fill::before {
content: "\f1f4";
}
.bi-calendar-x::before {
content: "\f1f5";
}
.bi-calendar::before {
content: "\f1f6";
}
.bi-calendar2-check-fill::before {
content: "\f1f7";
}
.bi-calendar2-check::before {
content: "\f1f8";
}
.bi-calendar2-date-fill::before {
content: "\f1f9";
}
.bi-calendar2-date::before {
content: "\f1fa";
}
.bi-calendar2-day-fill::before {
content: "\f1fb";
}
.bi-calendar2-day::before {
content: "\f1fc";
}
.bi-calendar2-event-fill::before {
content: "\f1fd";
}
.bi-calendar2-event::before {
content: "\f1fe";
}
.bi-calendar2-fill::before {
content: "\f1ff";
}
.bi-calendar2-minus-fill::before {
content: "\f200";
}
.bi-calendar2-minus::before {
content: "\f201";
}
.bi-calendar2-month-fill::before {
content: "\f202";
}
.bi-calendar2-month::before {
content: "\f203";
}
.bi-calendar2-plus-fill::before {
content: "\f204";
}
.bi-calendar2-plus::before {
content: "\f205";
}
.bi-calendar2-range-fill::before {
content: "\f206";
}
.bi-calendar2-range::before {
content: "\f207";
}
.bi-calendar2-week-fill::before {
content: "\f208";
}
.bi-calendar2-week::before {
content: "\f209";
}
.bi-calendar2-x-fill::before {
content: "\f20a";
}
.bi-calendar2-x::before {
content: "\f20b";
}
.bi-calendar2::before {
content: "\f20c";
}
.bi-calendar3-event-fill::before {
content: "\f20d";
}
.bi-calendar3-event::before {
content: "\f20e";
}
.bi-calendar3-fill::before {
content: "\f20f";
}
.bi-calendar3-range-fill::before {
content: "\f210";
}
.bi-calendar3-range::before {
content: "\f211";
}
.bi-calendar3-week-fill::before {
content: "\f212";
}
.bi-calendar3-week::before {
content: "\f213";
}
.bi-calendar3::before {
content: "\f214";
}
.bi-calendar4-event::before {
content: "\f215";
}
.bi-calendar4-range::before {
content: "\f216";
}
.bi-calendar4-week::before {
content: "\f217";
}
.bi-calendar4::before {
content: "\f218";
}
.bi-camera-fill::before {
content: "\f219";
}
.bi-camera-reels-fill::before {
content: "\f21a";
}
.bi-camera-reels::before {
content: "\f21b";
}
.bi-camera-video-fill::before {
content: "\f21c";
}
.bi-camera-video-off-fill::before {
content: "\f21d";
}
.bi-camera-video-off::before {
content: "\f21e";
}
.bi-camera-video::before {
content: "\f21f";
}
.bi-camera::before {
content: "\f220";
}
.bi-camera2::before {
content: "\f221";
}
.bi-capslock-fill::before {
content: "\f222";
}
.bi-capslock::before {
content: "\f223";
}
.bi-card-checklist::before {
content: "\f224";
}
.bi-card-heading::before {
content: "\f225";
}
.bi-card-image::before {
content: "\f226";
}
.bi-card-list::before {
content: "\f227";
}
.bi-card-text::before {
content: "\f228";
}
.bi-caret-down-fill::before {
content: "\f229";
}
.bi-caret-down-square-fill::before {
content: "\f22a";
}
.bi-caret-down-square::before {
content: "\f22b";
}
.bi-caret-down::before {
content: "\f22c";
}
.bi-caret-left-fill::before {
content: "\f22d";
}
.bi-caret-left-square-fill::before {
content: "\f22e";
}
.bi-caret-left-square::before {
content: "\f22f";
}
.bi-caret-left::before {
content: "\f230";
}
.bi-caret-right-fill::before {
content: "\f231";
}
.bi-caret-right-square-fill::before {
content: "\f232";
}
.bi-caret-right-square::before {
content: "\f233";
}
.bi-caret-right::before {
content: "\f234";
}
.bi-caret-up-fill::before {
content: "\f235";
}
.bi-caret-up-square-fill::before {
content: "\f236";
}
.bi-caret-up-square::before {
content: "\f237";
}
.bi-caret-up::before {
content: "\f238";
}
.bi-cart-check-fill::before {
content: "\f239";
}
.bi-cart-check::before {
content: "\f23a";
}
.bi-cart-dash-fill::before {
content: "\f23b";
}
.bi-cart-dash::before {
content: "\f23c";
}
.bi-cart-fill::before {
content: "\f23d";
}
.bi-cart-plus-fill::before {
content: "\f23e";
}
.bi-cart-plus::before {
content: "\f23f";
}
.bi-cart-x-fill::before {
content: "\f240";
}
.bi-cart-x::before {
content: "\f241";
}
.bi-cart::before {
content: "\f242";
}
.bi-cart2::before {
content: "\f243";
}
.bi-cart3::before {
content: "\f244";
}
.bi-cart4::before {
content: "\f245";
}
.bi-cash-stack::before {
content: "\f246";
}
.bi-cash::before {
content: "\f247";
}
.bi-cast::before {
content: "\f248";
}
.bi-chat-dots-fill::before {
content: "\f249";
}
.bi-chat-dots::before {
content: "\f24a";
}
.bi-chat-fill::before {
content: "\f24b";
}
.bi-chat-left-dots-fill::before {
content: "\f24c";
}
.bi-chat-left-dots::before {
content: "\f24d";
}
.bi-chat-left-fill::before {
content: "\f24e";
}
.bi-chat-left-quote-fill::before {
content: "\f24f";
}
.bi-chat-left-quote::before {
content: "\f250";
}
.bi-chat-left-text-fill::before {
content: "\f251";
}
.bi-chat-left-text::before {
content: "\f252";
}
.bi-chat-left::before {
content: "\f253";
}
.bi-chat-quote-fill::before {
content: "\f254";
}
.bi-chat-quote::before {
content: "\f255";
}
.bi-chat-right-dots-fill::before {
content: "\f256";
}
.bi-chat-right-dots::before {
content: "\f257";
}
.bi-chat-right-fill::before {
content: "\f258";
}
.bi-chat-right-quote-fill::before {
content: "\f259";
}
.bi-chat-right-quote::before {
content: "\f25a";
}
.bi-chat-right-text-fill::before {
content: "\f25b";
}
.bi-chat-right-text::before {
content: "\f25c";
}
.bi-chat-right::before {
content: "\f25d";
}
.bi-chat-square-dots-fill::before {
content: "\f25e";
}
.bi-chat-square-dots::before {
content: "\f25f";
}
.bi-chat-square-fill::before {
content: "\f260";
}
.bi-chat-square-quote-fill::before {
content: "\f261";
}
.bi-chat-square-quote::before {
content: "\f262";
}
.bi-chat-square-text-fill::before {
content: "\f263";
}
.bi-chat-square-text::before {
content: "\f264";
}
.bi-chat-square::before {
content: "\f265";
}
.bi-chat-text-fill::before {
content: "\f266";
}
.bi-chat-text::before {
content: "\f267";
}
.bi-chat::before {
content: "\f268";
}
.bi-check-all::before {
content: "\f269";
}
.bi-check-circle-fill::before {
content: "\f26a";
}
.bi-check-circle::before {
content: "\f26b";
}
.bi-check-square-fill::before {
content: "\f26c";
}
.bi-check-square::before {
content: "\f26d";
}
.bi-check::before {
content: "\f26e";
}
.bi-check2-all::before {
content: "\f26f";
}
.bi-check2-circle::before {
content: "\f270";
}
.bi-check2-square::before {
content: "\f271";
}
.bi-check2::before {
content: "\f272";
}
.bi-chevron-bar-contract::before {
content: "\f273";
}
.bi-chevron-bar-down::before {
content: "\f274";
}
.bi-chevron-bar-expand::before {
content: "\f275";
}
.bi-chevron-bar-left::before {
content: "\f276";
}
.bi-chevron-bar-right::before {
content: "\f277";
}
.bi-chevron-bar-up::before {
content: "\f278";
}
.bi-chevron-compact-down::before {
content: "\f279";
}
.bi-chevron-compact-left::before {
content: "\f27a";
}
.bi-chevron-compact-right::before {
content: "\f27b";
}
.bi-chevron-compact-up::before {
content: "\f27c";
}
.bi-chevron-contract::before {
content: "\f27d";
}
.bi-chevron-double-down::before {
content: "\f27e";
}
.bi-chevron-double-left::before {
content: "\f27f";
}
.bi-chevron-double-right::before {
content: "\f280";
}
.bi-chevron-double-up::before {
content: "\f281";
} .bi-chevron-expand::before {
content: "\f283";
}
.bi-chevron-left::before {
content: "\f284";
}
.bi-chevron-right::before {
content: "\f285";
}
.bi-chevron-up::before {
content: "\f286";
}
.bi-circle-fill::before {
content: "\f287";
}
.bi-circle-half::before {
content: "\f288";
}
.bi-circle-square::before {
content: "\f289";
}
.bi-circle::before {
content: "\f28a";
}
.bi-clipboard-check::before {
content: "\f28b";
}
.bi-clipboard-data::before {
content: "\f28c";
}
.bi-clipboard-minus::before {
content: "\f28d";
}
.bi-clipboard-plus::before {
content: "\f28e";
}
.bi-clipboard-x::before {
content: "\f28f";
}
.bi-clipboard::before {
content: "\f290";
}
.bi-clock-fill::before {
content: "\f291";
}
.bi-clock-history::before {
content: "\f292";
}
.bi-clock::before {
content: "\f293";
}
.bi-cloud-arrow-down-fill::before {
content: "\f294";
}
.bi-cloud-arrow-down::before {
content: "\f295";
}
.bi-cloud-arrow-up-fill::before {
content: "\f296";
}
.bi-cloud-arrow-up::before {
content: "\f297";
}
.bi-cloud-check-fill::before {
content: "\f298";
}
.bi-cloud-check::before {
content: "\f299";
}
.bi-cloud-download-fill::before {
content: "\f29a";
}
.bi-cloud-download::before {
content: "\f29b";
}
.bi-cloud-drizzle-fill::before {
content: "\f29c";
}
.bi-cloud-drizzle::before {
content: "\f29d";
}
.bi-cloud-fill::before {
content: "\f29e";
}
.bi-cloud-fog-fill::before {
content: "\f29f";
}
.bi-cloud-fog::before {
content: "\f2a0";
}
.bi-cloud-fog2-fill::before {
content: "\f2a1";
}
.bi-cloud-fog2::before {
content: "\f2a2";
}
.bi-cloud-hail-fill::before {
content: "\f2a3";
}
.bi-cloud-hail::before {
content: "\f2a4";
}
.bi-cloud-haze-fill::before {
content: "\f2a6";
}
.bi-cloud-haze::before {
content: "\f2a7";
}
.bi-cloud-haze2-fill::before {
content: "\f2a8";
}
.bi-cloud-lightning-fill::before {
content: "\f2a9";
}
.bi-cloud-lightning-rain-fill::before {
content: "\f2aa";
}
.bi-cloud-lightning-rain::before {
content: "\f2ab";
}
.bi-cloud-lightning::before {
content: "\f2ac";
}
.bi-cloud-minus-fill::before {
content: "\f2ad";
}
.bi-cloud-minus::before {
content: "\f2ae";
}
.bi-cloud-moon-fill::before {
content: "\f2af";
}
.bi-cloud-moon::before {
content: "\f2b0";
}
.bi-cloud-plus-fill::before {
content: "\f2b1";
}
.bi-cloud-plus::before {
content: "\f2b2";
}
.bi-cloud-rain-fill::before {
content: "\f2b3";
}
.bi-cloud-rain-heavy-fill::before {
content: "\f2b4";
}
.bi-cloud-rain-heavy::before {
content: "\f2b5";
}
.bi-cloud-rain::before {
content: "\f2b6";
}
.bi-cloud-slash-fill::before {
content: "\f2b7";
}
.bi-cloud-slash::before {
content: "\f2b8";
}
.bi-cloud-sleet-fill::before {
content: "\f2b9";
}
.bi-cloud-sleet::before {
content: "\f2ba";
}
.bi-cloud-snow-fill::before {
content: "\f2bb";
}
.bi-cloud-snow::before {
content: "\f2bc";
}
.bi-cloud-sun-fill::before {
content: "\f2bd";
}
.bi-cloud-sun::before {
content: "\f2be";
}
.bi-cloud-upload-fill::before {
content: "\f2bf";
}
.bi-cloud-upload::before {
content: "\f2c0";
}
.bi-cloud::before {
content: "\f2c1";
}
.bi-clouds-fill::before {
content: "\f2c2";
}
.bi-clouds::before {
content: "\f2c3";
}
.bi-cloudy-fill::before {
content: "\f2c4";
}
.bi-cloudy::before {
content: "\f2c5";
}
.bi-code-slash::before {
content: "\f2c6";
}
.bi-code-square::before {
content: "\f2c7";
}
.bi-code::before {
content: "\f2c8";
}
.bi-collection-fill::before {
content: "\f2c9";
}
.bi-collection-play-fill::before {
content: "\f2ca";
}
.bi-collection-play::before {
content: "\f2cb";
}
.bi-collection::before {
content: "\f2cc";
}
.bi-columns-gap::before {
content: "\f2cd";
}
.bi-columns::before {
content: "\f2ce";
}
.bi-command::before {
content: "\f2cf";
}
.bi-compass-fill::before {
content: "\f2d0";
}
.bi-compass::before {
content: "\f2d1";
}
.bi-cone-striped::before {
content: "\f2d2";
}
.bi-cone::before {
content: "\f2d3";
}
.bi-controller::before {
content: "\f2d4";
}
.bi-cpu-fill::before {
content: "\f2d5";
}
.bi-cpu::before {
content: "\f2d6";
}
.bi-credit-card-2-back-fill::before {
content: "\f2d7";
}
.bi-credit-card-2-back::before {
content: "\f2d8";
}
.bi-credit-card-2-front-fill::before {
content: "\f2d9";
}
.bi-credit-card-2-front::before {
content: "\f2da";
}
.bi-credit-card-fill::before {
content: "\f2db";
}
.bi-credit-card::before {
content: "\f2dc";
}
.bi-crop::before {
content: "\f2dd";
}
.bi-cup-fill::before {
content: "\f2de";
}
.bi-cup-straw::before {
content: "\f2df";
}
.bi-cup::before {
content: "\f2e0";
}
.bi-cursor-fill::before {
content: "\f2e1";
}
.bi-cursor-text::before {
content: "\f2e2";
}
.bi-cursor::before {
content: "\f2e3";
}
.bi-dash-circle-dotted::before {
content: "\f2e4";
}
.bi-dash-circle-fill::before {
content: "\f2e5";
}
.bi-dash-circle::before {
content: "\f2e6";
}
.bi-dash-square-dotted::before {
content: "\f2e7";
}
.bi-dash-square-fill::before {
content: "\f2e8";
}
.bi-dash-square::before {
content: "\f2e9";
}
.bi-dash::before {
content: "\f2ea";
}
.bi-diagram-2-fill::before {
content: "\f2eb";
}
.bi-diagram-2::before {
content: "\f2ec";
}
.bi-diagram-3-fill::before {
content: "\f2ed";
}
.bi-diagram-3::before {
content: "\f2ee";
}
.bi-diamond-fill::before {
content: "\f2ef";
}
.bi-diamond-half::before {
content: "\f2f0";
}
.bi-diamond::before {
content: "\f2f1";
}
.bi-dice-1-fill::before {
content: "\f2f2";
}
.bi-dice-1::before {
content: "\f2f3";
}
.bi-dice-2-fill::before {
content: "\f2f4";
}
.bi-dice-2::before {
content: "\f2f5";
}
.bi-dice-3-fill::before {
content: "\f2f6";
}
.bi-dice-3::before {
content: "\f2f7";
}
.bi-dice-4-fill::before {
content: "\f2f8";
}
.bi-dice-4::before {
content: "\f2f9";
}
.bi-dice-5-fill::before {
content: "\f2fa";
}
.bi-dice-5::before {
content: "\f2fb";
}
.bi-dice-6-fill::before {
content: "\f2fc";
}
.bi-dice-6::before {
content: "\f2fd";
}
.bi-disc-fill::before {
content: "\f2fe";
}
.bi-disc::before {
content: "\f2ff";
}
.bi-discord::before {
content: "\f300";
}
.bi-display-fill::before {
content: "\f301";
}
.bi-display::before {
content: "\f302";
}
.bi-distribute-horizontal::before {
content: "\f303";
}
.bi-distribute-vertical::before {
content: "\f304";
}
.bi-door-closed-fill::before {
content: "\f305";
}
.bi-door-closed::before {
content: "\f306";
}
.bi-door-open-fill::before {
content: "\f307";
}
.bi-door-open::before {
content: "\f308";
}
.bi-dot::before {
content: "\f309";
}
.bi-download::before {
content: "\f30a";
}
.bi-droplet-fill::before {
content: "\f30b";
}
.bi-droplet-half::before {
content: "\f30c";
}
.bi-droplet::before {
content: "\f30d";
}
.bi-earbuds::before {
content: "\f30e";
}
.bi-easel-fill::before {
content: "\f30f";
}
.bi-easel::before {
content: "\f310";
}
.bi-egg-fill::before {
content: "\f311";
}
.bi-egg-fried::before {
content: "\f312";
}
.bi-egg::before {
content: "\f313";
}
.bi-eject-fill::before {
content: "\f314";
}
.bi-eject::before {
content: "\f315";
}
.bi-emoji-angry-fill::before {
content: "\f316";
}
.bi-emoji-angry::before {
content: "\f317";
}
.bi-emoji-dizzy-fill::before {
content: "\f318";
}
.bi-emoji-dizzy::before {
content: "\f319";
}
.bi-emoji-expressionless-fill::before {
content: "\f31a";
}
.bi-emoji-expressionless::before {
content: "\f31b";
}
.bi-emoji-frown-fill::before {
content: "\f31c";
}
.bi-emoji-frown::before {
content: "\f31d";
}
.bi-emoji-heart-eyes-fill::before {
content: "\f31e";
}
.bi-emoji-heart-eyes::before {
content: "\f31f";
}
.bi-emoji-laughing-fill::before {
content: "\f320";
}
.bi-emoji-laughing::before {
content: "\f321";
}
.bi-emoji-neutral-fill::before {
content: "\f322";
}
.bi-emoji-neutral::before {
content: "\f323";
}
.bi-emoji-smile-fill::before {
content: "\f324";
}
.bi-emoji-smile-upside-down-fill::before {
content: "\f325";
}
.bi-emoji-smile-upside-down::before {
content: "\f326";
}
.bi-emoji-smile::before {
content: "\f327";
}
.bi-emoji-sunglasses-fill::before {
content: "\f328";
}
.bi-emoji-sunglasses::before {
content: "\f329";
}
.bi-emoji-wink-fill::before {
content: "\f32a";
}
.bi-emoji-wink::before {
content: "\f32b";
}
.bi-envelope-fill::before {
content: "\f32c";
}
.bi-envelope-open-fill::before {
content: "\f32d";
}
.bi-envelope-open::before {
content: "\f32e";
}
.bi-envelope::before {
content: "\f32f";
}
.bi-eraser-fill::before {
content: "\f330";
}
.bi-eraser::before {
content: "\f331";
}
.bi-exclamation-circle-fill::before {
content: "\f332";
}
.bi-exclamation-circle::before {
content: "\f333";
}
.bi-exclamation-diamond-fill::before {
content: "\f334";
}
.bi-exclamation-diamond::before {
content: "\f335";
}
.bi-exclamation-octagon-fill::before {
content: "\f336";
}
.bi-exclamation-octagon::before {
content: "\f337";
}
.bi-exclamation-square-fill::before {
content: "\f338";
}
.bi-exclamation-square::before {
content: "\f339";
}
.bi-exclamation-triangle-fill::before {
content: "\f33a";
}
.bi-exclamation-triangle::before {
content: "\f33b";
}
.bi-exclamation::before {
content: "\f33c";
}
.bi-exclude::before {
content: "\f33d";
}
.bi-eye-fill::before {
content: "\f33e";
}
.bi-eye-slash-fill::before {
content: "\f33f";
}
.bi-eye-slash::before {
content: "\f340";
}
.bi-eye::before {
content: "\f341";
}
.bi-eyedropper::before {
content: "\f342";
}
.bi-eyeglasses::before {
content: "\f343";
}
.bi-facebook::before {
content: "\f344";
}
.bi-file-arrow-down-fill::before {
content: "\f345";
}
.bi-file-arrow-down::before {
content: "\f346";
}
.bi-file-arrow-up-fill::before {
content: "\f347";
}
.bi-file-arrow-up::before {
content: "\f348";
}
.bi-file-bar-graph-fill::before {
content: "\f349";
}
.bi-file-bar-graph::before {
content: "\f34a";
}
.bi-file-binary-fill::before {
content: "\f34b";
}
.bi-file-binary::before {
content: "\f34c";
}
.bi-file-break-fill::before {
content: "\f34d";
}
.bi-file-break::before {
content: "\f34e";
}
.bi-file-check-fill::before {
content: "\f34f";
}
.bi-file-check::before {
content: "\f350";
}
.bi-file-code-fill::before {
content: "\f351";
}
.bi-file-code::before {
content: "\f352";
}
.bi-file-diff-fill::before {
content: "\f353";
}
.bi-file-diff::before {
content: "\f354";
}
.bi-file-earmark-arrow-down-fill::before {
content: "\f355";
}
.bi-file-earmark-arrow-down::before {
content: "\f356";
}
.bi-file-earmark-arrow-up-fill::before {
content: "\f357";
}
.bi-file-earmark-arrow-up::before {
content: "\f358";
}
.bi-file-earmark-bar-graph-fill::before {
content: "\f359";
}
.bi-file-earmark-bar-graph::before {
content: "\f35a";
}
.bi-file-earmark-binary-fill::before {
content: "\f35b";
}
.bi-file-earmark-binary::before {
content: "\f35c";
}
.bi-file-earmark-break-fill::before {
content: "\f35d";
}
.bi-file-earmark-break::before {
content: "\f35e";
}
.bi-file-earmark-check-fill::before {
content: "\f35f";
}
.bi-file-earmark-check::before {
content: "\f360";
}
.bi-file-earmark-code-fill::before {
content: "\f361";
}
.bi-file-earmark-code::before {
content: "\f362";
}
.bi-file-earmark-diff-fill::before {
content: "\f363";
}
.bi-file-earmark-diff::before {
content: "\f364";
}
.bi-file-earmark-easel-fill::before {
content: "\f365";
}
.bi-file-earmark-easel::before {
content: "\f366";
}
.bi-file-earmark-excel-fill::before {
content: "\f367";
}
.bi-file-earmark-excel::before {
content: "\f368";
}
.bi-file-earmark-fill::before {
content: "\f369";
}
.bi-file-earmark-font-fill::before {
content: "\f36a";
}
.bi-file-earmark-font::before {
content: "\f36b";
}
.bi-file-earmark-image-fill::before {
content: "\f36c";
}
.bi-file-earmark-image::before {
content: "\f36d";
}
.bi-file-earmark-lock-fill::before {
content: "\f36e";
}
.bi-file-earmark-lock::before {
content: "\f36f";
}
.bi-file-earmark-lock2-fill::before {
content: "\f370";
}
.bi-file-earmark-lock2::before {
content: "\f371";
}
.bi-file-earmark-medical-fill::before {
content: "\f372";
}
.bi-file-earmark-medical::before {
content: "\f373";
}
.bi-file-earmark-minus-fill::before {
content: "\f374";
}
.bi-file-earmark-minus::before {
content: "\f375";
}
.bi-file-earmark-music-fill::before {
content: "\f376";
}
.bi-file-earmark-music::before {
content: "\f377";
}
.bi-file-earmark-person-fill::before {
content: "\f378";
}
.bi-file-earmark-person::before {
content: "\f379";
}
.bi-file-earmark-play-fill::before {
content: "\f37a";
}
.bi-file-earmark-play::before {
content: "\f37b";
}
.bi-file-earmark-plus-fill::before {
content: "\f37c";
}
.bi-file-earmark-plus::before {
content: "\f37d";
}
.bi-file-earmark-post-fill::before {
content: "\f37e";
}
.bi-file-earmark-post::before {
content: "\f37f";
}
.bi-file-earmark-ppt-fill::before {
content: "\f380";
}
.bi-file-earmark-ppt::before {
content: "\f381";
}
.bi-file-earmark-richtext-fill::before {
content: "\f382";
}
.bi-file-earmark-richtext::before {
content: "\f383";
}
.bi-file-earmark-ruled-fill::before {
content: "\f384";
}
.bi-file-earmark-ruled::before {
content: "\f385";
}
.bi-file-earmark-slides-fill::before {
content: "\f386";
}
.bi-file-earmark-slides::before {
content: "\f387";
}
.bi-file-earmark-spreadsheet-fill::before {
content: "\f388";
}
.bi-file-earmark-spreadsheet::before {
content: "\f389";
}
.bi-file-earmark-text-fill::before {
content: "\f38a";
}
.bi-file-earmark-text::before {
content: "\f38b";
}
.bi-file-earmark-word-fill::before {
content: "\f38c";
}
.bi-file-earmark-word::before {
content: "\f38d";
}
.bi-file-earmark-x-fill::before {
content: "\f38e";
}
.bi-file-earmark-x::before {
content: "\f38f";
}
.bi-file-earmark-zip-fill::before {
content: "\f390";
}
.bi-file-earmark-zip::before {
content: "\f391";
}
.bi-file-earmark::before {
content: "\f392";
}
.bi-file-easel-fill::before {
content: "\f393";
}
.bi-file-easel::before {
content: "\f394";
}
.bi-file-excel-fill::before {
content: "\f395";
}
.bi-file-excel::before {
content: "\f396";
}
.bi-file-fill::before {
content: "\f397";
}
.bi-file-font-fill::before {
content: "\f398";
}
.bi-file-font::before {
content: "\f399";
}
.bi-file-image-fill::before {
content: "\f39a";
}
.bi-file-image::before {
content: "\f39b";
}
.bi-file-lock-fill::before {
content: "\f39c";
}
.bi-file-lock::before {
content: "\f39d";
}
.bi-file-lock2-fill::before {
content: "\f39e";
}
.bi-file-lock2::before {
content: "\f39f";
}
.bi-file-medical-fill::before {
content: "\f3a0";
}
.bi-file-medical::before {
content: "\f3a1";
}
.bi-file-minus-fill::before {
content: "\f3a2";
}
.bi-file-minus::before {
content: "\f3a3";
}
.bi-file-music-fill::before {
content: "\f3a4";
}
.bi-file-music::before {
content: "\f3a5";
}
.bi-file-person-fill::before {
content: "\f3a6";
}
.bi-file-person::before {
content: "\f3a7";
}
.bi-file-play-fill::before {
content: "\f3a8";
}
.bi-file-play::before {
content: "\f3a9";
}
.bi-file-plus-fill::before {
content: "\f3aa";
}
.bi-file-plus::before {
content: "\f3ab";
}
.bi-file-post-fill::before {
content: "\f3ac";
}
.bi-file-post::before {
content: "\f3ad";
}
.bi-file-ppt-fill::before {
content: "\f3ae";
}
.bi-file-ppt::before {
content: "\f3af";
}
.bi-file-richtext-fill::before {
content: "\f3b0";
}
.bi-file-richtext::before {
content: "\f3b1";
}
.bi-file-ruled-fill::before {
content: "\f3b2";
}
.bi-file-ruled::before {
content: "\f3b3";
}
.bi-file-slides-fill::before {
content: "\f3b4";
}
.bi-file-slides::before {
content: "\f3b5";
}
.bi-file-spreadsheet-fill::before {
content: "\f3b6";
}
.bi-file-spreadsheet::before {
content: "\f3b7";
}
.bi-file-text-fill::before {
content: "\f3b8";
}
.bi-file-text::before {
content: "\f3b9";
}
.bi-file-word-fill::before {
content: "\f3ba";
}
.bi-file-word::before {
content: "\f3bb";
}
.bi-file-x-fill::before {
content: "\f3bc";
}
.bi-file-x::before {
content: "\f3bd";
}
.bi-file-zip-fill::before {
content: "\f3be";
}
.bi-file-zip::before {
content: "\f3bf";
}
.bi-file::before {
content: "\f3c0";
}
.bi-files-alt::before {
content: "\f3c1";
}
.bi-files::before {
content: "\f3c2";
}
.bi-film::before {
content: "\f3c3";
}
.bi-filter-circle-fill::before {
content: "\f3c4";
}
.bi-filter-circle::before {
content: "\f3c5";
}
.bi-filter-left::before {
content: "\f3c6";
}
.bi-filter-right::before {
content: "\f3c7";
}
.bi-filter-square-fill::before {
content: "\f3c8";
}
.bi-filter-square::before {
content: "\f3c9";
}
.bi-filter::before {
content: "\f3ca";
}
.bi-flag-fill::before {
content: "\f3cb";
}
.bi-flag::before {
content: "\f3cc";
}
.bi-flower1::before {
content: "\f3cd";
}
.bi-flower2::before {
content: "\f3ce";
}
.bi-flower3::before {
content: "\f3cf";
}
.bi-folder-check::before {
content: "\f3d0";
}
.bi-folder-fill::before {
content: "\f3d1";
}
.bi-folder-minus::before {
content: "\f3d2";
}
.bi-folder-plus::before {
content: "\f3d3";
}
.bi-folder-symlink-fill::before {
content: "\f3d4";
}
.bi-folder-symlink::before {
content: "\f3d5";
}
.bi-folder-x::before {
content: "\f3d6";
}
.bi-folder::before {
content: "\f3d7";
}
.bi-folder2-open::before {
content: "\f3d8";
}
.bi-folder2::before {
content: "\f3d9";
}
.bi-fonts::before {
content: "\f3da";
}
.bi-forward-fill::before {
content: "\f3db";
}
.bi-forward::before {
content: "\f3dc";
}
.bi-front::before {
content: "\f3dd";
}
.bi-fullscreen-exit::before {
content: "\f3de";
}
.bi-fullscreen::before {
content: "\f3df";
}
.bi-funnel-fill::before {
content: "\f3e0";
}
.bi-funnel::before {
content: "\f3e1";
}
.bi-gear-fill::before {
content: "\f3e2";
}
.bi-gear-wide-connected::before {
content: "\f3e3";
}
.bi-gear-wide::before {
content: "\f3e4";
}
.bi-gear::before {
content: "\f3e5";
}
.bi-gem::before {
content: "\f3e6";
}
.bi-geo-alt-fill::before {
content: "\f3e7";
}
.bi-geo-alt::before {
content: "\f3e8";
}
.bi-geo-fill::before {
content: "\f3e9";
}
.bi-geo::before {
content: "\f3ea";
}
.bi-gift-fill::before {
content: "\f3eb";
}
.bi-gift::before {
content: "\f3ec";
}
.bi-github::before {
content: "\f3ed";
}
.bi-globe::before {
content: "\f3ee";
}
.bi-globe2::before {
content: "\f3ef";
}
.bi-google::before {
content: "\f3f0";
}
.bi-graph-down::before {
content: "\f3f1";
}
.bi-graph-up::before {
content: "\f3f2";
}
.bi-grid-1x2-fill::before {
content: "\f3f3";
}
.bi-grid-1x2::before {
content: "\f3f4";
}
.bi-grid-3x2-gap-fill::before {
content: "\f3f5";
}
.bi-grid-3x2-gap::before {
content: "\f3f6";
}
.bi-grid-3x2::before {
content: "\f3f7";
}
.bi-grid-3x3-gap-fill::before {
content: "\f3f8";
}
.bi-grid-3x3-gap::before {
content: "\f3f9";
}
.bi-grid-3x3::before {
content: "\f3fa";
}
.bi-grid-fill::before {
content: "\f3fb";
}
.bi-grid::before {
content: "\f3fc";
}
.bi-grip-horizontal::before {
content: "\f3fd";
}
.bi-grip-vertical::before {
content: "\f3fe";
}
.bi-hammer::before {
content: "\f3ff";
}
.bi-hand-index-fill::before {
content: "\f400";
}
.bi-hand-index-thumb-fill::before {
content: "\f401";
}
.bi-hand-index-thumb::before {
content: "\f402";
}
.bi-hand-index::before {
content: "\f403";
}
.bi-hand-thumbs-down-fill::before {
content: "\f404";
}
.bi-hand-thumbs-down::before {
content: "\f405";
}
.bi-hand-thumbs-up-fill::before {
content: "\f406";
}
.bi-hand-thumbs-up::before {
content: "\f407";
}
.bi-handbag-fill::before {
content: "\f408";
}
.bi-handbag::before {
content: "\f409";
}
.bi-hash::before {
content: "\f40a";
}
.bi-hdd-fill::before {
content: "\f40b";
}
.bi-hdd-network-fill::before {
content: "\f40c";
}
.bi-hdd-network::before {
content: "\f40d";
}
.bi-hdd-rack-fill::before {
content: "\f40e";
}
.bi-hdd-rack::before {
content: "\f40f";
}
.bi-hdd-stack-fill::before {
content: "\f410";
}
.bi-hdd-stack::before {
content: "\f411";
}
.bi-hdd::before {
content: "\f412";
}
.bi-headphones::before {
content: "\f413";
}
.bi-headset::before {
content: "\f414";
}
.bi-heart-fill::before {
content: "\f415";
}
.bi-heart-half::before {
content: "\f416";
}
.bi-heart::before {
content: "\f417";
}
.bi-heptagon-fill::before {
content: "\f418";
}
.bi-heptagon-half::before {
content: "\f419";
}
.bi-heptagon::before {
content: "\f41a";
}
.bi-hexagon-fill::before {
content: "\f41b";
}
.bi-hexagon-half::before {
content: "\f41c";
}
.bi-hexagon::before {
content: "\f41d";
}
.bi-hourglass-bottom::before {
content: "\f41e";
}
.bi-hourglass-split::before {
content: "\f41f";
}
.bi-hourglass-top::before {
content: "\f420";
}
.bi-hourglass::before {
content: "\f421";
}
.bi-house-door-fill::before {
content: "\f422";
}
.bi-house-door::before {
content: "\f423";
}
.bi-house-fill::before {
content: "\f424";
}
.bi-house::before {
content: "\f425";
}
.bi-hr::before {
content: "\f426";
}
.bi-hurricane::before {
content: "\f427";
}
.bi-image-alt::before {
content: "\f428";
}
.bi-image-fill::before {
content: "\f429";
}
.bi-image::before {
content: "\f42a";
}
.bi-images::before {
content: "\f42b";
}
.bi-inbox-fill::before {
content: "\f42c";
}
.bi-inbox::before {
content: "\f42d";
}
.bi-inboxes-fill::before {
content: "\f42e";
}
.bi-inboxes::before {
content: "\f42f";
}
.bi-info-circle-fill::before {
content: "\f430";
}
.bi-info-circle::before {
content: "\f431";
}
.bi-info-square-fill::before {
content: "\f432";
}
.bi-info-square::before {
content: "\f433";
}
.bi-info::before {
content: "\f434";
}
.bi-input-cursor-text::before {
content: "\f435";
}
.bi-input-cursor::before {
content: "\f436";
}
.bi-instagram::before {
content: "\f437";
}
.bi-intersect::before {
content: "\f438";
}
.bi-journal-album::before {
content: "\f439";
}
.bi-journal-arrow-down::before {
content: "\f43a";
}
.bi-journal-arrow-up::before {
content: "\f43b";
}
.bi-journal-bookmark-fill::before {
content: "\f43c";
}
.bi-journal-bookmark::before {
content: "\f43d";
}
.bi-journal-check::before {
content: "\f43e";
}
.bi-journal-code::before {
content: "\f43f";
}
.bi-journal-medical::before {
content: "\f440";
}
.bi-journal-minus::before {
content: "\f441";
}
.bi-journal-plus::before {
content: "\f442";
}
.bi-journal-richtext::before {
content: "\f443";
}
.bi-journal-text::before {
content: "\f444";
}
.bi-journal-x::before {
content: "\f445";
}
.bi-journal::before {
content: "\f446";
}
.bi-journals::before {
content: "\f447";
}
.bi-joystick::before {
content: "\f448";
}
.bi-justify-left::before {
content: "\f449";
}
.bi-justify-right::before {
content: "\f44a";
}
.bi-justify::before {
content: "\f44b";
}
.bi-kanban-fill::before {
content: "\f44c";
}
.bi-kanban::before {
content: "\f44d";
}
.bi-key-fill::before {
content: "\f44e";
}
.bi-key::before {
content: "\f44f";
}
.bi-keyboard-fill::before {
content: "\f450";
}
.bi-keyboard::before {
content: "\f451";
}
.bi-ladder::before {
content: "\f452";
}
.bi-lamp-fill::before {
content: "\f453";
}
.bi-lamp::before {
content: "\f454";
}
.bi-laptop-fill::before {
content: "\f455";
}
.bi-laptop::before {
content: "\f456";
}
.bi-layer-backward::before {
content: "\f457";
}
.bi-layer-forward::before {
content: "\f458";
}
.bi-layers-fill::before {
content: "\f459";
}
.bi-layers-half::before {
content: "\f45a";
}
.bi-layers::before {
content: "\f45b";
}
.bi-layout-sidebar-inset-reverse::before {
content: "\f45c";
}
.bi-layout-sidebar-inset::before {
content: "\f45d";
}
.bi-layout-sidebar-reverse::before {
content: "\f45e";
}
.bi-layout-sidebar::before {
content: "\f45f";
}
.bi-layout-split::before {
content: "\f460";
}
.bi-layout-text-sidebar-reverse::before {
content: "\f461";
}
.bi-layout-text-sidebar::before {
content: "\f462";
}
.bi-layout-text-window-reverse::before {
content: "\f463";
}
.bi-layout-text-window::before {
content: "\f464";
}
.bi-layout-three-columns::before {
content: "\f465";
}
.bi-layout-wtf::before {
content: "\f466";
}
.bi-life-preserver::before {
content: "\f467";
}
.bi-lightbulb-fill::before {
content: "\f468";
}
.bi-lightbulb-off-fill::before {
content: "\f469";
}
.bi-lightbulb-off::before {
content: "\f46a";
}
.bi-lightbulb::before {
content: "\f46b";
}
.bi-lightning-charge-fill::before {
content: "\f46c";
}
.bi-lightning-charge::before {
content: "\f46d";
}
.bi-lightning-fill::before {
content: "\f46e";
}
.bi-lightning::before {
content: "\f46f";
}
.bi-link-45deg::before {
content: "\f470";
}
.bi-link::before {
content: "\f471";
}
.bi-linkedin::before {
content: "\f472";
}
.bi-list-check::before {
content: "\f473";
}
.bi-list-nested::before {
content: "\f474";
}
.bi-list-ol::before {
content: "\f475";
}
.bi-list-stars::before {
content: "\f476";
}
.bi-list-task::before {
content: "\f477";
}
.bi-list-ul::before {
content: "\f478";
}
.bi-list::before {
content: "\f479";
}
.bi-lock-fill::before {
content: "\f47a";
}
.bi-lock::before {
content: "\f47b";
}
.bi-mailbox::before {
content: "\f47c";
}
.bi-mailbox2::before {
content: "\f47d";
}
.bi-map-fill::before {
content: "\f47e";
}
.bi-map::before {
content: "\f47f";
}
.bi-markdown-fill::before {
content: "\f480";
}
.bi-markdown::before {
content: "\f481";
}
.bi-mask::before {
content: "\f482";
}
.bi-megaphone-fill::before {
content: "\f483";
}
.bi-megaphone::before {
content: "\f484";
}
.bi-menu-app-fill::before {
content: "\f485";
}
.bi-menu-app::before {
content: "\f486";
}
.bi-menu-button-fill::before {
content: "\f487";
}
.bi-menu-button-wide-fill::before {
content: "\f488";
}
.bi-menu-button-wide::before {
content: "\f489";
}
.bi-menu-button::before {
content: "\f48a";
}
.bi-menu-down::before {
content: "\f48b";
}
.bi-menu-up::before {
content: "\f48c";
}
.bi-mic-fill::before {
content: "\f48d";
}
.bi-mic-mute-fill::before {
content: "\f48e";
}
.bi-mic-mute::before {
content: "\f48f";
}
.bi-mic::before {
content: "\f490";
}
.bi-minecart-loaded::before {
content: "\f491";
}
.bi-minecart::before {
content: "\f492";
}
.bi-moisture::before {
content: "\f493";
}
.bi-moon-fill::before {
content: "\f494";
}
.bi-moon-stars-fill::before {
content: "\f495";
}
.bi-moon-stars::before {
content: "\f496";
}
.bi-moon::before {
content: "\f497";
}
.bi-mouse-fill::before {
content: "\f498";
}
.bi-mouse::before {
content: "\f499";
}
.bi-mouse2-fill::before {
content: "\f49a";
}
.bi-mouse2::before {
content: "\f49b";
}
.bi-mouse3-fill::before {
content: "\f49c";
}
.bi-mouse3::before {
content: "\f49d";
}
.bi-music-note-beamed::before {
content: "\f49e";
}
.bi-music-note-list::before {
content: "\f49f";
}
.bi-music-note::before {
content: "\f4a0";
}
.bi-music-player-fill::before {
content: "\f4a1";
}
.bi-music-player::before {
content: "\f4a2";
}
.bi-newspaper::before {
content: "\f4a3";
}
.bi-node-minus-fill::before {
content: "\f4a4";
}
.bi-node-minus::before {
content: "\f4a5";
}
.bi-node-plus-fill::before {
content: "\f4a6";
}
.bi-node-plus::before {
content: "\f4a7";
}
.bi-nut-fill::before {
content: "\f4a8";
}
.bi-nut::before {
content: "\f4a9";
}
.bi-octagon-fill::before {
content: "\f4aa";
}
.bi-octagon-half::before {
content: "\f4ab";
}
.bi-octagon::before {
content: "\f4ac";
}
.bi-option::before {
content: "\f4ad";
}
.bi-outlet::before {
content: "\f4ae";
}
.bi-paint-bucket::before {
content: "\f4af";
}
.bi-palette-fill::before {
content: "\f4b0";
}
.bi-palette::before {
content: "\f4b1";
}
.bi-palette2::before {
content: "\f4b2";
}
.bi-paperclip::before {
content: "\f4b3";
}
.bi-paragraph::before {
content: "\f4b4";
}
.bi-patch-check-fill::before {
content: "\f4b5";
}
.bi-patch-check::before {
content: "\f4b6";
}
.bi-patch-exclamation-fill::before {
content: "\f4b7";
}
.bi-patch-exclamation::before {
content: "\f4b8";
}
.bi-patch-minus-fill::before {
content: "\f4b9";
}
.bi-patch-minus::before {
content: "\f4ba";
}
.bi-patch-plus-fill::before {
content: "\f4bb";
}
.bi-patch-plus::before {
content: "\f4bc";
}
.bi-patch-question-fill::before {
content: "\f4bd";
}
.bi-patch-question::before {
content: "\f4be";
}
.bi-pause-btn-fill::before {
content: "\f4bf";
}
.bi-pause-btn::before {
content: "\f4c0";
}
.bi-pause-circle-fill::before {
content: "\f4c1";
}
.bi-pause-circle::before {
content: "\f4c2";
}
.bi-pause-fill::before {
content: "\f4c3";
}
.bi-pause::before {
content: "\f4c4";
}
.bi-peace-fill::before {
content: "\f4c5";
}
.bi-peace::before {
content: "\f4c6";
}
.bi-pen-fill::before {
content: "\f4c7";
}
.bi-pen::before {
content: "\f4c8";
}
.bi-pencil-fill::before {
content: "\f4c9";
}
.bi-pencil-square::before {
content: "\f4ca";
}
.bi-pencil::before {
content: "\f4cb";
}
.bi-pentagon-fill::before {
content: "\f4cc";
}
.bi-pentagon-half::before {
content: "\f4cd";
}
.bi-pentagon::before {
content: "\f4ce";
}
.bi-people-fill::before {
content: "\f4cf";
}
.bi-people::before {
content: "\f4d0";
}
.bi-percent::before {
content: "\f4d1";
}
.bi-person-badge-fill::before {
content: "\f4d2";
}
.bi-person-badge::before {
content: "\f4d3";
}
.bi-person-bounding-box::before {
content: "\f4d4";
}
.bi-person-check-fill::before {
content: "\f4d5";
}
.bi-person-check::before {
content: "\f4d6";
}
.bi-person-circle::before {
content: "\f4d7";
}
.bi-person-dash-fill::before {
content: "\f4d8";
}
.bi-person-dash::before {
content: "\f4d9";
}
.bi-person-fill::before {
content: "\f4da";
}
.bi-person-lines-fill::before {
content: "\f4db";
}
.bi-person-plus-fill::before {
content: "\f4dc";
}
.bi-person-plus::before {
content: "\f4dd";
}
.bi-person-square::before {
content: "\f4de";
}
.bi-person-x-fill::before {
content: "\f4df";
}
.bi-person-x::before {
content: "\f4e0";
}
.bi-person::before {
content: "\f4e1";
}
.bi-phone-fill::before {
content: "\f4e2";
}
.bi-phone-landscape-fill::before {
content: "\f4e3";
}
.bi-phone-landscape::before {
content: "\f4e4";
}
.bi-phone-vibrate-fill::before {
content: "\f4e5";
}
.bi-phone-vibrate::before {
content: "\f4e6";
}
.bi-phone::before {
content: "\f4e7";
}
.bi-pie-chart-fill::before {
content: "\f4e8";
}
.bi-pie-chart::before {
content: "\f4e9";
}
.bi-pin-angle-fill::before {
content: "\f4ea";
}
.bi-pin-angle::before {
content: "\f4eb";
}
.bi-pin-fill::before {
content: "\f4ec";
}
.bi-pin::before {
content: "\f4ed";
}
.bi-pip-fill::before {
content: "\f4ee";
}
.bi-pip::before {
content: "\f4ef";
}
.bi-play-btn-fill::before {
content: "\f4f0";
}
.bi-play-btn::before {
content: "\f4f1";
}
.bi-play-circle-fill::before {
content: "\f4f2";
}
.bi-play-circle::before {
content: "\f4f3";
}
.bi-play-fill::before {
content: "\f4f4";
}
.bi-play::before {
content: "\f4f5";
}
.bi-plug-fill::before {
content: "\f4f6";
}
.bi-plug::before {
content: "\f4f7";
}
.bi-plus-circle-dotted::before {
content: "\f4f8";
}
.bi-plus-circle-fill::before {
content: "\f4f9";
}
.bi-plus-circle::before {
content: "\f4fa";
}
.bi-plus-square-dotted::before {
content: "\f4fb";
}
.bi-plus-square-fill::before {
content: "\f4fc";
}
.bi-plus-square::before {
content: "\f4fd";
}
.bi-plus::before {
content: "\f4fe";
}
.bi-power::before {
content: "\f4ff";
}
.bi-printer-fill::before {
content: "\f500";
}
.bi-printer::before {
content: "\f501";
}
.bi-puzzle-fill::before {
content: "\f502";
}
.bi-puzzle::before {
content: "\f503";
}
.bi-question-circle-fill::before {
content: "\f504";
}
.bi-question-circle::before {
content: "\f505";
}
.bi-question-diamond-fill::before {
content: "\f506";
}
.bi-question-diamond::before {
content: "\f507";
}
.bi-question-octagon-fill::before {
content: "\f508";
}
.bi-question-octagon::before {
content: "\f509";
}
.bi-question-square-fill::before {
content: "\f50a";
}
.bi-question-square::before {
content: "\f50b";
}
.bi-question::before {
content: "\f50c";
}
.bi-rainbow::before {
content: "\f50d";
}
.bi-receipt-cutoff::before {
content: "\f50e";
}
.bi-receipt::before {
content: "\f50f";
}
.bi-reception-0::before {
content: "\f510";
}
.bi-reception-1::before {
content: "\f511";
}
.bi-reception-2::before {
content: "\f512";
}
.bi-reception-3::before {
content: "\f513";
}
.bi-reception-4::before {
content: "\f514";
}
.bi-record-btn-fill::before {
content: "\f515";
}
.bi-record-btn::before {
content: "\f516";
}
.bi-record-circle-fill::before {
content: "\f517";
}
.bi-record-circle::before {
content: "\f518";
}
.bi-record-fill::before {
content: "\f519";
}
.bi-record::before {
content: "\f51a";
}
.bi-record2-fill::before {
content: "\f51b";
}
.bi-record2::before {
content: "\f51c";
}
.bi-reply-all-fill::before {
content: "\f51d";
}
.bi-reply-all::before {
content: "\f51e";
}
.bi-reply-fill::before {
content: "\f51f";
}
.bi-reply::before {
content: "\f520";
}
.bi-rss-fill::before {
content: "\f521";
}
.bi-rss::before {
content: "\f522";
}
.bi-rulers::before {
content: "\f523";
}
.bi-save-fill::before {
content: "\f524";
}
.bi-save::before {
content: "\f525";
}
.bi-save2-fill::before {
content: "\f526";
}
.bi-save2::before {
content: "\f527";
}
.bi-scissors::before {
content: "\f528";
}
.bi-screwdriver::before {
content: "\f529";
}
.bi-search::before {
content: "\f52a";
}
.bi-segmented-nav::before {
content: "\f52b";
}
.bi-server::before {
content: "\f52c";
}
.bi-share-fill::before {
content: "\f52d";
}
.bi-share::before {
content: "\f52e";
}
.bi-shield-check::before {
content: "\f52f";
}
.bi-shield-exclamation::before {
content: "\f530";
}
.bi-shield-fill-check::before {
content: "\f531";
}
.bi-shield-fill-exclamation::before {
content: "\f532";
}
.bi-shield-fill-minus::before {
content: "\f533";
}
.bi-shield-fill-plus::before {
content: "\f534";
}
.bi-shield-fill-x::before {
content: "\f535";
}
.bi-shield-fill::before {
content: "\f536";
}
.bi-shield-lock-fill::before {
content: "\f537";
}
.bi-shield-lock::before {
content: "\f538";
}
.bi-shield-minus::before {
content: "\f539";
}
.bi-shield-plus::before {
content: "\f53a";
}
.bi-shield-shaded::before {
content: "\f53b";
}
.bi-shield-slash-fill::before {
content: "\f53c";
}
.bi-shield-slash::before {
content: "\f53d";
}
.bi-shield-x::before {
content: "\f53e";
}
.bi-shield::before {
content: "\f53f";
}
.bi-shift-fill::before {
content: "\f540";
}
.bi-shift::before {
content: "\f541";
}
.bi-shop-window::before {
content: "\f542";
}
.bi-shop::before {
content: "\f543";
}
.bi-shuffle::before {
content: "\f544";
}
.bi-signpost-2-fill::before {
content: "\f545";
}
.bi-signpost-2::before {
content: "\f546";
}
.bi-signpost-fill::before {
content: "\f547";
}
.bi-signpost-split-fill::before {
content: "\f548";
}
.bi-signpost-split::before {
content: "\f549";
}
.bi-signpost::before {
content: "\f54a";
}
.bi-sim-fill::before {
content: "\f54b";
}
.bi-sim::before {
content: "\f54c";
}
.bi-skip-backward-btn-fill::before {
content: "\f54d";
}
.bi-skip-backward-btn::before {
content: "\f54e";
}
.bi-skip-backward-circle-fill::before {
content: "\f54f";
}
.bi-skip-backward-circle::before {
content: "\f550";
}
.bi-skip-backward-fill::before {
content: "\f551";
}
.bi-skip-backward::before {
content: "\f552";
}
.bi-skip-end-btn-fill::before {
content: "\f553";
}
.bi-skip-end-btn::before {
content: "\f554";
}
.bi-skip-end-circle-fill::before {
content: "\f555";
}
.bi-skip-end-circle::before {
content: "\f556";
}
.bi-skip-end-fill::before {
content: "\f557";
}
.bi-skip-end::before {
content: "\f558";
}
.bi-skip-forward-btn-fill::before {
content: "\f559";
}
.bi-skip-forward-btn::before {
content: "\f55a";
}
.bi-skip-forward-circle-fill::before {
content: "\f55b";
}
.bi-skip-forward-circle::before {
content: "\f55c";
}
.bi-skip-forward-fill::before {
content: "\f55d";
}
.bi-skip-forward::before {
content: "\f55e";
}
.bi-skip-start-btn-fill::before {
content: "\f55f";
}
.bi-skip-start-btn::before {
content: "\f560";
}
.bi-skip-start-circle-fill::before {
content: "\f561";
}
.bi-skip-start-circle::before {
content: "\f562";
}
.bi-skip-start-fill::before {
content: "\f563";
}
.bi-skip-start::before {
content: "\f564";
}
.bi-slack::before {
content: "\f565";
}
.bi-slash-circle-fill::before {
content: "\f566";
}
.bi-slash-circle::before {
content: "\f567";
}
.bi-slash-square-fill::before {
content: "\f568";
}
.bi-slash-square::before {
content: "\f569";
}
.bi-slash::before {
content: "\f56a";
}
.bi-sliders::before {
content: "\f56b";
}
.bi-smartwatch::before {
content: "\f56c";
}
.bi-snow::before {
content: "\f56d";
}
.bi-snow2::before {
content: "\f56e";
}
.bi-snow3::before {
content: "\f56f";
}
.bi-sort-alpha-down-alt::before {
content: "\f570";
}
.bi-sort-alpha-down::before {
content: "\f571";
}
.bi-sort-alpha-up-alt::before {
content: "\f572";
}
.bi-sort-alpha-up::before {
content: "\f573";
}
.bi-sort-down-alt::before {
content: "\f574";
}
.bi-sort-down::before {
content: "\f575";
}
.bi-sort-numeric-down-alt::before {
content: "\f576";
}
.bi-sort-numeric-down::before {
content: "\f577";
}
.bi-sort-numeric-up-alt::before {
content: "\f578";
}
.bi-sort-numeric-up::before {
content: "\f579";
}
.bi-sort-up-alt::before {
content: "\f57a";
}
.bi-sort-up::before {
content: "\f57b";
}
.bi-soundwave::before {
content: "\f57c";
}
.bi-speaker-fill::before {
content: "\f57d";
}
.bi-speaker::before {
content: "\f57e";
}
.bi-speedometer::before {
content: "\f57f";
}
.bi-speedometer2::before {
content: "\f580";
}
.bi-spellcheck::before {
content: "\f581";
}
.bi-square-fill::before {
content: "\f582";
}
.bi-square-half::before {
content: "\f583";
}
.bi-square::before {
content: "\f584";
}
.bi-stack::before {
content: "\f585";
}
.bi-star-fill::before {
content: "\f586";
}
.bi-star-half::before {
content: "\f587";
}
.bi-star::before {
content: "\f588";
}
.bi-stars::before {
content: "\f589";
}
.bi-stickies-fill::before {
content: "\f58a";
}
.bi-stickies::before {
content: "\f58b";
}
.bi-sticky-fill::before {
content: "\f58c";
}
.bi-sticky::before {
content: "\f58d";
}
.bi-stop-btn-fill::before {
content: "\f58e";
}
.bi-stop-btn::before {
content: "\f58f";
}
.bi-stop-circle-fill::before {
content: "\f590";
}
.bi-stop-circle::before {
content: "\f591";
}
.bi-stop-fill::before {
content: "\f592";
}
.bi-stop::before {
content: "\f593";
}
.bi-stoplights-fill::before {
content: "\f594";
}
.bi-stoplights::before {
content: "\f595";
}
.bi-stopwatch-fill::before {
content: "\f596";
}
.bi-stopwatch::before {
content: "\f597";
}
.bi-subtract::before {
content: "\f598";
}
.bi-suit-club-fill::before {
content: "\f599";
}
.bi-suit-club::before {
content: "\f59a";
}
.bi-suit-diamond-fill::before {
content: "\f59b";
}
.bi-suit-diamond::before {
content: "\f59c";
}
.bi-suit-heart-fill::before {
content: "\f59d";
}
.bi-suit-heart::before {
content: "\f59e";
}
.bi-suit-spade-fill::before {
content: "\f59f";
}
.bi-suit-spade::before {
content: "\f5a0";
}
.bi-sun-fill::before {
content: "\f5a1";
}
.bi-sun::before {
content: "\f5a2";
}
.bi-sunglasses::before {
content: "\f5a3";
}
.bi-sunrise-fill::before {
content: "\f5a4";
}
.bi-sunrise::before {
content: "\f5a5";
}
.bi-sunset-fill::before {
content: "\f5a6";
}
.bi-sunset::before {
content: "\f5a7";
}
.bi-symmetry-horizontal::before {
content: "\f5a8";
}
.bi-symmetry-vertical::before {
content: "\f5a9";
}
.bi-table::before {
content: "\f5aa";
}
.bi-tablet-fill::before {
content: "\f5ab";
}
.bi-tablet-landscape-fill::before {
content: "\f5ac";
}
.bi-tablet-landscape::before {
content: "\f5ad";
}
.bi-tablet::before {
content: "\f5ae";
}
.bi-tag-fill::before {
content: "\f5af";
}
.bi-tag::before {
content: "\f5b0";
}
.bi-tags-fill::before {
content: "\f5b1";
}
.bi-tags::before {
content: "\f5b2";
}
.bi-telegram::before {
content: "\f5b3";
}
.bi-telephone-fill::before {
content: "\f5b4";
}
.bi-telephone-forward-fill::before {
content: "\f5b5";
}
.bi-telephone-forward::before {
content: "\f5b6";
}
.bi-telephone-inbound-fill::before {
content: "\f5b7";
}
.bi-telephone-inbound::before {
content: "\f5b8";
}
.bi-telephone-minus-fill::before {
content: "\f5b9";
}
.bi-telephone-minus::before {
content: "\f5ba";
}
.bi-telephone-outbound-fill::before {
content: "\f5bb";
}
.bi-telephone-outbound::before {
content: "\f5bc";
}
.bi-telephone-plus-fill::before {
content: "\f5bd";
}
.bi-telephone-plus::before {
content: "\f5be";
}
.bi-telephone-x-fill::before {
content: "\f5bf";
}
.bi-telephone-x::before {
content: "\f5c0";
}
.bi-telephone::before {
content: "\f5c1";
}
.bi-terminal-fill::before {
content: "\f5c2";
}
.bi-terminal::before {
content: "\f5c3";
}
.bi-text-center::before {
content: "\f5c4";
}
.bi-text-indent-left::before {
content: "\f5c5";
}
.bi-text-indent-right::before {
content: "\f5c6";
}
.bi-text-left::before {
content: "\f5c7";
}
.bi-text-paragraph::before {
content: "\f5c8";
}
.bi-text-right::before {
content: "\f5c9";
}
.bi-textarea-resize::before {
content: "\f5ca";
}
.bi-textarea-t::before {
content: "\f5cb";
}
.bi-textarea::before {
content: "\f5cc";
}
.bi-thermometer-half::before {
content: "\f5cd";
}
.bi-thermometer-high::before {
content: "\f5ce";
}
.bi-thermometer-low::before {
content: "\f5cf";
}
.bi-thermometer-snow::before {
content: "\f5d0";
}
.bi-thermometer-sun::before {
content: "\f5d1";
}
.bi-thermometer::before {
content: "\f5d2";
}
.bi-three-dots-vertical::before {
content: "\f5d3";
}
.bi-three-dots::before {
content: "\f5d4";
}
.bi-toggle-off::before {
content: "\f5d5";
}
.bi-toggle-on::before {
content: "\f5d6";
}
.bi-toggle2-off::before {
content: "\f5d7";
}
.bi-toggle2-on::before {
content: "\f5d8";
}
.bi-toggles::before {
content: "\f5d9";
}
.bi-toggles2::before {
content: "\f5da";
}
.bi-tools::before {
content: "\f5db";
}
.bi-tornado::before {
content: "\f5dc";
}
.bi-trash-fill::before {
content: "\f5dd";
}
.bi-trash::before {
content: "\f5de";
}
.bi-trash2-fill::before {
content: "\f5df";
}
.bi-trash2::before {
content: "\f5e0";
}
.bi-tree-fill::before {
content: "\f5e1";
}
.bi-tree::before {
content: "\f5e2";
}
.bi-triangle-fill::before {
content: "\f5e3";
}
.bi-triangle-half::before {
content: "\f5e4";
}
.bi-triangle::before {
content: "\f5e5";
}
.bi-trophy-fill::before {
content: "\f5e6";
}
.bi-trophy::before {
content: "\f5e7";
}
.bi-tropical-storm::before {
content: "\f5e8";
}
.bi-truck-flatbed::before {
content: "\f5e9";
}
.bi-truck::before {
content: "\f5ea";
}
.bi-tsunami::before {
content: "\f5eb";
}
.bi-tv-fill::before {
content: "\f5ec";
}
.bi-tv::before {
content: "\f5ed";
}
.bi-twitch::before {
content: "\f5ee";
}
.bi-twitter::before {
content: "\f5ef";
}
.bi-type-bold::before {
content: "\f5f0";
}
.bi-type-h1::before {
content: "\f5f1";
}
.bi-type-h2::before {
content: "\f5f2";
}
.bi-type-h3::before {
content: "\f5f3";
}
.bi-type-italic::before {
content: "\f5f4";
}
.bi-type-strikethrough::before {
content: "\f5f5";
}
.bi-type-underline::before {
content: "\f5f6";
}
.bi-type::before {
content: "\f5f7";
}
.bi-ui-checks-grid::before {
content: "\f5f8";
}
.bi-ui-checks::before {
content: "\f5f9";
}
.bi-ui-radios-grid::before {
content: "\f5fa";
}
.bi-ui-radios::before {
content: "\f5fb";
}
.bi-umbrella-fill::before {
content: "\f5fc";
}
.bi-umbrella::before {
content: "\f5fd";
}
.bi-union::before {
content: "\f5fe";
}
.bi-unlock-fill::before {
content: "\f5ff";
}
.bi-unlock::before {
content: "\f600";
}
.bi-upc-scan::before {
content: "\f601";
}
.bi-upc::before {
content: "\f602";
}
.bi-upload::before {
content: "\f603";
}
.bi-vector-pen::before {
content: "\f604";
}
.bi-view-list::before {
content: "\f605";
}
.bi-view-stacked::before {
content: "\f606";
}
.bi-vinyl-fill::before {
content: "\f607";
}
.bi-vinyl::before {
content: "\f608";
}
.bi-voicemail::before {
content: "\f609";
}
.bi-volume-down-fill::before {
content: "\f60a";
}
.bi-volume-down::before {
content: "\f60b";
}
.bi-volume-mute-fill::before {
content: "\f60c";
}
.bi-volume-mute::before {
content: "\f60d";
}
.bi-volume-off-fill::before {
content: "\f60e";
}
.bi-volume-off::before {
content: "\f60f";
}
.bi-volume-up-fill::before {
content: "\f610";
}
.bi-volume-up::before {
content: "\f611";
}
.bi-vr::before {
content: "\f612";
}
.bi-wallet-fill::before {
content: "\f613";
}
.bi-wallet::before {
content: "\f614";
}
.bi-wallet2::before {
content: "\f615";
}
.bi-watch::before {
content: "\f616";
}
.bi-water::before {
content: "\f617";
}
.bi-whatsapp::before {
content: "\f618";
}
.bi-wifi-1::before {
content: "\f619";
}
.bi-wifi-2::before {
content: "\f61a";
}
.bi-wifi-off::before {
content: "\f61b";
}
.bi-wifi::before {
content: "\f61c";
}
.bi-wind::before {
content: "\f61d";
}
.bi-window-dock::before {
content: "\f61e";
}
.bi-window-sidebar::before {
content: "\f61f";
}
.bi-window::before {
content: "\f620";
}
.bi-wrench::before {
content: "\f621";
}
.bi-x-circle-fill::before {
content: "\f622";
}
.bi-x-circle::before {
content: "\f623";
}
.bi-x-diamond-fill::before {
content: "\f624";
}
.bi-x-diamond::before {
content: "\f625";
}
.bi-x-octagon-fill::before {
content: "\f626";
}
.bi-x-octagon::before {
content: "\f627";
}
.bi-x-square-fill::before {
content: "\f628";
}
.bi-x-square::before {
content: "\f629";
}
.bi-x::before {
content: "\f62a";
}
.bi-youtube::before {
content: "\f62b";
}
.bi-zoom-in::before {
content: "\f62c";
}
.bi-zoom-out::before {
content: "\f62d";
}
.bi-bank::before {
content: "\f62e";
}
.bi-bank2::before {
content: "\f62f";
}
.bi-bell-slash-fill::before {
content: "\f630";
}
.bi-bell-slash::before {
content: "\f631";
}
.bi-cash-coin::before {
content: "\f632";
}
.bi-check-lg::before {
content: "\f633";
}
.bi-coin::before {
content: "\f634";
}
.bi-currency-bitcoin::before {
content: "\f635";
}
.bi-currency-dollar::before {
content: "\f636";
}
.bi-currency-euro::before {
content: "\f637";
}
.bi-currency-exchange::before {
content: "\f638";
}
.bi-currency-pound::before {
content: "\f639";
}
.bi-currency-yen::before {
content: "\f63a";
}
.bi-dash-lg::before {
content: "\f63b";
}
.bi-exclamation-lg::before {
content: "\f63c";
}
.bi-file-earmark-pdf-fill::before {
content: "\f63d";
}
.bi-file-earmark-pdf::before {
content: "\f63e";
}
.bi-file-pdf-fill::before {
content: "\f63f";
}
.bi-file-pdf::before {
content: "\f640";
}
.bi-gender-ambiguous::before {
content: "\f641";
}
.bi-gender-female::before {
content: "\f642";
}
.bi-gender-male::before {
content: "\f643";
}
.bi-gender-trans::before {
content: "\f644";
}
.bi-headset-vr::before {
content: "\f645";
}
.bi-info-lg::before {
content: "\f646";
}
.bi-mastodon::before {
content: "\f647";
}
.bi-messenger::before {
content: "\f648";
}
.bi-piggy-bank-fill::before {
content: "\f649";
}
.bi-piggy-bank::before {
content: "\f64a";
}
.bi-pin-map-fill::before {
content: "\f64b";
}
.bi-pin-map::before {
content: "\f64c";
}
.bi-plus-lg::before {
content: "\f64d";
}
.bi-question-lg::before {
content: "\f64e";
}
.bi-recycle::before {
content: "\f64f";
}
.bi-reddit::before {
content: "\f650";
}
.bi-safe-fill::before {
content: "\f651";
}
.bi-safe2-fill::before {
content: "\f652";
}
.bi-safe2::before {
content: "\f653";
}
.bi-sd-card-fill::before {
content: "\f654";
}
.bi-sd-card::before {
content: "\f655";
}
.bi-skype::before {
content: "\f656";
}
.bi-slash-lg::before {
content: "\f657";
}
.bi-translate::before {
content: "\f658";
}
.bi-x-lg::before {
content: "\f659";
}
.bi-safe::before {
content: "\f65a";
}
.bi-apple::before {
content: "\f65b";
}
.bi-microsoft::before {
content: "\f65d";
}
.bi-windows::before {
content: "\f65e";
}
.bi-behance::before {
content: "\f65c";
}
.bi-dribbble::before {
content: "\f65f";
}
.bi-line::before {
content: "\f660";
}
.bi-medium::before {
content: "\f661";
}
.bi-paypal::before {
content: "\f662";
}
.bi-pinterest::before {
content: "\f663";
}
.bi-signal::before {
content: "\f664";
}
.bi-snapchat::before {
content: "\f665";
}
.bi-spotify::before {
content: "\f666";
}
.bi-stack-overflow::before {
content: "\f667";
}
.bi-strava::before {
content: "\f668";
}
.bi-wordpress::before {
content: "\f669";
}
.bi-vimeo::before {
content: "\f66a";
}
.bi-activity::before {
content: "\f66b";
}
.bi-easel2-fill::before {
content: "\f66c";
}
.bi-easel2::before {
content: "\f66d";
}
.bi-easel3-fill::before {
content: "\f66e";
}
.bi-easel3::before {
content: "\f66f";
}
.bi-fan::before {
content: "\f670";
}
.bi-fingerprint::before {
content: "\f671";
}
.bi-graph-down-arrow::before {
content: "\f672";
}
.bi-graph-up-arrow::before {
content: "\f673";
}
.bi-hypnotize::before {
content: "\f674";
}
.bi-magic::before {
content: "\f675";
}
.bi-person-rolodex::before {
content: "\f676";
}
.bi-person-video::before {
content: "\f677";
}
.bi-person-video2::before {
content: "\f678";
}
.bi-person-video3::before {
content: "\f679";
}
.bi-person-workspace::before {
content: "\f67a";
}
.bi-radioactive::before {
content: "\f67b";
}
.bi-webcam-fill::before {
content: "\f67c";
}
.bi-webcam::before {
content: "\f67d";
}
.bi-yin-yang::before {
content: "\f67e";
}
.bi-bandaid-fill::before {
content: "\f680";
}
.bi-bandaid::before {
content: "\f681";
}
.bi-bluetooth::before {
content: "\f682";
}
.bi-body-text::before {
content: "\f683";
}
.bi-boombox::before {
content: "\f684";
}
.bi-boxes::before {
content: "\f685";
}
.bi-dpad-fill::before {
content: "\f686";
}
.bi-dpad::before {
content: "\f687";
}
.bi-ear-fill::before {
content: "\f688";
}
.bi-ear::before {
content: "\f689";
}
.bi-envelope-check-fill::before {
content: "\f68b";
}
.bi-envelope-check::before {
content: "\f68c";
}
.bi-envelope-dash-fill::before {
content: "\f68e";
}
.bi-envelope-dash::before {
content: "\f68f";
}
.bi-envelope-exclamation-fill::before {
content: "\f691";
}
.bi-envelope-exclamation::before {
content: "\f692";
}
.bi-envelope-plus-fill::before {
content: "\f693";
}
.bi-envelope-plus::before {
content: "\f694";
}
.bi-envelope-slash-fill::before {
content: "\f696";
}
.bi-envelope-slash::before {
content: "\f697";
}
.bi-envelope-x-fill::before {
content: "\f699";
}
.bi-envelope-x::before {
content: "\f69a";
}
.bi-explicit-fill::before {
content: "\f69b";
}
.bi-explicit::before {
content: "\f69c";
}
.bi-git::before {
content: "\f69d";
}
.bi-infinity::before {
content: "\f69e";
}
.bi-list-columns-reverse::before {
content: "\f69f";
}
.bi-list-columns::before {
content: "\f6a0";
}
.bi-meta::before {
content: "\f6a1";
}
.bi-nintendo-switch::before {
content: "\f6a4";
}
.bi-pc-display-horizontal::before {
content: "\f6a5";
}
.bi-pc-display::before {
content: "\f6a6";
}
.bi-pc-horizontal::before {
content: "\f6a7";
}
.bi-pc::before {
content: "\f6a8";
}
.bi-playstation::before {
content: "\f6a9";
}
.bi-plus-slash-minus::before {
content: "\f6aa";
}
.bi-projector-fill::before {
content: "\f6ab";
}
.bi-projector::before {
content: "\f6ac";
}
.bi-qr-code-scan::before {
content: "\f6ad";
}
.bi-qr-code::before {
content: "\f6ae";
}
.bi-quora::before {
content: "\f6af";
}
.bi-quote::before {
content: "\f6b0";
}
.bi-robot::before {
content: "\f6b1";
}
.bi-send-check-fill::before {
content: "\f6b2";
}
.bi-send-check::before {
content: "\f6b3";
}
.bi-send-dash-fill::before {
content: "\f6b4";
}
.bi-send-dash::before {
content: "\f6b5";
}
.bi-send-exclamation-fill::before {
content: "\f6b7";
}
.bi-send-exclamation::before {
content: "\f6b8";
}
.bi-send-fill::before {
content: "\f6b9";
}
.bi-send-plus-fill::before {
content: "\f6ba";
}
.bi-send-plus::before {
content: "\f6bb";
}
.bi-send-slash-fill::before {
content: "\f6bc";
}
.bi-send-slash::before {
content: "\f6bd";
}
.bi-send-x-fill::before {
content: "\f6be";
}
.bi-send-x::before {
content: "\f6bf";
}
.bi-send::before {
content: "\f6c0";
}
.bi-steam::before {
content: "\f6c1";
}
.bi-terminal-dash::before {
content: "\f6c3";
}
.bi-terminal-plus::before {
content: "\f6c4";
}
.bi-terminal-split::before {
content: "\f6c5";
}
.bi-ticket-detailed-fill::before {
content: "\f6c6";
}
.bi-ticket-detailed::before {
content: "\f6c7";
}
.bi-ticket-fill::before {
content: "\f6c8";
}
.bi-ticket-perforated-fill::before {
content: "\f6c9";
}
.bi-ticket-perforated::before {
content: "\f6ca";
}
.bi-ticket::before {
content: "\f6cb";
}
.bi-tiktok::before {
content: "\f6cc";
}
.bi-window-dash::before {
content: "\f6cd";
}
.bi-window-desktop::before {
content: "\f6ce";
}
.bi-window-fullscreen::before {
content: "\f6cf";
}
.bi-window-plus::before {
content: "\f6d0";
}
.bi-window-split::before {
content: "\f6d1";
}
.bi-window-stack::before {
content: "\f6d2";
}
.bi-window-x::before {
content: "\f6d3";
}
.bi-xbox::before {
content: "\f6d4";
}
.bi-ethernet::before {
content: "\f6d5";
}
.bi-hdmi-fill::before {
content: "\f6d6";
}
.bi-hdmi::before {
content: "\f6d7";
}
.bi-usb-c-fill::before {
content: "\f6d8";
}
.bi-usb-c::before {
content: "\f6d9";
}
.bi-usb-fill::before {
content: "\f6da";
}
.bi-usb-plug-fill::before {
content: "\f6db";
}
.bi-usb-plug::before {
content: "\f6dc";
}
.bi-usb-symbol::before {
content: "\f6dd";
}
.bi-usb::before {
content: "\f6de";
}
.bi-boombox-fill::before {
content: "\f6df";
}
.bi-displayport::before {
content: "\f6e1";
}
.bi-gpu-card::before {
content: "\f6e2";
}
.bi-memory::before {
content: "\f6e3";
}
.bi-modem-fill::before {
content: "\f6e4";
}
.bi-modem::before {
content: "\f6e5";
}
.bi-motherboard-fill::before {
content: "\f6e6";
}
.bi-motherboard::before {
content: "\f6e7";
}
.bi-optical-audio-fill::before {
content: "\f6e8";
}
.bi-optical-audio::before {
content: "\f6e9";
}
.bi-pci-card::before {
content: "\f6ea";
}
.bi-router-fill::before {
content: "\f6eb";
}
.bi-router::before {
content: "\f6ec";
}
.bi-thunderbolt-fill::before {
content: "\f6ef";
}
.bi-thunderbolt::before {
content: "\f6f0";
}
.bi-usb-drive-fill::before {
content: "\f6f1";
}
.bi-usb-drive::before {
content: "\f6f2";
}
.bi-usb-micro-fill::before {
content: "\f6f3";
}
.bi-usb-micro::before {
content: "\f6f4";
}
.bi-usb-mini-fill::before {
content: "\f6f5";
}
.bi-usb-mini::before {
content: "\f6f6";
}
.bi-cloud-haze2::before {
content: "\f6f7";
}
.bi-device-hdd-fill::before {
content: "\f6f8";
}
.bi-device-hdd::before {
content: "\f6f9";
}
.bi-device-ssd-fill::before {
content: "\f6fa";
}
.bi-device-ssd::before {
content: "\f6fb";
}
.bi-displayport-fill::before {
content: "\f6fc";
}
.bi-mortarboard-fill::before {
content: "\f6fd";
}
.bi-mortarboard::before {
content: "\f6fe";
}
.bi-terminal-x::before {
content: "\f6ff";
}
.bi-arrow-through-heart-fill::before {
content: "\f700";
}
.bi-arrow-through-heart::before {
content: "\f701";
}
.bi-badge-sd-fill::before {
content: "\f702";
}
.bi-badge-sd::before {
content: "\f703";
}
.bi-bag-heart-fill::before {
content: "\f704";
}
.bi-bag-heart::before {
content: "\f705";
}
.bi-balloon-fill::before {
content: "\f706";
}
.bi-balloon-heart-fill::before {
content: "\f707";
}
.bi-balloon-heart::before {
content: "\f708";
}
.bi-balloon::before {
content: "\f709";
}
.bi-box2-fill::before {
content: "\f70a";
}
.bi-box2-heart-fill::before {
content: "\f70b";
}
.bi-box2-heart::before {
content: "\f70c";
}
.bi-box2::before {
content: "\f70d";
}
.bi-braces-asterisk::before {
content: "\f70e";
}
.bi-calendar-heart-fill::before {
content: "\f70f";
}
.bi-calendar-heart::before {
content: "\f710";
}
.bi-calendar2-heart-fill::before {
content: "\f711";
}
.bi-calendar2-heart::before {
content: "\f712";
}
.bi-chat-heart-fill::before {
content: "\f713";
}
.bi-chat-heart::before {
content: "\f714";
}
.bi-chat-left-heart-fill::before {
content: "\f715";
}
.bi-chat-left-heart::before {
content: "\f716";
}
.bi-chat-right-heart-fill::before {
content: "\f717";
}
.bi-chat-right-heart::before {
content: "\f718";
}
.bi-chat-square-heart-fill::before {
content: "\f719";
}
.bi-chat-square-heart::before {
content: "\f71a";
}
.bi-clipboard-check-fill::before {
content: "\f71b";
}
.bi-clipboard-data-fill::before {
content: "\f71c";
}
.bi-clipboard-fill::before {
content: "\f71d";
}
.bi-clipboard-heart-fill::before {
content: "\f71e";
}
.bi-clipboard-heart::before {
content: "\f71f";
}
.bi-clipboard-minus-fill::before {
content: "\f720";
}
.bi-clipboard-plus-fill::before {
content: "\f721";
}
.bi-clipboard-pulse::before {
content: "\f722";
}
.bi-clipboard-x-fill::before {
content: "\f723";
}
.bi-clipboard2-check-fill::before {
content: "\f724";
}
.bi-clipboard2-check::before {
content: "\f725";
}
.bi-clipboard2-data-fill::before {
content: "\f726";
}
.bi-clipboard2-data::before {
content: "\f727";
}
.bi-clipboard2-fill::before {
content: "\f728";
}
.bi-clipboard2-heart-fill::before {
content: "\f729";
}
.bi-clipboard2-heart::before {
content: "\f72a";
}
.bi-clipboard2-minus-fill::before {
content: "\f72b";
}
.bi-clipboard2-minus::before {
content: "\f72c";
}
.bi-clipboard2-plus-fill::before {
content: "\f72d";
}
.bi-clipboard2-plus::before {
content: "\f72e";
}
.bi-clipboard2-pulse-fill::before {
content: "\f72f";
}
.bi-clipboard2-pulse::before {
content: "\f730";
}
.bi-clipboard2-x-fill::before {
content: "\f731";
}
.bi-clipboard2-x::before {
content: "\f732";
}
.bi-clipboard2::before {
content: "\f733";
}
.bi-emoji-kiss-fill::before {
content: "\f734";
}
.bi-emoji-kiss::before {
content: "\f735";
}
.bi-envelope-heart-fill::before {
content: "\f736";
}
.bi-envelope-heart::before {
content: "\f737";
}
.bi-envelope-open-heart-fill::before {
content: "\f738";
}
.bi-envelope-open-heart::before {
content: "\f739";
}
.bi-envelope-paper-fill::before {
content: "\f73a";
}
.bi-envelope-paper-heart-fill::before {
content: "\f73b";
}
.bi-envelope-paper-heart::before {
content: "\f73c";
}
.bi-envelope-paper::before {
content: "\f73d";
}
.bi-filetype-aac::before {
content: "\f73e";
}
.bi-filetype-ai::before {
content: "\f73f";
}
.bi-filetype-bmp::before {
content: "\f740";
}
.bi-filetype-cs::before {
content: "\f741";
}
.bi-filetype-css::before {
content: "\f742";
}
.bi-filetype-csv::before {
content: "\f743";
}
.bi-filetype-doc::before {
content: "\f744";
}
.bi-filetype-docx::before {
content: "\f745";
}
.bi-filetype-exe::before {
content: "\f746";
}
.bi-filetype-gif::before {
content: "\f747";
}
.bi-filetype-heic::before {
content: "\f748";
}
.bi-filetype-html::before {
content: "\f749";
}
.bi-filetype-java::before {
content: "\f74a";
}
.bi-filetype-jpg::before {
content: "\f74b";
}
.bi-filetype-js::before {
content: "\f74c";
}
.bi-filetype-jsx::before {
content: "\f74d";
}
.bi-filetype-key::before {
content: "\f74e";
}
.bi-filetype-m4p::before {
content: "\f74f";
}
.bi-filetype-md::before {
content: "\f750";
}
.bi-filetype-mdx::before {
content: "\f751";
}
.bi-filetype-mov::before {
content: "\f752";
}
.bi-filetype-mp3::before {
content: "\f753";
}
.bi-filetype-mp4::before {
content: "\f754";
}
.bi-filetype-otf::before {
content: "\f755";
}
.bi-filetype-pdf::before {
content: "\f756";
}
.bi-filetype-php::before {
content: "\f757";
}
.bi-filetype-png::before {
content: "\f758";
}
.bi-filetype-ppt::before {
content: "\f75a";
}
.bi-filetype-psd::before {
content: "\f75b";
}
.bi-filetype-py::before {
content: "\f75c";
}
.bi-filetype-raw::before {
content: "\f75d";
}
.bi-filetype-rb::before {
content: "\f75e";
}
.bi-filetype-sass::before {
content: "\f75f";
}
.bi-filetype-scss::before {
content: "\f760";
}
.bi-filetype-sh::before {
content: "\f761";
}
.bi-filetype-svg::before {
content: "\f762";
}
.bi-filetype-tiff::before {
content: "\f763";
}
.bi-filetype-tsx::before {
content: "\f764";
}
.bi-filetype-ttf::before {
content: "\f765";
}
.bi-filetype-txt::before {
content: "\f766";
}
.bi-filetype-wav::before {
content: "\f767";
}
.bi-filetype-woff::before {
content: "\f768";
}
.bi-filetype-xls::before {
content: "\f76a";
}
.bi-filetype-xml::before {
content: "\f76b";
}
.bi-filetype-yml::before {
content: "\f76c";
}
.bi-heart-arrow::before {
content: "\f76d";
}
.bi-heart-pulse-fill::before {
content: "\f76e";
}
.bi-heart-pulse::before {
content: "\f76f";
}
.bi-heartbreak-fill::before {
content: "\f770";
}
.bi-heartbreak::before {
content: "\f771";
}
.bi-hearts::before {
content: "\f772";
}
.bi-hospital-fill::before {
content: "\f773";
}
.bi-hospital::before {
content: "\f774";
}
.bi-house-heart-fill::before {
content: "\f775";
}
.bi-house-heart::before {
content: "\f776";
}
.bi-incognito::before {
content: "\f777";
}
.bi-magnet-fill::before {
content: "\f778";
}
.bi-magnet::before {
content: "\f779";
}
.bi-person-heart::before {
content: "\f77a";
}
.bi-person-hearts::before {
content: "\f77b";
}
.bi-phone-flip::before {
content: "\f77c";
}
.bi-plugin::before {
content: "\f77d";
}
.bi-postage-fill::before {
content: "\f77e";
}
.bi-postage-heart-fill::before {
content: "\f77f";
}
.bi-postage-heart::before {
content: "\f780";
}
.bi-postage::before {
content: "\f781";
}
.bi-postcard-fill::before {
content: "\f782";
}
.bi-postcard-heart-fill::before {
content: "\f783";
}
.bi-postcard-heart::before {
content: "\f784";
}
.bi-postcard::before {
content: "\f785";
}
.bi-search-heart-fill::before {
content: "\f786";
}
.bi-search-heart::before {
content: "\f787";
}
.bi-sliders2-vertical::before {
content: "\f788";
}
.bi-sliders2::before {
content: "\f789";
}
.bi-trash3-fill::before {
content: "\f78a";
}
.bi-trash3::before {
content: "\f78b";
}
.bi-valentine::before {
content: "\f78c";
}
.bi-valentine2::before {
content: "\f78d";
}
.bi-wrench-adjustable-circle-fill::before {
content: "\f78e";
}
.bi-wrench-adjustable-circle::before {
content: "\f78f";
}
.bi-wrench-adjustable::before {
content: "\f790";
}
.bi-filetype-json::before {
content: "\f791";
}
.bi-filetype-pptx::before {
content: "\f792";
}
.bi-filetype-xlsx::before {
content: "\f793";
}
.bi-1-circle-fill::before {
content: "\f796";
}
.bi-1-circle::before {
content: "\f797";
}
.bi-1-square-fill::before {
content: "\f798";
}
.bi-1-square::before {
content: "\f799";
}
.bi-2-circle-fill::before {
content: "\f79c";
}
.bi-2-circle::before {
content: "\f79d";
}
.bi-2-square-fill::before {
content: "\f79e";
}
.bi-2-square::before {
content: "\f79f";
}
.bi-3-circle-fill::before {
content: "\f7a2";
}
.bi-3-circle::before {
content: "\f7a3";
}
.bi-3-square-fill::before {
content: "\f7a4";
}
.bi-3-square::before {
content: "\f7a5";
}
.bi-4-circle-fill::before {
content: "\f7a8";
}
.bi-4-circle::before {
content: "\f7a9";
}
.bi-4-square-fill::before {
content: "\f7aa";
}
.bi-4-square::before {
content: "\f7ab";
}
.bi-5-circle-fill::before {
content: "\f7ae";
}
.bi-5-circle::before {
content: "\f7af";
}
.bi-5-square-fill::before {
content: "\f7b0";
}
.bi-5-square::before {
content: "\f7b1";
}
.bi-6-circle-fill::before {
content: "\f7b4";
}
.bi-6-circle::before {
content: "\f7b5";
}
.bi-6-square-fill::before {
content: "\f7b6";
}
.bi-6-square::before {
content: "\f7b7";
}
.bi-7-circle-fill::before {
content: "\f7ba";
}
.bi-7-circle::before {
content: "\f7bb";
}
.bi-7-square-fill::before {
content: "\f7bc";
}
.bi-7-square::before {
content: "\f7bd";
}
.bi-8-circle-fill::before {
content: "\f7c0";
}
.bi-8-circle::before {
content: "\f7c1";
}
.bi-8-square-fill::before {
content: "\f7c2";
}
.bi-8-square::before {
content: "\f7c3";
}
.bi-9-circle-fill::before {
content: "\f7c6";
}
.bi-9-circle::before {
content: "\f7c7";
}
.bi-9-square-fill::before {
content: "\f7c8";
}
.bi-9-square::before {
content: "\f7c9";
}
.bi-airplane-engines-fill::before {
content: "\f7ca";
}
.bi-airplane-engines::before {
content: "\f7cb";
}
.bi-airplane-fill::before {
content: "\f7cc";
}
.bi-airplane::before {
content: "\f7cd";
}
.bi-alexa::before {
content: "\f7ce";
}
.bi-alipay::before {
content: "\f7cf";
}
.bi-android::before {
content: "\f7d0";
}
.bi-android2::before {
content: "\f7d1";
}
.bi-box-fill::before {
content: "\f7d2";
}
.bi-box-seam-fill::before {
content: "\f7d3";
}
.bi-browser-chrome::before {
content: "\f7d4";
}
.bi-browser-edge::before {
content: "\f7d5";
}
.bi-browser-firefox::before {
content: "\f7d6";
}
.bi-browser-safari::before {
content: "\f7d7";
}
.bi-c-circle-fill::before {
content: "\f7da";
}
.bi-c-circle::before {
content: "\f7db";
}
.bi-c-square-fill::before {
content: "\f7dc";
}
.bi-c-square::before {
content: "\f7dd";
}
.bi-capsule-pill::before {
content: "\f7de";
}
.bi-capsule::before {
content: "\f7df";
}
.bi-car-front-fill::before {
content: "\f7e0";
}
.bi-car-front::before {
content: "\f7e1";
}
.bi-cassette-fill::before {
content: "\f7e2";
}
.bi-cassette::before {
content: "\f7e3";
}
.bi-cc-circle-fill::before {
content: "\f7e6";
}
.bi-cc-circle::before {
content: "\f7e7";
}
.bi-cc-square-fill::before {
content: "\f7e8";
}
.bi-cc-square::before {
content: "\f7e9";
}
.bi-cup-hot-fill::before {
content: "\f7ea";
}
.bi-cup-hot::before {
content: "\f7eb";
}
.bi-currency-rupee::before {
content: "\f7ec";
}
.bi-dropbox::before {
content: "\f7ed";
}
.bi-escape::before {
content: "\f7ee";
}
.bi-fast-forward-btn-fill::before {
content: "\f7ef";
}
.bi-fast-forward-btn::before {
content: "\f7f0";
}
.bi-fast-forward-circle-fill::before {
content: "\f7f1";
}
.bi-fast-forward-circle::before {
content: "\f7f2";
}
.bi-fast-forward-fill::before {
content: "\f7f3";
}
.bi-fast-forward::before {
content: "\f7f4";
}
.bi-filetype-sql::before {
content: "\f7f5";
}
.bi-fire::before {
content: "\f7f6";
}
.bi-google-play::before {
content: "\f7f7";
}
.bi-h-circle-fill::before {
content: "\f7fa";
}
.bi-h-circle::before {
content: "\f7fb";
}
.bi-h-square-fill::before {
content: "\f7fc";
}
.bi-h-square::before {
content: "\f7fd";
}
.bi-indent::before {
content: "\f7fe";
}
.bi-lungs-fill::before {
content: "\f7ff";
}
.bi-lungs::before {
content: "\f800";
}
.bi-microsoft-tour::before {
content: "\f801";
}
.bi-p-circle-fill::before {
content: "\f804";
}
.bi-p-circle::before {
content: "\f805";
}
.bi-p-square-fill::before {
content: "\f806";
}
.bi-p-square::before {
content: "\f807";
}
.bi-pass-fill::before {
content: "\f808";
}
.bi-pass::before {
content: "\f809";
}
.bi-prescription::before {
content: "\f80a";
}
.bi-prescription2::before {
content: "\f80b";
}
.bi-r-circle-fill::before {
content: "\f80e";
}
.bi-r-circle::before {
content: "\f80f";
}
.bi-r-square-fill::before {
content: "\f810";
}
.bi-r-square::before {
content: "\f811";
}
.bi-repeat-1::before {
content: "\f812";
}
.bi-repeat::before {
content: "\f813";
}
.bi-rewind-btn-fill::before {
content: "\f814";
}
.bi-rewind-btn::before {
content: "\f815";
}
.bi-rewind-circle-fill::before {
content: "\f816";
}
.bi-rewind-circle::before {
content: "\f817";
}
.bi-rewind-fill::before {
content: "\f818";
}
.bi-rewind::before {
content: "\f819";
}
.bi-train-freight-front-fill::before {
content: "\f81a";
}
.bi-train-freight-front::before {
content: "\f81b";
}
.bi-train-front-fill::before {
content: "\f81c";
}
.bi-train-front::before {
content: "\f81d";
}
.bi-train-lightrail-front-fill::before {
content: "\f81e";
}
.bi-train-lightrail-front::before {
content: "\f81f";
}
.bi-truck-front-fill::before {
content: "\f820";
}
.bi-truck-front::before {
content: "\f821";
}
.bi-ubuntu::before {
content: "\f822";
}
.bi-unindent::before {
content: "\f823";
}
.bi-unity::before {
content: "\f824";
}
.bi-universal-access-circle::before {
content: "\f825";
}
.bi-universal-access::before {
content: "\f826";
}
.bi-virus::before {
content: "\f827";
}
.bi-virus2::before {
content: "\f828";
}
.bi-wechat::before {
content: "\f829";
}
.bi-yelp::before {
content: "\f82a";
}
.bi-sign-stop-fill::before {
content: "\f82b";
}
.bi-sign-stop-lights-fill::before {
content: "\f82c";
}
.bi-sign-stop-lights::before {
content: "\f82d";
}
.bi-sign-stop::before {
content: "\f82e";
}
.bi-sign-turn-left-fill::before {
content: "\f82f";
}
.bi-sign-turn-left::before {
content: "\f830";
}
.bi-sign-turn-right-fill::before {
content: "\f831";
}
.bi-sign-turn-right::before {
content: "\f832";
}
.bi-sign-turn-slight-left-fill::before {
content: "\f833";
}
.bi-sign-turn-slight-left::before {
content: "\f834";
}
.bi-sign-turn-slight-right-fill::before {
content: "\f835";
}
.bi-sign-turn-slight-right::before {
content: "\f836";
}
.bi-sign-yield-fill::before {
content: "\f837";
}
.bi-sign-yield::before {
content: "\f838";
}
.bi-ev-station-fill::before {
content: "\f839";
}
.bi-ev-station::before {
content: "\f83a";
}
.bi-fuel-pump-diesel-fill::before {
content: "\f83b";
}
.bi-fuel-pump-diesel::before {
content: "\f83c";
}
.bi-fuel-pump-fill::before {
content: "\f83d";
}
.bi-fuel-pump::before {
content: "\f83e";
}
.bi-0-circle-fill::before {
content: "\f83f";
}
.bi-0-circle::before {
content: "\f840";
}
.bi-0-square-fill::before {
content: "\f841";
}
.bi-0-square::before {
content: "\f842";
}
.bi-rocket-fill::before {
content: "\f843";
}
.bi-rocket-takeoff-fill::before {
content: "\f844";
}
.bi-rocket-takeoff::before {
content: "\f845";
}
.bi-rocket::before {
content: "\f846";
}
.bi-stripe::before {
content: "\f847";
}
.bi-subscript::before {
content: "\f848";
}
.bi-superscript::before {
content: "\f849";
}
.bi-trello::before {
content: "\f84a";
}
.bi-envelope-at-fill::before {
content: "\f84b";
}
.bi-envelope-at::before {
content: "\f84c";
}
.bi-regex::before {
content: "\f84d";
}
.bi-text-wrap::before {
content: "\f84e";
}
.bi-sign-dead-end-fill::before {
content: "\f84f";
}
.bi-sign-dead-end::before {
content: "\f850";
}
.bi-sign-do-not-enter-fill::before {
content: "\f851";
}
.bi-sign-do-not-enter::before {
content: "\f852";
}
.bi-sign-intersection-fill::before {
content: "\f853";
}
.bi-sign-intersection-side-fill::before {
content: "\f854";
}
.bi-sign-intersection-side::before {
content: "\f855";
}
.bi-sign-intersection-t-fill::before {
content: "\f856";
}
.bi-sign-intersection-t::before {
content: "\f857";
}
.bi-sign-intersection-y-fill::before {
content: "\f858";
}
.bi-sign-intersection-y::before {
content: "\f859";
}
.bi-sign-intersection::before {
content: "\f85a";
}
.bi-sign-merge-left-fill::before {
content: "\f85b";
}
.bi-sign-merge-left::before {
content: "\f85c";
}
.bi-sign-merge-right-fill::before {
content: "\f85d";
}
.bi-sign-merge-right::before {
content: "\f85e";
}
.bi-sign-no-left-turn-fill::before {
content: "\f85f";
}
.bi-sign-no-left-turn::before {
content: "\f860";
}
.bi-sign-no-parking-fill::before {
content: "\f861";
}
.bi-sign-no-parking::before {
content: "\f862";
}
.bi-sign-no-right-turn-fill::before {
content: "\f863";
}
.bi-sign-no-right-turn::before {
content: "\f864";
}
.bi-sign-railroad-fill::before {
content: "\f865";
}
.bi-sign-railroad::before {
content: "\f866";
}
.bi-building-add::before {
content: "\f867";
}
.bi-building-check::before {
content: "\f868";
}
.bi-building-dash::before {
content: "\f869";
}
.bi-building-down::before {
content: "\f86a";
}
.bi-building-exclamation::before {
content: "\f86b";
}
.bi-building-fill-add::before {
content: "\f86c";
}
.bi-building-fill-check::before {
content: "\f86d";
}
.bi-building-fill-dash::before {
content: "\f86e";
}
.bi-building-fill-down::before {
content: "\f86f";
}
.bi-building-fill-exclamation::before {
content: "\f870";
}
.bi-building-fill-gear::before {
content: "\f871";
}
.bi-building-fill-lock::before {
content: "\f872";
}
.bi-building-fill-slash::before {
content: "\f873";
}
.bi-building-fill-up::before {
content: "\f874";
}
.bi-building-fill-x::before {
content: "\f875";
}
.bi-building-fill::before {
content: "\f876";
}
.bi-building-gear::before {
content: "\f877";
}
.bi-building-lock::before {
content: "\f878";
}
.bi-building-slash::before {
content: "\f879";
}
.bi-building-up::before {
content: "\f87a";
}
.bi-building-x::before {
content: "\f87b";
}
.bi-buildings-fill::before {
content: "\f87c";
}
.bi-buildings::before {
content: "\f87d";
}
.bi-bus-front-fill::before {
content: "\f87e";
}
.bi-bus-front::before {
content: "\f87f";
}
.bi-ev-front-fill::before {
content: "\f880";
}
.bi-ev-front::before {
content: "\f881";
}
.bi-globe-americas::before {
content: "\f882";
}
.bi-globe-asia-australia::before {
content: "\f883";
}
.bi-globe-central-south-asia::before {
content: "\f884";
}
.bi-globe-europe-africa::before {
content: "\f885";
}
.bi-house-add-fill::before {
content: "\f886";
}
.bi-house-add::before {
content: "\f887";
}
.bi-house-check-fill::before {
content: "\f888";
}
.bi-house-check::before {
content: "\f889";
}
.bi-house-dash-fill::before {
content: "\f88a";
}
.bi-house-dash::before {
content: "\f88b";
}
.bi-house-down-fill::before {
content: "\f88c";
}
.bi-house-down::before {
content: "\f88d";
}
.bi-house-exclamation-fill::before {
content: "\f88e";
}
.bi-house-exclamation::before {
content: "\f88f";
}
.bi-house-gear-fill::before {
content: "\f890";
}
.bi-house-gear::before {
content: "\f891";
}
.bi-house-lock-fill::before {
content: "\f892";
}
.bi-house-lock::before {
content: "\f893";
}
.bi-house-slash-fill::before {
content: "\f894";
}
.bi-house-slash::before {
content: "\f895";
}
.bi-house-up-fill::before {
content: "\f896";
}
.bi-house-up::before {
content: "\f897";
}
.bi-house-x-fill::before {
content: "\f898";
}
.bi-house-x::before {
content: "\f899";
}
.bi-person-add::before {
content: "\f89a";
}
.bi-person-down::before {
content: "\f89b";
}
.bi-person-exclamation::before {
content: "\f89c";
}
.bi-person-fill-add::before {
content: "\f89d";
}
.bi-person-fill-check::before {
content: "\f89e";
}
.bi-person-fill-dash::before {
content: "\f89f";
}
.bi-person-fill-down::before {
content: "\f8a0";
}
.bi-person-fill-exclamation::before {
content: "\f8a1";
}
.bi-person-fill-gear::before {
content: "\f8a2";
}
.bi-person-fill-lock::before {
content: "\f8a3";
}
.bi-person-fill-slash::before {
content: "\f8a4";
}
.bi-person-fill-up::before {
content: "\f8a5";
}
.bi-person-fill-x::before {
content: "\f8a6";
}
.bi-person-gear::before {
content: "\f8a7";
}
.bi-person-lock::before {
content: "\f8a8";
}
.bi-person-slash::before {
content: "\f8a9";
}
.bi-person-up::before {
content: "\f8aa";
}
.bi-scooter::before {
content: "\f8ab";
}
.bi-taxi-front-fill::before {
content: "\f8ac";
}
.bi-taxi-front::before {
content: "\f8ad";
}
.bi-amd::before {
content: "\f8ae";
}
.bi-database-add::before {
content: "\f8af";
}
.bi-database-check::before {
content: "\f8b0";
}
.bi-database-dash::before {
content: "\f8b1";
}
.bi-database-down::before {
content: "\f8b2";
}
.bi-database-exclamation::before {
content: "\f8b3";
}
.bi-database-fill-add::before {
content: "\f8b4";
}
.bi-database-fill-check::before {
content: "\f8b5";
}
.bi-database-fill-dash::before {
content: "\f8b6";
}
.bi-database-fill-down::before {
content: "\f8b7";
}
.bi-database-fill-exclamation::before {
content: "\f8b8";
}
.bi-database-fill-gear::before {
content: "\f8b9";
}
.bi-database-fill-lock::before {
content: "\f8ba";
}
.bi-database-fill-slash::before {
content: "\f8bb";
}
.bi-database-fill-up::before {
content: "\f8bc";
}
.bi-database-fill-x::before {
content: "\f8bd";
}
.bi-database-fill::before {
content: "\f8be";
}
.bi-database-gear::before {
content: "\f8bf";
}
.bi-database-lock::before {
content: "\f8c0";
}
.bi-database-slash::before {
content: "\f8c1";
}
.bi-database-up::before {
content: "\f8c2";
}
.bi-database-x::before {
content: "\f8c3";
}
.bi-database::before {
content: "\f8c4";
}
.bi-houses-fill::before {
content: "\f8c5";
}
.bi-houses::before {
content: "\f8c6";
}
.bi-nvidia::before {
content: "\f8c7";
}
.bi-person-vcard-fill::before {
content: "\f8c8";
}
.bi-person-vcard::before {
content: "\f8c9";
}
.bi-sina-weibo::before {
content: "\f8ca";
}
.bi-tencent-qq::before {
content: "\f8cb";
}
.bi-wikipedia::before {
content: "\f8cc";
}
.bi-alphabet-uppercase::before {
content: "\f2a5";
}
.bi-alphabet::before {
content: "\f68a";
}
.bi-amazon::before {
content: "\f68d";
}
.bi-arrows-collapse-vertical::before {
content: "\f690";
}
.bi-arrows-expand-vertical::before {
content: "\f695";
}
.bi-arrows-vertical::before {
content: "\f698";
}
.bi-arrows::before {
content: "\f6a2";
}
.bi-ban-fill::before {
content: "\f6a3";
}
.bi-ban::before {
content: "\f6b6";
}
.bi-bing::before {
content: "\f6c2";
}
.bi-cake::before {
content: "\f6e0";
}
.bi-cake2::before {
content: "\f6ed";
}
.bi-cookie::before {
content: "\f6ee";
}
.bi-copy::before {
content: "\f759";
}
.bi-crosshair::before {
content: "\f769";
}
.bi-crosshair2::before {
content: "\f794";
}
.bi-emoji-astonished-fill::before {
content: "\f795";
}
.bi-emoji-astonished::before {
content: "\f79a";
}
.bi-emoji-grimace-fill::before {
content: "\f79b";
}
.bi-emoji-grimace::before {
content: "\f7a0";
}
.bi-emoji-grin-fill::before {
content: "\f7a1";
}
.bi-emoji-grin::before {
content: "\f7a6";
}
.bi-emoji-surprise-fill::before {
content: "\f7a7";
}
.bi-emoji-surprise::before {
content: "\f7ac";
}
.bi-emoji-tear-fill::before {
content: "\f7ad";
}
.bi-emoji-tear::before {
content: "\f7b2";
}
.bi-envelope-arrow-down-fill::before {
content: "\f7b3";
}
.bi-envelope-arrow-down::before {
content: "\f7b8";
}
.bi-envelope-arrow-up-fill::before {
content: "\f7b9";
}
.bi-envelope-arrow-up::before {
content: "\f7be";
}
.bi-feather::before {
content: "\f7bf";
}
.bi-feather2::before {
content: "\f7c4";
}
.bi-floppy-fill::before {
content: "\f7c5";
}
.bi-floppy::before {
content: "\f7d8";
}
.bi-floppy2-fill::before {
content: "\f7d9";
}
.bi-floppy2::before {
content: "\f7e4";
}
.bi-gitlab::before {
content: "\f7e5";
}
.bi-highlighter::before {
content: "\f7f8";
}
.bi-marker-tip::before {
content: "\f802";
}
.bi-nvme-fill::before {
content: "\f803";
}
.bi-nvme::before {
content: "\f80c";
}
.bi-opencollective::before {
content: "\f80d";
}
.bi-pci-card-network::before {
content: "\f8cd";
}
.bi-pci-card-sound::before {
content: "\f8ce";
}
.bi-radar::before {
content: "\f8cf";
}
.bi-send-arrow-down-fill::before {
content: "\f8d0";
}
.bi-send-arrow-down::before {
content: "\f8d1";
}
.bi-send-arrow-up-fill::before {
content: "\f8d2";
}
.bi-send-arrow-up::before {
content: "\f8d3";
}
.bi-sim-slash-fill::before {
content: "\f8d4";
}
.bi-sim-slash::before {
content: "\f8d5";
}
.bi-sourceforge::before {
content: "\f8d6";
}
.bi-substack::before {
content: "\f8d7";
}
.bi-threads-fill::before {
content: "\f8d8";
}
.bi-threads::before {
content: "\f8d9";
}
.bi-transparency::before {
content: "\f8da";
}
.bi-twitter-x::before {
content: "\f8db";
}
.bi-type-h4::before {
content: "\f8dc";
}
.bi-type-h5::before {
content: "\f8dd";
}
.bi-type-h6::before {
content: "\f8de";
}
.bi-backpack-fill::before {
content: "\f8df";
}
.bi-backpack::before {
content: "\f8e0";
}
.bi-backpack2-fill::before {
content: "\f8e1";
}
.bi-backpack2::before {
content: "\f8e2";
}
.bi-backpack3-fill::before {
content: "\f8e3";
}
.bi-backpack3::before {
content: "\f8e4";
}
.bi-backpack4-fill::before {
content: "\f8e5";
}
.bi-backpack4::before {
content: "\f8e6";
}
.bi-brilliance::before {
content: "\f8e7";
}
.bi-cake-fill::before {
content: "\f8e8";
}
.bi-cake2-fill::before {
content: "\f8e9";
}
.bi-duffle-fill::before {
content: "\f8ea";
}
.bi-duffle::before {
content: "\f8eb";
}
.bi-exposure::before {
content: "\f8ec";
}
.bi-gender-neuter::before {
content: "\f8ed";
}
.bi-highlights::before {
content: "\f8ee";
}
.bi-luggage-fill::before {
content: "\f8ef";
}
.bi-luggage::before {
content: "\f8f0";
}
.bi-mailbox-flag::before {
content: "\f8f1";
}
.bi-mailbox2-flag::before {
content: "\f8f2";
}
.bi-noise-reduction::before {
content: "\f8f3";
}
.bi-passport-fill::before {
content: "\f8f4";
}
.bi-passport::before {
content: "\f8f5";
}
.bi-person-arms-up::before {
content: "\f8f6";
}
.bi-person-raised-hand::before {
content: "\f8f7";
}
.bi-person-standing-dress::before {
content: "\f8f8";
}
.bi-person-standing::before {
content: "\f8f9";
}
.bi-person-walking::before {
content: "\f8fa";
}
.bi-person-wheelchair::before {
content: "\f8fb";
}
.bi-shadows::before {
content: "\f8fc";
}
.bi-suitcase-fill::before {
content: "\f8fd";
}
.bi-suitcase-lg-fill::before {
content: "\f8fe";
}
.bi-suitcase-lg::before {
content: "\f8ff";
}
.bi-suitcase::before {
content: "\f900";
}
.bi-suitcase2-fill::before {
content: "\f901";
}
.bi-suitcase2::before {
content: "\f902";
}
.bi-vignette::before {
content: "\f903";
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInStable {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
33.333% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
66.666666% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomInStable {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
33.333% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
66.666666% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.zoomInStable {
-webkit-animation-name: zoomInStable;
animation-name: zoomInStable;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}
@-webkit-keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}
@-moz-keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}
@-o-keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}
@-ms-keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap");
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
box-sizing: border-box;
clear: both;
cursor: pointer;
font-family: inherit;
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: block;
float: left;
outline: none;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: "";
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Satisfy&display=swap");
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: DM Sans;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #4DA627;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
} @media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges, .daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&display=swap");
.pb-80 {
padding-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-80 {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.pb-80 {
padding-bottom: 40px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (max-width: 991px) {
.pb-90 {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.pb-90 {
padding-bottom: 70px;
}
}
.pb-190 {
padding-bottom: 190px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-8 {
padding-bottom: 8px;
}
.pb-18 {
padding-bottom: 18px;
}
.pb-32 {
padding-bottom: 32px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
@media (max-width: 1399px) {
.pb-40 {
padding-bottom: 20px;
}
}
.pb-44 {
padding-bottom: 44px;
}
@media (max-width: 1399px) {
.pb-44 {
padding-bottom: 30px;
}
}
.pb-46 {
padding-bottom: 46px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-12 {
padding-bottom: 12px;
}
.pb-14 {
padding-bottom: 14px;
}
.pb-16 {
padding-bottom: 16px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-24 {
padding-bottom: 24px;
}
.pb-28 {
padding-bottom: 28px;
}
.pb-12 {
padding-bottom: 12px;
}
.pb-14 {
padding-bottom: 14px;
}
.pt-50 {
padding-top: 54px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-117 {
padding-top: 117px;
}
.pt-100 {
padding-top: 100px;
}
@media (max-width: 1499px) {
.pt-100 {
padding-top: 70px;
}
}
.pt-110 {
padding-top: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-110 {
padding-top: 90px;
}
}
@media (max-width: 991px) {
.pt-110 {
padding-top: 70px;
}
}
.pt-70 {
padding-top: 70px;
}
.pt-85 {
padding-top: 85px;
}
.pt-80 {
padding-top: 80px;
}
.pt-88 {
padding-top: 88px;
}
.pt-125 {
padding-top: 125px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-125 {
padding-top: 100px;
}
}
@media (max-width: 991px) {
.pt-125 {
padding-top: 90px;
}
}
@media (max-width: 767px) {
.pt-125 {
padding-top: 70px;
}
}
.pb-125 {
padding-bottom: 125px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-125 {
padding-bottom: 100px;
}
}
@media (max-width: 991px) {
.pb-125 {
padding-bottom: 90px;
}
}
.pt-155 {
padding-top: 155px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-155 {
padding-top: 145px;
}
}
@media (max-width: 991px) {
.pt-155 {
padding-top: 120px;
}
}
.mb-8 {
margin-bottom: 8px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-14 {
margin-bottom: 14px;
}
.mb-16 {
margin-bottom: 1px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mb-65 {
margin-bottom: 45px;
}
}
.mb-20 {
margin-bottom: 20px;
}
.mb-22 {
margin-bottom: 22px;
}
.mb-24 {
margin-bottom: 24px;
}
.mb-28 {
margin-bottom: 28px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.mb-40 {
margin-bottom: 30px;
}
}
.mb-44 {
margin-bottom: 44px;
}
@media (max-width: 991px) {
.mb-44 {
margin-bottom: 0px;
}
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.mb-50 {
margin-bottom: 40px;
}
}
.mb-48 {
margin-bottom: 48px;
}
@media (max-width: 1399px) {
.mb-48 {
margin-bottom: 30px;
}
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
@media (max-width: 991px) {
.mb-60 {
margin-bottom: 50px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-70 {
margin-bottom: 60px;
}
}
@media (max-width: 991px) {
.mb-70 {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.mb-70 {
margin-bottom: 50px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media (max-width: 991px) {
.mb-80 {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.mb-80 {
margin-bottom: 50px;
}
}
.mb-150 {
margin-bottom: 150px;
}
.mb-28 {
margin-bottom: 28px;
}
@media (max-width: 767px) {
.mb-28 {
margin-bottom: 14px;
}
}
.mb-24 {
margin-bottom: 24px;
}
.mb-40 {
margin-bottom: 40px;
}
.pb-170 {
padding-bottom: 170px;
}
@media (max-width: 1499px) {
.pb-170 {
padding-bottom: 150px;
}
}
.pt-170 {
padding-top: 170px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.pt-170 {
padding-top: 100px;
}
}
@media (max-width: 991px) {
.pt-170 {
padding-top: 120px;
}
}
@media (max-width: 350px) {
.pt-170 {
padding-top: 120px;
}
}
.pb-120 {
padding-bottom: 120px;
}
@media (max-width: 1699px) {
.pb-120 {
padding-bottom: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.pb-120 {
padding-bottom: 100px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-120 {
padding-bottom: 80px;
}
}
@media (max-width: 991px) {
.pb-120 {
padding-bottom: 55px;
}
}
@media (max-width: 767px) {
.pb-120 {
padding-bottom: 50px;
}
}
.pb-164 {
padding-bottom: 164px;
}
@media (max-width: 991px) {
.pb-164 {
padding-bottom: 90px;
}
}
@media (max-width: 350px) {
.pb-164 {
padding-bottom: 100px;
}
}
.pb-50 {
padding-bottom: 50px;
}
.pb-54 {
padding-bottom: 54px;
}
.pb-14 {
padding-bottom: 14px;
}
@media (max-width: 1199px) {
.pb-14 {
padding-bottom: 10px;
}
}
.pb-70 {
padding-bottom: 70px;
}
.pb-100 {
padding-bottom: 100px;
}
@media (max-width: 1499px) {
.pb-100 {
padding-bottom: 70px;
}
}
.pt-95 {
padding-top: 95px;
}
@media (max-width: 991px) {
.pt-95 {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.pt-95 {
padding-top: 70px;
}
}
.pb-95 {
padding-bottom: 95px;
}
@media (max-width: 991px) {
.pb-95 {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.pb-95 {
padding-bottom: 70px;
}
}
.pb-65 {
padding-bottom: 65px;
}
.pb-110 {
padding-bottom: 110px;
}
@media (max-width: 1199px) {
.pb-110 {
padding-bottom: 90px;
}
}
.pb-150 {
padding-bottom: 150px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pb-150 {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.pb-150 {
margin-top: 90px;
}
}
.pt-200 {
padding-top: 200px;
}
@media (max-width: 991px) {
.pt-200 {
padding-top: 85px;
}
}
@media (max-width: 767px) {
.pt-200 {
padding-top: 26px;
}
}
.mr-80 {
margin-right: 80px;
}
.ml-300 {
margin-left: 300px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mt-80 {
margin-top: 50px;
}
}
@media (max-width: 425px) {
.mt-80 {
margin-top: 40px;
}
}
.mb-8 {
margin-bottom: 8px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mb-8 {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.mb-8 {
margin-bottom: 15px;
}
}
.mb-20 {
margin-bottom: 20px;
}
.mb-24 {
margin-bottom: 24px;
}
@media (max-width: 1199px) {
.mb-24 {
margin-bottom: 15px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media (min-width: 768px) and (max-width: 991px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media (max-width: 425px) {
.mb-80 {
margin-bottom: 30px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media (max-width: 1399px) {
.mb-100 {
margin-bottom: 50px;
}
}
.pl-85 {
margin-left: 85px;
}
.mt-100 {
margin-top: 110px !important;
}
@media (max-width: 991px) {
.mt-100 {
margin-top: 80px !important;
}
}
.mt-120 {
margin-top: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-120 {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.mt-120 {
margin-top: 90px;
}
}
.mt-130 {
margin-top: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mt-130 {
margin-top: 100px;
}
}
@media (max-width: 991px) {
.mt-130 {
margin-top: 90px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-80 {
margin-bottom: 70px;
}
}
@media (max-width: 991px) {
.mb-80 {
margin-bottom: 70px;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media (max-width: 991px) {
.mb-90 {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.mb-90 {
margin-bottom: 50px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
.mb-100 {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mb-110 {
margin-bottom: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-110 {
margin-bottom: 90px;
}
}
@media (max-width: 991px) {
.mb-110 {
margin-bottom: 80px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-120 {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.mb-120 {
margin-bottom: 90px;
}
}
.mb-130 {
margin-bottom: 130px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.mb-130 {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.mb-130 {
margin-bottom: 90px;
}
}
.pt-40 {
padding-top: 40px;
}
.pt-42 {
padding-top: 42px;
}
.mb-15 {
margin-bottom: 15px;
}
.pb-150 {
padding-bottom: 150px;
}
.mb-122 {
margin-bottom: 122px;
}
.mb-10 {
margin-bottom: 10px;
}
.pt-90 {
padding-top: 90px;
}
@media (max-width: 991px) {
.pt-90 {
padding-top: 80px;
}
}
@media (max-width: 767px) {
.pt-90 {
padding-top: 70px;
}
}
.pt-110 {
padding-top: 110px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-110 {
padding-top: 90px;
}
}
@media (max-width: 991px) {
.pt-110 {
padding-top: 70px;
}
}
.pt-120 {
padding-top: 120px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.pt-120 {
padding-top: 100px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-120 {
padding-top: 80px;
}
}
@media (max-width: 991px) {
.pt-120 {
padding-top: 80px;
}
}
.pt-135 {
padding-top: 135px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-135 {
padding-top: 120px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.pt-135 {
padding-top: 110px;
}
}
@media (max-width: 576px) {
.pt-135 {
padding-top: 80px;
}
}
.pt-150 {
padding-top: 150px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-150 {
padding-top: 120px;
}
}
@media (max-width: 991px) {
.pt-150 {
padding-top: 120px;
}
}
@media (max-width: 576px) {
.pt-150 {
padding-top: 80px;
}
}
.pt-95 {
padding-top: 95px;
}
.pt-80 {
padding-top: 80px;
}
.pt-50 {
padding-top: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.pt-50 {
padding-top: 40px;
}
}
@media (max-width: 991px) {
.pt-50 {
padding-top: 30px;
}
}
.pt-40 {
padding-top: 40px;
}
.pt-35 {
padding-top: 35px;
}
.pt-32 {
padding-top: 32px;
}
.pt-30 {
padding-top: 30px;
}
.pe-80 {
padding-right: 80px;
}
.pb-60 {
padding-bottom: 60px;
}
.pl-110 {
padding-left: 110px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.pl-110 {
padding-left: 70px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.pl-110 {
padding-left: 40px;
}
}
@media (max-width: 1199px) {
.pl-110 {
padding-left: unset;
}
}
.pb-48 {
padding-bottom: 48px;
}
@media (max-width: 767px) {
.pb-48 {
padding-bottom: 30px;
}
}
.mt-15 {
margin-top: 15px;
}
.mt-25 {
margin-top: 25px;
}
.mt-28 {
margin-top: 28px;
}
.mt-30 {
margin-top: 30px;
}
.mt-32 {
margin-top: 32px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
@media (max-width: 767px) {
.mt-60 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media (max-width: 767px) {
.mt-70 {
margin-top: 40px;
}
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
@media (max-width: 1199px) {
.mb-25 {
margin-bottom: 15px;
}
}
.mb-30 {
margin-bottom: 30px;
}
.mb-34 {
margin-bottom: 34px;
}
.mb-40 {
margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.mb-40 {
margin-bottom: 30px;
}
}
.mb-50 {
margin-bottom: 50px;
}
.mb-54 {
margin-bottom: 54px;
}
.mb-80 {
margin-bottom: 80px;
}
@media (max-width: 1199px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.mb-80 {
margin-bottom: 40px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
.mb-100 {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.mb-100 {
margin-bottom: 40px;
}
}
.mb-50 {
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.mb-50 {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.mb-50 {
margin-bottom: 40px;
}
}
.mt-60 {
margin-top: 60px;
}
@media (max-width: 767px) {
.mt-60 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media (max-width: 991px) {
.mt-70 {
margin-top: 40px;
}
}
:root {
--primary-color: rgba(77, 166, 39, 1);
--primary-color-three: rgba(243, 128, 53, 1);
--primary-color-opc: rgba(16, 197, 129, 0.5);
--primary-color-opc-2: rgba(98, 192, 58, 0.45);
--title-color: rgba(17, 17, 17, 1);
--title-color-opp: rgba(17, 17, 17, 0.9);
--white-color: rgba(255, 255, 255, 1);
--white-color-opp: rgba(255, 255, 255, 0.7);
--paragraph-color: rgba(102, 102, 102, 1);
}  * {
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
html {
font-size: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
font-family: "Rubik", serif;
color: var(title-color);
font-size: 16px;
font-weight: 400;
line-height: 30px;
background-color: var(--white-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Rubik", serif;
font-weight: 600;
line-height: 1.4;
color: var(--title-color);
}
input {
border: none;
outline: none;
}
button {
outline: none;
border: none;
}
i.bx {
vertical-align: middle;
}
img {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
}
p {
font-family: "Jost", serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.primary-btn {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: var(--white-color);
background-color: var(--primary-color);
padding: 16px 37px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
border-radius: 30px;
display: inline-block;
}
.primary-btn.three {
border-radius: 5px;
background-color: var(--primary-color);
padding: 17.5px 36.3px;
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.primary-btn.three::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.style-three {
border-radius: 26px;
background-color: var(--primary-color);
padding: 17.5px 31.7px;
font-size: 18px;
line-height: 1;
font-weight: 500;
}
.primary-btn.style-three::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.offer-btn-1 {
background-color: var(--primary-color-three);
padding: 11px 30px;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.primary-btn.offer-btn-2 {
background-color: var(--primary-color);
padding: 11px 30px;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.primary-btn.offer-btn-2::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--title-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.orange-color {
background-color: var(--primary-color);
padding: 18px 36.2px;
}
.primary-btn.orange-color::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.three-orange {
background-color: var(--primary-color-three);
border-radius: 5px;
padding: 19px 36px;
}
.primary-btn.three-small {
background-color: var(--primary-color);
border-radius: 5px;
padding: 19px 41.2px;
}
.primary-btn.three-small::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small {
padding: 13px 27px;
background-color: var(title-color);
font-size: 14px;
line-height: 26;
line-height: 1;
}
@media (max-width: 1699px) {
.primary-btn.small {
padding: 13px 18px;
font-size: 14px;
}
}
@media (max-width: 350px) {
.primary-btn.small {
padding: 13px 15px;
font-size: 14px;
}
}
.primary-btn.small::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-primary {
padding: 13px 23px;
background-color: var(--primary-color);
font-size: 16px;
line-height: 1;
}
@media (max-width: 350px) {
.primary-btn.small-primary {
padding: 13px 15px;
font-size: 14px;
}
}
.primary-btn.small-primary::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--title-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-four {
padding: 14px 22.4px;
background-color: var(title-color);
font-size: 16px;
font-weight: 600;
line-height: 1;
}
@media (max-width: 1199px) {
.primary-btn.small-four {
padding: 14px 20px;
font-size: 14px;
}
}
.primary-btn.small-four::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-black {
background-color: var(--primary-color);
padding: 13px 26px;
}
@media (max-width: 1199px) {
.primary-btn.small-black {
padding: 13px 23px;
}
}
@media (max-width: 350px) {
.primary-btn.small-black {
padding: 13px 15px;
font-size: 14px;
}
}
.primary-btn.small-black::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--title-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-black-four {
background-color: var(title-color);
padding: 13.5px 28.1px;
}
.primary-btn.small-black-four::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-view {
background-color: var(title-color);
border-radius: 5px;
padding: 13px 24px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.primary-btn.small-view {
padding: 13px 22px;
}
}
@media (max-width: 1199px) {
.primary-btn.small-view {
padding: 11px 15px;
font-size: 12px;
}
}
@media (max-width: 991px) {
.primary-btn.small-view {
font-size: 14px;
padding: 12px 22px;
}
}
.primary-btn.small-view::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.small-view-two {
border-radius: 5px;
padding: 14px 24px;
font-weight: 600;
}
@media (max-width: 1499px) {
.primary-btn.small-view-two {
padding: 14px 20px;
font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.primary-btn.small-view-two {
padding: 12px 15px;
font-size: 13px;
}
}
.primary-btn.small-transparent {
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.1);
color: rgba(17, 17, 17, 0.7);
font-weight: 400;
font-size: 16px;
line-height: 26px;
padding: 6px 18px;
}
.primary-btn.small-transparent::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.btn-black {
background-color: var(title-color);
padding: 14px 31.8px;
}
.primary-btn.btn-black::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.white {
background-color: var(--white-color);
color: var(--title-color);
}
.primary-btn.white-two {
background-color: var(--white-color);
color: var(--title-color);
transition: 0.3s;
padding: 15.5px 26.3px;
display: flex;
align-items: end;
gap: 6px;
}
.primary-btn.white-two svg path {
transition: 0.3s;
}
.primary-btn.orange-btn {
background-color: var(title-color);
padding: 12px 25px;
}
@media (max-width: 1199px) {
.primary-btn.orange-btn {
font-size: 14px;
padding: 10px 20px;
}
}
.primary-btn.orange-btn::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.black-two {
background-color: var(--primary-color-three);
}
.primary-btn.black-two::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--title-color);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.black-three {
background-color: var(--primary-color);
border-radius: 5px;
font-size: 17px;
line-height: 1.2;
padding: 15.9px 33.1px;
}
.primary-btn.black-three::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: rgb(0, 0, 0);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.transparent {
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.25);
color: var(--title-color);
font-weight: 400;
transition: 0.3s;
display: flex;
align-items: center;
padding: 16.5px 37.4px;
gap: 6px;
}
.primary-btn.transparent svg path {
transition: 0.3s;
fill: var(--title-color);
}
.primary-btn.transparent-style-2 {
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.25);
color: var(--title-color);
font-weight: 400;
transition: 0.3s;
display: flex;
align-items: center;
padding: 18.5px 36.7px;
gap: 6px;
}
.primary-btn.transparent-style-2 svg path {
transition: 0.3s;
fill: var(--title-color);
}
.primary-btn.yellow {
padding: 17px 37px;
display: inline-table;
}
.primary-btn.yellow::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.btn-flower {
background-color: var(--white-color);
color: var(--title-color);
font-size: 16px;
font-weight: 500;
line-height: 27px;
padding: 12px 36px;
}
.primary-btn.style-4 {
background-color: var(--primary-color);
font-size: 16px;
line-height: 1;
padding: 18.5px 33.3px;
}
@media (max-width: 425px) {
.primary-btn.style-4 {
font-size: 14px;
line-height: 1;
padding: 17px 27px;
display: flex;
align-items: center;
justify-content: center;
}
}
.primary-btn.style-4::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.bg-green {
background-color: var(--primary-color);
padding: 17.5px 37.2px;
}
.primary-btn.bg-green::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn.error-btn {
background-color: rgb(77, 166, 39);
font-size: 17px;
font-weight: 400;
line-height: 1;
border-radius: 10px;
padding: 17.5px 34px;
}
.primary-btn.error-btn::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn::after {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
height: 100%;
width: 100%;
bottom: 0;
background-color: var(--primary-color-three);
transform: scale(0, 1);
transform-origin: left;
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn:hover {
color: var(--white-color);
}
.primary-btn:hover.transparent {
border: 1px solid var(--primary-color);
}
.primary-btn:hover.transparent svg path {
fill: var(--white-color);
}
.primary-btn:hover.transparent-style-2 svg path {
fill: var(--white-color);
}
.primary-btn:hover.small.black {
background-color: var(--primary-color-three);
}
.primary-btn:hover.white-two svg path {
fill: var(--white-color);
transition: 0.3s;
}
.primary-btn:hover::after {
transform: scale(1, 1);
}
.primary-submit {
border-radius: 0 30px 30px 0;
background-color: var(--primary-color-three);
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: var(--white-color);
text-transform: capitalize;
padding: 20px 50px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
}
@media (max-width: 350px) {
.primary-submit {
padding: 20px 30px;
font-size: 14px;
}
}
.primary-submit.two {
background-color: var(--primary-color);
width: 100%;
border-radius: 41px;
}
.primary-submit.two::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color-three);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
@media (max-width: 991px) {
.primary-submit.three {
font-size: 14px;
padding: 13px 35px;
}
}
.primary-submit.four {
border-radius: 0 15px 15px 0;
}
@media (max-width: 1199px) {
.primary-submit.four {
padding: 16px 40px;
}
}
.primary-submit.five {
width: 100%;
border-radius: 10px;
background-color: var(--primary-color);
margin-top: 20px;
display: flex;
align-items: center;
gap: 5px;
}
.primary-submit.five::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color-three);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.primary-submit.six {
width: 100%;
border-radius: 26px;
background-color: var(--primary-color);
margin-top: 20px;
display: flex;
align-items: center;
gap: 5px;
}
.primary-submit.six::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color-three);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.primary-submit.seven {
border-radius: 5px;
background-color: var(--primary-color);
display: flex;
align-items: center;
gap: 5px;
}
.primary-submit.seven::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color-three);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.primary-submit.eight {
border-radius: 26px;
width: 100%;
background-color: var(--primary-color);
display: flex;
align-items: center;
gap: 5px;
}
.primary-submit.eight::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color-three);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.primary-submit::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--primary-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.primary-submit:hover {
color: var(--white-color);
}
.primary-submit:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.primary-btn-two {
border-radius: 31px;
}
.primary-btn-two span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
border-radius: 31px;
background-color: var(--primary-color);
color: var(--white-color);
text-transform: capitalize;
padding: 22px 36.3px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
}
@media (max-width: 1199px) {
.primary-btn-two span {
margin-right: 0;
}
}
.primary-btn-two span svg {
fill: var(--white-color);
transition: 0.3s;
}
.primary-btn-two span::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #0a1019;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn-two:hover span {
color: var(--white-color);
}
.primary-btn-two:hover span svg {
fill: var(--white-color);
}
.primary-btn-two:hover span::after {
transform: skewX(45deg) scale(1, 1);
}
.primary-btn-two.two span {
padding: 17px 22px;
}
.primary-btn-three span {
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 600;
line-height: 19.2px;
border-radius: 30px;
background-color: var(--primary-color);
color: var(--white-color);
text-transform: capitalize;
padding: 15px 33px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 10px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
margin-right: 35px;
}
@media (max-width: 1199px) {
.primary-btn-three span {
padding: 18px 33px;
font-size: 16px;
}
}
.primary-btn-three span svg {
fill: var(--white-color);
transition: 0.3s;
}
.primary-btn-three span::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: #0a1019;
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.4s ease-out 0s;
}
.primary-btn-three:hover span {
color: var(--white-color);
}
.primary-btn-three:hover span svg {
fill: var(--white-color);
}
.primary-btn-three:hover span::after {
transform: skewX(45deg) scale(1, 1);
}
.primary-btn-three.two span {
padding: 17px 22px;
}
.read-btn {
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none;
}
.read-btn span {
color: rgb(98, 192, 58);
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 600;
line-height: 14px;
text-transform: capitalize;
white-space: nowrap;
background: linear-gradient(to bottom, rgb(98, 192, 58) 0%, rgb(98, 192, 58) 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: background-size 0.75s;
}
.read-btn i {
color: rgb(98, 192, 58);
font-size: 15px;
transition: 0.3s;
margin-bottom: -3px;
}
.read-btn svg {
fill: var(--primary-color);
margin-bottom: 2px;
transition: 0.3s;
}
.read-btn.two span {
font-size: 15px;
}
.read-btn:hover span {
color: rgb(98, 192, 58);
background-size: 0 1px;
background-position: 0% 100%;
}
.read-btn:hover i {
color: rgb(98, 192, 58);
}
.read-more {
display: flex;
align-items: center;
gap: 4px;
}
.read-more .primary-button {
color: rgb(243, 128, 53);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 16px;
white-space: nowrap;
display: inline-flex;
align-items: center;
text-decoration: none;
background: linear-gradient(to bottom, #F38035 0%, #F38035 98%);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.3s ease-in-out;
}
.read-more .icon svg {
transition: all 0.3s ease-in-out;
}
.read-more:hover .primary-button {
color: var(--primary-color-three);
background-size: 0 1px;
background-position: 0% 100%;
transition: all 0.3s ease-in-out;
}
.read-more:hover .icon svg {
transform: rotate(45deg);
transition: all 0.3s ease-in-out;
}
.view-btn {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
margin-top: 75px;
}
@media (max-width: 991px) {
.view-btn {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-btn {
margin-top: 15px;
}
}
@media (max-width: 767px) {
.view-btn {
margin-top: 15px;
}
}
.view-btn.two {
margin-top: 0;
}
.view-btn.two span {
color: rgba(17, 17, 17, 0.7);
}
.view-btn.two svg path {
transition: 0.3s;
fill: rgba(17, 17, 17, 0.7);
}
.view-btn.three {
color: var(title-color);
display: flex;
align-items: center;
gap: 8px;
margin-top: 26px;
}
.view-btn.three span {
color: rgba(17, 17, 17, 0.7);
}
.view-btn.three svg {
margin-bottom: -2px;
transition: 0.3s;
}
.view-btn span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-transform: capitalize;
white-space: nowrap;
transition: 0.3s;
}
.view-btn i {
color: var(--title-color);
font-size: 15px;
transition: 0.3s;
margin-bottom: -3px;
}
.view-btn svg {
fill: var(--title-color);
margin-bottom: 2px;
transition: 0.3s;
}
.view-btn.two span {
font-size: 16px;
line-height: 32px;
}
.view-btn:hover span {
color: rgb(98, 192, 58);
background-size: 0 1px;
background-position: 0% 100%;
}
.view-btn:hover i {
color: rgb(98, 192, 58);
}
.view-btn:hover svg path {
fill: var(--primary-color);
}
.tour-slider-btn {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.tour-slider-btn {
display: none;
}
}
.tour-slider-btn .tour-card-prev {
position: absolute;
top: 60%;
left: -70px;
}
.tour-slider-btn .tour-card-next {
position: absolute;
top: 60%;
right: -70px;
}
.tour-slider-btn .slider-btn {
border: 1px solid rgba(35, 31, 32, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 53px;
width: 53px;
transition: 0.3s;
}
.tour-slider-btn .slider-btn svg path {
fill: rgba(0, 0, 0, 0.5);
}
.tour-slider-btn .slider-btn:hover {
background-color: rgb(77, 166, 39);
}
.tour-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
fill-opacity: 0.5;
}
.tour-slider-btn-four {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.tour-slider-btn-four {
display: none;
}
}
.tour-slider-btn-four .tour-card-prev {
position: absolute;
top: 60%;
left: -5.3%;
}
@media (max-width: 1499px) {
.tour-slider-btn-four .tour-card-prev {
left: -4%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-slider-btn-four .tour-card-prev {
top: 60%;
left: -4%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.tour-slider-btn-four .tour-card-prev {
top: 65%;
left: -7%;
}
}
@media (max-width: 991px) {
.tour-slider-btn-four .tour-card-prev {
display: none;
}
}
.tour-slider-btn-four .tour-card-next {
position: absolute;
top: 60%;
right: -5.3%;
}
@media (max-width: 1499px) {
.tour-slider-btn-four .tour-card-next {
right: -4%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-slider-btn-four .tour-card-next {
top: 60%;
right: -4%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.tour-slider-btn-four .tour-card-next {
top: 65%;
right: -7%;
}
}
@media (max-width: 991px) {
.tour-slider-btn-four .tour-card-next {
display: none;
}
}
.tour-slider-btn-four .slider-btn {
border: 1px solid rgba(35, 31, 32, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 53px;
width: 53px;
transition: 0.3s;
}
.tour-slider-btn-four .slider-btn svg path {
fill: rgba(0, 0, 0, 0.5);
}
.tour-slider-btn-four .slider-btn:hover {
background-color: rgb(77, 166, 39);
}
.tour-slider-btn-four .slider-btn:hover svg path {
fill: var(--white-color);
fill-opacity: 0.5;
}
.tour-guide-btn {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.tour-guide-btn {
display: none;
}
}
.tour-guide-btn .tour-guide-prev {
position: absolute;
top: 45%;
left: -8%;
}
@media (max-width: 1499px) {
.tour-guide-btn .tour-guide-prev {
top: 45%;
left: -5%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-guide-btn .tour-guide-prev {
top: 45%;
left: -7%;
}
}
@media (max-width: 1199px) {
.tour-guide-btn .tour-guide-prev {
left: -9%;
}
}
.tour-guide-btn .tour-guide-next {
position: absolute;
top: 45%;
right: -8%;
}
@media (max-width: 1499px) {
.tour-guide-btn .tour-guide-next {
right: -5%;
top: 45%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-guide-btn .tour-guide-next {
top: 45%;
right: -7%;
}
}
@media (max-width: 1199px) {
.tour-guide-btn .tour-guide-next {
right: -9%;
}
}
.tour-guide-btn .slider-btn {
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 53px;
width: 53px;
transition: 0.3s;
}
.tour-guide-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.tour-guide-btn .slider-btn:hover {
background-color: rgb(17, 17, 17);
}
.tour-guide-btn .slider-btn:hover svg path {
fill: rgb(255, 255, 255);
}
.tour-package-btn-four {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.tour-package-btn-four {
display: none;
}
}
.tour-package-btn-four .tour-package-prev {
position: absolute;
top: 72%;
left: -6%;
}
@media (max-width: 1499px) {
.tour-package-btn-four .tour-package-prev {
left: -5%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-package-btn-four .tour-package-prev {
left: -4%;
}
}
@media (max-width: 1199px) {
.tour-package-btn-four .tour-package-prev {
left: -6%;
}
}
.tour-package-btn-four .tour-package-next {
position: absolute;
top: 72%;
right: -6%;
}
@media (max-width: 1499px) {
.tour-package-btn-four .tour-package-next {
right: -5%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-package-btn-four .tour-package-next {
right: -4%;
}
}
@media (max-width: 1199px) {
.tour-package-btn-four .tour-package-next {
right: -6%;
}
}
.tour-package-btn-four .slider-btn {
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 53px;
width: 53px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-package-btn-four .slider-btn {
width: 45px;
height: 45px;
}
}
.tour-package-btn-four .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.tour-package-btn-four .slider-btn:hover {
background-color: rgb(17, 17, 17);
}
.tour-package-btn-four .slider-btn:hover svg path {
fill: rgb(255, 255, 255);
}
.see-btn {
background-color: var(--primary-color);
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
margin: 0;
padding: 12.5px 29.1px;
transition: 0.3s;
}
.see-btn:hover {
background-color: var(--primary-color-three);
}
.see-btn.shape-green {
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/shape-green.svg);
-webkit-mask-position: unset;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
}
.nav-tabs {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50px;
padding: 0 18px;
}
@media (max-width: 425px) {
.nav-tabs {
padding: 11px 17px;
}
}
@media (max-width: 350px) {
.nav-tabs {
padding: 8px 7px;
}
}
.nav-tabs .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
border-right: none;
border: none;
border-radius: 30px;
}
@media (max-width: 576px) {
.nav-tabs .nav-item .nav-link {
font-size: 14px;
}
}
.nav-tabs .nav-item .nav-link svg path {
fill: var(--title-color);
}
.nav-tabs .nav-item .nav-link.active {
color: var(--white-color);
background-color: var(--primary-color);
border-radius: 30px;
padding: 12.5px 27px;
}
@media (max-width: 576px) {
.nav-tabs .nav-item .nav-link.active {
padding: 10px 20px;
}
}
.nav-tabs .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.nav-tabs-four {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
max-width: 417px;
width: 100%;
margin-top: 39px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 15px;
}
.nav-tabs-four .nav-item {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs-four .nav-item:last-child {
border-right: none;
}
.nav-tabs-four .nav-item:first-child .nav-link {
border-radius: 15px 0 0 15px;
}
.nav-tabs-four .nav-item:last-child {
border-left: unset;
}
.nav-tabs-four .nav-item:last-child .nav-link {
border-radius: 0 15px 15px 0;
}
.nav-tabs-four .nav-item .nav-link {
display: grid;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
border: none;
padding: 10.5px 46px;
}
@media (max-width: 576px) {
.nav-tabs-four .nav-item .nav-link {
padding: 10px 46px;
}
}
@media (max-width: 350px) {
.nav-tabs-four .nav-item .nav-link {
padding: 10px 30px;
}
}
.nav-tabs-four .nav-item .nav-link svg {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.nav-tabs-four .nav-item .nav-link svg path {
fill: var(--title-color);
}
.nav-tabs-four .nav-item .nav-link.active {
color: var(--white-color);
background-color: var(--primary-color);
}
.nav-tabs-four .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.nav-tabs-faq {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
}
.nav-tabs-faq .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
border-right: none;
border: none;
border-radius: 30px;
background-color: rgba(77, 166, 39, 0.1);
padding: 12px 27px;
}
@media (max-width: 576px) {
.nav-tabs-faq .nav-item .nav-link {
font-size: 14px;
}
}
.nav-tabs-faq .nav-item .nav-link svg path {
fill: var(--title-color);
}
.nav-tabs-faq .nav-item .nav-link.active {
color: var(--white-color);
background-color: var(--primary-color);
border-radius: 30px;
padding: 12px 27px;
}
@media (max-width: 576px) {
.nav-tabs-faq .nav-item .nav-link.active {
padding: 10px 20px;
}
}
.nav-tabs-faq .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.slider-btn-group-four {
display: grid;
gap: 32px;
}
.slider-btn-group-four .slider-btn {
border: 1px solid rgba(255, 255, 255, 0.5);
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.slider-btn-group-four .slider-btn svg path {
transition: 0.3s;
fill: rgba(255, 255, 255, 0.7);
}
.slider-btn-group-four .slider-btn:hover {
background-color: var(--white-color);
}
.slider-btn-group-four .slider-btn:hover svg path {
fill: rgb(17, 17, 17);
}
.slider-btn-group-four .visa-preview-four {
position: absolute;
right: 15%;
top: 17%;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.slider-btn-group-four .visa-preview-four {
top: 10%;
}
}
@media (max-width: 1199px) {
.slider-btn-group-four .visa-preview-four {
right: 7%;
}
}
@media (max-width: 991px) {
.slider-btn-group-four .visa-preview-four {
right: 3%;
top: 15%;
}
}
@media (max-width: 767px) {
.slider-btn-group-four .visa-preview-four {
display: none;
}
}
.slider-btn-group-four .visa-next-four {
position: absolute;
right: 15%;
top: 42%;
z-index: 1;
}
@media (max-width: 1199px) {
.slider-btn-group-four .visa-next-four {
right: 7%;
}
}
@media (max-width: 991px) {
.slider-btn-group-four .visa-next-four {
right: 3%;
top: 40%;
}
}
@media (max-width: 767px) {
.slider-btn-group-four .visa-next-four {
display: none;
}
}
.circle-container {
background: transparent;
position: fixed;
right: 30px;
bottom: 55px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 50px;
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
}
.circle-container.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.circle-container::after {
position: absolute;
font-family: "Bootstrap-icons";
content: "\f145";
text-align: center;
line-height: 40px;
font-size: 28px;
color: var(--primary-color);
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 1;
transition: all 200ms linear;
}
.circle-container:hover svg path {
fill: var(--primary-color);
transition: 0.3s;
}
.circle-container:hover::after {
color: var(--white-color);
}
.circle-container svg path {
fill: none;
}
.circle-container svg.circle-progress path {
stroke: var(--primary-color);
stroke-width: 5;
box-sizing: border-box;
transition: all 200ms linear;
}
.section-title .sub-title-tag {
position: relative;
width: -moz-max-content;
width: max-content;
max-width: 100%;
padding: 18px;
margin-bottom: 4px;
}
.section-title .sub-title-tag.two {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 27px;
}
.section-title .sub-title-tag .bg-shape {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.section-title .sub-title-tag span {
font-family: "Satisfy", serif;
font-size: 20px;
font-weight: 400;
line-height: 21.6px;
letter-spacing: 0.03em;
color: var(--primary-color);
}
.section-title .title h2 {
font-family: "Rubik", serif;
font-size: 48px;
font-weight: 600;
line-height: 58px;
color: var(title-color);
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-title .title h2 {
font-size: 40px;
line-height: 26px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-title .title h2 {
font-size: 36px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section-title .title h2 {
font-size: 40px;
}
}
@media (max-width: 767px) {
.section-title .title h2 {
font-size: 33px;
line-height: 33px;
}
}
@media (max-width: 576px) {
.section-title .title h2 {
font-size: 30px;
line-height: 35px;
}
}
@media (max-width: 350px) {
.section-title .title h2 {
font-size: 26px;
}
}
.section-title .description p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
color: var(--paragraph-color);
margin-top: 11px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-title .description p {
font-size: 16px;
line-height: 22px;
margin-top: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-title .description p {
margin-top: -10px;
}
}
.top-bar {
background-color: rgb(37, 37, 37);
}
@media (max-width: 1399px) {
.top-bar {
padding: 0 40px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.top-bar {
padding: 0 45px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-bar {
padding: 0 50px;
}
}
@media (max-width: 991px) {
.top-bar {
display: none;
}
}
.top-bar .top-bar-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 0;
max-width: 1620px;
width: 100%;
margin: 0 auto;
}
.top-bar .top-bar-content .top-bar-start ul {
display: flex;
align-items: center;
gap: 42px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.top-bar .top-bar-content .top-bar-start ul {
gap: 20px;
}
}
@media (max-width: 1199px) {
.top-bar .top-bar-content .top-bar-start ul {
gap: 20px;
}
}
.top-bar .top-bar-content .top-bar-start ul li {
display: flex;
align-items: baseline;
gap: 6px;
}
.top-bar .top-bar-content .top-bar-start ul li a {
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 400;
line-height: 14px;
color: var(--white-color);
margin: 0;
transition: 0.4s;
}
.top-bar .top-bar-content .top-bar-start ul li:hover .icon svg path {
fill: var(--primary-color);
transition: 0.4s;
}
.top-bar .top-bar-content .top-bar-start ul li:hover a {
color: var(--primary-color);
}
.top-bar .top-bar-content .top-bar-center {
display: flex;
}
@media (max-width: 1199px) {
.top-bar .top-bar-content .top-bar-center {
display: none;
}
}
.top-bar .top-bar-content .top-bar-center .icon-para {
display: flex;
align-items: baseline;
gap: 4px;
}
.top-bar .top-bar-content .top-bar-center .icon-para P {
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
color: var(--white-color);
margin: 0;
}
header {
position: relative;
width: 100%;
z-index: 999;
transition: all 0.8s ease-out 0s;
background-color: var(--white-color);
margin: 0 auto;
}
header .container-tour {
max-width: 1632px;
}
header.style-1 {
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
header.style-1.header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--white-color);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
z-index: 10;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-1 .main-menu {
display: inline-block;
position: relative;
}
header.style-1 .main-menu.show-menu {
transform: translateX(0);
}
header.style-1 .main-menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-1 .main-menu > ul > li {
display: inline-block;
position: relative;
padding: 0px 24px;
}
@media (max-width: 1399px) {
header.style-1 .main-menu > ul > li {
padding: 0 20px;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu > ul > li {
padding: 0px 12px;
}
}
header.style-1 .main-menu > ul > li:hover i {
color: var(--primary-color);
font-size: 20px;
}
@media (min-width: 992px) {
header.style-1 .main-menu > ul > li:first-child {
padding-left: 0;
}
header.style-1 .main-menu > ul > li:first-child a {
padding-left: 0;
}
header.style-1 .main-menu > ul > li:last-child {
padding-right: 0;
}
}
header.style-1 .main-menu > ul > li > a {
position: relative;
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: rgba(17, 17, 17, 0.9);
display: block;
padding: 37px 0px;
letter-spacing: 0.01em;
transition: all 0.4s ease-out 0s;
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-1 .main-menu > ul > li > a {
padding: 35px 0;
}
}
header.style-1 .main-menu > ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.4s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-1 .main-menu > ul > li i {
opacity: 1;
}
}
header.style-1 .main-menu > ul > li i.active {
color: var(--title-color);
}
header.style-1 .main-menu > ul > li i.active::before {
content: "\f2ea";
}
header.style-1 .main-menu > ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(134, 117, 212, 0.08);
text-align: left;
transform-origin: top;
}
@media (max-width: 1199px) {
header.style-1 .main-menu > ul > li ul.sub-menu {
box-shadow: none;
}
}
header.style-1 .main-menu > ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li i {
position: absolute;
top: 14px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
color: var(--title-color);
opacity: 1;
top: 14px;
font-size: 14px;
right: 10px;
}
@media (max-width: 991px) {
header.style-1 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px;
}
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a {
display: block;
padding: 15px 15px;
color: rgba(17, 17, 17, 0.9);
font-weight: 400;
font-family: "Rubik", serif;
font-size: 13px;
line-height: 1.3;
transition: all 0.4s ease-out 0s;
position: relative;
border-bottom: 1px solid #e1e1e1;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
header.style-1 .main-menu > ul > li ul.sub-menu > li > a {
border-color: rgba(233, 228, 228, 0.5);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #ddd, #10c581, #ddd);
}
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
@media (max-width: 1199px) {
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
box-shadow: none;
}
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-1 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
display: block;
}
@media (min-width: 992px) {
header.style-1 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
header.style-1 .main-menu > ul > li.menu-item-has-children {
transition: all 0.55s ease-in-out;
}
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 800;
position: absolute;
top: 31px;
right: 0px;
font-size: 12px;
color: var(--title-color);
transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
right: 0px;
top: 28px;
}
}
@media (max-width: 1199px) {
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
top: 30px;
}
}
@media (max-width: 991px) {
header.style-1 .main-menu > ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-1 .main-menu > ul > li.menu-item-has-children:hover::after {
color: var(--primary-color);
content: "\f286";
}
@media (min-width: 992px) {
header.style-1 .main-menu > ul > li:hover > ul.sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
header.style-1 .main-menu > ul > li:hover > a {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li:hover > a::after {
transform-origin: left center;
transform: scale(1, 1);
}
header.style-1 .main-menu > ul > li:hover::after {
color: var(--title-color);
}
header.style-1 .main-menu > ul > li:hover .dropdown-icon2 {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active > a {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active::after {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active .dropdown-icon2 {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li.active.position-inherit > a::after {
color: var(--primary-color);
}
header.style-1 .main-menu > ul li.menu-item-has-children > i {
display: block;
}
header.style-1 .nav-right {
display: flex;
align-items: center;
gap: 40px;
position: relative;
}
header.style-1 .nav-right::after {
content: "";
height: 34px;
width: 1px;
background-color: rgba(17, 17, 17, 0.1);
position: absolute;
left: 45px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-1 .nav-right::after {
left: 35px;
}
}
@media (max-width: 991px) {
header.style-1 .nav-right::after {
display: none;
}
}
@media (max-width: 1199px) {
header.style-1 .nav-right {
gap: 20px;
}
}
@media (max-width: 576px) {
header.style-1 .nav-right {
gap: 15px;
}
}
header.style-1 .nav-right .right-sidebar-button {
cursor: pointer;
}
header.style-1 .nav-right .right-sidebar-button svg {
fill: var(--title-color);
}
@keyframes qode-draw {
0%, 100% {
-webkit-clip-path: inset(-2px -2px);
clip-path: inset(-2px -2px);
}
42% {
-webkit-clip-path: inset(-2px -2px -2px 100%);
clip-path: inset(-2px -2px -2px 100%);
}
43% {
-webkit-clip-path: inset(-2px 100% -3px -2px);
clip-path: inset(-2px 100% -3px -2px);
}
}
header.style-1 .nav-right .right-sidebar-button:hover svg {
animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
}
header.style-1 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-1 .nav-right .mobile-menu-btn {
display: flex;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
header.style-1 .nav-right .mobile-menu-btn svg {
fill: var(--title-color);
}
}
header.style-1.inner-page {
position: relative;
background-color: var(--white-color);
}
@media (max-width: 991px) {
header.style-1 .header-logo {
padding: 15px 0;
}
}
header.style-1 .header-logo a img {
width: 122px;
}
.menu-side-logo{width: 70%;}
@media only screen and (max-width: 991px) {
header.style-1 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
padding:0px 10px;
}
header.style-1 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: 0.35s;
}
header.style-1 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color);
}
header.style-1 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color);
}
header.style-1 .dropdown-icon {
color: var(--white-color);
}
header.style-1 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-1 .main-menu.show-menu {
transform: translateX(0);
}
header.style-1 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-1 .main-menu .menu-list {
padding-top: 20px;
padding-bottom: 30px;
}
header.style-1 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
header.style-1 .main-menu > ul > li {
display: block;
position: relative;
padding: 0;
}
header.style-1 .main-menu > ul > li i {
display: block;
}
header.style-1 .main-menu > ul > li a {
padding: 10px 0;
display: block;
}
header.style-1 .main-menu > ul > li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
padding-left: 10px;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li a {
color: var(--title-color);
padding: 12px 0px;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
header.style-1 .main-menu > ul > li ul.sub-menu > li a.active {
color: var(--primary-color);
}
header.style-1 .main-menu > ul > li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
header.style-1 .main-menu > ul > li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
line-height: 1;
}
}
@media (max-width: 1699px) {
header.style-1 {
padding: 0 30px;
}
}
@media (max-width: 425px) {
header.style-1 {
padding: 0 15px;
}
}
.login-modal .modal-dialog {
animation: zoomIn 1s;
}
.login-modal .modal-dialog .modal-content {
border-radius: 20px;
position: relative;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content {
border-radius: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn {
position: absolute;
top: 15px;
right: 15px;
background-color: #f1f1f1;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 22px;
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (max-width: 767px) {
.login-modal .modal-dialog .modal-content .modal-clode-btn {
width: 30px;
height: 30px;
top: 10px;
right: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::before, .login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-45deg);
content: "";
position: absolute;
top: 50%;
left: calc(50% - 7px);
display: block;
height: 1px;
width: 15px;
background-color: var(--title-color);
transition: all 0.3s ease-out;
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-135deg);
}
.login-modal .modal-dialog .modal-content .modal-clode-btn:hover::before, .login-modal .modal-dialog .modal-content .modal-clode-btn:hover::after {
transform: rotate(0deg);
}
.login-modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: unset;
}
.login-modal .modal-dialog .modal-content .modal-header img {
border-radius: 20px 20px 0 0;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-header img {
min-height: 110px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
}
.login-modal .modal-dialog .modal-content .modal-body {
padding: 45px 40px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body {
padding: 30px 20px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title {
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 35px;
font-weight: 500;
letter-spacing: 0.6px;
line-height: 1;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
font-size: 30px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title p {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner {
position: relative;
display: flex;
align-items: center;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input {
border: 1px solid var(--title-color);
border-radius: 200px;
background-color: transparent;
width: 100%;
height: 46px;
color: var(--title-color);
font-family: "Jost", serif;
font-size: 13px;
padding: 15px 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input:focus {
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::-moz-placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner i {
margin-left: -50px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 30px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box {
opacity: 0;
display: none;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box:checked + label::before {
content: "\f26e";
color: var(--white-color);
font-family: "bootstrap-icons";
background-color: var(--primary-color);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember label {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .forget-pass {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
border-radius: 35px;
background-color: var(--title-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
color: var(--white-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 15px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--primary-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider span {
color: #dbdbdb;
text-align: center;
font-family: "Jost", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 0 12px;
background-color: var(--white-color);
position: relative;
z-index: 1;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #dbdbdb;
width: 100%;
height: 1px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
border-radius: 35px;
background-color: var(--white-color);
border: 1px solid var(--title-color);
font-family: "Jost", serif;
font-weight: 500;
font-size: 16px;
color: var(--title-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 10px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
@keyframes fade-up2 {
0% {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
}
100% {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
}
@keyframes fade-down {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
@keyframes waves {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
}
50% {
opacity: 0.9;
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
}
}
@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.banner-section {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/hero-section.png);
background-repeat: no-repeat;
background-size: cover;
padding: 31px 0 0 0;
}
@media (max-width: 1199px) {
.banner-section {
padding: 40px 0 0 0;
}
}
@media (max-width: 991px) {
.banner-section {
padding: 60px 0 0 0;
}
}
@media (max-width: 767px) {
.banner-section {
padding: 60px 0 0 0;
}
}
@media (max-width: 576px) {
.banner-section {
padding: 50px 15px 0 15px;
}
}
.banner-section .banner-content .sub-title-tag {
position: relative;
width: -moz-max-content;
width: max-content;
max-width: 100%;
padding: 18px;
}
.banner-section .banner-content .sub-title-tag .bg-shape {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.banner-section .banner-content .sub-title-tag span {
font-family: "Satisfy", serif;
font-size: 20px;
font-weight: 400;
line-height: 21.6px;
letter-spacing: 0.03em;
color: var(--primary-color);
}
.banner-section .banner-content h1 {
font-family: "Rubik", serif;
font-size: 65px;
font-weight: 700;
line-height: 1.2;
color: var(title-color);
text-transform: capitalize;
margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section .banner-content h1 {
font-size: 60px;
line-height: 1.2;
}
}
@media (max-width: 1199px) {
.banner-section .banner-content h1 {
font-size: 45px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.banner-section .banner-content h1 {
font-size: 41px;
line-height: 50px;
}
}
@media (max-width: 576px) {
.banner-section .banner-content h1 {
font-size: 33px;
line-height: 40px;
}
}
.banner-section .banner-content h1 span {
color: var(--primary-color);
position: relative;
}
.banner-section .banner-content h1 span::after {
position: absolute;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/hero-title-part.svg);
left: 0%;
bottom: -25%;
width: 100%;
}
@media (max-width: 576px) {
.banner-section .banner-content h1 span::after {
bottom: -30%;
}
}
@media (max-width: 991px) {
.banner-section .banner-content h1 .break-line {
display: none;
}
}
.banner-section .banner-content P {
font-family: "Jost", serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
color: var(--paragraph-color);
margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section .banner-content P {
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
.banner-section .banner-content P {
margin-bottom: 0;
font-size: 16px;
}
}
@media (max-width: 991px) {
.banner-section .banner-write-image {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section .filter-wrapper {
margin-top: 50px;
}
}
@media (max-width: 991px) {
.banner-section .filter-wrapper {
margin-top: 40px;
}
}
.banner-section .filter-wrapper .nav-buttons .nav-pills {
border-radius: 15px 15px 0px 0px;
background: transparent;
display: inline-flex;
border-top: 1px solid rgba(17, 17, 17, 0.1);
border-left: 1px solid rgba(17, 17, 17, 0.1);
border-right: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .nav-buttons .nav-pills {
justify-content: center;
width: 100%;
}
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 15px 0 0 0;
border-left: unset;
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 15px 0 0;
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: unset;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item {
width: 100%;
}
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
padding: 15.5px 30.6px;
border-radius: unset;
border-left: 1px solid #dbe1cd;
width: 100%;
}
@media (max-width: 991px) {
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 15px;
font-size: 15px;
}
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link svg path {
fill: var(--title-color);
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.banner-section .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.banner-section .filter-wrapper .filter-group {
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 0px 10px 10px 10px;
background: var(--white-color);
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group {
padding: 30px 40px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.banner-section .filter-wrapper .filter-group {
padding: 30px 20px;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group {
padding: 20px 15px;
border-radius: 0px 0 10px 10px;
}
}
.banner-section .filter-wrapper .filter-group form {
display: flex;
align-items: center;
gap: 20px;
padding: 35px;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form {
flex-direction: column;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area {
width: 100%;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
position: relative;
display: flex;
align-items: center;
gap: 10px;
border: 1px solid rgba(17, 17, 17, 0.1);
padding: 12px;
border-radius: 10px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box.style-2 {
padding: 11px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box.style-3 {
padding: 13px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box.style-4 {
padding: 11px;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 20px;
border: 1px solid #dbe1cd;
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
width: 100%;
}
}
@media (max-width: 991px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
max-width: none;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
padding: 15px 20px;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box {
position: relative;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .icon svg {
fill: var(--primary-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
line-height: 1;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
width: 100%;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input label {
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-align: left;
text-underline-position: from-font;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
color: var(--paragraph-color);
display: block;
margin-bottom: 5px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input {
display: flex;
align-items: center;
line-height: 1;
position: relative;
cursor: pointer;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 14px;
background-color: transparent;
width: 100%;
cursor: pointer;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::-moz-placeholder {
color: var(--title-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::placeholder {
color: var(--title-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
position: absolute;
right: -80%;
bottom: 70%;
}
@-moz-document url-prefix() {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: -50%; bottom: 60%;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: -40%; bottom: 65%;
}
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: -2%;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg.two {
right: -10%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: 0%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: 0%;
}
}
@media (max-width: 767px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
right: 0%;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.3px;
min-width: 188px;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 150px;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
padding: 5px;
background-color: var(--white-color);
border-radius: 5px;
max-width: 100%;
min-width: 100%;
width: 100%;
max-height: 250px;
overflow-y: scroll;
position: absolute;
top: 68px;
left: 0;
z-index: 9;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
display: none;
transform: scaleY(0);
transform-origin: top;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar {
width: 5px; }
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-track {
background: #f5f4f4;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: #ddd; border-radius: 20px; }
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 100%;
min-width: 100%;
top: 75px;
}
}
@media (max-width: 767px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 65px;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 50%;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area {
border-bottom: 1px solid #dee2e6;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
margin: 0 10px 5px 10px;
padding-bottom: 5px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area i {
color: var(--primary-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area input {
background-color: transparent;
color: var(--title-color);
font-size: 14px;
font-weight: 400;
width: 100%;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li {
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.3s;
cursor: pointer;
padding: 5px;
line-height: 1;
position: relative;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:last-child {
margin-bottom: 0;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 14px;
font-family: "Rubik", serif;
color: var(--title-color);
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 13px;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 12px;
font-family: "Jost", serif;
color: var(--paragraph-color);
font-weight: 400;
margin-bottom: 0;
line-height: 1.4;
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 11px;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
color: var(--white-color);
font-weight: 400;
font-family: "Jost", serif;
font-size: 12px;
line-height: 1;
text-align: center;
background-color: var(--primary-color);
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
font-size: 13px;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li::before {
content: "";
height: 100%;
width: 3px;
background-color: var(--title-color);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item {
padding: 10px 15px;
border-bottom: 1px solid #f5f4f4;
margin-bottom: 0;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item:last-child {
border-bottom: none;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item h6 {
font-size: 13px;
font-weight: 500;
font-family: "Jost", serif;
color: var(--paragraph-color);
margin-bottom: 0;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover {
background: rgba(211, 211, 211, 0.231372549);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover::before {
opacity: 1;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-bottom: 1px solid #f5f4f4;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title h6 {
font-size: 14px;
font-weight: 500;
font-family: "Rubik", serif;
color: var(--paragraph-color);
margin-bottom: 0;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title span {
font-size: 13px;
font-weight: 400;
font-family: "Jost", serif;
color: var(--paragraph-color);
margin-bottom: 0;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter {
display: flex;
align-items: center;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a {
height: 20px;
min-width: 20px;
max-width: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 17px;
color: var(--primary-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter input {
width: 40px;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: "Jost", serif;
font-size: 14px;
font-weight: 500;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down 0.3s linear;
}
@keyframes fade-down2 {
0% {
opacity: 0;
transform: scaleY(0) translateX(-50%);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1) translateX(-50%);
visibility: visible;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
transform: scaleY(1) translateX(-50%);
animation: fade-down2 0.3s linear;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%;
max-height: 180px;
padding: 0;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.no-scroll {
overflow-y: initial;
max-width: unset;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::-moz-placeholder {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::placeholder {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input i {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input h6 {
color: var(--white-color);
min-width: 150px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
background-color: var(--title-color);
border: unset;
top: 47px;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
top: 75px;
}
}
@media (max-width: 576px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
left: 50%;
top: 65px;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar {
border-radius: 10px; }
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-track {
background: var(--title-color);
border-radius: 10px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: var(--white-color); border-radius: 10px; }
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .custom-select-search-area input {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li::before {
background-color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination h6,
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination p {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item {
border-bottom: 1px solid #282727;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item h6 {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item {
border-bottom: 1px solid #282727;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title h6,
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title span {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .quantity-counter input {
color: var(--white-color);
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter {
position: relative;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter a {
color: var(--title-color);
line-height: 1;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter a i {
font-size: 14px;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__plus {
position: absolute;
top: -8px;
right: 20px;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__plus {
right: 0;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
position: absolute;
top: 8px;
right: 20px;
}
@media (max-width: 1199px) {
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
right: 0;
}
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__input {
width: 100%;
height: unset;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.48px;
border: none;
}
.banner-section .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__input:focus {
border: none;
}
.Categories-section {
overflow: hidden;
}
@media (max-width: 576px) {
.Categories-section {
padding: 0 15px 0 15px;
}
}
.Categories-section .section-title .sub-title-one .bg-shape-one {
position: absolute;
width: 100%;
height: auto;
top: 5px;
left: 0;
z-index: 1;
}
@media (max-width: 576px) {
.Categories-section .section-title .sub-title-one .bg-shape-one {
top: 0;
}
}
.Categories-section .tour-pagination-area .tour-pagination {
width: unset !important;
display: flex;
gap: 15px;
}
@media (max-width: 991px) {
.Categories-section .tour-pagination-area .tour-pagination {
gap: 10px;
}
}
@media (max-width: 767px) {
.Categories-section .tour-pagination-area .tour-pagination {
gap: 5px;
}
}
.Categories-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.Categories-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.Categories-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.Categories-section .shape-tree {
position: absolute;
left: -22%;
top: 50%;
}
.Categories-section .shape-ballon {
position: absolute;
right: -22%;
top: 10%;
}
.tour-card {
transition: 0.5s ease-in-out;
border-radius: 10px;
}
.tour-card .tour-img {
position: relative;
overflow: hidden;
transition: 0.5s ease-in-out;
border-radius: 10px;
}
.tour-card .tour-img img {
transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
.tour-card .tour-img img {
width: 100%;
}
}
.tour-card .tour-img .tour-content-hidden {
text-align: center;
border-radius: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, 0.8);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
padding: 0 18px;
}
.tour-card .tour-img .tour-content-hidden h2 {
font-family: "Rubik", serif;
font-size: 26px;
font-weight: 700;
line-height: 26px;
color: var(--white-color);
margin-bottom: 18px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-card .tour-img .tour-content-hidden h2 {
margin-bottom: 10px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.tour-card .tour-img .tour-content-hidden h2 {
margin-bottom: 10px;
}
}
.tour-card .tour-img .tour-content-hidden p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 24px;
color: var(--white-color);
margin-bottom: 47px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-card .tour-img .tour-content-hidden p {
margin-bottom: 35px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.tour-card .tour-img .tour-content-hidden p {
margin-bottom: 25px;
}
}
.tour-card .tour-img .tour-content-hidden .see-btn {
border-radius: 40px;
}
.tour-card .tour-content {
transition: 0.5s ease-in-out;
position: absolute;
bottom: 10%;
right: -8%;
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/catagories-shape.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
background-color: var(--white-color);
padding: 16px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-card .tour-content {
right: 4%;
}
}
@media (max-width: 991px) {
.tour-card .tour-content {
right: 19%;
}
}
@media (max-width: 767px) {
.tour-card .tour-content {
right: 5%;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.tour-card .tour-content {
right: 7%;
}
}
@media (max-width: 576px) {
.tour-card .tour-content {
right: 20%;
}
}
.tour-card .tour-content .tour-visible {
width: 312px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.tour-card .tour-content .tour-visible {
width: 210px;
}
}
@media (max-width: 991px) {
.tour-card .tour-content .tour-visible {
width: 215px;
}
}
@media (max-width: 767px) {
.tour-card .tour-content .tour-visible {
width: 180px;
}
}
@media (max-width: 425px) {
.tour-card .tour-content .tour-visible {
width: 200px;
}
}
.tour-card .tour-content .tour-visible h3 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
color: var(title-color);
margin: 0;
text-align: center;
}
.tour-card:hover .tour-img img {
transform: scale(1.1);
}
.tour-card:hover .tour-img .tour-content-hidden {
opacity: 1;
transform: scaleY(1);
display: grid;
align-items: center;
justify-content: center;
}
.tour-card:hover .tour-content {
opacity: 0;
}
.tour-packages-section {
position: relative;
}
.tour-packages-section .background-image-wrap {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/tour-package-section.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 30px;
max-width: 1780px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 576px) {
.tour-packages-section .background-image-wrap {
padding: 0 15px 0 15px;
}
}
.tour-packages-section .section-title .sub-title-one .bg-shape-one {
position: absolute;
width: 100%;
height: auto;
top: 7px;
left: 0;
z-index: 1;
}
.tour-packages-section .section-title .description {
max-width: 630px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 767px) {
.tour-packages-section .primary-btn {
margin-bottom: 40px;
}
}
.package-card {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.package-card .package-card-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.package-card .package-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.package-card .package-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.package-card .package-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.package-card .package-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.package-card .package-card-content {
padding: 16px 28px;
}
@media (max-width: 1399px) {
.package-card .package-card-content {
padding: 15px;
}
}
@media (max-width: 1199px) {
.package-card .package-card-content {
padding: 10px;
}
}
@media (max-width: 991px) {
.package-card .package-card-content {
padding: 20px;
}
}
.package-card .package-card-content .card-content-top ul {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 9px;
flex-wrap: wrap;
}
.package-card .package-card-content .card-content-top ul li {
display: flex;
align-items: center;
gap: 6px;
}
.package-card .package-card-content .card-content-top ul li span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: -5px;
}
.package-card .package-card-content .card-content-top h5 {
margin-bottom: 10px;
transition: 0.3s;
}
.package-card .package-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 17px;
line-height: 1;
}
}
@media (max-width: 991px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.package-card .package-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.package-card .package-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.package-card .package-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.package-card .package-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.package-card .package-card-content .card-content-bottom {
gap: 10px;
}
}
.package-card .package-card-content .card-content-bottom .price-area {
line-height: 1;
}
.package-card .package-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: 0;
}
.package-card .package-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 28px;
font-weight: 500;
line-height: 36px;
color: var(--primary-color);
display: inline-block;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-card .package-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card .package-card-content .card-content-bottom .price-area h5 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card .package-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.package-card .package-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
.package-card .package-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card .package-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card .package-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.package-card .package-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
.package-card .package-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card .package-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card .package-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.package-card .package-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
.package-card .batch {
position: absolute;
top: 8%;
left: 0%;
z-index: 1;
}
.package-card .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 0 3px 3px 0;
}
.package-card .batch .featured.red-color {
background-color: rgb(239, 41, 41);
}
.package-card .batch .featured.popular {
background-color: var(--primary-color-three);
}
.package-card .review {
position: absolute;
top: 10%;
right: 5.7%;
z-index: 1;
display: flex;
align-items: baseline;
gap: 4px;
background-color: var(--white-color);
border-radius: 18px;
padding: 0 10px;
}
@media (max-width: 576px) {
.package-card .review {
align-items: baseline;
}
}
.package-card .review span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: var(--primary-color-three);
}
.package-card:hover .package-card-img-wrap .card-img img {
transform: scale(1.1);
}
.package-card:hover .package-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
@media (max-width: 576px) {
.promotion-section {
padding: 0 15px 0 15px;
}
}
.promotion-section .promotion-card-one img {
border-radius: 10px;
}
@media (max-width: 991px) {
.promotion-section .promotion-card-one img {
width: 100%;
}
}
.promotion-section .promotion-card-two img {
border-radius: 10px;
}
@media (max-width: 576px) {
.tour-experience-section {
padding: 0 15px 0 15px;
}
}
.tour-experience-section .section-title .description {
max-width: 633px;
width: 100%;
margin: 0 auto;
}
.tour-experience-section .nav-buttons-one {
display: flex;
align-items: center;
justify-content: center;
margin-top: 38px;
}
.tour-experience-section .nav-buttons-one .nav-pills {
border-radius: 49px;
background: transparent;
display: inline-flex;
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
.tour-experience-section .nav-buttons-one .nav-pills {
justify-content: center;
}
}
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
padding: 14px 40px;
border-radius: 30px;
width: 100%;
}
@media (max-width: 991px) {
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link {
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link {
padding: 10px 15px;
font-size: 15px;
}
}
@media (max-width: 576px) {
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link {
padding: 10px 20px;
}
}
@media (max-width: 350px) {
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link {
padding: 8px 13px;
font-size: 14px;
}
}
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link svg path {
fill: var(--title-color);
}
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.tour-experience-section .nav-buttons-one .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.experience-card {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.experience-card .package-card-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.experience-card .package-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.experience-card .package-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.experience-card .package-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.experience-card .package-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.experience-card .package-card-content {
padding: 23px 22px 18px;
}
@media (max-width: 1399px) {
.experience-card .package-card-content {
padding: 10px;
}
}
@media (max-width: 576px) {
.experience-card .package-card-content {
padding: 15px;
}
}
.experience-card .package-card-content .card-content-top .location {
display: flex;
align-items: center;
gap: 4px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-top .location {
align-items: baseline;
gap: 8px;
}
}
.experience-card .package-card-content .card-content-top .location span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 28px;
color: rgba(17, 17, 17, 0.6);
margin-bottom: -4px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-top .location span {
line-height: 22px;
}
}
.experience-card .package-card-content .card-content-top h5 {
margin-bottom: 1px;
transition: 0.3s;
}
.experience-card .package-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.experience-card .package-card-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-top h5 a {
font-size: 19px;
}
}
@media (max-width: 991px) {
.experience-card .package-card-content .card-content-top h5 a {
font-size: 20px;
}
}
@media (max-width: 576px) {
.experience-card .package-card-content .card-content-top h5 a {
font-size: 22px;
}
}
.experience-card .package-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.experience-card .package-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.experience-card .package-card-content .card-content-center {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 23px;
flex-wrap: wrap;
}
.experience-card .package-card-content .card-content-center .price-area h5 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin-bottom: 6px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.experience-card .package-card-content .card-content-center .price-area h5 {
font-size: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-center .price-area h5 {
font-size: 20px;
}
}
@media (max-width: 991px) {
.experience-card .package-card-content .card-content-center .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.experience-card .package-card-content .card-content-center .price-area h5 {
font-size: 24px;
}
}
.experience-card .package-card-content .card-content-center .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-center .price-area h5 del {
font-size: 13px;
}
}
@media (max-width: 991px) {
.experience-card .package-card-content .card-content-center .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.experience-card .package-card-content .card-content-center .price-area h5 del {
font-size: 16px;
}
}
.experience-card .package-card-content .card-content-center .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.experience-card .package-card-content .card-content-center .price-area h5 span {
font-size: 13px;
}
}
@media (max-width: 991px) {
.experience-card .package-card-content .card-content-center .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.experience-card .package-card-content .card-content-center .price-area h5 span {
font-size: 16px;
}
}
.experience-card .package-card-content .card-content-center .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 15px;
color: rgba(17, 17, 17, 0.7);
margin-bottom: 0;
}
.experience-card .package-card-content .card-content-bottom {
margin-top: 13px;
}
.experience-card .package-card-content .card-content-bottom span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: rgba(17, 17, 17, 0.5);
}
@media (max-width: 1499px) {
.experience-card .package-card-content .card-content-bottom span {
font-size: 13px;
font-weight: 200;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.experience-card .package-card-content .card-content-bottom span {
font-size: 12px;
font-weight: 200;
}
}
@media (max-width: 1199px) {
.experience-card .package-card-content .card-content-bottom span {
font-size: 12px;
font-weight: 200;
}
}
@media (max-width: 991px) {
.experience-card .package-card-content .card-content-bottom span {
font-size: 13px;
}
}
.experience-card .batch {
position: absolute;
bottom: 0%;
left: 0%;
z-index: 1;
}
.experience-card .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 0 3px 3px 0;
}
.experience-card .batch .featured.red-color {
background-color: rgb(239, 41, 41);
}
.experience-card .review {
position: absolute;
top: 8%;
right: 5%;
z-index: 1;
display: flex;
align-items: center;
gap: 4px;
background-color: var(--white-color);
border-radius: 18px;
padding: 0 10px;
}
.experience-card .review span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: var(--primary-color-three);
}
.experience-card:hover .package-card-img-wrap .card-img img {
transform: scale(1.1);
}
.experience-card:hover .package-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.top-destinations-section .top-destination-back-image {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/top-destinations-section.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 30px;
max-width: 1780px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 576px) {
.top-destinations-section .top-destination-back-image {
padding: 0 15px 0 15px;
}
}
.top-destinations-section .section-title .sub-title-one .bg-shape-one {
position: absolute;
width: 100%;
height: auto;
top: 3px;
left: 0;
z-index: 1;
}
.top-destinations-section .section-title .description {
max-width: 619px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 767px) {
.top-destinations-section .primary-btn {
margin: 30px;
}
}
.destinations-area {
-moz-columns: 3;
columns: 3;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
width: 100%;
}
@media (max-width: 768px) {
.destinations-area {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
}
@media (max-width: 480px) {
.destinations-area {
-moz-columns: 1;
columns: 1;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
}
.destinations-area .destinations-card {
transition: 0.5s ease-in-out;
border-radius: 10px;
margin-bottom: 24px;
}
.destinations-area .destinations-card .destinations-img {
position: relative;
overflow: hidden;
transition: 0.5s ease-in-out;
border-radius: 10px;
}
.destinations-area .destinations-card .destinations-img img {
transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
.destinations-area .destinations-card .destinations-img img {
width: 100%;
}
}
.destinations-area .destinations-card .destinations-img .destinations-content-hidden {
text-align: center;
border-radius: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(16, 12, 8, 0.8);
-webkit-backdrop-filter: blur(1.5px);
backdrop-filter: blur(1.5px);
opacity: 0;
transform: scaleY(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
padding: 0 18px;
}
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content h2 {
font-family: "Rubik", serif;
font-size: 26px;
font-weight: 700;
line-height: 26px;
color: var(--white-color);
margin-bottom: 20px;
}
@media (max-width: 991px) {
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content h2 {
font-size: 28px;
margin-bottom: 32px;
}
}
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 24px;
color: var(--white-color);
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content p {
font-size: 15px;
margin-bottom: 35px;
}
}
@media (max-width: 991px) {
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content p {
display: none;
}
}
@media (max-width: 991px) {
.destinations-area .destinations-card .destinations-img .destinations-content-hidden .content .see-btn {
font-size: 14px;
}
}
.destinations-area .destinations-card .destinations-content {
transition: 0.5s ease-in-out;
position: absolute;
bottom: 10%;
right: 10%;
padding: 17px;
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/catagories-shape.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
background-color: var(--white-color);
}
@media (max-width: 767px) {
.destinations-area .destinations-card .destinations-content {
right: 15%;
}
}
@media (max-width: 576px) {
.destinations-area .destinations-card .destinations-content {
right: 18%;
}
}
.destinations-area .destinations-card .destinations-content .destinations-visible {
width: 312px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.destinations-area .destinations-card .destinations-content .destinations-visible {
width: 250px;
}
}
@media (max-width: 1199px) {
.destinations-area .destinations-card .destinations-content .destinations-visible {
width: 210px;
}
}
@media (max-width: 991px) {
.destinations-area .destinations-card .destinations-content .destinations-visible {
width: 130px;
}
}
@media (max-width: 425px) {
.destinations-area .destinations-card .destinations-content .destinations-visible {
width: 200px;
}
}
.destinations-area .destinations-card .destinations-content .destinations-visible h3 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
color: var(title-color);
margin: 0;
text-align: center;
}
.destinations-area .destinations-card:hover .destinations-img img {
transform: scale(1.1);
}
.destinations-area .destinations-card:hover .destinations-img .destinations-content-hidden {
opacity: 1;
transform: scaleY(1);
}
.destinations-area .destinations-card:hover .destinations-content {
opacity: 0;
}
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
transform: scaleY(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
padding-top: 140px;
}
@media (max-width: 1499px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding: 130px 40px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding-top: 90px;
}
}
@media (max-width: 1199px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding-top: 60px;
}
}
@media (max-width: 991px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding-top: 60px;
}
}
@media (max-width: 767px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding-top: 95px;
}
}
@media (max-width: 425px) {
.destinations-area .destinations-card.style-2 .destinations-img .destinations-content-hidden {
padding-top: 160px;
}
}
.destinations-area .destinations-card.style-2:hover .destinations-img .destinations-content-hidden {
opacity: 1;
transform: scaleY(1);
}
.testimonials-section-one .testomonial-wrap {
position: relative;
}
.testimonials-section-one .testomonial-wrap .slider-btn-area {
display: flex;
align-items: center;
justify-content: end;
gap: 20px;
margin-top: -50px;
position: relative;
z-index: 1;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area {
gap: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area {
margin-top: -85px;
gap: 5px;
}
}
@media (max-width: 576px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area {
margin-top: 0;
justify-content: start;
padding-top: 20px;
}
}
@media (max-width: 767px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow {
display: none;
}
}
@media (max-width: 1799px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow svg {
max-width: 250px;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow svg {
max-width: 200px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow svg {
max-width: 170px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow svg {
max-width: 280px;
}
}
@media (max-width: 991px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .arrow svg {
max-width: 220px;
}
}
.testimonials-section-one .testomonial-wrap .slider-btn-area .slider-btn-grp {
gap: 50px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .slider-btn-grp {
gap: 40px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .slider-btn-grp {
gap: 30px;
}
}
@media (max-width: 991px) {
.testimonials-section-one .testomonial-wrap .slider-btn-area .slider-btn-grp {
gap: 30px;
}
}
.testimonials-section-one .testimonial-card-slider .swiper-slide-active .testimonial-content {
animation: fadeInDown 1.7s;
}
.testimonials-section-one .testimonial-card-slider .swiper-slide-active .author-area {
animation: fadeInDown 1.7s;
}
.testimonials-section-one .testimonial-card-slider .swiper-slide-active .testimonial-bottom-content {
animation: fadeInUp 1.7s;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 48px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area {
display: grid;
align-items: center;
justify-items: center;
margin-bottom: 20px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .author-img {
width: 75px;
height: 75px;
border-radius: 50%;
margin-bottom: 20px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .author-img img {
border: 2px solid var(--primary-color);
border-radius: 50%;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .rating-area .rating {
display: flex;
align-items: center;
gap: 6px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .rating-area .rating li {
line-height: 1;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .rating-area .rating li i {
color: #ffc107;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-top-content .author-area .rating-area span {
font-family: var(--font-jost);
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: var(--title-color);
display: inline-flex;
align-items: center;
gap: 5px;
padding-top: 5px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content {
text-align: center;
padding-bottom: 20px;
position: relative;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgba(17, 17, 17, 0.1), rgba(17, 17, 17, 0.5), rgba(17, 17, 17, 0.1));
border-radius: 2px;
}
@media (max-width: 576px) {
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content {
margin-bottom: 20px;
}
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content p {
font-family: "Jost", serif;
font-size: 22px;
font-weight: 400;
line-height: 38px;
color: var(--title-color);
margin: 0 auto;
max-width: 680px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 28px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 1199px) {
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 26px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 991px) {
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-content p {
font-size: 16px;
line-height: 25px;
}
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-bottom-content {
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-bottom-content .author-name {
text-align: center;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-bottom-content .author-name h3 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: var(--primary-color);
margin: 0;
}
.testimonial-card-slider-area .testimonial-card-wrapper .testimonial-card .testimonial-bottom-content .author-name h4 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: rgba(17, 17, 17, 0.7);
margin-top: -4px;
}
.testimonial-card-slider-area .testimonial-card-wrapper .swiper-slide-active .author-img {
animation: fadeInDown 1.7s;
}
.testimonial-card-slider-area .testimonial-card-wrapper .swiper-slide-active p {
animation: fadeInUp 1.7s;
}
.testimonial-card-slider-area .testimonial-card-wrapper .swiper-slide-active .testimonial-bottom-content {
animation: fadeInUp 1.7s;
}
.why-choose-us-section {
position: relative;
}
@media (max-width: 576px) {
.why-choose-us-section {
padding: 0 15px 0 15px;
}
}
.why-choose-us-section .section-title .description {
max-width: 635px;
width: 100%;
}
.why-choose-us-section .choose-review {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding-top: 50px;
}
@media (max-width: 1199px) {
.why-choose-us-section .choose-review {
padding-top: 30px;
}
}
.why-choose-us-section .choose-review > strong {
font-family: "Rubik", serif;
font-size: 21px;
font-weight: 700;
line-height: 16px;
color: var(--title-color);
margin: 0;
}
.why-choose-us-section .choose-review .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1;
flex-wrap: wrap;
}
.why-choose-us-section .choose-review .rating ul {
display: flex;
align-items: center;
gap: 5px;
}
.why-choose-us-section .choose-review .rating ul li i {
color: #00aa6c;
font-size: 14px;
}
.why-choose-us-section .choose-review .rating span {
color: var(--white-color);
}
.why-choose-us-section .choose-review p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--paragraph-color);
margin: 0;
}
.why-choose-us-section .choose-review p strong {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--paragraph-color);
text-transform: capitalize;
text-decoration: underline;
margin: 0;
}
.why-choose-us-section .why-choose-us-image {
position: relative;
}
.why-choose-us-section .why-choose-us-image .card-back-image {
position: absolute;
bottom: 0%;
z-index: -1;
left: 0%;
}
@media (min-width: 768px) and (max-width: 991px) {
.why-choose-us-section .why-choose-us-image {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.why-choose-us-section .why-choose-us-image {
display: flex;
align-items: center;
justify-content: center;
width: 65%;
margin: 0 auto;
}
}
.why-choose-us-section .air {
position: absolute;
top: 3%;
left: -8%;
z-index: 1;
animation: left-to-right 2s linear infinite alternate;
}
@keyframes left-to-right {
0% {
transform: translateX(0);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
@media (max-width: 1699px) {
.why-choose-us-section .air {
top: 10%;
}
.why-choose-us-section .air img {
width: 80%;
}
}
@media (max-width: 1499px) {
.why-choose-us-section .air {
top: 10%;
left: -3%;
}
.why-choose-us-section .air img {
width: 75%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.why-choose-us-section .air {
left: -10%;
top: 10%;
}
}
@media (max-width: 1199px) {
.why-choose-us-section .air {
left: -5%;
}
.why-choose-us-section .air img {
width: 75%;
}
}
@media (max-width: 991px) {
.why-choose-us-section .air {
width: 40%;
top: 4%;
}
}
@media (max-width: 767px) {
.why-choose-us-section .air {
width: 56%;
left: -18%;
top: 4%;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.why-choose-us-section .air {
left: -10%;
}
.why-choose-us-section .air img {
width: 65%;
}
}
@media (max-width: 576px) {
.why-choose-us-section .air {
display: none;
}
}
.why-choose-us-section .tree-left {
position: absolute;
left: 0%;
top: -5%;
z-index: -1;
}
@media (max-width: 1699px) {
.why-choose-us-section .tree-left {
top: 5%;
}
.why-choose-us-section .tree-left img {
width: 65%;
}
}
@media (max-width: 1499px) {
.why-choose-us-section .tree-left {
top: 3%;
}
.why-choose-us-section .tree-left img {
width: 65%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.why-choose-us-section .tree-left img {
width: 70%;
}
}
@media (max-width: 1199px) {
.why-choose-us-section .tree-left {
top: 2%;
}
.why-choose-us-section .tree-left img {
width: 65%;
}
}
@media (max-width: 991px) {
.why-choose-us-section .tree-left {
top: 0%;
}
.why-choose-us-section .tree-left img {
width: 65%;
}
}
@media (max-width: 767px) {
.why-choose-us-section .tree-left {
top: 0%;
}
}
@media (max-width: 576px) {
.why-choose-us-section .tree-left {
display: none;
}
}
.why-choose-us-section .tree-right {
position: absolute;
right: 0%;
bottom: 0%;
}
@media (max-width: 1699px) {
.why-choose-us-section .tree-right {
width: 15%;
}
}
@media (max-width: 1499px) {
.why-choose-us-section .tree-right {
z-index: -1;
width: 13%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.why-choose-us-section .tree-right {
width: 10%;
z-index: -1;
}
}
@media (max-width: 1199px) {
.why-choose-us-section .tree-right {
z-index: -1;
width: 15%;
}
}
@media (max-width: 767px) {
.why-choose-us-section .tree-right {
display: none;
}
}
.choose-card {
padding: 33px 22px;
display: flex;
align-items: center;
gap: 35px;
border-radius: 35px 35px 0 35px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.choose-card {
gap: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.choose-card {
gap: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.choose-card {
gap: 15px;
padding: 33px 13px;
}
}
@media (max-width: 767px) {
.choose-card {
gap: 15px;
}
}
@media (max-width: 576px) {
.choose-card {
padding: 20px 15px 20px 10px;
gap: 10px;
}
}
@media (max-width: 425px) {
.choose-card {
border-radius: 15px;
}
}
.choose-card:hover .choose-card-icon {
background-color: var(--primary-color);
}
.choose-card:hover .choose-card-icon svg {
fill: var(--white-color);
}
.choose-card.style-1 {
background: #ebffe8;
background-image: unset;
flex-direction: column;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.choose-card.style-1 {
padding: 15px;
}
}
@media (max-width: 767px) {
.choose-card.style-1 {
padding: 15px;
}
}
.choose-card.style-1 .choose-card-icon {
min-width: unset;
max-width: unset;
height: unset;
background-color: unset;
border-radius: unset;
}
.choose-card.style-1 .choose-card-icon svg {
fill: var(--primary-color1);
transition: 0.3s;
}
@media (max-width: 1199px) {
.choose-card.style-1 .choose-card-icon svg {
width: 50px;
}
}
.choose-card.style-1 .choose-card-content {
text-align: center;
transition: 0.3s;
}
.choose-card.style-1 .choose-card-content h6 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 23.7px;
color: var(--title-color);
margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.choose-card.style-1 .choose-card-content h6 {
font-size: 17px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.choose-card.style-1 .choose-card-content h6 {
font-size: 17px;
margin-bottom: 5px;
}
}
@media (max-width: 425px) {
.choose-card.style-1 .choose-card-content h6 {
font-size: 19px;
}
}
.choose-card.style-1 .choose-card-content p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.choose-card.style-1 .choose-card-content p {
font-size: 14px;
line-height: 1.5;
}
}
@media (max-width: 576px) {
.choose-card.style-1 .choose-card-content p {
font-size: 14px;
line-height: 1.5;
}
}
.choose-card.style-1:hover {
cursor: pointer;
background-color: #fff1e8;
transition: 0.3s;
}
.choose-card.style-1:hover .choose-card-icon svg {
fill: var(--white-color);
animation: zoomIn 0.5s linear;
}
.choose-card.style-1:hover .choose-card-content h6 {
color: var(--title-color);
}
.choose-card.style-1:hover .choose-card-content p {
color: var(--title-color);
transition: 0.3s;
}
.choose-card.style-1.olive-bg {
background-color: #e8f6ff;
border-radius: 35px 35px 35px 0;
transition: 0.3s;
}
@media (max-width: 425px) {
.choose-card.style-1.olive-bg {
border-radius: 15px;
}
}
.choose-card.style-1.olive-bg .choose-card-icon svg {
fill: #90a955;
}
.choose-card.style-1.olive-bg:hover {
background-color: #fde8ff;
transition: 0.3s;
}
.choose-card.style-1.olive-bg:hover .choose-card-icon svg {
fill: var(--white-color);
}
.choose-card.style-1.amour-bg {
background-color: #fde8ff;
border-radius: 35px 0 35px 35px;
transition: 0.3s;
}
@media (max-width: 425px) {
.choose-card.style-1.amour-bg {
border-radius: 15px;
}
}
.choose-card.style-1.amour-bg .choose-card-icon svg {
fill: var(--primary-color);
}
.choose-card.style-1.amour-bg:hover {
background-color: #e8f6ff;
}
.choose-card.style-1.amour-bg:hover .choose-card-icon svg {
fill: var(--white-color);
}
.choose-card.style-1.not-bg {
background-color: #fff1e8;
border-radius: 0 35px 35px 35px;
transition: 0.3s;
}
@media (max-width: 425px) {
.choose-card.style-1.not-bg {
border-radius: 15px;
}
}
.choose-card.style-1.not-bg .choose-card-icon svg {
fill: #d2d234;
}
.choose-card.style-1.not-bg:hover {
background-color: #ebffe8;
transition: 0.3s;
}
.choose-card.style-1.not-bg:hover .choose-card-icon svg {
fill: var(--white-color);
}
.testimonials-section-one .testimonials-back-image {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/testimonials-section.png);
background-size: cover;
background-repeat: no-repeat;
border-radius: 30px;
max-width: 1780px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 576px) {
.testimonials-section-one .testimonials-back-image {
padding: 0 15px 0 15px;
}
}
.testimonials-section-one .section-title .sub-title-one .bg-shape-one {
position: absolute;
width: 100%;
height: auto;
top: 9px;
left: 0;
z-index: 1;
}
.testimonials-section-one .section-title .description {
max-width: 619px;
width: 100%;
margin: 0 auto;
}
.testimonials-section-one .testimonial-slider-btn {
width: 100%;
position: relative;
}
@media (max-width: 576px) {
.testimonials-section-one .testimonial-slider-btn {
justify-content: center;
}
}
.testimonials-section-one .testimonial-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 50%;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.testimonials-section-one .testimonial-slider-btn .slider-btn svg path {
transition: 0.3s;
}
.testimonials-section-one .testimonial-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.testimonials-section-one .testimonial-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.testimonials-section-one .testimonial-slider-btn .testimonial-slider-prev {
position: absolute;
bottom: 46px;
left: 0%;
z-index: 2;
}
@media (max-width: 425px) {
.testimonials-section-one .testimonial-slider-btn .testimonial-slider-prev {
bottom: 5px;
}
}
.testimonials-section-one .testimonial-slider-btn .testimonial-slider-next {
position: absolute;
bottom: 46px;
right: 0%;
z-index: 99;
}
@media (max-width: 425px) {
.testimonials-section-one .testimonial-slider-btn .testimonial-slider-next {
bottom: 5px;
}
}
.testimonials-section-one .testimonial-image-wrapper {
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/testimonial-image-mask.svg);
-webkit-mask-position: unset;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
}
@media (max-width: 576px) {
.testimonials-section-one .testimonial-image-wrapper {
max-width: 300px;
width: 100%;
}
}
.travel-insights-section {
position: relative;
}
@media (max-width: 576px) {
.travel-insights-section {
padding: 0 15px 0 15px;
}
}
.travel-insights-section .section-title .description {
max-width: 540px;
width: 100%;
}
.travel-insights-section .insight-tree {
position: absolute;
top: 0%;
left: 0%;
z-index: -1;
}
.travel-insights-section .insight-ballon {
position: absolute;
bottom: 0%;
right: 0%;
z-index: -1;
}
.insights-card {
position: relative;
}
.insights-card .insights-card-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.insights-card .insights-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.insights-card .insights-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.insights-card .insights-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 10px 10px 0 0;
z-index: 1;
}
.insights-card .insights-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.insights-card .insights-card-content {
max-width: 391px;
width: 100%;
border-radius: 10px;
padding: 16px 22px 24px;
position: relative;
z-index: 9;
background-color: var(--white-color);
margin: -45px auto 0;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
@media (max-width: 1399px) {
.insights-card .insights-card-content {
padding: 15px;
margin: -15px auto 0;
}
}
@media (max-width: 991px) {
.insights-card .insights-card-content {
padding: 20px;
max-width: 470px;
width: 100%;
}
}
.insights-card .insights-card-content .card-content-top ul {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
flex-wrap: wrap;
}
.insights-card .insights-card-content .card-content-top ul li {
display: flex;
align-items: center;
gap: 6px;
}
.insights-card .insights-card-content .card-content-top ul li a span {
transition: 0.3s;
}
.insights-card .insights-card-content .card-content-top ul li a span:hover {
color: var(--primary-color);
}
.insights-card .insights-card-content .card-content-top ul li span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
color: rgba(17, 17, 17, 0.6980392157);
margin-bottom: -5px;
}
.insights-card .insights-card-content .card-content-top ul li span a {
color: rgba(17, 17, 17, 0.6980392157);
text-decoration: underline;
transition: 0.3s;
}
.insights-card .insights-card-content .card-content-top ul li span a:hover {
color: var(--primary-color);
}
.insights-card .insights-card-content .card-content-top h5 {
margin-bottom: 8px;
transition: 0.3s;
}
.insights-card .insights-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 31px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.insights-card .insights-card-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.insights-card .insights-card-content .card-content-top h5 a {
font-size: 17px;
line-height: 1;
}
}
@media (max-width: 991px) {
.insights-card .insights-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.insights-card .insights-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.insights-card .insights-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.insights-card .insights-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.insights-card .insights-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.insights-card .insights-card-content .card-content-bottom {
gap: 13px;
}
}
.insights-card .insights-card-content .card-content-bottom .right-content {
display: flex;
align-items: center;
gap: 4px;
}
.insights-card .insights-card-content .card-content-bottom .right-content span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin: 0;
}
.insights-card .batch {
position: absolute;
top: 8%;
left: 0%;
z-index: 1;
}
.insights-card .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 0 3px 3px 0;
}
.insights-card .batch .featured.red-color {
background-color: rgb(239, 41, 41);
}
.insights-card:hover .insights-card-img-wrap .card-img img {
transform: scale(1.1);
}
.insights-card:hover .insights-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.newsletter-section {
position: relative;
}
.newsletter-section .newsletter-area .newsletter-content {
border-radius: 20px 0px 20px 0px;
background-color: #e8f6ff;
padding: 100px 80px;
text-align: start;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.newsletter-section .newsletter-area .newsletter-content {
padding: 130px 50px;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-area .newsletter-content {
padding: 80px 37px;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-area .newsletter-content {
border-radius: 10px 10px 0 0;
padding: 120px 83px 60px;
text-align: center;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter-area .newsletter-content {
padding: 85px 43px 50px;
}
}
@media (max-width: 576px) {
.newsletter-section .newsletter-area .newsletter-content {
padding: 110px 43px 50px;
border-radius: 10px;
}
}
@media (max-width: 425px) {
.newsletter-section .newsletter-area .newsletter-content {
padding: 90px 20px 50px;
}
}
.newsletter-section .newsletter-area .newsletter-content h2 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 600;
line-height: 44px;
text-transform: capitalize;
margin-bottom: 12px;
}
@media (max-width: 1399px) {
.newsletter-section .newsletter-area .newsletter-content h2 {
font-size: 32px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.newsletter-section .newsletter-area .newsletter-content h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter-area .newsletter-content h2 {
font-size: 30px;
margin-top: 0;
}
}
@media (max-width: 576px) {
.newsletter-section .newsletter-area .newsletter-content h2 {
font-size: 25px;
line-height: 1.3;
}
}
@media (max-width: 350px) {
.newsletter-section .newsletter-area .newsletter-content h2 {
font-size: 22px;
line-height: 1.2;
margin-top: 20px;
}
}
.newsletter-section .newsletter-area .newsletter-content p {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.16px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.newsletter-section .newsletter-area .newsletter-content p {
font-size: 15px;
}
}
.newsletter-section .newsletter-area .newsletter-content .from-inner {
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
max-width: 482px;
width: 100%;
border-radius: 30px;
border: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 991px) {
.newsletter-section .newsletter-area .newsletter-content .from-inner {
margin: 0 auto;
}
}
.newsletter-section .newsletter-area .newsletter-content .from-inner input {
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 30px;
background-color: var(--white-color);
border: none;
color: rgb(119, 119, 119);
font-size: 16px;
font-family: "Rubik", serif;
text-transform: capitalize;
width: 100%;
height: 48px;
padding: 10px 20px;
}
.newsletter-section .newsletter-area .newsletter-content .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, 0.4);
}
.newsletter-section .newsletter-area .newsletter-content .from-inner input::placeholder {
color: rgba(16, 12, 8, 0.4);
}
.newsletter-section .right-side-image {
position: relative;
}
.newsletter-section .right-side-image img {
border-radius: 0 10px 10px 0;
}
.newsletter-section .right-side-image .video-area {
position: absolute;
top: 45%;
left: 50%;
transform: translateX(-50%);
}
.newsletter-section .right-side-image .video-area .icon {
height: 58px;
width: 58px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 999;
}
.newsletter-section .right-side-image .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 62px;
left: 61px;
}
.newsletter-section .right-side-image .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.newsletter-section .right-side-image .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.newsletter-section .right-side-image .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.newsletter-section .right-side-image .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
@media (max-width: 991px) {
.newsletter-section .right-side-image img {
width: 100%;
border-radius: 0 0 10px 10px;
}
}
.newsletter-section .newsletter-img-1 {
position: absolute;
bottom: 0%;
left: 1%;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.newsletter-section .newsletter-img-1 {
width: 13%;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-img-1 {
width: 10%;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-img-1 {
display: none;
}
}
.newsletter-section .newsletter-img-2 {
position: absolute;
left: 1%;
top: 0%;
z-index: 1;
}
.newsletter-section .newsletter-img-2 img {
border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.newsletter-section .newsletter-img-2 {
width: 10%;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-img-2 {
width: 8%;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-img-2 {
width: 18%;
left: 2%;
}
}
@media (max-width: 350px) {
.newsletter-section .newsletter-img-2 {
left: 4%;
}
}
.newsletter-section .newsletter-img-3 {
position: absolute;
top: 0%;
right: 1%;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.newsletter-section .newsletter-img-3 {
width: 15%;
}
}
@media (max-width: 1199px) {
.newsletter-section .newsletter-img-3 {
width: 12%;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-img-3 {
width: 23%;
right: 2%;
}
.newsletter-section .newsletter-img-3 img {
border-radius: 5px;
}
}
@media (max-width: 350px) {
.newsletter-section .newsletter-img-3 {
right: 4%;
}
.newsletter-section .newsletter-img-3 img {
border-radius: 5px;
}
}
.newsletter-section .newsletter-shape-1 {
position: absolute;
bottom: -23%;
left: 0%;
}
.newsletter-section .newsletter-shape-2 {
position: absolute;
bottom: -25%;
right: 0%;
z-index: -1;
}
.footer-section.style-1 {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/footer-bg-one.png);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.footer-section.style-1 .footer-top-content {
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 10px;
padding: 33px 28px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-top-content {
padding: 35px 70px;
}
}
@media (max-width: 991px) {
.footer-section.style-1 .footer-top-content {
padding: 35px 35px;
}
}
@media (max-width: 767px) {
.footer-section.style-1 .footer-top-content .footer-logo {
margin-bottom: 20px;
}
}
.footer-section.style-1 .footer-top-content .footer-social-list,.footer-section.style-1 .footer-bottom-content .footer-social-list {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 576px) {
.footer-section.style-1 .footer-top-content .footer-social-list, .footer-section.style-1 .footer-bottom-content .footer-social-list {
flex-wrap: wrap;
}
}
.footer-section.style-1 .footer-top-content .footer-social-list h3 {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 600;
line-height: 25px;
color: var(--white-color);
margin: 0;
}
.footer-section.style-1 .footer-top-content .footer-social-list ul, .footer-section.style-1 .footer-bottom-content .footer-social-list ul {
display: flex;
align-items: center;
gap: 20px;
}
.footer-section.style-1 .footer-top-content .footer-social-list ul li, .footer-section.style-1 .footer-bottom-content .footer-social-list ul li{
height: 36px;
width: 36px;
display: flex;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
border: 1px solid rgba(17, 17, 17, 0.25);
transition: 0.3s;
}
.footer-section.style-1 .footer-top-content .footer-social-list ul li svg path {
transition: 0.3s;
fill: var(--title-color);
}
.footer-section.style-1 .footer-top-content .footer-social-list ul li:hover, .footer-section.style-1 .footer-bottom-content .footer-social-list ul li:hover {
background-color: var(--primary-color-three);
}
.footer-section.style-1 .footer-top-content .footer-social-list ul li:hover svg path {
fill: var(--white-color);
}
.footer-section.style-1 .footer-menu .single-contact li {
margin-bottom: 27px;
}
.footer-section.style-1 .footer-menu .single-contact li:last-child {
margin-bottom: 0;
}
.footer-section.style-1 .footer-menu .single-contact li .icon-and-call {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.footer-section.style-1 .footer-menu .single-contact li .icon-and-call span {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 400;
line-height: 25px;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section.style-1 .footer-menu .single-contact li .icon-and-call span:hover { }
.footer-section.style-1 .footer-menu .single-contact li a {
font-family: "Rubik", serif;
font-size: 17px;
font-weight: 400;
line-height: 1;
color: rgb(171, 171, 171);
margin: 0;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-menu .single-contact li a {
font-size: 14px;
line-height: 1;
}
}
.footer-section.style-1 .footer-menu .single-contact li a:hover {
color: var(--primary-color);
}
.footer-section.style-1 .footer-widget .widget-title h4 {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 00;
line-height: 25px;
margin-bottom: 16px;
font-weight: 400;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-widget .widget-title h4 {
font-size: 20px;
}
}
.footer-section.style-1 .footer-widget .widget-title.two {
margin-bottom: 22px;
}
.footer-section.style-1 .footer-widget .payment-partners {
display: flex;
align-items: center;
gap: 20px;
}
.footer-section.style-1 .footer-widget .menu-right-paragraph p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: rgb(171, 171, 171);
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-widget .menu-right-paragraph p {
font-size: 14px;
line-height: 22px;
}
}
.footer-section.style-1 .footer-widget .gallery-img {
position: relative;
border-radius: 6px;
}
.footer-section.style-1 .footer-widget .gallery-img img {
border-radius: 6px;
width: 100%;
}
.footer-section.style-1 .footer-widget .gallery-img .icon-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(77, 166, 39, 0.5);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.3s;
}
.footer-section.style-1 .footer-widget .gallery-img .icon-area i {
color: var(--white-color);
font-size: 24px;
}
.footer-section.style-1 .footer-widget .gallery-img:hover .icon-area {
transform: scale(1);
opacity: 1;
}
.footer-section.style-1 .footer-widget .menu-container .widget-list {
padding: 0;
margin: 0;
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li {
margin-bottom: 20px;
line-height: 1;
transition: 0.3s;
position: relative;
transform: translateX(0);
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-widget .menu-container .widget-list li {
margin-bottom: 15px;
}
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li:last-child {
margin-bottom: 0;
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li a {
color: rgb(171, 171, 171);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
@media (max-width: 576px) {
.footer-section.style-1 .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li a:hover {
color: var(--primary-color);
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li::after {
content: "";
width: 10px;
height: 1px;
background-color: var(--primary-color);
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.35s;
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li:hover {
transform: translateX(10px);
}
.footer-section.style-1 .footer-widget .menu-container .widget-list li:hover::after {
opacity: 1;
}
.footer-section.style-1 .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 24px 0;
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-bottom {
padding: 20px 0;
}
}
.footer-section.style-1 .footer-bottom .copy-write-area {
text-align: center;
}
.footer-section.style-1 .footer-bottom .copy-write-area p {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgb(171, 171, 171);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-section.style-1 .footer-bottom .copy-write-area p {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-bottom .copy-write-area p {
font-size: 14px;
}
}
.footer-section.style-1 .footer-bottom .copy-write-area p a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section.style-1 .footer-bottom .copy-write-area p a:hover {
color: var(--primary-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-section.style-1 .footer-bottom .copy-write-area p a {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-bottom .copy-write-area p a {
font-size: 14px;
}
}
.footer-section.style-1 .footer-bg-shape-1 {
position: absolute;
bottom: 0%;
left: 0%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-section.style-1 .footer-bg-shape-1 {
width: 8%;
}
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-bg-shape-1 {
width: 8%;
}
}
@media (max-width: 991px) {
.footer-section.style-1 .footer-bg-shape-1 {
width: 12%;
}
}
@media (max-width: 767px) {
.footer-section.style-1 .footer-bg-shape-1 {
display: none;
}
}
.footer-section.style-1 .footer-bg-shape-2 {
position: absolute;
right: 0%;
top: 0%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-section.style-1 .footer-bg-shape-2 {
width: 8%;
}
}
@media (max-width: 1199px) {
.footer-section.style-1 .footer-bg-shape-2 {
width: 8%;
}
}
@media (max-width: 991px) {
.footer-section.style-1 .footer-bg-shape-2 {
width: 12%;
}
}
@media (max-width: 767px) {
.footer-section.style-1 .footer-bg-shape-2 {
display: none;
}
}
.section-title-two .sub-title-two {
padding: 7px 22px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 10px;
max-width: 100%;
width: -moz-max-content;
width: max-content;
position: relative;
}
.section-title-two .sub-title-two .bg-shape {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.section-title-two .sub-title-two span {
font-family: "Satisfy", serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: var(--white-color);
}
.section-title-two .title h2 {
font-family: "Rubik", serif;
font-size: 48px;
font-weight: 500;
line-height: 58px;
color: var(title-color);
margin: 0;
text-transform: capitalize;
}
@media (max-width: 1399px) {
.section-title-two .title h2 {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-title-two .title h2 {
font-size: 35px;
line-height: 43px;
}
}
@media (max-width: 767px) {
.section-title-two .title h2 {
font-size: 35px;
}
}
@media (max-width: 576px) {
.section-title-two .title h2 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 350px) {
.section-title-two .title h2 {
font-size: 26px;
}
}
.section-title-two .description P {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin-top: 8px;
}
.top-bar.style-2 {
background-color: rgb(37, 37, 37);
}
@media (min-width: 1400px) and (max-width: 1599px) {
.top-bar.style-2 {
padding: 0 45px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-bar.style-2 {
padding: 0 50px;
}
}
@media (max-width: 991px) {
.top-bar.style-2 {
display: none;
}
}
.top-bar.style-2 .top-bar-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 0;
max-width: 1620px;
width: 100%;
margin: 0 auto;
}
.top-bar.style-2 .top-bar-content .top-bar-start ul {
display: flex;
align-items: center;
gap: 42px;
}
@media (max-width: 1199px) {
.top-bar.style-2 .top-bar-content .top-bar-start ul {
gap: 20px;
}
}
.top-bar.style-2 .top-bar-content .top-bar-start ul li {
display: flex;
align-items: baseline;
gap: 8px;
}
.top-bar.style-2 .top-bar-content .top-bar-start ul li .icon svg path {
fill: var(--white-color);
}
.top-bar.style-2 .top-bar-content .top-bar-start ul li a {
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
color: var(--white-color);
margin: 0;
transition: 0.4s;
}
.top-bar.style-2 .top-bar-content .top-bar-start ul li:hover .icon svg path {
fill: var(--primary-color);
transition: 0.4s;
}
.top-bar.style-2 .top-bar-content .top-bar-start ul li:hover a {
color: var(--primary-color);
}
.top-bar.style-2 .top-bar-content .top-bar-center {
display: flex;
gap: 12px;
margin-right: 12%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.top-bar.style-2 .top-bar-content .top-bar-center {
margin-right: 5%;
}
}
@media (max-width: 1199px) {
.top-bar.style-2 .top-bar-content .top-bar-center {
display: none;
}
}
.top-bar.style-2 .top-bar-content .top-bar-center .icon-para {
display: flex;
align-items: baseline;
gap: 4px;
}
.top-bar.style-2 .top-bar-content .top-bar-center .icon-para svg path {
fill: var(--white-color);
}
.top-bar.style-2 .top-bar-content .top-bar-center .icon-para P {
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
color: var(--white-color);
margin: 0;
}
.top-bar.style-2 .top-bar-content .top-bar-right {
display: flex;
align-items: center;
gap: 48px;
margin-right: 24px;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area {
position: relative;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area.two .language-btn::after {
content: "";
height: 65px;
width: 1px;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
left: -22px;
top: 50%;
transform: translateY(-50%);
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area.two .language-btn::before {
content: "";
height: 65px;
width: 1px;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
right: -22px;
top: 50%;
transform: translateY(-50%);
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-btn {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-btn::after {
content: "";
height: 65px;
width: 1px;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-50%);
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-btn svg {
transition: 0.3s;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-btn svg path {
fill: var(--white-color);
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-btn span {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 500;
line-height: 14px;
transition: 0.3s;
display: flex;
align-items: center;
gap: 5px;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-list {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
top: 40px;
left: 0;
z-index: 9999;
width: 180px;
background-color: var(--white-color);
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
display: none;
transform: scaleY(0);
transform-origin: top;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-list.active {
display: block;
transform: scaleY(1);
animation: fade-up2 0.5s linear;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-list li a {
color: var(--title-color);
font-family: var(--font-worksans);
font-weight: 500;
text-transform: capitalize;
font-size: 14px;
padding: 10px 20px;
width: 100%;
display: flex;
align-items: center;
transition: 0.35s;
}
.top-bar.style-2 .top-bar-content .top-bar-right .language-area .language-list li a:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
header {
position: relative;
width: 100%;
z-index: 999;
transition: all 0.8s ease-out 0s;
background-color: var(--white-color);
margin: 0 auto;
border: none;
}
header .container-two {
max-width: 1520px;
}
header.style-2.header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--white-color);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
z-index: 10;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-2 .main-menu {
display: inline-block;
position: relative;
}
header.style-2 .main-menu.show-menu {
transform: translateX(0);
}
header.style-2 .main-menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-2 .main-menu > ul > li {
display: inline-block;
position: relative;
padding: 1px 25px;
}
@media (max-width: 1399px) {
header.style-2 .main-menu > ul > li {
padding: 0 20px;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu > ul > li {
padding: 0px 12px;
}
}
header.style-2 .main-menu > ul > li:hover i {
color: var(--primary-color);
font-size: 20px;
}
@media (min-width: 992px) {
header.style-2 .main-menu > ul > li:first-child {
padding-left: 0;
}
header.style-2 .main-menu > ul > li:first-child a {
padding-left: 0;
}
header.style-2 .main-menu > ul > li:last-child {
padding-right: 0;
}
}
header.style-2 .main-menu > ul > li > a {
position: relative;
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--title-color);
display: block;
padding: 36px 0px;
transition: all 0.4s ease-out 0s;
text-transform: capitalize;
}
header.style-2 .main-menu > ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.4s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-2 .main-menu > ul > li i {
opacity: 1;
}
}
header.style-2 .main-menu > ul > li i.active {
color: var(--title-color);
}
header.style-2 .main-menu > ul > li i.active::before {
content: "\f2ea";
}
header.style-2 .main-menu > ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(134, 117, 212, 0.08);
text-align: left;
transform-origin: top;
}
@media (max-width: 1199px) {
header.style-2 .main-menu > ul > li ul.sub-menu {
box-shadow: none;
}
}
header.style-2 .main-menu > ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li i {
position: absolute;
top: 14px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
color: var(--title-color);
opacity: 1;
top: 14px;
font-size: 14px;
right: 10px;
}
@media (max-width: 991px) {
header.style-2 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px;
}
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a {
display: block;
padding: 15px 15px;
color: var(--title-color);
font-weight: 400;
font-family: "Rubik", serif;
font-size: 13px;
line-height: 1.3;
transition: all 0.4s ease-out 0s;
position: relative;
border-bottom: 1px solid #e1e1e1;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
header.style-2 .main-menu > ul > li ul.sub-menu > li > a {
border-color: rgba(233, 228, 228, 0.5);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #ddd, #10c581, #ddd);
}
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
@media (max-width: 1199px) {
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
box-shadow: none;
}
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-2 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
display: block;
}
@media (min-width: 992px) {
header.style-2 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
header.style-2 .main-menu > ul > li.menu-item-has-children {
transition: all 0.55s ease-in-out;
}
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 800;
position: absolute;
top: 31px;
right: 8px;
font-size: 12px;
color: var(--title-color);
transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
right: 0px;
}
}
@media (max-width: 1199px) {
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
top: 30px;
}
}
@media (max-width: 991px) {
header.style-2 .main-menu > ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-2 .main-menu > ul > li.menu-item-has-children:hover::after {
color: var(--primary-color);
content: "\f286";
}
@media (min-width: 992px) {
header.style-2 .main-menu > ul > li:hover > ul.sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
header.style-2 .main-menu > ul > li:hover > a {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li:hover > a::after {
transform-origin: left center;
transform: scale(1, 1);
}
header.style-2 .main-menu > ul > li:hover::after {
color: var(--title-color);
}
header.style-2 .main-menu > ul > li:hover .dropdown-icon2 {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active > a {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active::after {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active .dropdown-icon2 {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li.active.position-inherit > a::after {
color: var(--primary-color);
}
header.style-2 .main-menu > ul li.menu-item-has-children > i {
display: block;
}
header.style-2 .nav-right {
display: flex;
align-items: center;
gap: 40px;
position: relative;
}
header.style-2 .nav-right::after {
content: "";
height: 28px;
width: 1px;
background-color: rgba(17, 17, 17, 0.1);
position: absolute;
left: 45px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-2 .nav-right::after {
left: 35px;
}
}
@media (max-width: 991px) {
header.style-2 .nav-right::after {
display: none;
}
}
@media (max-width: 1199px) {
header.style-2 .nav-right {
gap: 20px;
}
}
@media (max-width: 576px) {
header.style-2 .nav-right {
gap: 15px;
}
}
header.style-2 .nav-right .right-sidebar-button {
cursor: pointer;
}
header.style-2 .nav-right .right-sidebar-button svg path {
fill: var(--title-color);
}
@keyframes qode-draw {
0%, 100% {
-webkit-clip-path: inset(-2px -2px);
clip-path: inset(-2px -2px);
}
42% {
-webkit-clip-path: inset(-2px -2px -2px 100%);
clip-path: inset(-2px -2px -2px 100%);
}
43% {
-webkit-clip-path: inset(-2px 100% -3px -2px);
clip-path: inset(-2px 100% -3px -2px);
}
}
header.style-2 .nav-right .right-sidebar-button:hover svg {
animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
}
header.style-2 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-2 .nav-right .mobile-menu-btn {
display: flex;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
header.style-2 .nav-right .mobile-menu-btn svg {
fill: var(--title-color);
}
}
header.style-2.inner-page {
position: relative;
background-color: var(--white-color);
}
@media (max-width: 991px) {
header.style-2 .header-logo {
padding: 15px 0;
}
}
header.style-2 .header-logo a img {
width: 130px;
}
@media only screen and (max-width: 991px) {
header.style-2 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
}
header.style-2 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: 0.35s;
}
header.style-2 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color);
}
header.style-2 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color);
}
header.style-2 .dropdown-icon {
color: var(--white-color);
}
header.style-2 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-2 .main-menu.show-menu {
transform: translateX(0);
}
header.style-2 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-2 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
header.style-2 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
header.style-2 .main-menu > ul > li {
display: block;
position: relative;
padding: 0;
}
header.style-2 .main-menu > ul > li i {
display: block;
}
header.style-2 .main-menu > ul > li a {
padding: 10px 0;
display: block;
}
header.style-2 .main-menu > ul > li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
padding-left: 10px;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li a {
color: var(--title-color);
padding: 12px 0px;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
header.style-2 .main-menu > ul > li ul.sub-menu > li a.active {
color: var(--primary-color);
}
header.style-2 .main-menu > ul > li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
header.style-2 .main-menu > ul > li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
line-height: 1;
}
}
@media (max-width: 1699px) {
header.style-2 {
padding: 0 30px;
}
}
@media (max-width: 576px) {
header.style-2 {
padding: 0 5px;
}
}
.banner-section-two {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/banner-image-two.png);
background-repeat: no-repeat;
background-size: cover;
padding: 0 260px 0 137px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.banner-section-two {
padding: 0 25px 0 30px;
}
}
@media (max-width: 1799px) {
.banner-section-two {
padding: 0 50px 0 0px;
}
}
@media (max-width: 1499px) {
.banner-section-two {
padding: 0 45px 0 0px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-two {
padding: 0 0px 0 0px;
}
}
@media (max-width: 1199px) {
.banner-section-two {
padding: 0 0px 45px 0px;
}
}
@media (max-width: 576px) {
.banner-section-two {
padding: 0 15px 45px 0px;
}
}
.banner-section-two .banner-inside {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.banner-section-two .section-title-two {
background-color: rgb(9, 27, 2);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
padding: 139px 0 139px 117px;
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/banner-two-bg-shape.svg);
-webkit-mask-position: bottom;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
}
@media (max-width: 1699px) {
.banner-section-two .section-title-two {
padding: 135px 70px;
}
}
@media (max-width: 1499px) {
.banner-section-two .section-title-two {
padding: 135px 35px;
}
}
@media (max-width: 1199px) {
.banner-section-two .section-title-two {
padding: 125px 55px;
}
}
@media (max-width: 991px) {
.banner-section-two .section-title-two {
text-align: center;
padding: 70px 75px 180px;
}
}
@media (max-width: 767px) {
.banner-section-two .section-title-two {
padding: 70px 35px 110px;
}
}
@media (max-width: 425px) {
.banner-section-two .section-title-two {
padding: 70px 10px 110px;
}
}
@media (max-width: 350px) {
.banner-section-two .section-title-two {
padding: 70px 10px 145px;
}
}
@media (max-width: 991px) {
.banner-section-two .section-title-two {
width: 90%;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.banner-section-two .section-title-two {
width: 95%;
}
}
.banner-section-two .section-title-two .sub-title-two {
padding: 7px 22px;
white-space: nowrap;
display: inline-flex;
margin-bottom: 10px;
max-width: 100%;
width: -moz-max-content;
width: max-content;
position: relative;
}
@media (max-width: 991px) {
.banner-section-two .section-title-two .sub-title-two {
margin-bottom: 10px;
}
}
.banner-section-two .section-title-two .sub-title-two .bg-shape-one {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.banner-section-two .section-title-two .sub-title-two span {
font-family: "Satisfy", serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: var(--white-color);
}
.banner-section-two .section-title-two h1 {
font-family: "Rubik", serif;
font-size: 70px;
font-weight: 600;
line-height: 84px;
color: var(--white-color);
text-transform: capitalize;
margin-bottom: 15px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
.banner-section-two .section-title-two h1 {
font-size: 65px;
}
}
@media (max-width: 1399px) {
.banner-section-two .section-title-two h1 {
font-size: 65px;
}
}
@media (max-width: 1199px) {
.banner-section-two .section-title-two h1 {
font-size: 55px;
line-height: 60px;
}
}
@media (max-width: 991px) {
.banner-section-two .section-title-two h1 {
font-size: 50px;
line-height: 55px;
}
}
@media (max-width: 767px) {
.banner-section-two .section-title-two h1 {
font-size: 45px;
line-height: 60px;
}
}
@media (max-width: 576px) {
.banner-section-two .section-title-two h1 {
font-size: 40px;
line-height: 45px;
}
}
.banner-section-two .section-title-two p {
font-family: "Jost", serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
color: var(--white-color);
margin-bottom: 30px;
max-width: 460px;
width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-section-two .section-title-two p {
max-width: none;
}
}
@media (max-width: 767px) {
.banner-section-two .section-title-two p {
max-width: none;
}
}
@media (max-width: 425px) {
.banner-section-two .section-title-two p {
line-height: 25px;
}
}
@media (max-width: 991px) {
.banner-section-two .section-title-two .middle-btn {
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 991px) {
.banner-section-two .filter-wrapper {
max-width: 400px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 425px) {
.banner-section-two .filter-wrapper {
margin-left: 10px;
}
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills {
border-radius: 15px 15px 0px 0px;
background: var(--white-color);
display: inline-flex;
justify-content: space-between;
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
max-width: 407px;
width: 100%;
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 15px 0 0 0;
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 15px 0 0;
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 15.5px 36.7px;
border-radius: unset;
border-left: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 1499px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 36px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 36.2px;
}
}
@media (max-width: 991px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 16px 36px;
font-size: 15px;
}
}
@media (max-width: 767px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 36px;
}
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 36px;
}
}
@media (max-width: 425px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 34px;
}
}
@media (max-width: 350px) {
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 21px;
}
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link svg path {
fill: var(--primary-color);
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.banner-section-two .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group {
border-radius: 0px 0px 10px 10px;
background: var(--white-color);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
border-right: 1px solid rgba(17, 17, 17, 0.1);
border-left: 1px solid rgba(17, 17, 17, 0.1);
max-width: 407px;
width: 100%;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area {
padding: 24px 37px 24px;
width: 100%;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box:last-child {
margin-bottom: 26px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .label-and-icon {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
max-width: 327px;
width: 100%;
}
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .label-and-icon {
margin-bottom: 5px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .label-and-icon h5 {
margin: 0;
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 500;
line-height: 21.6px;
color: var(title-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box {
position: relative;
border: 1px solid rgba(17, 17, 17, 0.15);
border-radius: 5px;
max-width: 327px;
width: 100%;
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box {
position: relative;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .icon svg {
fill: var(--primary-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input {
line-height: 1;
}
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input {
width: 100%;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input {
display: flex;
align-items: center;
line-height: 1;
cursor: pointer;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
color: rgb(153, 153, 153);
font-family: "Rubik", serif;
background-color: transparent;
width: 100%;
cursor: pointer;
padding: 16px;
}
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
font-size: 14px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input input::-moz-placeholder {
color: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input input::placeholder {
color: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
margin-right: 20px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input svg path {
fill: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.3px;
min-width: 188px;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 150px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
padding: 10px 0;
background-color: var(--white-color);
border-radius: 5px;
width: 100%;
max-height: 250px;
overflow-y: scroll;
position: absolute;
top: 55px;
left: 0;
z-index: 9;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
display: none;
transform: scaleY(0);
transform-origin: top;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar {
width: 5px; }
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-track {
background: #f5f4f4;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: #ddd; border-radius: 20px; }
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 100%;
min-width: 100%;
top: 75px;
}
}
@media (max-width: 767px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 65px;
}
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 50%;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area {
border-bottom: 1px solid #dee2e6;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
margin: 0 10px 5px 10px;
padding-bottom: 5px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area i {
color: var(--primary-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area input {
background-color: transparent;
color: var(--title-color);
font-size: 14px;
font-weight: 400;
width: 100%;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li {
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.3s;
cursor: pointer;
padding: 0 10px;
line-height: 1;
margin-bottom: 5px;
position: relative;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:last-child {
margin-bottom: 0;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 14px;
font-family: "Rubik", serif;
color: var(--title-color);
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
transition: 0.3s;
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 13px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 12px;
font-family: var(--font-jost);
color: var(--text-color);
font-weight: 400;
margin-bottom: 0;
line-height: 1.4;
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 11px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
color: var(--white-color);
font-weight: 400;
font-family: var(--font-jost);
font-size: 12px;
line-height: 1;
text-align: center;
background-color: var(--primary-color1);
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
font-size: 13px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li::before {
content: "";
height: 100%;
width: 3px;
background-color: var(--title-color);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item {
padding: 10px 15px;
border-bottom: 1px solid #f5f4f4;
margin-bottom: 0;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item:last-child {
border-bottom: none;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item h6 {
font-size: 13px;
font-weight: 500;
font-family: "Rubik", serif;
color: rgb(153, 153, 153);
margin-bottom: 0;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover {
background: rgba(77, 166, 39, 0.9);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover .destination h6, .banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover .destination p {
color: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover.single-item h6 {
color: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover::before {
opacity: 1;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-bottom: 1px solid #f5f4f4;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title h6 {
font-size: 14px;
font-weight: 500;
font-family: "Rubik", serif;
color: var(--text-color);
margin-bottom: 0;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title span {
font-size: 13px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--text-color);
margin-bottom: 0;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter {
display: flex;
align-items: center;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a {
height: 20px;
min-width: 20px;
max-width: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 17px;
color: var(--primary-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter input {
width: 40px;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down 0.3s linear;
}
@keyframes fade-down2 {
0% {
opacity: 0;
transform: scaleY(0) translateX(-50%);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1) translateX(-50%);
visibility: visible;
}
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
transform: scaleY(1) translateX(-50%);
animation: fade-down2 0.3s linear;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.no-scroll {
overflow-y: initial;
max-width: unset;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input {
color: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::-moz-placeholder {
color: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::placeholder {
color: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input h6 {
color: var(--title-color);
min-width: 150px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
background-color: var(--white-color);
border: unset;
top: 47px;
}
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
top: 75px;
}
}
@media (max-width: 576px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
left: 50%;
top: 65px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar {
border-radius: 10px; }
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-track {
background: var(--title-color);
border-radius: 10px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: var(--white-color); border-radius: 10px; }
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .custom-select-search-area input {
color: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li::before {
background-color: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination h6,
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination p {
color: var(--title-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item {
border-bottom: 1px solid #282727;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item h6 {
color: var(--title-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li:hover .destination h6, .banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li:hover .destination p {
color: var(--white-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item {
border-bottom: 1px solid #282727;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title h6,
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title span {
color: var(--title-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .quantity-counter input {
color: var(--title-color);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter {
position: relative;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter a {
color: var(--title-color);
line-height: 1;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter a i {
font-size: 14px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__plus {
position: absolute;
top: 20px;
right: 20px;
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__plus svg path {
fill: rgb(153, 153, 153);
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
position: absolute;
top: 8px;
right: 20px;
}
@media (max-width: 1199px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
right: 0;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__input {
width: 100%;
height: unset;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
color: rgb(153, 153, 153);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.48px;
border: none;
padding: 16px;
}
@media (max-width: 991px) {
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__input {
padding: 15px;
}
}
.banner-section-two .filter-wrapper .filter-group form .filter-area .single-card-box .single-search-box .searchbox-input > .quantity-counter .quantity__input:focus {
border: none;
}
@keyframes waves {
0% {
transform: scale(0.2, 0.2);
opacity: 0;
}
50% {
opacity: 0.9;
}
100% {
transform: scale(0.9, 0.9);
opacity: 0;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.about-section-two {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/about-bg-two.png);
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 576px) {
.about-section-two {
padding: 0 15px 0 15px;
}
}
@media (max-width: 525px) {
.about-section-two .section-title-two {
margin-top: 50px;
}
}
.about-section-two .section-title-two .sub-title-two {
position: relative;
z-index: 1;
}
.about-section-two .section-title-two .title h2 {
margin-bottom: 16px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two .section-title-two .title h2 {
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two .section-title-two .title h2 {
font-size: 33px;
line-height: 38px;
}
}
.about-section-two .section-title-two .description p {
margin-bottom: 18px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two .section-title-two .description p {
margin-bottom: 8px;
font-size: 16px;
}
}
.about-section-two .section-title-two .description p:last-child {
margin-bottom: 0;
}
.about-section-two ul {
display: flex;
align-items: center;
text-align: center;
flex-wrap: wrap;
margin-top: 29px;
gap: 24px;
}
@media (max-width: 1399px) {
.about-section-two ul {
gap: 15px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two ul {
margin-top: 20px;
}
}
.about-section-two ul .single-card {
background-color: rgb(235, 255, 232);
padding: 34px 29px;
border-radius: 30px;
border-bottom: 3px solid rgb(77, 166, 39);
}
@media (max-width: 1399px) {
.about-section-two ul .single-card {
padding: 35px 25px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two ul .single-card {
padding: 25px 25px;
}
}
@media (max-width: 1199px) {
.about-section-two ul .single-card {
padding: 25px 15px;
}
}
@media (max-width: 767px) {
.about-section-two ul .single-card {
padding: 25px 15px;
}
}
@media (max-width: 425px) {
.about-section-two ul .single-card {
width: 100%;
}
}
.about-section-two ul .single-card.two {
background-color: rgb(255, 243, 236);
border-bottom: 3px solid rgb(243, 128, 53);
}
.about-section-two ul .single-card.three {
background-color: rgb(232, 246, 255);
border-bottom: 3px solid rgb(11, 65, 100);
}
.about-section-two ul .single-card .card-content .number {
display: flex;
justify-content: center;
}
.about-section-two ul .single-card .card-content .number h5 {
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 500;
line-height: 26px;
color: var(title-color);
margin-bottom: 18px;
}
@media (max-width: 1399px) {
.about-section-two ul .single-card .card-content .number h5 {
font-size: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two ul .single-card .card-content .number h5 {
font-size: 28px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two ul .single-card .card-content .number h5 {
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.about-section-two ul .single-card .card-content .number h5 {
font-size: 24px;
margin-bottom: 8px;
}
}
.about-section-two ul .single-card .card-content .number span {
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 500;
line-height: 26px;
color: var(title-color);
}
@media (max-width: 1399px) {
.about-section-two ul .single-card .card-content .number span {
font-size: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two ul .single-card .card-content .number span {
font-size: 28px;
}
}
@media (max-width: 767px) {
.about-section-two ul .single-card .card-content .number span {
font-size: 24px;
}
}
.about-section-two ul .single-card .card-content h5 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: var(title-color);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two ul .single-card .card-content h5 {
font-size: 14px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two ul .single-card .card-content h5 {
font-size: 13px;
}
}
@media (max-width: 767px) {
.about-section-two ul .single-card .card-content h5 {
font-size: 14px;
}
}
.about-section-two .bottom-area p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 28px 0 32px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.about-section-two .bottom-area p {
margin: 22px 0 26px;
}
}
.about-section-two .bottom-area .primary-btn.three-small {
padding: 12.5px 32.3px;
border-radius: 30px;
font-size: 18px;
line-height: 28px;
}
.about-section-two .about-left-area {
position: relative;
margin-top: 23px;
}
@media (max-width: 991px) {
.about-section-two .about-left-area {
margin-bottom: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two .about-left-area .about-image-big {
width: 85%;
}
}
.about-section-two .about-left-area .about-image-big img {
border-radius: 10px;
}
.about-section-two .about-left-area .about-video-area {
background-color: rgb(255, 255, 255);
border-radius: 20px;
padding: 12px;
position: absolute;
right: 10%;
top: 49%;
}
@media (max-width: 1399px) {
.about-section-two .about-left-area .about-video-area {
right: 0%;
top: 47%;
}
}
@media (max-width: 1199px) {
.about-section-two .about-left-area .about-video-area {
top: 70%;
right: 3%;
}
}
@media (max-width: 991px) {
.about-section-two .about-left-area .about-video-area {
right: 6%;
top: 45%;
}
}
@media (max-width: 767px) {
.about-section-two .about-left-area .about-video-area {
right: -3%;
z-index: 9;
}
}
@media (max-width: 425px) {
.about-section-two .about-left-area .about-video-area {
width: 70%;
}
}
.about-section-two .about-left-area .about-video-area .video-area {
position: absolute;
top: 41%;
left: 50%;
transform: translateX(-50%);
}
.about-section-two .about-left-area .about-video-area .video-area .icon {
height: 66px;
width: 66px;
background: linear-gradient(to right, rgb(255, 101, 0), rgb(228, 163, 121));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 999;
}
.about-section-two .about-left-area .about-video-area .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 65px;
left: 65px;
}
.about-section-two .about-left-area .about-video-area .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgba(255, 101, 0, 0.8), rgba(228, 163, 121, 0.8));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
.about-section-two .about-left-area .about-video-area img {
border-radius: 10px;
}
.about-section-two .about-left-area .experience-area {
background-color: var(--primary-color);
border-radius: 43px;
max-width: 206px;
width: 100%;
padding: 3px;
position: absolute;
top: 5%;
left: 3%;
}
.about-section-two .about-left-area .experience-area .experience-wrap {
display: flex;
align-items: center;
border: 2px solid var(--white-color);
border-radius: 43px;
}
.about-section-two .about-left-area .experience-area .experience-wrap .number h3 {
font-family: "Rubik", serif;
font-size: 28px;
font-weight: 700;
line-height: 33.18px;
color: var(--white-color);
border: 2px solid var(--white-color);
border-radius: 50%;
padding: 10px;
margin: 0;
}
.about-section-two .about-left-area .experience-area .experience-wrap .content P {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 700;
line-height: 22px;
text-align: center;
color: var(--white-color);
margin: 0;
}
.about-section-two .about-red-shape {
position: absolute;
top: 0%;
right: 14%;
animation: up-down2 2s linear infinite alternate;
}
@keyframes up-down2 {
0% {
transform: translateY(35px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(35px);
}
}
@media (max-width: 1399px) {
.about-section-two .about-red-shape {
right: 2%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two .about-red-shape {
right: 72%;
top: 95%;
}
}
@media (max-width: 991px) {
.about-section-two .about-red-shape {
right: 18%;
top: -2%;
}
}
@media (max-width: 767px) {
.about-section-two .about-red-shape {
display: none;
}
}
.about-section-two .about-green-shape {
position: absolute;
top: 99%;
left: 5%;
animation: up-down2 2s linear infinite alternate;
}
@keyframes up-down2 {
0% {
transform: translateY(35px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(35px);
}
}
@media (max-width: 1399px) {
.about-section-two .about-green-shape {
left: 2%;
}
}
@media (max-width: 1199px) {
.about-section-two .about-green-shape {
z-index: -1;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-section-two .about-green-shape {
left: 4%;
top: 105%;
}
}
@media (max-width: 991px) {
.about-section-two .about-green-shape {
z-index: 1;
left: 12%;
}
}
.top-destination-section-two {
position: relative;
overflow: hidden;
padding: 0 70px;
max-width: 1780px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 991px) {
.top-destination-section-two {
padding: 0 30px;
}
}
.top-destination-section-two .top-destination-back-bg {
position: relative;
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/top-destination-bg-two.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
border-radius: 30px;
height: 402px;
}
.top-destination-section-two .top-destination-back-bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 30px;
background-color: rgba(17, 17, 17, 0.6);
}
.top-destination-section-two .section-title-two .sub-title-two {
position: relative;
z-index: 1;
}
.top-destination-section-two .section-title-two .title {
position: relative;
z-index: 1;
}
.top-destination-section-two .section-title-two .title h2 {
color: var(--white-color);
}
.top-destination-section-two .destination-slider-area {
margin-top: -150px;
}
.top-destination-section-two .destination-slider-area .card-content-bottom {
text-align: center;
margin-top: 20px;
}
.top-destination-section-two .destination-slider-area .card-content-bottom .card-function {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.top-destination-section-two .destination-slider-area .card-content-bottom .card-function a {
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: center;
color: var(--title-color);
margin-bottom: 12px;
}
.top-destination-section-two .destination-slider-area .card-content-bottom P {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin-bottom: 25px;
}
@media (max-width: 767px) {
.top-destination-section-two .destination-slider-area .card-content-bottom P {
max-width: 300px;
width: 100%;
margin: 0 auto;
padding-bottom: 20px;
}
}
.top-destination-section-two .destination-pagination-area .destination-pagination {
width: unset !important;
display: flex;
gap: 12px;
}
@media (max-width: 576px) {
.top-destination-section-two .destination-pagination-area .destination-pagination {
gap: 5px;
}
}
.top-destination-section-two .destination-pagination-area .destination-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.top-destination-section-two .destination-pagination-area .destination-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.top-destination-section-two .destination-pagination-area .destination-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.destination-card-two {
height: 200px;
width: 100%;
position: relative;
overflow: hidden;
transition: 0.3s;
margin: 0 auto;
}
@media (max-width: 1199px) {
.destination-card-two {
height: 200px;
width: 100%;
}
}
@media (max-width: 991px) {
.destination-card-two {
height: 350px;
width: 100%;
}
}
@media (max-width: 576px) {
.destination-card-two {
height: 260px;
width: 100%;
}
}
.destination-card-two .destination-card-img {
position: relative;
transition: all 0.5s ease-out;
}
.destination-card-two .destination-card-img .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.destination-card-two .destination-card-img .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.destination-card-two .destination-card-img .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.destination-card-two .destination-card-img .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.destination-card-two .card-content-wrap {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.destination-card-two .card-content-wrap .card-content {
text-align: center;
background-color: rgba(167, 166, 166, 0.15);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
padding: 12px 5px;
}
.destination-card-two .card-content-wrap .card-content h4 {
margin: 0;
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
}
.destination-card-two:hover .destination-card-img .card-img img {
transform: scale(1.1);
}
.destination-card-two:hover .destination-card-img .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
@media (max-width: 576px) {
.promotion-section-two {
padding: 0 15px 0 15px;
}
}
.promotion-section-two .promotion-left-card img {
border-radius: 10px;
width: 100%;
}
.promotion-section-two .promotion-right-card img {
border-radius: 10px;
width: 100%;
}
.top-Packages-section {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/tour-packages-background.png);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
@media (max-width: 576px) {
.top-Packages-section {
padding: 80px 15px 0 15px;
}
}
.top-Packages-section .section-title-two .sub-title-two {
position: relative;
z-index: 1;
}
.top-Packages-section .section-title-two .sub-title-two .bg-shape {
position: absolute;
width: 100%;
height: auto;
top: 2px;
left: 0;
z-index: -1;
}
.top-Packages-section .section-title-two .description {
max-width: 586px;
width: 100%;
}
.top-Packages-section .section-title-two .description P {
text-transform: capitalize;
}
.top-Packages-section .packese-slider-btn {
display: flex;
gap: 20px;
}
@media (max-width: 767px) {
.top-Packages-section .packese-slider-btn {
gap: 10px;
}
}
.top-Packages-section .packese-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.top-Packages-section .packese-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.top-Packages-section .packese-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.top-Packages-section .packese-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.package-card-two {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.package-card-two.style-2 {
margin-bottom: 5px;
}
@media (max-width: 767px) {
.package-card-two {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 576px) {
.package-card-two {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 425px) {
.package-card-two {
max-width: 400px;
width: 100%;
}
}
.package-card-two .package-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.package-card-two .package-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.package-card-two .package-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.package-card-two .package-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.package-card-two .package-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.package-card-two .package-card-content {
padding: 18px 28px;
}
@media (max-width: 1699px) {
.package-card-two .package-card-content {
padding: 18px 25px;
}
}
@media (max-width: 1399px) {
.package-card-two .package-card-content {
padding: 15px;
}
}
@media (max-width: 991px) {
.package-card-two .package-card-content {
padding: 20px;
}
}
.package-card-two .package-card-content .card-content-top .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 9px;
flex-wrap: wrap;
}
.package-card-two .package-card-content .card-content-top .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
.package-card-two .package-card-content .card-content-top .top-content li span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: var(--primary-color);
margin-bottom: -5px;
}
.package-card-two .package-card-content .card-content-top .top-content li:last-child span {
color: var(--paragraph-color);
}
.package-card-two .package-card-content .card-content-top .rating-area {
display: flex;
align-items: center;
gap: 8px;
line-height: 1;
}
.package-card-two .package-card-content .card-content-top .rating-area .rating {
display: flex;
align-items: center;
gap: 4px;
}
.package-card-two .package-card-content .card-content-top .rating-area .rating li {
line-height: 0;
}
.package-card-two .package-card-content .card-content-top .rating-area .rating li i {
color: #FFC200;
font-size: 12px;
}
.package-card-two .package-card-content .card-content-top .rating-area span {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.package-card-two .package-card-content .card-content-top h5 {
margin-bottom: 18px;
transition: 0.3s;
}
.package-card-two .package-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-card-two .package-card-content .card-content-top h5 a {
font-size: 18px;
line-height: 1;
}
}
@media (max-width: 1199px) {
.package-card-two .package-card-content .card-content-top h5 a {
font-size: 20px;
}
}
@media (max-width: 991px) {
.package-card-two .package-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.package-card-two .package-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.package-card-two .package-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.package-card-two .package-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.package-card-two .package-card-content .card-content-top .middle-item {
margin-bottom: 12px;
}
.package-card-two .package-card-content .card-content-top .middle-item ul {
display: flex;
align-items: center;
gap: 24px;
}
.package-card-two .package-card-content .card-content-top .middle-item ul li {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: rgba(17, 17, 17, 0.4);
margin: 0;
text-transform: capitalize;
}
.package-card-two .package-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-card-two .package-card-content .card-content-bottom {
padding-top: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card-two .package-card-content .card-content-bottom {
gap: 13px;
}
}
.package-card-two .package-card-content .card-content-bottom .price-area {
line-height: 1;
}
.package-card-two .package-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: 0;
}
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 32px;
font-weight: 500;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (max-width: 1699px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 26px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
@media (max-width: 425px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
.package-card-two .package-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 del {
font-size: 16px;
}
}
.package-card-two .package-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.package-card-two .package-card-content .card-content-bottom .price-area h5 span {
font-size: 16px;
}
}
.package-card-two .batch .featured {
background-color: rgb(77, 166, 39);
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
border-radius: 0 3px 3px 0;
position: absolute;
top: 30px;
left: -35px;
z-index: 999;
transform: rotate(-50deg);
display: flex;
align-items: center;
justify-content: center;
max-width: 144px;
width: 100%;
}
.package-card-two .batch .featured.two {
background-color: rgb(229, 35, 35);
top: 30px;
left: -35px;
}
.package-card-two .gallery-option {
position: absolute;
top: 8%;
right: 5%;
z-index: 1;
display: grid;
gap: 5px;
border-radius: 18px;
padding: 0 10px;
opacity: 0;
transition: 0.3s;
}
.package-card-two:hover .package-card-img-wrap .card-img img {
transform: scale(1.1);
}
.package-card-two:hover .package-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: rgba(17, 17, 17, 0.5);
}
.package-card-two:hover .package-card-img-wrap .gallery-option {
opacity: 1;
}
.why-choose-us-section-two {
overflow: hidden;
}
@media (max-width: 576px) {
.why-choose-us-section-two {
padding: 0 15px 0 15px;
}
}
.why-choose-us-section-two .section-title-two .description {
width: 100%;
max-width: 80%;
margin: 0 auto;
}
.why-choose-us-section-two .section-title-two .description P {
text-transform: capitalize;
}
.why-choose-us-section-two .service-card {
max-width: 322px;
width: 100%;
padding: 28px 20px 28px 38px;
background-color: rgb(232, 246, 255);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: end;
gap: 12px;
margin-bottom: 72px;
}
@media (max-width: 1199px) {
.why-choose-us-section-two .service-card {
padding: 28px 15px 28px 15px;
}
}
@media (max-width: 991px) {
.why-choose-us-section-two .service-card {
margin-bottom: 40px;
justify-content: space-around;
}
}
@media (max-width: 767px) {
.why-choose-us-section-two .service-card {
margin-bottom: 20px;
}
}
.why-choose-us-section-two .service-card:last-child {
margin-bottom: 0;
}
.why-choose-us-section-two .service-card.style-2 {
background-color: rgb(237, 255, 234);
margin-right: 72px;
}
@media (max-width: 1199px) {
.why-choose-us-section-two .service-card.style-2 {
margin-right: 0;
}
}
.why-choose-us-section-two .service-card.style-2 .icon {
background-color: rgb(77, 166, 39);
}
.why-choose-us-section-two .service-card.style-3 {
background-color: rgb(255, 241, 232);
}
.why-choose-us-section-two .service-card.style-3 .icon {
background-color: rgb(243, 128, 53);
}
.why-choose-us-section-two .service-card.style-4 {
background-color: rgb(237, 255, 234);
justify-content: start;
padding: 28px 38px 28px 20px;
}
.why-choose-us-section-two .service-card.style-4 .icon {
background-color: rgb(77, 166, 39);
}
.why-choose-us-section-two .service-card.style-5 {
background-color: rgb(255, 241, 232);
margin-left: 72px;
padding: 28px 38px 28px 20px;
}
@media (max-width: 1199px) {
.why-choose-us-section-two .service-card.style-5 {
margin-left: 0;
}
}
.why-choose-us-section-two .service-card.style-5 .icon {
background-color: rgb(243, 128, 53);
}
.why-choose-us-section-two .service-card.style-6 {
background-color: rgb(253, 232, 255);
padding: 28px 38px 28px 20px;
}
.why-choose-us-section-two .service-card.style-6 .icon {
background-color: rgb(219, 59, 235);
}
.why-choose-us-section-two .service-card .content {
text-align: end;
}
.why-choose-us-section-two .service-card .content.two {
text-align: start;
}
.why-choose-us-section-two .service-card .content h3 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 48px;
color: rgb(0, 0, 0);
margin-bottom: -1px;
}
@media (max-width: 1199px) {
.why-choose-us-section-two .service-card .content h3 {
font-size: 17px;
line-height: 32px;
}
}
.why-choose-us-section-two .service-card .content p {
max-width: 182px;
width: 100%;
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 20px;
color: var(--paragraph-color);
margin: 0;
}
.why-choose-us-section-two .service-card .icon {
background-color: rgb(58, 166, 235);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.why-choose-us-section-two .service-card:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.why-choose-us-section-two .pngtree-big-ballon {
position: absolute;
left: -13%;
bottom: 70%;
animation: up-down2 2s linear infinite alternate;
}
@keyframes up-down2 {
0% {
transform: translateY(35px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(35px);
}
}
@media (max-width: 1199px) {
.why-choose-us-section-two .pngtree-big-ballon {
bottom: 75%;
}
.why-choose-us-section-two .pngtree-big-ballon img {
width: 80%;
}
}
@media (max-width: 991px) {
.why-choose-us-section-two .pngtree-big-ballon {
bottom: 75%;
}
.why-choose-us-section-two .pngtree-big-ballon img {
width: 70%;
}
}
@media (max-width: 767px) {
.why-choose-us-section-two .pngtree-big-ballon {
display: none;
}
}
.why-choose-us-section-two .pngtree-small-ballon {
position: absolute;
right: -19%;
bottom: 15%;
animation: up-down2 2s linear infinite alternate;
}
@media (max-width: 1199px) {
.why-choose-us-section-two .pngtree-small-ballon {
right: -12%;
}
}
@media (max-width: 991px) {
.why-choose-us-section-two .pngtree-small-ballon {
z-index: -1;
}
}
@media (max-width: 767px) {
.why-choose-us-section-two .pngtree-small-ballon {
display: none;
}
}
@keyframes up-down2 {
0% {
transform: translateY(35px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(35px);
}
}
.why-choose-us-section-two .long-arrow-one {
position: absolute;
left: 0%;
top: 39%;
z-index: -1;
transform: rotate(350deg);
}
.why-choose-us-section-two .long-arrow-two {
position: absolute;
left: 1%;
bottom: 13%;
}
@media (max-width: 991px) {
.why-choose-us-section-two .long-arrow-two {
z-index: -1;
}
}
@media (max-width: 767px) {
.why-choose-us-section-two .long-arrow-two {
z-index: -1;
}
}
.why-choose-us-section-two .long-arrow-three {
position: absolute;
right: 0%;
top: 39%;
transform: rotate(8deg);
z-index: -1;
}
.why-choose-us-section-two .long-arrow-four {
position: absolute;
right: 1.8%;
bottom: 14%;
}
@media (max-width: 991px) {
.why-choose-us-section-two .long-arrow-four {
z-index: -1;
}
}
@media (max-width: 767px) {
.why-choose-us-section-two .long-arrow-four {
z-index: -1;
}
}
.testimonials-section {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/testimonials-section-bg.png);
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 576px) {
.testimonials-section {
padding: 50px 15px 50px 15px;
}
}
.testimonials-section .section-title-two .sub-title-two {
position: relative;
z-index: 1;
}
.testimonials-section .section-title-two .description {
max-width: 491px;
width: 100%;
margin: 0 auto;
}
.testimonials-section .testimonial-card-slider-area .swiper-slide-active .author-img {
animation: fadeInDown 1.7s;
}
.testimonials-section .testimonial-card-slider-area .swiper-slide-active p {
animation: fadeInUp 1.7s;
}
.testimonials-section .testimonial-card-slider-area .swiper-slide-active .testimonial-bottom-content {
animation: fadeInUp 1.7s;
}
.testimonials-section .testimonial-slider-btn {
width: 100%;
position: relative;
}
@media (max-width: 576px) {
.testimonials-section .testimonial-slider-btn {
justify-content: center;
}
}
.testimonials-section .testimonial-slider-btn .slider-prev {
position: absolute;
bottom: 130px;
z-index: 1;
}
.testimonials-section .testimonial-slider-btn .slider-next {
position: absolute;
right: 0%;
bottom: 130px;
z-index: 1;
}
.testimonials-section .testimonial-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 50%;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 576px) {
.testimonials-section .testimonial-slider-btn .slider-btn {
display: none;
}
}
.testimonials-section .testimonial-slider-btn .slider-btn:hover i {
color: var(--primary-color2);
}
.testimonials-section .testimonial-slider-btn .slider-btn:hover span {
color: var(--primary-color2);
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area {
display: grid;
align-items: center;
justify-items: center;
margin-bottom: 20px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .author-img {
width: 75px;
height: 75px;
border-radius: 50%;
margin-bottom: 20px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .author-img img {
border: 2px solid var(--primary-color);
border-radius: 50%;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .rating-area .rating {
display: flex;
align-items: center;
gap: 6px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .rating-area .rating li {
line-height: 1;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .rating-area .rating li i {
color: #ffc107;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-top-content .author-area .rating-area span {
font-family: var(--font-jost);
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: var(--title-color);
display: inline-flex;
align-items: center;
gap: 5px;
padding-top: 5px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-content {
text-align: center;
padding-bottom: 20px;
}
@media (max-width: 576px) {
.testimonial-card-wrapper-two .testimonial-card .testimonial-content {
margin-bottom: 20px;
}
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-content p {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 400;
line-height: 40px;
color: var(--title-color);
margin: 0 auto;
max-width: 784px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonial-card-wrapper-two .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 28px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-two .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 26px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 991px) {
.testimonial-card-wrapper-two .testimonial-card .testimonial-content p {
font-size: 16px;
line-height: 25px;
}
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-bottom-content {
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-bottom-content .author-name {
text-align: center;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-bottom-content .author-name h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 500;
line-height: 28px;
color: var(--primary-color);
margin: 0;
}
.testimonial-card-wrapper-two .testimonial-card .testimonial-bottom-content .author-name h4 {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgb(102, 102, 102);
margin: 0;
}
.team-section-two {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/team-section-bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media (max-width: 576px) {
.team-section-two {
padding: 0 15px 0 15px;
}
}
.team-section-two .section-title-two .sub-title-two {
position: relative;
z-index: 1;
}
.team-section-two .section-title-two .description {
max-width: 463px;
width: 100%;
}
.team-section-two .teams-slider-btn {
display: flex;
gap: 20px;
}
@media (max-width: 767px) {
.team-section-two .teams-slider-btn {
margin-top: 20px;
gap: 10px;
}
}
.team-section-two .teams-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.team-section-two .teams-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.team-section-two .teams-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.team-section-two .teams-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.team-section-two .team-pagination-area .team-pagination {
width: unset !important;
display: flex;
gap: 15px;
}
@media (max-width: 767px) {
.team-section-two .team-pagination-area .team-pagination {
gap: 10px;
}
}
@media (max-width: 576px) {
.team-section-two .team-pagination-area .team-pagination {
gap: 5px;
}
}
.team-section-two .team-pagination-area .team-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.team-section-two .team-pagination-area .team-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.team-section-two .team-pagination-area .team-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.team-section-two .team-section-dot-one {
position: absolute;
top: 10%;
left: 0%;
}
@media (max-width: 1799px) {
.team-section-two .team-section-dot-one svg {
width: 80%;
}
}
@media (max-width: 1699px) {
.team-section-two .team-section-dot-one svg {
width: 70%;
}
}
@media (max-width: 1499px) {
.team-section-two .team-section-dot-one {
display: none;
}
}
.team-section-two .team-section-dot-two {
position: absolute;
bottom: 10%;
right: 0%;
}
@media (max-width: 1199px) {
.team-section-two .team-section-dot-two {
display: none;
}
}
.teams-card {
position: relative;
transition: 0.3s;
overflow: hidden;
}
.teams-card .team-image {
transition: 0.5s ease-in-out;
}
.teams-card .team-image img {
width: 100%;
transition: 0.5s ease-in-out;
border-radius: 10px 10px 25px 25px;
}
.teams-card .teams-content {
background-color: rgba(17, 17, 17, 0.25);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border-radius: 0 0 25px 25px;
position: absolute;
bottom: 0%;
left: 0%;
text-align: center;
width: 100%;
padding: 14px;
transition: 0.5s ease-in-out;
}
.teams-card .teams-content h4 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 600;
line-height: 22px;
color: var(--white-color);
margin: 0;
}
.teams-card .teams-content span {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: rgb(236, 236, 236);
margin: 0;
}
.teams-card .social-list {
background-color: var(--primary-color);
padding: 16px 17px;
border-radius: 0 10px 0 10px;
top: 0%;
right: 0%;
position: absolute;
opacity: 0;
transform: scaleX(0);
transform-origin: right;
transition: 0.5s ease-in-out;
}
.teams-card .social-list li a:hover svg path {
fill: rgb(243, 128, 53);
transition: 0.3s;
}
.teams-card:hover {
transition: 0.3s;
}
.teams-card:hover .teams-content {
transition: 0.3s;
background: rgb(231, 98, 12);
}
.teams-card:hover .social-list {
opacity: 1;
transform: scaleX(1);
}
@media (max-width: 576px) {
.latest-blog-section {
padding: 0 15px 0 15px;
}
}
.latest-blog-card {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.latest-blog-card .latest-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.latest-blog-card .latest-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.latest-blog-card .latest-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.latest-blog-card .latest-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.latest-blog-card .latest-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.latest-blog-card .latest-card-content {
padding: 18px 26px;
}
@media (max-width: 991px) {
.latest-blog-card .latest-card-content {
padding: 20px;
}
}
.latest-blog-card .latest-card-content .card-content-top .top-content {
display: flex;
align-items: center;
gap: 32px;
margin-bottom: 9px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.latest-blog-card .latest-card-content .card-content-top .top-content {
gap: 15px;
}
}
.latest-blog-card .latest-card-content .card-content-top .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
.latest-blog-card .latest-card-content .card-content-top .top-content li span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.latest-blog-card .latest-card-content .card-content-top h5 {
margin-bottom: 18px;
transition: 0.3s;
}
.latest-blog-card .latest-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.latest-blog-card .latest-card-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.latest-blog-card .latest-card-content .card-content-top h5 a {
font-size: 17px;
line-height: 1;
}
}
@media (max-width: 991px) {
.latest-blog-card .latest-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.latest-blog-card .latest-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.latest-blog-card .latest-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.latest-blog-card .latest-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.latest-blog-card .latest-card-content .card-content-top .middle-item {
margin-bottom: 12px;
}
.latest-blog-card .latest-card-content .card-content-top .middle-item ul {
display: flex;
align-items: center;
justify-content: space-between;
}
.latest-blog-card .latest-card-content .card-content-top .middle-item ul li {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: rgba(17, 17, 17, 0.4);
margin: 0;
}
.latest-blog-card .latest-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.latest-blog-card .latest-card-content .card-content-bottom {
gap: 13px;
}
}
.latest-blog-card .latest-card-content .card-content-bottom .author-area {
display: flex;
align-items: center;
gap: 8px;
}
.latest-blog-card .latest-card-content .card-content-bottom .author-area .author-img img {
border-radius: 50%;
}
.latest-blog-card .latest-card-content .card-content-bottom .author-area .author-content span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.latest-blog-card .latest-card-content .card-content-bottom .author-area .author-content span a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-decoration: underline;
color: var(--paragraph-color);
transition: 0.3s;
}
.latest-blog-card .latest-card-content .card-content-bottom .author-area .author-content span a:hover {
color: var(--primary-color-three);
}
.latest-blog-card .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
border-radius: 0 3px 3px 0;
position: absolute;
top: 10%;
left: -6%;
z-index: 9999;
transform: rotate(-50deg);
}
@media (max-width: 991px) {
.latest-blog-card .batch .featured {
top: 6.5%;
left: -4%;
}
}
@media (max-width: 767px) {
.latest-blog-card .batch .featured {
top: 8.5%;
font-size: 12px;
left: -4%;
}
}
.latest-blog-card .batch .featured.two {
top: 12%;
left: -2%;
}
.latest-blog-card .batch .featured.three {
top: 10%;
left: -2%;
}
.latest-blog-card .batch .featured.red-color {
background-color: rgb(239, 41, 41);
}
.latest-blog-card .batch .shape {
position: absolute;
top: 0%;
left: 0%;
transform: rotate(0deg);
z-index: 999;
}
.latest-blog-card .batch .shape.red svg path {
fill: rgb(229, 35, 35);
}
.latest-blog-card .date-option {
position: absolute;
top: 0%;
right: 5%;
}
.latest-blog-card .date-option .content {
display: grid;
text-align: center;
}
.latest-blog-card .date-option .content a {
background-color: var(--primary-color-three);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
line-height: 26px;
color: var(--white-color);
padding: 6px 13px;
}
.latest-blog-card .date-option .content span {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
color: var(title-color);
background-color: var(--white-color);
border-radius: 0 0 5px 5px;
padding: 5px 12px;
}
.latest-blog-card:hover .latest-card-img-wrap .card-img img {
transform: scale(1.1);
}
.latest-blog-card:hover .latest-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.latest-blog-card:hover .latest-card-img-wrap .gallery-option {
opacity: 1;
}
.testimonial-section-two {
position: relative;
z-index: 1;
}
.testimonial-section-two .testimonial-slider {
padding-top: 50px;
}
.testimonial-section-two .testimonial-slider .testimonial-images {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 20px;
}
.testimonial-section-two .testimonial-slider .testimonial-images img {
width: 50px;
height: 50px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid #ddd;
}
.testimonial-section-two .testimonial-slider .testimonial-images .active {
width: 80px;
height: 80px;
transform: scale(1.2);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
border: 3px solid #007aff;
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .author-img {
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .author-img img {
border-radius: 50%;
width: 52px;
height: 52px;
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content {
text-align: center;
margin: 0 auto;
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content p {
color: var(--paragraph-color);
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 400;
line-height: 40px;
max-width: 784px;
width: 100%;
text-align: center;
margin: 0 auto;
}
@media (max-width: 1399px) {
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content p {
font-size: 26px;
}
}
@media (max-width: 1199px) {
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content p {
font-size: 22px;
}
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content .author-area .content h6 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.testimonial-section-two .testimonial-slider .swiper-wrapper .swiper-slide .testimonial-content .author-area .content span {
color: var(--paragraph-color);
font-family: var(--font-unbounded);
font-size: 14px;
font-weight: 400;
}
.testimonial-section-two .slider-btn-area {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: -30px;
}
@media (max-width: 991px) {
.testimonial-section-two .slider-btn-area {
margin-top: 30px;
}
}
.testimonial-section-two .slider-btn-area .franctional-pagi1 {
color: var(--title-color);
font-family: var(--font-unbounded);
font-size: 24px;
font-weight: 500;
}
.testimonial-section-two .slider-btn-area .franctional-pagi1 .swiper-pagination-total {
color: var(--paragraph-color);
font-size: 16px;
font-weight: 400;
}
.testimonial-section-two .slider-btn-area .slider-btn-group {
position: relative;
z-index: 1;
}
.slider-btn-group {
display: flex;
align-items: center;
max-width: 100px;
min-width: 100px;
justify-content: space-between;
}
.slider-btn-group .slider-btn {
height: 40px;
width: 40px;
border-radius: 50%;
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
}
@media (max-width: 576px) {
.slider-btn-group .slider-btn {
width: 35px;
height: 35px;
}
}
.slider-btn-group .slider-btn svg {
transition: 0.35s;
fill: var(--primary-color);
}
.slider-btn-group .slider-btn:hover {
background-color: var(--primary-color);
}
.slider-btn-group .slider-btn:hover svg {
fill: var(--white-color);
}
.slider-btn-group .slider-btn.swiper-button-disabled {
opacity: 0.5;
}
.slider-btn-group.two .slider-btn {
border: 1px solid var(--border-color2);
}
.slider-btn-group.two .slider-btn svg {
fill: var(--primary-color3);
}
.slider-btn-group.two .slider-btn:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.footer-section-two {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/footer-bg-two.png);
background-size: cover;
background-repeat: no-repeat;
}
.footer-section-two .footer-contact-wrapper {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/footer-two-contact-bg.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 0 15px 15px;
margin-top: -100px;
}
.footer-section-two .footer-contact-wrapper .footer-content {
text-align: center;
padding: 72px 48px;
}
@media (max-width: 1199px) {
.footer-section-two .footer-contact-wrapper .footer-content {
padding: 60px 20px;
}
}
.footer-section-two .footer-contact-wrapper .footer-content .footer-logo {
margin-bottom: 23px;
}
.footer-section-two .footer-contact-wrapper .footer-content .from-inner {
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 47px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.footer-section-two .footer-contact-wrapper .footer-content .from-inner {
max-width: 100%;
}
}
.footer-section-two .footer-contact-wrapper .footer-content .from-inner input {
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 30px;
background-color: transparent;
border: none;
color: rgb(102, 102, 102);
font-size: 16px;
font-family: "Rubik", serif;
text-transform: capitalize;
width: 100%;
height: 48px;
padding: 10px 20px;
}
.footer-section-two .footer-contact-wrapper .footer-content .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-section-two .footer-contact-wrapper .footer-content .from-inner input::placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-section-two .footer-contact-wrapper .footer-content h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 700;
line-height: 30.12px;
color: var(title-color);
margin-bottom: 10px;
}
.footer-section-two .footer-contact-wrapper .footer-content P {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 20.83px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.footer-section-two .footer-widget .widget-title h4 {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.footer-section-two .footer-widget .widget-title h4 {
font-size: 20px;
}
}
.footer-section-two .footer-widget .widget-title.two {
margin-bottom: 22px;
}
.footer-section-two .footer-widget .payment-partners {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.footer-section-two .footer-widget .payment-partners {
padding-bottom: 20px;
}
}
@media (max-width: 576px) {
.footer-section-two .footer-widget .payment-partners {
padding-bottom: 0;
}
}
.footer-section-two .footer-widget .menu-right-paragraph p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: rgb(171, 171, 171);
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.footer-section-two .footer-widget .menu-right-paragraph p {
font-size: 14px;
line-height: 22px;
}
}
.footer-section-two .footer-widget .gallery-img {
position: relative;
border-radius: 6px;
}
.footer-section-two .footer-widget .gallery-img img {
border-radius: 6px;
width: 100%;
}
.footer-section-two .footer-widget .gallery-img .icon-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(77, 166, 39, 0.5);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.3s;
}
.footer-section-two .footer-widget .gallery-img .icon-area i {
color: var(--white-color);
font-size: 24px;
}
.footer-section-two .footer-widget .gallery-img:hover .icon-area {
transform: scale(1);
opacity: 1;
}
.footer-section-two .footer-widget .menu-container .widget-list {
padding: 0;
margin: 0;
}
.footer-section-two .footer-widget .menu-container .widget-list li {
margin-bottom: 15px;
line-height: 1;
transition: 0.3s;
position: relative;
transform: translateX(0);
}
@media (max-width: 1199px) {
.footer-section-two .footer-widget .menu-container .widget-list li {
margin-bottom: 15px;
}
}
.footer-section-two .footer-widget .menu-container .widget-list li:last-child {
margin-bottom: 0;
}
.footer-section-two .footer-widget .menu-container .widget-list li a {
color: rgb(171, 171, 171);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.02em;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section-two .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
@media (max-width: 576px) {
.footer-section-two .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
.footer-section-two .footer-widget .menu-container .widget-list li a:hover {
color: var(--primary-color);
}
.footer-section-two .footer-widget .menu-container .widget-list li::after {
content: "";
width: 10px;
height: 1px;
background-color: var(--primary-color);
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.35s;
}
.footer-section-two .footer-widget .menu-container .widget-list li:hover {
transform: translateX(10px);
}
.footer-section-two .footer-widget .menu-container .widget-list li:hover::after {
opacity: 1;
}
.footer-section-two .single-contact {
max-width: 241px;
width: 100%;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.footer-section-two .single-contact {
margin-bottom: 20px;
}
}
.footer-section-two .single-contact li {
margin-bottom: 27px;
}
.footer-section-two .single-contact li:last-child {
margin-bottom: 0;
}
.footer-section-two .single-contact li .icon-and-call {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.footer-section-two .single-contact li .icon-and-call span {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 25px;
color: var(--white-color);
margin: 0;
}
.footer-section-two .single-contact li a {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.03em;
color: rgba(255, 255, 255, 0.6);
margin: 0;
transition: 0.3s;
}
.footer-section-two .single-contact li a:hover {
color: var(--primary-color);
}
@media (max-width: 767px) {
.footer-section-two .footer-right-area {
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 576px) {
.footer-section-two .footer-right-area {
gap: 0;
margin-bottom: 20px;
}
}
.footer-section-two .footer-right-area .payment-partner .widget-title h5 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.02em;
color: rgb(255, 255, 255);
margin-bottom: 12px;
}
.footer-section-two .footer-right-area .payment-partner .icons ul {
display: flex;
align-items: center;
gap: 23px;
}
.footer-section-two .footer-right-area .payment-partner .icons ul li img {
border-radius: 4px;
}
.footer-section-two .footer-bottom {
padding: 20px 0;
border-top: 1px dashed rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
}
@media (max-width: 991px) {
.footer-section-two .footer-bottom {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.footer-section-two .footer-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin: 0 auto;
}
}
@media (max-width: 576px) {
.footer-section-two .footer-bottom {
padding: 20px 0;
}
}
.footer-section-two .footer-bottom .copy-write-area p {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: rgb(171, 171, 171);
margin: 0;
}
@media (max-width: 1199px) {
.footer-section-two .footer-bottom .copy-write-area p {
font-size: 14px;
}
}
.footer-section-two .footer-bottom .copy-write-area p a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section-two .footer-bottom .copy-write-area p a:hover {
color: var(--primary-color);
}
@media (max-width: 1199px) {
.footer-section-two .footer-bottom .copy-write-area p a {
font-size: 14px;
}
}
.footer-section-two .footer-bottom .footer-social-list {
display: flex;
align-items: center;
gap: 20px;
}
.footer-section-two .footer-bottom .footer-social-list h3 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: var(--white-color);
margin: 0;
}
@media (max-width: 991px) {
.footer-section-two .footer-bottom .footer-social-list h3 {
font-size: 17px;
}
}
.footer-section-two .footer-bottom .footer-social-list ul {
display: flex;
align-items: center;
gap: 20px;
}
.footer-section-two .footer-bottom .footer-social-list ul li a {
height: 28px;
width: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
border: 1px solid rgba(17, 17, 17, 0.25);
transition: 0.3s;
}
@media (max-width: 991px) {
.footer-section-two .footer-bottom .footer-social-list ul li a {
height: 30px;
width: 30px;
}
}
.footer-section-two .footer-bottom .footer-social-list ul li a svg path {
transition: 0.3s;
fill: var(--title-color);
}
.footer-section-two .footer-bottom .footer-social-list ul li:hover a {
background-color: var(--primary-color-three);
}
.footer-section-two .footer-bottom .footer-social-list ul li:hover a svg path {
fill: var(--white-color);
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.section-title-three .sub-title-three {
margin-bottom: 10px;
}
.section-title-three .sub-title-three span {
font-family: "Satisfy", serif;
font-size: 24px;
font-weight: 400;
line-height: 34.57px;
color: rgb(77, 166, 39);
margin: 0;
position: relative;
}
.section-title-three .sub-title-three span::before {
position: absolute;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/sub-title-shape-green.svg);
left: 0%;
bottom: -45%;
width: 100%;
}
.section-title-three .title h2 {
font-family: "Rubik", serif;
font-size: 45px;
font-weight: 600;
line-height: 56px;
color: var(title-color);
margin-bottom: 8px;
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-title-three .title h2 {
font-size: 40px;
line-height: 45px;
}
}
@media (max-width: 1199px) {
.section-title-three .title h2 {
font-size: 36px;
line-height: 40px;
}
}
@media (max-width: 576px) {
.section-title-three .title h2 {
font-size: 30px;
line-height: 35px;
}
}
@media (max-width: 350px) {
.section-title-three .title h2 {
font-size: 25px;
line-height: 30px;
}
}
.section-title-three .description p {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.section-title-three .description p {
font-size: 14px;
line-height: 22px;
}
}
.login-modal .modal-dialog {
animation: zoomIn 1s;
}
.login-modal .modal-dialog .modal-content {
border-radius: 20px;
position: relative;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content {
border-radius: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn {
position: absolute;
top: 15px;
right: 15px;
background-color: #f1f1f1;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 22px;
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (max-width: 767px) {
.login-modal .modal-dialog .modal-content .modal-clode-btn {
width: 30px;
height: 30px;
top: 10px;
right: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::before, .login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-45deg);
content: "";
position: absolute;
top: 50%;
left: calc(50% - 7px);
display: block;
height: 1px;
width: 15px;
background-color: var(--title-color);
transition: all 0.3s ease-out;
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-135deg);
}
.login-modal .modal-dialog .modal-content .modal-clode-btn:hover::before, .login-modal .modal-dialog .modal-content .modal-clode-btn:hover::after {
transform: rotate(0deg);
}
.login-modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: unset;
}
.login-modal .modal-dialog .modal-content .modal-header img {
border-radius: 20px 20px 0 0;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-header img {
min-height: 110px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
}
.login-modal .modal-dialog .modal-content .modal-body {
padding: 45px 40px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body {
padding: 30px 20px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title {
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 35px;
font-weight: 500;
letter-spacing: 0.6px;
line-height: 1;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
font-size: 30px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title p {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner {
position: relative;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input {
border: 1px solid var(--title-color);
border-radius: 200px;
background-color: transparent;
width: 100%;
height: 46px;
color: var(--title-color);
font-family: "Jost", serif;
font-size: 13px;
padding: 15px 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input:focus {
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::-moz-placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 30px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box {
opacity: 0;
display: none;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box:checked + label::before {
content: "\f26e";
color: var(--white-color);
font-family: "bootstrap-icons";
background-color: var(--primary-color);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember label {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .forget-pass {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
border-radius: 35px;
background-color: var(--title-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
color: var(--white-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 15px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--primary-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider span {
color: #dbdbdb;
text-align: center;
font-family: "Jost", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 0 12px;
background-color: var(--white-color);
position: relative;
z-index: 1;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #dbdbdb;
width: 100%;
height: 1px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
border-radius: 35px;
background-color: var(--white-color);
border: 1px solid var(--title-color);
font-family: "Jost", serif;
font-weight: 500;
font-size: 16px;
color: var(--title-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 10px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
header.style-3 {
position: fixed;
top: 30px;
left: 0%;
right: 0%;
z-index: 9999;
width: 100%;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 90px;
max-width: 1780px;
width: 100%;
margin: 0 auto;
padding: 0 30px 0 100px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
header.style-3 {
max-width: 1380px;
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-3 {
max-width: 1180px;
width: 100%;
}
}
header.style-3.header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background: rgb(0, 0, 0);
z-index: 10;
max-width: none;
border-radius: 0;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-3 .main-menu {
display: inline-block;
position: relative;
}
header.style-3 .main-menu.show-menu {
transform: translateX(0);
}
header.style-3 .main-menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-3 .main-menu > ul > li {
display: inline-block;
position: relative;
padding: 1px 25px;
}
@media (max-width: 1399px) {
header.style-3 .main-menu > ul > li {
padding: 0 20px;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu > ul > li {
padding: 0px 12px;
}
}
header.style-3 .main-menu > ul > li:hover i {
color: var(--primary-color);
font-size: 20px;
}
@media (min-width: 992px) {
header.style-3 .main-menu > ul > li:first-child {
padding-left: 0;
}
header.style-3 .main-menu > ul > li:first-child a {
padding-left: 0;
}
header.style-3 .main-menu > ul > li:last-child {
padding-right: 0;
}
}
header.style-3 .main-menu > ul > li > a {
position: relative;
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--white-color);
display: block;
padding: 30px 0px;
transition: all 0.4s ease-out 0s;
text-transform: uppercase;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-3 .main-menu > ul > li > a {
padding: 35px 0;
}
}
header.style-3 .main-menu > ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.4s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-3 .main-menu > ul > li i {
opacity: 1;
}
}
header.style-3 .main-menu > ul > li i.active {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li i.active::before {
content: "\f2ea";
}
header.style-3 .main-menu > ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--title-color);
box-shadow: 0px 30px 80px rgba(134, 117, 212, 0.08);
text-align: left;
transform-origin: top;
}
@media (max-width: 1199px) {
header.style-3 .main-menu > ul > li ul.sub-menu {
box-shadow: none;
}
}
header.style-3 .main-menu > ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li i {
position: absolute;
top: 14px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
color: var(--white-color);
opacity: 1;
top: 14px;
font-size: 14px;
right: 10px;
}
@media (max-width: 991px) {
header.style-3 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px;
}
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
display: block;
padding: 15px 15px;
color: var(--white-color);
font-weight: 400;
font-family: "Rubik", serif;
font-size: 13px;
line-height: 1.3;
transition: all 0.4s ease-out 0s;
position: relative;
border-bottom: 1px solid #e1e1e1;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
header.style-3 .main-menu > ul > li ul.sub-menu > li > a {
border-color: rgba(233, 228, 228, 0.5);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #ddd, #10c581, #ddd);
}
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--title-color);
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
@media (max-width: 1199px) {
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
box-shadow: none;
}
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-3 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
display: block;
}
@media (min-width: 992px) {
header.style-3 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
header.style-3 .main-menu > ul > li.menu-item-has-children {
transition: all 0.55s ease-in-out;
}
header.style-3 .main-menu > ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 800;
position: absolute;
top: 24px;
right: 9px;
font-size: 12px;
color: var(--white-color);
transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-3 .main-menu > ul > li.menu-item-has-children::after {
right: 0px;
top: 28px;
}
}
@media (max-width: 1199px) {
header.style-3 .main-menu > ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (max-width: 991px) {
header.style-3 .main-menu > ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-3 .main-menu > ul > li.menu-item-has-children:hover::after {
color: var(--primary-color);
content: "\f286";
}
@media (min-width: 992px) {
header.style-3 .main-menu > ul > li:hover > ul.sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
header.style-3 .main-menu > ul > li:hover > a {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li:hover > a::after {
transform-origin: left center;
transform: scale(1, 1);
}
header.style-3 .main-menu > ul > li:hover::after {
color: var(--title-color);
}
header.style-3 .main-menu > ul > li:hover .dropdown-icon2 {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active > a {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active::after {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active .dropdown-icon2 {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li.active.position-inherit > a::after {
color: var(--primary-color);
}
header.style-3 .main-menu > ul li.menu-item-has-children > i {
display: block;
}
header.style-3.inner-page {
position: relative;
background-color: var(--white-color);
}
@media (max-width: 991px) {
header.style-3 .header-logo {
padding: 15px 0;
}
}
header.style-3 .header-logo a img {
width: 130px;
}
header.style-3 .nav-right {
display: flex;
align-items: center;
gap: 40px;
position: relative;
}
header.style-3 .nav-right::after {
content: "";
height: 26px;
width: 1px;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
left: 45px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-3 .nav-right::after {
left: 35px;
}
}
@media (max-width: 991px) {
header.style-3 .nav-right::after {
display: none;
}
}
@media (max-width: 1199px) {
header.style-3 .nav-right {
gap: 20px;
}
}
@media (max-width: 576px) {
header.style-3 .nav-right {
gap: 15px;
}
}
header.style-3 .nav-right .right-sidebar-button {
cursor: pointer;
}
header.style-3 .nav-right .right-sidebar-button a svg path {
fill: rgb(255, 255, 255);
}
@keyframes qode-draw {
0%, 100% {
-webkit-clip-path: inset(-2px -2px);
clip-path: inset(-2px -2px);
}
42% {
-webkit-clip-path: inset(-2px -2px -2px 100%);
clip-path: inset(-2px -2px -2px 100%);
}
43% {
-webkit-clip-path: inset(-2px 100% -3px -2px);
clip-path: inset(-2px 100% -3px -2px);
}
}
header.style-3 .nav-right .right-sidebar-button:hover svg {
animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
}
header.style-3 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-3 .nav-right .mobile-menu-btn {
display: flex;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
header.style-3 .nav-right .mobile-menu-btn svg {
fill: var(--white-color);
}
}
@media only screen and (max-width: 991px) {
header.style-3 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
}
header.style-3 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--white-color);
transition: 0.35s;
}
header.style-3 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color);
}
header.style-3 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color);
}
header.style-3 .dropdown-icon {
color: var(--white-color);
}
header.style-3 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: rgb(17, 17, 17);
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-3 .main-menu.show-menu {
transform: translateX(0);
}
header.style-3 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-3 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
header.style-3 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
header.style-3 .main-menu > ul > li {
display: block;
position: relative;
padding: 0;
color: var(title-color);
}
header.style-3 .main-menu > ul > li i {
display: block;
}
header.style-3 .main-menu > ul > li a {
color: var(title-color);
padding: 10px 0;
display: block;
}
header.style-3 .main-menu > ul > li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
padding-left: 10px;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li a {
color: var(title-color);
padding: 12px 0px;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
header.style-3 .main-menu > ul > li ul.sub-menu > li a.active {
color: var(--primary-color);
}
header.style-3 .main-menu > ul > li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
header.style-3 .main-menu > ul > li .bi {
top: 8px;
font-size: 20px;
color: var(--white-color);
line-height: 1;
}
}
@media (max-width: 1699px) {
header.style-3 {
padding: 0 20px;
}
}
@media (min-width: 375px) and (max-width: 576px) {
header.style-3 {
padding: 0 15px;
}
}
.banner-section-three {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/banner-bg-three.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 258px 0 143px 170px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-three {
padding: 200px 0 130px 50px;
}
}
@media (max-width: 1199px) {
.banner-section-three {
padding: 200px 0 130px 40px;
}
}
@media (max-width: 991px) {
.banner-section-three {
padding: 30px 0 20px 40px;
}
}
@media (max-width: 576px) {
.banner-section-three {
padding: 0 0 0 20px;
}
}
.banner-section-three .custom-container {
max-width: 1750px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 991px) {
.banner-section-three .banner-content-three {
padding: 200px 0 100px;
}
}
.banner-section-three .banner-content-three .section-title-three .sub-title-three {
margin-bottom: 10px;
}
.banner-section-three .banner-content-three .section-title-three .sub-title-three span {
font-family: "Satisfy", serif;
font-size: 24px;
font-weight: 400;
line-height: 34.57px;
color: rgb(243, 128, 53);
margin: 0;
position: relative;
}
.banner-section-three .banner-content-three .section-title-three .sub-title-three span::before {
position: absolute;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/sub-title-three.svg);
left: 0%;
bottom: -45%;
width: 100%;
}
.banner-section-three .banner-content-three .section-title-three h1 {
font-family: "Rubik", serif;
font-size: 70px;
font-weight: 600;
line-height: 1.2;
color: var(--white-color);
margin-bottom: 10px;
text-transform: capitalize;
max-width: 609px;
width: 100%;
}
@media (max-width: 1499px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 65px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 55px;
}
}
@media (max-width: 1199px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 50px;
}
}
@media (max-width: 991px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 50px;
}
}
@media (max-width: 767px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 40px;
}
}
@media (max-width: 576px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 35px;
}
}
@media (max-width: 350px) {
.banner-section-three .banner-content-three .section-title-three h1 {
font-size: 32px;
}
}
.banner-section-three .banner-content-three .section-title-three p {
font-family: "Jost", serif;
font-size: 24px;
font-weight: 400;
line-height: 34px;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 35px;
max-width: 600px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-three .banner-content-three .section-title-three p {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 1199px) {
.banner-section-three .banner-content-three .section-title-three p {
font-size: 20px;
line-height: 26px;
}
}
.banner-section-three .tourist-card {
position: relative;
width: 408px;
height: auto;
overflow: hidden;
}
.banner-section-three .tourist-card .tourist-image {
position: relative;
}
.banner-section-three .tourist-card .tourist-image img {
background-color: rgba(255, 255, 255, 0.25);
-webkit-backdrop-filter: blur(223px);
backdrop-filter: blur(223px);
padding: 16px;
border-radius: 186px;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden {
position: absolute;
bottom: 15%;
left: 20%;
transform: scaleY(0);
transform-origin: bottom;
transition: 0.3s;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 700;
line-height: 29.23px;
color: var(--white-color);
margin: 0;
text-align: center;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul {
display: flex;
align-items: center;
gap: 20px;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul li {
position: relative;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -13px;
background: rgb(77, 166, 39);
width: 4px;
height: 4px;
border-radius: 50%;
}
@media (max-width: 767px) {
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul li::before {
left: -20px;
}
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul li:first-child::before {
display: none;
}
.banner-section-three .tourist-card .tourist-image .tourist-content-hidden .tourist-bottom ul li a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 600;
line-height: 16.59px;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
.banner-section-three .tourist-card .tourist-image .tourist-hover-btn {
position: absolute;
top: 1%;
right: 20%;
}
.banner-section-three .tourist-card .tourist-image .tourist-hover-btn .arrow-btn {
cursor: pointer;
border-radius: 50%;
height: 72px;
width: 72px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
background-color: var(--primary-color-three);
opacity: 0;
position: relative;
z-index: 9;
}
.banner-section-three .tourist-card .tourist-image .tourist-hover-btn .arrow-btn svg path {
fill: var(--white-color);
transition: 0.3s;
}
.banner-section-three .tourist-card:hover:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.9));
z-index: 1;
border-radius: 186px;
}
.banner-section-three .tourist-card:hover .tourist-image .arrow-btn {
opacity: 1;
transform: scaleY(1);
}
.banner-section-three .tourist-card:hover .tourist-image .tourist-content-hidden {
transform: scaleY(1);
z-index: 999;
}
.banner-section-three .banner-slider-btn {
position: relative;
display: flex;
align-items: center;
margin-left: 12%;
gap: 34%;
}
@media (max-width: 1699px) {
.banner-section-three .banner-slider-btn {
gap: 40%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-three .banner-slider-btn {
gap: 50%;
}
}
@media (max-width: 1199px) {
.banner-section-three .banner-slider-btn {
gap: 58%;
}
}
.banner-section-three .banner-slider-btn .number-count-area {
position: absolute;
top: 120%;
left: 4%;
}
.banner-section-three .banner-slider-btn .number-count-area .swiper-pagination {
display: flex;
align-items: center;
gap: 18px;
}
.banner-section-three .banner-slider-btn .number-count-area .swiper-pagination-bullet {
padding: 5px 10px;
border-radius: 0;
width: auto;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 12px;
color: #000;
opacity: 1;
background: rgba(0, 0, 0, 0.2);
width: 20px;
height: 24px;
font-size: 16px;
color: #B2B5BE;
background: transparent;
display: flex;
cursor: pointer;
justify-content: center;
align-items: center;
margin: 0 1px;
color: rgba(255, 255, 255, 0.45);
}
.banner-section-three .banner-slider-btn .number-count-area .swiper-pagination-bullet-active {
color: var(--white-color);
}
.banner-section-three .banner-slider-btn .number-count-area .swiper-pagination-bullet-active {
color: #fff !important;
}
.banner-section-three .banner-slider-btn .slider-btn {
cursor: pointer;
transition: 0.3s;
}
.banner-section-three .banner-slider-btn .slider-btn svg path {
fill: var(--white-color);
}
@media (max-width: 991px) {
.banner-section-three .swiper-wrapper-area {
display: none;
}
}
.banner-section-three .swiper-wrapper-area .swiper-slide {
width: 260px !important;
margin-right: 40px !important;
transition: 1s;
}
.banner-section-three .swiper-wrapper-area .swiper-slide:first-child {
margin-right: 50px !important;
}
.banner-section-three .swiper-wrapper-area .swiper-slide-active {
width: 330px !important;
}
@media (max-width: 991px) {
.banner-section-three .swiper-wrapper-area .swiper-slide-active {
width: 200px !important;
}
}
.banner-section-three .swiper-wrapper-area .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.6);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-three .swiper-wrapper-area .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5);
}
}
@media (max-width: 1199px) {
.banner-section-three .swiper-wrapper-area .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5);
}
}
@media (max-width: 991px) {
.banner-section-three .swiper-wrapper-area .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.5);
}
}
.banner-section-three .swiper-wrapper-area .swiper-slide:not(.swiper-slide-active) .tourist-image img {
filter: blur(3px);
}
.discover-section .section-title-three .title {
max-width: 580px;
width: 100%;
margin: 0 auto;
}
.discover-single-card {
position: relative;
}
.discover-single-card .discover-img {
margin-bottom: -130px;
display: flex;
align-items: center;
justify-content: center;
}
.discover-single-card .discover-img img {
border-radius: 50%;
}
.discover-single-card .discover-content {
background-color: rgb(235, 255, 232);
border: 1px solid rgba(17, 17, 17, 0.05);
border-radius: 10px;
text-align: center;
padding: 159px 27px 36px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.discover-single-card .discover-content {
padding: 159px 20px 36px;
}
}
@media (max-width: 1199px) {
.discover-single-card .discover-content {
padding: 170px 10px 30px;
}
}
@media (max-width: 991px) {
.discover-single-card .discover-content {
padding: 170px 25px 30px;
}
}
@media (max-width: 767px) {
.discover-single-card .discover-content {
max-width: 400px;
width: 100%;
margin: 0 auto;
padding: 155px 45px 30px;
}
}
@media (max-width: 576px) {
.discover-single-card .discover-content {
max-width: 365px;
width: 100%;
}
}
.discover-single-card .discover-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(77, 166, 39);
width: 79px;
height: 79px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: 37%;
left: 12%;
transition: 0.3s;
}
.discover-single-card .discover-content .icon svg path {
fill: rgb(77, 166, 39);
}
@media (max-width: 1199px) {
.discover-single-card .discover-content .icon {
width: 69px;
height: 69px;
}
}
@media (max-width: 767px) {
.discover-single-card .discover-content .icon {
top: 38%;
left: 25%;
}
}
@media (max-width: 576px) {
.discover-single-card .discover-content .icon {
top: 38%;
left: 25%;
}
}
@media (max-width: 350px) {
.discover-single-card .discover-content .icon {
top: 37%;
left: 16%;
}
}
.discover-single-card .discover-content .icon:hover {
background-color: rgb(77, 166, 39);
}
.discover-single-card .discover-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.discover-single-card .discover-content h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 500;
line-height: 1;
color: rgb(0, 0, 0);
margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.discover-single-card .discover-content h3 {
margin-bottom: 10px;
}
}
@media (max-width: 1199px) {
.discover-single-card .discover-content h3 {
font-size: 22px;
margin-bottom: 10px;
}
}
.discover-single-card .discover-content p {
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color: rgb(102, 102, 102);
margin-bottom: 25px;
}
.discover-single-card .discover-content .arrow-right {
width: 73px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 17px;
margin: 0 auto;
transition: 0.3s;
}
.discover-single-card .discover-content .arrow-right svg path {
fill: rgb(17, 17, 17);
transition: 0.3s;
}
.discover-single-card .discover-content .arrow-right:hover {
background-color: rgb(17, 17, 17);
}
.discover-single-card .discover-content .arrow-right:hover svg path {
fill: var(--white-color);
}
.discover-single-card .discover-content:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.discover-single-card.two .discover-content {
background-color: rgb(255, 243, 236);
}
.discover-single-card.two .discover-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(243, 128, 53);
}
.discover-single-card.two .discover-content .icon svg path {
fill: rgb(243, 128, 53);
}
.discover-single-card.two .discover-content .icon:hover {
background-color: rgb(243, 128, 53);
}
.discover-single-card.two .discover-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.discover-single-card.three .discover-content {
background-color: rgb(235, 255, 232);
}
.discover-single-card.three .discover-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(77, 166, 39);
}
.discover-single-card.three .discover-content .icon svg path {
fill: rgb(77, 166, 39);
}
.discover-single-card.three .discover-content .icon:hover {
background-color: rgb(77, 166, 39);
}
.discover-single-card.three .discover-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.discover-single-card.four .discover-content {
background-color: rgb(255, 243, 236);
}
.discover-single-card.four .discover-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(243, 128, 53);
}
.discover-single-card.four .discover-content .icon svg path {
fill: rgb(243, 128, 53);
}
.discover-single-card.four .discover-content .icon:hover {
background-color: rgb(243, 128, 53);
}
.discover-single-card.four .discover-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.who-we-are-section-three {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/who-we-area-three-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 80px 0;
}
@media (max-width: 767px) {
.who-we-are-section-three {
padding: 40px 0;
}
}
@media (max-width: 991px) {
.who-we-are-section-three {
background-size: contain;
}
}
@media (max-width: 767px) {
.who-we-are-section-three {
background-position: bottom;
}
}
@media (max-width: 576px) {
.who-we-are-section-three {
padding: 0 15px 0 15px;
}
}
.who-we-are-section-three .section-title-three {
margin-bottom: 32px;
}
@media (max-width: 1199px) {
.who-we-are-section-three .section-title-three {
margin-bottom: 22px;
}
}
.who-we-are-section-three .featured-card {
display: flex;
align-items: center;
gap: 45px;
margin-bottom: 28px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-three .featured-card {
gap: 20px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-three .featured-card {
gap: 15px;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .featured-card {
gap: 60px;
}
}
@media (max-width: 767px) {
.who-we-are-section-three .featured-card {
gap: 38px;
}
}
@media (max-width: 576px) {
.who-we-are-section-three .featured-card {
flex-wrap: wrap;
gap: 20px;
}
}
.who-we-are-section-three .featured-card .single-featured .icon {
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgb(77, 166, 39);
margin-bottom: 24px;
}
@media (max-width: 1199px) {
.who-we-are-section-three .featured-card .single-featured .icon {
height: 60px;
width: 60px;
margin-bottom: 18px;
}
.who-we-are-section-three .featured-card .single-featured .icon svg {
width: 28px;
}
}
.who-we-are-section-three .featured-card .single-featured h3 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
color: var(title-color);
margin-bottom: 13px;
}
.who-we-are-section-three .featured-card .single-featured p {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: var(--paragraph-color);
margin: 0;
}
.who-we-are-section-three .featured-card .single-featured.two .icon {
background-color: rgb(243, 128, 53);
}
.who-we-are-section-three .featured-card .single-featured.three .icon {
background-color: rgb(15, 197, 173);
}
.who-we-are-section-three .featured-card .single-featured:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.who-we-are-section-three .bottom-area p {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin-bottom: 36px;
}
.who-we-are-section-three .right-side-area {
position: relative;
}
.who-we-are-section-three .right-side-area .experience-area {
background-color: var(--primary-color);
border-radius: 43px;
max-width: 222px;
width: 100%;
padding: 7px;
position: absolute;
top: 18%;
left: 14%;
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .experience-area {
left: 0%;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .right-side-area .experience-area {
left: 20%;
}
}
@media (max-width: 350px) {
.who-we-are-section-three .right-side-area .experience-area {
left: 20%;
top: 5%;
max-width: 190px;
width: 100%;
}
}
.who-we-are-section-three .right-side-area .experience-area .experience-wrap {
display: flex;
align-items: center;
border: 2px solid var(--white-color);
border-radius: 43px;
}
.who-we-are-section-three .right-side-area .experience-area .experience-wrap .number {
margin-left: -1px;
}
.who-we-are-section-three .right-side-area .experience-area .experience-wrap .number h3 {
font-family: "Rubik", serif;
font-size: 28px;
font-weight: 700;
line-height: 33.18px;
color: var(--white-color);
border: 2px solid var(--white-color);
border-radius: 50%;
padding: 10px;
margin: 0;
}
.who-we-are-section-three .right-side-area .experience-area .experience-wrap .content P {
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-align: center;
color: var(--white-color);
margin: 0;
}
.who-we-are-section-three .right-side-area .big-image {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-three .right-side-area .big-image {
margin-bottom: 15px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .big-image {
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .right-side-area .big-image {
margin-bottom: 20px;
}
}
.who-we-are-section-three .right-side-area .big-image img {
border-radius: 10px;
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .big-image img {
width: 80%;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .right-side-area .big-image img {
width: 65%;
}
}
@media (max-width: 350px) {
.who-we-are-section-three .right-side-area .big-image img {
width: 100%;
}
}
.who-we-are-section-three .right-side-area .medium-image {
position: absolute;
left: 3%;
bottom: 0%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-three .right-side-area .medium-image {
width: 50%;
}
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .medium-image {
left: 4%;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .right-side-area .medium-image {
left: 10%;
bottom: -2%;
}
}
@media (max-width: 350px) {
.who-we-are-section-three .right-side-area .medium-image {
display: none;
}
}
.who-we-are-section-three .right-side-area .medium-image img {
border: 11px solid white;
border-radius: 10px;
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .medium-image img {
width: 75%;
}
}
@media (max-width: 991px) {
.who-we-are-section-three .right-side-area .medium-image img {
width: 100%;
}
}
@media (max-width: 767px) {
.who-we-are-section-three .right-side-area .medium-image img {
width: 75%;
}
}
@media (max-width: 576px) {
.who-we-are-section-three .right-side-area .medium-image img {
width: 64%;
}
}
@media (max-width: 425px) {
.who-we-are-section-three .right-side-area .medium-image img {
width: 59%;
}
}
.who-we-are-section-three .right-side-area .small-image {
display: flex;
align-items: center;
justify-content: end;
}
.who-we-are-section-three .right-side-area .small-image img {
border-radius: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-three .right-side-area .small-image img {
width: 45%;
}
}
@media (max-width: 1199px) {
.who-we-are-section-three .right-side-area .small-image img {
width: 40%;
}
}
@media (max-width: 350px) {
.who-we-are-section-three .right-side-area .small-image img {
width: 100%;
}
}
.tour-services-section {
position: relative;
overflow: hidden;
}
@media (max-width: 576px) {
.tour-services-section {
padding: 0 15px 0 15px;
}
}
.tour-services-section .nav-buttons-three {
display: flex;
align-items: center;
justify-content: center;
margin-top: 34px;
}
.tour-services-section .nav-buttons-three .nav-pills {
border-radius: 49px;
background: transparent;
display: inline-flex;
border-top: 1px solid rgba(17, 17, 17, 0.1);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
border-left: 1px solid rgba(17, 17, 17, 0.1);
border-right: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 576px) {
.tour-services-section .nav-buttons-three .nav-pills {
justify-content: center;
}
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item:first-child .nav-link {
border-radius: 49px 0 0 49px;
border-left: unset;
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 49px 49px 0;
}
@media (max-width: 576px) {
.tour-services-section .nav-buttons-three .nav-pills .nav-item:last-child .nav-link {
border-left: unset;
}
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
padding: 14px 40px;
border-radius: unset;
border-left: 1px solid #dbe1cd;
width: 100%;
}
@media (max-width: 991px) {
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link {
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link {
padding: 15px 15px;
font-size: 15px;
}
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link svg path {
fill: var(--title-color);
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.tour-services-section .nav-buttons-three .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.tour-services-section .direction-image {
position: absolute;
left: 0;
bottom: 20%;
z-index: -1;
}
.tour-services-section .ballon-area-image {
position: absolute;
right: 0;
top: 8%;
z-index: -1;
}
.service-card-three {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
.service-card-three {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 425px) {
.service-card-three {
max-width: 400px;
width: 100%;
}
}
.service-card-three.shadow-one {
box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
.service-card-three .service-card-img-wrap {
position: relative;
transition: all 0.5s;
padding: 20px 20px 0;
}
.service-card-three .service-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px;
transition: all 0.5s;
}
.service-card-three .service-card-img-wrap .card-img img {
transition: all 0.5s;
width: 100%;
}
.service-card-three .service-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.service-card-three .service-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.service-card-three .service-card-content {
padding: 15px 23px 24px;
}
@media (max-width: 1199px) {
.service-card-three .service-card-content {
padding: 5px 15px 20px;
}
}
@media (max-width: 991px) {
.service-card-three .service-card-content {
padding: 15px 24px 20px;
}
}
.service-card-three .service-card-content .card-content-top .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 9px;
flex-wrap: wrap;
}
.service-card-three .service-card-content .card-content-top .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
@media (max-width: 1199px) {
.service-card-three .service-card-content .card-content-top .top-content li {
gap: 4px;
}
}
.service-card-three .service-card-content .card-content-top .top-content li .icon svg path {
fill: rgb(102, 102, 102);
}
.service-card-three .service-card-content .card-content-top .top-content li .start svg {
height: 12px;
width: 12px;
}
.service-card-three .service-card-content .card-content-top .top-content li span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin-bottom: -5px;
}
@media (max-width: 1199px) {
.service-card-three .service-card-content .card-content-top .top-content li span {
font-size: 12px;
}
}
@media (max-width: 991px) {
.service-card-three .service-card-content .card-content-top .top-content li span {
font-size: 14px;
}
}
.service-card-three .service-card-content .card-content-top .top-content li:last-child span {
color: var(--paragraph-color);
}
.service-card-three .service-card-content .card-content-top h5 {
margin-bottom: 18px;
transition: 0.3s;
}
.service-card-three .service-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.service-card-three .service-card-content .card-content-top h5 a {
font-size: 18px;
line-height: 1;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-card-three .service-card-content .card-content-top h5 a {
font-size: 17px;
line-height: 1;
}
}
@media (max-width: 991px) {
.service-card-three .service-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.service-card-three .service-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.service-card-three .service-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.service-card-three .service-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.service-card-three .service-card-content .card-content-top .middle-item {
margin-bottom: 12px;
}
.service-card-three .service-card-content .card-content-top .middle-item ul {
display: flex;
align-items: center;
gap: 24px;
}
.service-card-three .service-card-content .card-content-top .middle-item ul li {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: rgba(17, 17, 17, 0.4);
margin: 0;
}
.service-card-three .service-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.service-card-three .service-card-content .card-content-bottom {
padding-top: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-card-three .service-card-content .card-content-bottom {
gap: 13px;
}
}
.service-card-three .service-card-content .card-content-bottom .price-area {
line-height: 1;
}
.service-card-three .service-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: 0;
}
.service-card-three .service-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 32px;
font-weight: 500;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
.service-card-three .service-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
.service-card-three .service-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.service-card-three .service-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
.service-card-three .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
border-radius: 39px;
position: absolute;
top: 14.2%;
left: 10%;
z-index: 1;
background-color: var(--primary-color);
}
.service-card-three .batch .featured.orange-color {
background-color: rgb(243, 128, 53);
}
.service-card-three .batch .featured.red-color {
background-color: rgb(229, 35, 35);
}
.service-card-three:hover .service-card-img-wrap .card-img img {
transform: scale(1.1);
}
.service-card-three:hover .service-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.service-card-three:hover .service-card-img-wrap .gallery-option {
opacity: 1;
}
@media (max-width: 576px) {
.offer-section {
padding: 0 15px 0 15px;
}
}
.offer-section .offer-card-one img {
border-radius: 10px;
}
@media (max-width: 991px) {
.offer-section .offer-card-one img {
width: 100%;
}
}
.offer-section .offer-card-two img {
border-radius: 10px;
}
.testimonials-section-three {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/testimonial-bg-three.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
padding: 120px 0;
}
@media (max-width: 576px) {
.testimonials-section-three {
padding: 70px 15px 70px 15px;
}
}
.testimonials-section-three .testimonial-slider-btn {
width: 100%;
position: relative;
}
@media (max-width: 767px) {
.testimonials-section-three .testimonial-slider-btn {
display: none;
}
}
.testimonials-section-three .testimonial-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(17, 17, 17, 0.25);
border-radius: 50%;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.testimonials-section-three .testimonial-slider-btn .slider-btn svg path {
fill: rgb(17, 17, 17);
transition: 0.3s;
}
.testimonials-section-three .testimonial-slider-btn .slider-btn:hover {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.testimonials-section-three .testimonial-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
position: absolute;
bottom: 140px;
left: 0%;
z-index: 9;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
bottom: 130px;
left: 10%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
bottom: 125px;
}
}
@media (max-width: 991px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
bottom: 95px;
}
}
@media (max-width: 767px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
bottom: 95px;
}
}
@media (max-width: 425px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-prev {
display: none;
}
}
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
position: absolute;
bottom: 140px;
right: 0%;
z-index: 9;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
bottom: 130px;
right: 10%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
bottom: 125px;
}
}
@media (max-width: 991px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
bottom: 95px;
}
}
@media (max-width: 767px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
bottom: 95px;
}
}
@media (max-width: 425px) {
.testimonials-section-three .testimonial-slider-btn .testimonial-slider-next {
display: none;
}
}
.testimonials-section-three .testimonial-card-slider-area .swiper-slide-active .author-img {
animation: fadeInDown 1.7s;
}
.testimonials-section-three .testimonial-card-slider-area .swiper-slide-active p {
animation: fadeInUp 1.7s;
}
.testimonials-section-three .testimonial-card-slider-area .swiper-slide-active .testimonial-bottom-content {
animation: fadeInUp 1.7s;
}
.testimonials-section-three .counter-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid rgba(17, 17, 17, 0.1);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding: 33px 0;
}
@media (max-width: 767px) {
.testimonials-section-three .counter-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: 20px 0;
}
}
@media (max-width: 576px) {
.testimonials-section-three .counter-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
}
.testimonials-section-three .counter-wrapper li {
display: flex;
align-items: center;
gap: 12px;
}
.testimonials-section-three .counter-wrapper li .card-content .number {
display: flex;
}
.testimonials-section-three .counter-wrapper li .card-content .number .counter {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 42px;
color: rgb(17, 17, 17);
margin: 0;
}
@media (max-width: 1199px) {
.testimonials-section-three .counter-wrapper li .card-content .number .counter {
font-size: 20px;
}
}
.testimonials-section-three .counter-wrapper li .card-content .number span {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 42px;
color: rgb(17, 17, 17);
margin: 0;
}
@media (max-width: 1199px) {
.testimonials-section-three .counter-wrapper li .card-content .number span {
font-size: 20px;
}
}
.testimonials-section-three .counter-wrapper li .card-content h5 {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 20px;
color: rgb(102, 102, 102);
}
@media (max-width: 1199px) {
.testimonials-section-three .counter-wrapper li .card-content h5 {
font-size: 13px;
}
}
.testimonials-section-three .mask-image-1 {
position: absolute;
top: 0;
left: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-1 {
left: -8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-1 {
left: -6%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-1 {
width: 20%;
top: 8%;
left: -12%;
}
}
@media (max-width: 991px) {
.testimonials-section-three .mask-image-1 {
left: -23%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-1 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-1 {
display: none;
}
}
.testimonials-section-three .mask-image-2 {
position: absolute;
top: 35%;
left: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-2 {
left: -9%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-2 {
left: -6%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-2 {
width: 20%;
top: 33%;
left: -12%;
}
}
@media (max-width: 991px) {
.testimonials-section-three .mask-image-2 {
left: -23%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-2 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-2 {
display: none;
}
}
.testimonials-section-three .mask-image-3 {
position: absolute;
bottom: 0;
left: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-3 {
left: -8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-3 {
left: -5%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-3 {
width: 20%;
bottom: 13%;
left: -12%;
}
}
@media (max-width: 991px) {
.testimonials-section-three .mask-image-3 {
left: -23%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-3 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-3 {
display: none;
}
}
.testimonials-section-three .mask-image-4 {
position: absolute;
top: 0;
right: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-4 {
right: -8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-4 {
right: -7%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-4 {
width: 20%;
top: 10%;
right: -11%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-4 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-4 {
display: none;
}
}
.testimonials-section-three .mask-image-5 {
position: absolute;
top: 40%;
right: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-5 {
right: -8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-5 {
right: -10%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-5 {
width: 20%;
top: 40%;
right: -12%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-5 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-5 {
display: none;
}
}
.testimonials-section-three .mask-image-6 {
position: absolute;
bottom: 0;
right: -15%;
}
@media (max-width: 1699px) {
.testimonials-section-three .mask-image-6 {
right: -8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonials-section-three .mask-image-6 {
right: -7%;
}
}
@media (max-width: 1199px) {
.testimonials-section-three .mask-image-6 {
width: 20%;
bottom: 11%;
right: -12%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-section-three .mask-image-6 {
display: none;
}
}
@media (max-width: 767px) {
.testimonials-section-three .mask-image-6 {
display: none;
}
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content {
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content .author-area {
display: grid;
align-items: center;
justify-items: center;
margin-bottom: 16px;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content .author-area .author-img {
width: 110px;
height: 110px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 4px solid var(--primary-color);
position: relative;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content .author-area .author-img::before {
position: absolute;
content: "";
top: 45%;
right: -6%;
width: 8px;
height: 8px;
background-color: rgb(243, 128, 53);
border-radius: 50%;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content .author-area .author-img::after {
position: absolute;
content: "";
top: 45%;
left: -5%;
width: 8px;
height: 8px;
background-color: rgb(243, 128, 53);
border-radius: 50%;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-top-content .author-area .author-img img {
background-color: white;
padding: 4px;
border-radius: 50%;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-content {
text-align: center;
position: relative;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-content::before {
display: none;
}
@media (max-width: 576px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content {
margin-bottom: 20px;
}
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 400;
line-height: 40px;
color: rgba(17, 17, 17, 0.9);
margin: 0 auto;
max-width: 860px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 28px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
font-size: 18px;
line-height: 26px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
font-size: 16px;
line-height: 25px;
}
}
@media (max-width: 767px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
font-size: 16px;
line-height: 25px;
max-width: 400px;
width: 100%;
}
}
@media (max-width: 576px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-content p {
max-width: 350px;
width: 100%;
}
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content {
display: flex;
align-items: center;
justify-content: center;
padding-top: 24px;
}
@media (max-width: 576px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content {
padding-top: 0;
}
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content .author-name {
text-align: center;
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content .author-name h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 500;
line-height: 28px;
color: var(--primary-color);
margin: 0;
}
@media (max-width: 576px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content .author-name h3 {
font-size: 18px;
}
}
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content .author-name h4 {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
color: rgb(102, 102, 102);
margin: 0;
}
@media (max-width: 576px) {
.testimonial-card-wrapper-three .testimonial-card .testimonial-bottom-content .author-name h4 {
font-size: 13px;
margin-top: -5px;
}
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
}
.testimonial-card-wrapper-three .testimonial-img-wrapper .testimonial-img {
background-color: rgb(240, 171, 52);
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/visa-testimonail-union.svg);
-webkit-mask-position: unset;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
position: relative;
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .testimonial-img {
justify-content: unset;
}
}
@media (max-width: 767px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .testimonial-img {
justify-content: left;
}
}
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one {
background-color: var(--white-color);
position: absolute;
left: -5%;
top: 25%;
z-index: 999;
padding: 9px 12px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
animation: up-down2 2s linear infinite alternate;
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one {
left: 19%;
top: 18%;
}
}
@media (max-width: 767px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one {
left: 10%;
}
}
@media (max-width: 350px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one {
left: 4%;
}
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one .icon svg {
width: 30px;
height: 30px;
}
}
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: var(title-color);
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one span {
font-size: 12px;
line-height: 1;
}
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .review-item-one span {
font-size: 14px;
}
}
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item {
background-color: var(--white-color);
position: absolute;
left: -1%;
bottom: 25%;
z-index: 999;
padding: 9px 12px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
animation: up-down2 2s linear infinite alternate;
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item {
left: 26%;
bottom: 49%;
}
}
@media (max-width: 767px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item {
left: 18%;
}
}
@media (max-width: 350px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item {
bottom: 55%;
left: 3%;
}
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item .icon svg {
width: 30px;
height: 30px;
}
}
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: var(title-color);
}
@media (max-width: 1199px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item span {
font-size: 12px;
line-height: 1;
}
}
@media (max-width: 991px) {
.testimonial-card-wrapper-three .testimonial-img-wrapper .client-item span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.we-are-best-section {
padding: 0 15px 0 15px;
}
}
.we-are-best-section .section-title-three {
margin-bottom: 26px;
}
.we-are-best-section .section-title-three .title {
text-transform: capitalize;
}
.we-are-best-section ul {
display: flex;
align-items: center;
gap: 90px;
margin-bottom: 42px;
}
@media (max-width: 1199px) {
.we-are-best-section ul {
gap: 15px;
}
}
@media (max-width: 425px) {
.we-are-best-section ul {
flex-wrap: wrap;
gap: 10px;
}
}
.we-are-best-section ul .feature-area .single-area {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
}
.we-are-best-section ul .feature-area .single-area:last-child {
margin-bottom: 0;
}
.we-are-best-section ul .feature-area .single-area p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(title-color);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section ul .feature-area .single-area p {
font-size: 14px;
}
}
.we-are-best-section .video-area-girl {
position: relative;
}
@media (max-width: 991px) {
.we-are-best-section .video-area-girl {
margin-bottom: 30px;
}
}
.we-are-best-section .video-area-girl .video-area {
position: absolute;
top: 45%;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 991px) {
.we-are-best-section .video-area-girl .video-area {
transform: translateX(-50%);
left: 51%;
}
}
@media (max-width: 767px) {
.we-are-best-section .video-area-girl .video-area {
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 350px) {
.we-are-best-section .video-area-girl .video-area {
top: 35%;
transform: translateX(-50%);
}
}
.we-are-best-section .video-area-girl .video-area .icon {
height: 58px;
width: 58px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 999;
}
.we-are-best-section .video-area-girl .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 62px;
left: 61px;
}
.we-are-best-section .video-area-girl .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.we-are-best-section .video-area-girl .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.we-are-best-section .video-area-girl .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.we-are-best-section .video-area-girl .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
.we-are-best-section .video-area-girl img {
border-radius: 5px;
}
@media (max-width: 991px) {
.we-are-best-section .video-area-girl img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.we-are-best-section .right-side-area .image-area {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 53px;
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .image-area {
margin-bottom: 25px;
}
}
.we-are-best-section .right-side-area .image-area img {
border-radius: 5px;
}
@media (max-width: 991px) {
.we-are-best-section .right-side-area .image-area img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.we-are-best-section .right-side-area .single-feature {
background-color: rgba(77, 166, 39, 0.1);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
display: flex;
align-items: center;
gap: 11px;
padding: 20px 30px 20px 18px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section .right-side-area .single-feature {
padding: 15px;
gap: 7px;
}
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .single-feature {
gap: 5px;
padding: 20px 5px;
}
}
@media (max-width: 991px) {
.we-are-best-section .right-side-area .single-feature {
gap: 15px;
padding: 20px 20px;
}
}
.we-are-best-section .right-side-area .single-feature .icon {
min-width: 85px;
max-width: 85px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgb(77, 166, 39);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section .right-side-area .single-feature .icon {
min-width: 70px;
max-width: 70px;
height: 70px;
}
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .single-feature .icon {
min-width: 50px;
max-width: 50px;
height: 50px;
}
}
@media (max-width: 991px) {
.we-are-best-section .right-side-area .single-feature .icon {
min-width: 60px;
max-width: 60px;
height: 60px;
}
}
.we-are-best-section .right-side-area .single-feature .icon svg path {
fill: rgb(255, 255, 255);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section .right-side-area .single-feature .icon svg {
width: 35px;
}
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .single-feature .icon svg {
width: 25px;
}
}
.we-are-best-section .right-side-area .single-feature .content h3 {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: rgb(0, 0, 0);
margin-bottom: 5px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section .right-side-area .single-feature .content h3 {
font-size: 18px;
}
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .single-feature .content h3 {
font-size: 15px;
}
}
@media (max-width: 991px) {
.we-are-best-section .right-side-area .single-feature .content h3 {
font-size: 18px;
}
}
.we-are-best-section .right-side-area .single-feature .content P {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: rgb(119, 119, 119);
margin: 0;
}
@media (max-width: 1199px) {
.we-are-best-section .right-side-area .single-feature .content P {
font-size: 12px;
}
}
@media (max-width: 991px) {
.we-are-best-section .right-side-area .single-feature .content P {
font-size: 14px;
}
}
.we-are-best-section .right-side-area .single-feature.two {
background-color: rgba(15, 197, 173, 0.1);
}
.we-are-best-section .right-side-area .single-feature.two .icon {
background-color: rgb(15, 197, 173);
}
.we-are-best-section .right-side-area .single-feature.three {
background-color: rgba(58, 166, 235, 0.1);
}
.we-are-best-section .right-side-area .single-feature.three .icon {
background-color: rgb(58, 166, 235);
}
.we-are-best-section .right-side-area .single-feature.three {
background-color: rgba(243, 128, 53, 0.1);
}
.we-are-best-section .right-side-area .single-feature.three .icon {
background-color: rgb(243, 128, 53);
}
.we-are-best-section .right-side-area .single-feature.four {
background-color: rgba(58, 166, 235, 0.1);
}
.we-are-best-section .right-side-area .single-feature.four .icon {
background-color: rgb(58, 166, 235);
}
.we-are-best-section .right-side-area .single-feature:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.we-are-best-section .right-arrow-shape {
position: absolute;
top: 38%;
left: 46%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.we-are-best-section .right-arrow-shape {
top: 45%;
left: 44%;
}
}
@media (max-width: 1199px) {
.we-are-best-section .right-arrow-shape {
display: none;
}
}
.visa-services-section {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/visa-service-bg.png);
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
padding: 80px 0;
}
@media (max-width: 991px) {
.visa-services-section {
background-position: center;
}
}
@media (max-width: 576px) {
.visa-services-section {
padding: 0 15px 0 15px;
}
}
.visa-services-section .section-title-three {
max-width: 570px;
width: 100%;
}
.visa-services-section .section-title-three .title h2 {
text-transform: capitalize;
}
.visa-services-section .visa-slider-btn {
display: flex;
gap: 20px;
}
.visa-services-section .visa-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.visa-services-section .visa-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.visa-services-section .visa-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.visa-services-section .visa-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
@media (max-width: 767px) {
.visa-services-section .teams-slider-area .visa-card-three {
display: grid;
align-items: center;
justify-content: unset;
}
}
.visa-card-three {
background-color: rgba(255, 255, 255, 0.98);
position: relative;
overflow: hidden;
border-radius: 0 0 10px 10px;
}
@media (max-width: 767px) {
.visa-card-three {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 425px) {
.visa-card-three {
max-width: 400px;
width: 100%;
}
}
@media (max-width: 350px) {
.visa-card-three {
max-width: 325px;
width: 100%;
}
}
.visa-card-three.shadow-one {
box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
.visa-card-three .visa-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.visa-card-three .visa-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.visa-card-three .visa-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.visa-card-three .visa-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.visa-card-three .visa-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.visa-card-three .visa-card-content {
padding: 24px 34px;
border-radius: 10px;
margin-top: -25px;
position: relative;
z-index: 2;
background-color: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 1799px) {
.visa-card-three .visa-card-content {
padding: 25px 20px;
}
}
@media (max-width: 1699px) {
.visa-card-three .visa-card-content {
padding: 20px 15px;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content {
padding: 18px;
}
}
@media (max-width: 991px) {
.visa-card-three .visa-card-content {
padding: 20px;
}
}
.visa-card-three .visa-card-content .card-content-top h5 {
margin-bottom: 18px;
transition: 0.3s;
}
.visa-card-three .visa-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
color: var(--title-color);
text-transform: capitalize;
margin-bottom: 2px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.visa-card-three .visa-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.visa-card-three .visa-card-content .card-content-top .middle-item {
margin-bottom: 22px;
}
.visa-card-three .visa-card-content .card-content-top .middle-item ul {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.visa-card-three .visa-card-content .card-content-top .middle-item ul li {
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 32px;
color: rgba(17, 17, 17, 0.4);
margin: 0;
display: flex;
align-items: center;
gap: 8px;
}
.visa-card-three .visa-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 15px;
flex-wrap: wrap;
}
@media (max-width: 1499px) {
.visa-card-three .visa-card-content .card-content-bottom {
gap: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .card-content-bottom {
padding-top: 0 !important;
justify-content: space-around;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area {
line-height: 1;
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: 8px;
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 28px;
font-weight: 500;
line-height: 28px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 25px;
line-height: 1;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
.visa-card-three .batch .featured {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 32px;
display: inline-flex;
padding: 1px 20px;
border-radius: 0 3px 3px 0;
position: absolute;
top: 15%;
left: 33%;
z-index: 1;
}
@media (max-width: 767px) {
.visa-card-three .batch .featured {
top: 14.5%;
left: 38.5%;
}
}
@media (max-width: 425px) {
.visa-card-three .batch .featured {
top: 15%;
left: 35.5%;
}
}
.visa-card-three .batch .featured.two {
left: 37%;
}
@media (max-width: 767px) {
.visa-card-three .batch .featured.two {
left: 42%;
}
}
@media (max-width: 425px) {
.visa-card-three .batch .featured.two {
left: 39%;
}
}
.visa-card-three .batch .featured.four {
left: 36%;
}
@media (max-width: 767px) {
.visa-card-three .batch .featured.four {
left: 41%;
}
}
@media (max-width: 425px) {
.visa-card-three .batch .featured.four {
left: 38%;
}
}
.visa-card-three .batch .shape {
position: absolute;
top: 13%;
left: 30%;
left: 28%;
}
@media (max-width: 767px) {
.visa-card-three .batch .shape {
left: 36.5%;
}
}
@media (max-width: 425px) {
.visa-card-three .batch .shape {
left: 33%;
}
}
.visa-card-three:hover .visa-card-img-wrap .card-img img {
transform: scale(1.1);
}
.visa-card-three:hover .visa-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
@media (max-width: 576px) {
.blogs-section-three {
padding: 0 15px 0 15px;
}
}
.blogs-section-three .section-title-three .title {
text-transform: capitalize;
}
.blogs-section-three .blog-slider-btn {
display: flex;
gap: 20px;
}
.blogs-section-three .blog-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.blogs-section-three .blog-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.blogs-section-three .blog-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.blogs-section-three .blog-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.blog-card-three {
background-color: rgba(255, 255, 255, 0.98);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
gap: 36px;
}
@media (max-width: 425px) {
.blog-card-three {
display: block;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card-three {
gap: 20px;
}
}
@media (max-width: 1199px) {
.blog-card-three {
gap: 25px;
}
}
@media (max-width: 991px) {
.blog-card-three {
justify-content: start;
gap: 40px;
}
}
@media (max-width: 767px) {
.blog-card-three {
gap: 25px;
}
}
.blog-card-three .date-design {
position: absolute;
left: 38.5%;
top: 0%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card-three .date-design {
left: 40%;
}
}
@media (max-width: 1199px) {
.blog-card-three .date-design {
left: 38.5%;
}
}
@media (max-width: 991px) {
.blog-card-three .date-design {
left: 35.5%;
}
}
@media (max-width: 767px) {
.blog-card-three .date-design {
left: 39%;
}
}
@media (max-width: 425px) {
.blog-card-three .date-design {
left: 79%;
}
}
.blog-card-three .date-design h3 {
border-radius: 0 10px 0 0;
background-color: rgb(243, 128, 53);
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 16px;
color: rgb(255, 255, 255);
margin: 0;
padding: 6px 19px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card-three .date-design h3 {
font-size: 18px;
padding: 4px 15px;
}
}
@media (max-width: 1199px) {
.blog-card-three .date-design h3 {
font-size: 14px;
padding: 2px 13px;
}
}
@media (max-width: 991px) {
.blog-card-three .date-design h3 {
font-size: 20px;
padding: 6px 19px;
}
}
@media (max-width: 767px) {
.blog-card-three .date-design h3 {
font-size: 18px;
padding: 3px 13px;
}
}
@media (max-width: 425px) {
.blog-card-three .date-design h3 {
font-size: 24px;
padding: 9px 19px;
}
}
@media (max-width: 350px) {
.blog-card-three .date-design h3 {
font-size: 22px;
padding: 6px 17px;
}
}
.blog-card-three .date-design h4 {
border-radius: 0 0 10px 10px;
background-color: rgb(51, 51, 51);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: rgb(255, 255, 255);
margin: 0;
padding: 5px 18px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card-three .date-design h4 {
font-size: 13px;
padding: 4px 15px;
}
}
@media (max-width: 1199px) {
.blog-card-three .date-design h4 {
font-size: 12px;
padding: 2px 13px;
}
}
@media (max-width: 991px) {
.blog-card-three .date-design h4 {
font-size: 14px;
padding: 5px 18px;
}
}
@media (max-width: 767px) {
.blog-card-three .date-design h4 {
font-size: 12px;
padding: 2px 13px;
}
}
@media (max-width: 425px) {
.blog-card-three .date-design h4 {
font-size: 20px;
padding: 8px 18px;
}
}
@media (max-width: 350px) {
.blog-card-three .date-design h4 {
font-size: 18px;
padding: 6px 15px;
}
}
.blog-card-three .blog-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.blog-card-three .blog-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px;
transition: all 0.5s;
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/blog-image-shape-three.svg);
-webkit-mask-position: unset;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.blog-card-three .blog-card-img-wrap .card-img img {
transition: all 0.5s;
width: 100%;
}
.blog-card-three .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.blog-card-three .blog-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
@media (max-width: 425px) {
.blog-card-three .blog-card-content {
margin-top: 20px;
}
}
.blog-card-three .blog-card-content .top-item {
margin-bottom: 10px;
}
.blog-card-three .blog-card-content .top-item ul {
display: flex;
align-items: center;
gap: 20px;
}
.blog-card-three .blog-card-content .top-item ul li {
display: flex;
align-items: center;
gap: 6px;
}
@media (max-width: 1199px) {
.blog-card-three .blog-card-content .top-item ul li {
gap: 2px;
}
}
.blog-card-three .blog-card-content .top-item ul li span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: rgb(102, 102, 102);
margin: 0;
}
@media (max-width: 1199px) {
.blog-card-three .blog-card-content .top-item ul li span {
font-size: 14px;
}
}
@media (max-width: 991px) {
.blog-card-three .blog-card-content .top-item ul li span {
font-size: 15px;
}
}
.blog-card-three .blog-card-content .top-item ul li span a {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
text-decoration-line: underline;
color: rgb(102, 102, 102);
}
@media (max-width: 1199px) {
.blog-card-three .blog-card-content .top-item ul li span a {
font-size: 14px;
}
}
@media (max-width: 991px) {
.blog-card-three .blog-card-content .top-item ul li span a {
font-size: 15px;
}
}
.blog-card-three .blog-card-content .card-content h5 {
margin-bottom: 18px;
transition: 0.3s;
max-width: 283px;
width: 100%;
}
@media (max-width: 425px) {
.blog-card-three .blog-card-content .card-content h5 {
max-width: 100%;
}
}
.blog-card-three .blog-card-content .card-content h5 a {
font-family: "Rubik", serif;
font-size: 26px;
font-weight: 500;
line-height: 36px;
color: var(--title-color);
text-transform: capitalize;
margin-bottom: 2px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card-three .blog-card-content .card-content h5 a {
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 1199px) {
.blog-card-three .blog-card-content .card-content h5 a {
font-size: 18px;
line-height: 1;
}
}
@media (max-width: 991px) {
.blog-card-three .blog-card-content .card-content h5 a {
font-size: 24px;
}
}
@media (max-width: 767px) {
.blog-card-three .blog-card-content .card-content h5 a {
font-size: 22px;
line-height: 1;
}
}
.blog-card-three .blog-card-content .card-content h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.blog-card-three .blog-card-content .card-content h5 {
margin-bottom: 10px;
}
}
.blog-card-three:hover .blog-card-img-wrap .card-img img {
transform: scale(1.1);
}
.blog-card-three:hover .blog-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.footer-top-area .footer-bg-color {
background: linear-gradient(to right, rgb(235, 255, 232), rgb(255, 241, 232));
border-radius: 10px;
margin-bottom: -50px;
position: relative;
z-index: 2;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.footer-top-area .footer-bg-color {
margin-bottom: -90px;
}
}
@media (max-width: 991px) {
.footer-top-area .footer-bg-color {
margin-bottom: -60px;
}
}
@media (max-width: 767px) {
.footer-top-area .footer-bg-color {
padding: 50px;
margin-bottom: -100px;
}
}
@media (max-width: 350px) {
.footer-top-area .footer-bg-color {
padding: 25px;
margin-bottom: -82px;
}
}
@media (max-width: 767px) {
.footer-top-area .footer-bg-color .travel-boy-image {
display: none;
}
}
@media (max-width: 767px) {
.footer-top-area .footer-bg-color .footer-center-area {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 20px;
}
}
.footer-top-area .footer-bg-color .footer-center-area h2 {
font-family: "Rubik", serif;
font-size: 28px;
font-weight: 500;
line-height: 36px;
color: var(title-color);
margin-bottom: 0;
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-top-area .footer-bg-color .footer-center-area h2 {
font-size: 24px;
line-height: 32px;
}
}
@media (max-width: 1199px) {
.footer-top-area .footer-bg-color .footer-center-area h2 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 991px) {
.footer-top-area .footer-bg-color .footer-center-area h2 {
font-size: 18px;
line-height: 23px;
width: 100%;
}
}
@media (max-width: 767px) {
.footer-top-area .footer-bg-color .footer-center-area h2 {
font-size: 20px;
max-width: 350px;
width: 100%;
}
}
.footer-top-area .footer-bg-color form {
margin-right: 10px;
}
@media (max-width: 991px) {
.footer-top-area .footer-bg-color form {
margin-left: 10px;
}
}
.footer-top-area .footer-bg-color form .from-inner {
background-color: rgba(77, 166, 39, 0.15);
display: flex;
align-items: center;
justify-content: center;
max-width: 482px;
width: 100%;
border-radius: 30px;
border: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 991px) {
.footer-top-area .footer-bg-color form .from-inner {
margin: 0 auto;
}
}
.footer-top-area .footer-bg-color form .from-inner input {
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 30px;
background-color: transparent;
border: none;
color: var(--title-color);
font-size: 16px;
font-family: "Rubik", serif;
text-transform: capitalize;
width: 100%;
height: 48px;
padding: 10px 20px;
}
@media (max-width: 991px) {
.footer-top-area .footer-bg-color form .from-inner input {
font-size: 14px;
height: 41px;
}
}
.footer-top-area .footer-bg-color form .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-top-area .footer-bg-color form .from-inner input::placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-section-three {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/footer-bg-three.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 185px;
}
@media (max-width: 1199px) {
.footer-section-three {
padding-top: 165px;
}
}
@media (max-width: 991px) {
.footer-section-three {
padding-top: 115px;
}
}
@media (max-width: 767px) {
.footer-section-three {
padding-top: 145px;
}
}
@media (max-width: 576px) {
.footer-section-three {
padding: 145px 15px 0 15px;
}
}
.footer-section-three .single-contact {
max-width: 241px;
width: 100%;
}
.footer-section-three .single-contact li {
margin-bottom: 27px;
}
.footer-section-three .single-contact li:last-child {
margin-bottom: 0;
}
.footer-section-three .single-contact li .icon-and-call {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.footer-section-three .single-contact li .icon-and-call span {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 25px;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section-three .single-contact li .icon-and-call span:hover {
color: var(--primary-color);
}
.footer-section-three .single-contact li a {
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
color: rgb(171, 171, 171);
margin: 0;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section-three .single-contact li a {
font-size: 14px;
line-height: 1;
}
}
.footer-section-three .single-contact li a:hover {
color: var(--primary-color);
}
.footer-section-three .footer-widget .widget-title h4 {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 600;
line-height: 25px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
.footer-section-three .footer-widget .widget-title h4 {
font-size: 20px;
}
}
.footer-section-three .footer-widget .widget-title.two {
margin-bottom: 22px;
}
.footer-section-three .footer-widget .payment-partners {
display: flex;
align-items: center;
gap: 20px;
}
.footer-section-three .footer-widget .menu-right-paragraph p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: rgb(171, 171, 171);
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.footer-section-three .footer-widget .menu-right-paragraph p {
font-size: 14px;
line-height: 22px;
}
}
.footer-section-three .footer-widget .gallery-img {
position: relative;
border-radius: 6px;
}
.footer-section-three .footer-widget .gallery-img img {
border-radius: 6px;
width: 100%;
}
.footer-section-three .footer-widget .gallery-img .icon-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(77, 166, 39, 0.5);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.3s;
}
.footer-section-three .footer-widget .gallery-img .icon-area i {
color: var(--white-color);
font-size: 24px;
}
.footer-section-three .footer-widget .gallery-img:hover .icon-area {
transform: scale(1);
opacity: 1;
}
.footer-section-three .footer-widget .menu-container .widget-list {
padding: 0;
margin: 0;
}
.footer-section-three .footer-widget .menu-container .widget-list li {
margin-bottom: 20px;
line-height: 1;
transition: 0.3s;
position: relative;
transform: translateX(0);
}
@media (max-width: 1199px) {
.footer-section-three .footer-widget .menu-container .widget-list li {
margin-bottom: 15px;
}
}
.footer-section-three .footer-widget .menu-container .widget-list li:last-child {
margin-bottom: 0;
}
.footer-section-three .footer-widget .menu-container .widget-list li a {
color: rgb(171, 171, 171);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section-three .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
@media (max-width: 576px) {
.footer-section-three .footer-widget .menu-container .widget-list li a {
font-size: 16px;
}
}
.footer-section-three .footer-widget .menu-container .widget-list li a:hover {
color: var(--primary-color);
}
.footer-section-three .footer-widget .menu-container .widget-list li::after {
content: "";
width: 10px;
height: 1px;
background-color: var(--primary-color);
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.35s;
}
.footer-section-three .footer-widget .menu-container .widget-list li:hover {
transform: translateX(10px);
}
.footer-section-three .footer-widget .menu-container .widget-list li:hover::after {
opacity: 1;
}
.footer-section-three .footer-middle-item .footer-big-logo {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
}
@media (max-width: 576px) {
.footer-section-three .footer-middle-item .footer-big-logo {
width: 50%;
margin: 0 auto;
}
}
.footer-section-three .footer-middle-item .footer-content {
text-align: center;
}
.footer-section-three .footer-middle-item .footer-content P {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 26px;
color: rgb(171, 171, 171);
max-width: 456px;
width: 100%;
margin: 0 auto;
}
.footer-section-three .footer-middle-item .footer-content .social-item {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
margin-top: 29px;
}
@media (max-width: 767px) {
.footer-section-three .footer-middle-item .footer-content .social-item {
gap: 15px;
}
}
@media (max-width: 350px) {
.footer-section-three .footer-middle-item .footer-content .social-item {
margin-top: 25px;
}
}
.footer-section-three .footer-middle-item .footer-content .social-item li {
height: 36px;
width: 36px;
display: flex;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.25);
transition: 0.3s;
}
.footer-section-three .footer-middle-item .footer-content .social-item li svg path {
transition: 0.3s;
fill: rgb(255, 255, 255);
}
.footer-section-three .footer-middle-item .footer-content .social-item li:hover {
background-color: var(--primary-color-three);
}
.footer-section-three .footer-middle-item .footer-content .social-item li:hover svg path {
fill: var(--white-color);
}
.footer-section-three .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.footer-section-three .footer-bottom {
padding: 20px 0;
}
}
@media (max-width: 767px) {
.footer-section-three .footer-bottom {
display: grid;
align-items: center;
justify-content: center;
gap: 10px;
}
}
.footer-section-three .footer-bottom .copy-write-area p {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgb(171, 171, 171);
margin: 0;
}
@media (max-width: 1199px) {
.footer-section-three .footer-bottom .copy-write-area p {
font-size: 14px;
}
}
.footer-section-three .footer-bottom .copy-write-area p a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section-three .footer-bottom .copy-write-area p a:hover {
color: var(--primary-color);
}
@media (max-width: 767px) {
.footer-section-three .footer-bottom .footer-right {
display: flex;
align-items: center;
justify-content: center;
}
}
.footer-section-three .footer-bottom .footer-right ul {
display: flex;
align-items: center;
gap: 45px;
}
@media (max-width: 767px) {
.footer-section-three .footer-bottom .footer-right ul {
gap: 30px;
}
}
.footer-section-three .footer-bottom .footer-right ul li {
position: relative;
}
.footer-section-three .footer-bottom .footer-right ul li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -25px;
background: rgb(171, 171, 171);
width: 5px;
height: 5px;
border-radius: 50%;
}
@media (max-width: 767px) {
.footer-section-three .footer-bottom .footer-right ul li::before {
left: -20px;
}
}
.footer-section-three .footer-bottom .footer-right ul li:first-child::before {
display: none;
}
.footer-section-three .footer-bottom .footer-right ul li a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: rgb(171, 171, 171);
margin: 0;
transition: 0.3s;
}
.footer-section-three .footer-bottom .footer-right ul li a:hover {
color: var(--primary-color);
}
@keyframes fade-down {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.section-title-four .sub-title-four {
position: relative;
padding: 11px 44px;
white-space: nowrap;
display: inline-flex;
max-width: 100%;
width: -moz-max-content;
width: max-content;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.section-title-four .sub-title-four {
margin-bottom: 30px;
}
}
.section-title-four .sub-title-four.two span {
margin-top: 8px;
}
.section-title-four .sub-title-four .sub-title-bg {
position: absolute;
width: 100%;
height: auto;
top: 5px;
left: 0;
}
@media (max-width: 1199px) {
.section-title-four .sub-title-four .sub-title-bg {
top: 0%;
}
}
.section-title-four .sub-title-four span {
font-family: "Satisfy", serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: rgb(77, 166, 39);
margin-top: 20px;
}
@media (max-width: 350px) {
.section-title-four .sub-title-four span {
margin-top: 13px;
}
}
.section-title-four .title h2 {
font-family: "Rubik", serif;
font-size: 45px;
font-weight: 600;
line-height: 58px;
margin: 0;
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-title-four .title h2 {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 1199px) {
.section-title-four .title h2 {
font-size: 36px;
line-height: 42px;
}
}
@media (max-width: 991px) {
.section-title-four .title h2 {
font-size: 32px;
line-height: 40px;
}
}
@media (max-width: 576px) {
.section-title-four .title h2 {
font-size: 28px;
line-height: 35px;
}
}
@media (max-width: 350px) {
.section-title-four .title h2 {
font-size: 26px;
line-height: 1.3;
}
}
.section-title-four .description {
padding-top: 8px;
}
.section-title-four .description p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 28px;
color: var(--paragraph-color);
margin: 0;
}
.login-modal .modal-dialog {
animation: zoomIn 1s;
}
.login-modal .modal-dialog .modal-content {
border-radius: 20px;
position: relative;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content {
border-radius: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn {
position: absolute;
top: 15px;
right: 15px;
background-color: #f1f1f1;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 22px;
color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (max-width: 767px) {
.login-modal .modal-dialog .modal-content .modal-clode-btn {
width: 30px;
height: 30px;
top: 10px;
right: 10px;
}
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::before, .login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-45deg);
content: "";
position: absolute;
top: 50%;
left: calc(50% - 7px);
display: block;
height: 1px;
width: 15px;
background-color: var(--title-color);
transition: all 0.3s ease-out;
}
.login-modal .modal-dialog .modal-content .modal-clode-btn::after {
transform: rotate(-135deg);
}
.login-modal .modal-dialog .modal-content .modal-clode-btn:hover::before, .login-modal .modal-dialog .modal-content .modal-clode-btn:hover::after {
transform: rotate(0deg);
}
.login-modal .modal-dialog .modal-content .modal-header {
padding: 0;
border: unset;
}
.login-modal .modal-dialog .modal-content .modal-header img {
border-radius: 20px 20px 0 0;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-header img {
min-height: 110px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
}
.login-modal .modal-dialog .modal-content .modal-body {
padding: 45px 40px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body {
padding: 30px 20px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title {
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 35px;
font-weight: 500;
letter-spacing: 0.6px;
line-height: 1;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title h2 {
font-size: 30px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-title p {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner {
position: relative;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input {
border: 1px solid var(--title-color);
border-radius: 200px;
background-color: transparent;
width: 100%;
height: 46px;
color: var(--title-color);
font-family: "Jost", serif;
font-size: 16px;
padding: 15px 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input:focus {
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::-moz-placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-inner input::placeholder {
color: var(--paragraph-color);
font-family: "Jost", serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
margin-bottom: 30px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box {
opacity: 0;
display: none;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box + label::before {
content: "";
width: 15px;
height: 15px;
border: 1px solid var(--primary-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember .custom-check-box:checked + label::before {
content: "\f26e";
color: var(--white-color);
font-family: "bootstrap-icons";
background-color: var(--primary-color);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .remember label {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .form-remember-forget .forget-pass {
color: var(--primary-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: capitalize;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
border-radius: 35px;
background-color: var(--title-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
color: var(--white-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 15px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--primary-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider span {
color: #dbdbdb;
text-align: center;
font-family: "Jost", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 0 12px;
background-color: var(--white-color);
position: relative;
z-index: 1;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .divider::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #dbdbdb;
width: 100%;
height: 1px;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
border-radius: 35px;
background-color: var(--white-color);
border: 1px solid var(--title-color);
font-family: "Jost", serif;
font-weight: 500;
font-size: 16px;
color: var(--title-color);
letter-spacing: 0.48px;
text-transform: capitalize;
line-height: 1;
padding: 10px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
width: 100%;
}
@media (max-width: 576px) {
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn {
font-size: 15px;
}
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn::after {
position: absolute;
content: "";
border-radius: 30px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: var(--title-color);
transform-origin: right;
transform: scalex(0);
z-index: -1;
transition: transform 0.7s;
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover {
color: var(--white-color);
}
.login-modal .modal-dialog .modal-content .modal-body .login-registration-form .google-login-btn:hover::after {
transform: scalex(1);
transform-origin: left;
}
header {
position: relative;
width: 100%;
z-index: 999;
transition: all 0.8s ease-out 0s;
background-color: var(--white-color);
margin: 0 auto;
border: none;
}
header .container-tour {
max-width: 1620px;
}
header.style-4.header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-sizing: border-box;
background-color: var(--white-color);
box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
z-index: 10;
}
@keyframes smooth-header {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
}
}
header.style-4 .main-menu {
display: inline-block;
position: relative;
}
header.style-4 .main-menu.show-menu {
transform: translateX(0);
}
header.style-4 .main-menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
header.style-4 .main-menu > ul > li {
display: inline-block;
position: relative;
padding: 1px 21px;
}
@media (max-width: 1399px) {
header.style-4 .main-menu > ul > li {
padding: 0 20px;
}
}
@media (max-width: 991px) {
header.style-4 .main-menu > ul > li {
padding: 0px 12px;
}
}
header.style-4 .main-menu > ul > li:hover i {
color: var(--primary-color);
font-size: 20px;
}
@media (min-width: 992px) {
header.style-4 .main-menu > ul > li:first-child {
padding-left: 0;
}
header.style-4 .main-menu > ul > li:first-child a {
padding-left: 0;
}
header.style-4 .main-menu > ul > li:last-child {
padding-right: 0;
}
}
header.style-4 .main-menu > ul > li > a {
position: relative;
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--title-color);
display: block;
padding: 36px 0px;
transition: all 0.4s ease-out 0s;
text-transform: capitalize;
}
header.style-4 .main-menu > ul > li i {
font-size: 20px;
text-align: center;
color: var(--title-color);
font-style: normal;
position: absolute;
right: -5px;
top: 35px;
z-index: 999;
cursor: pointer;
display: none;
transition: all 0.4s ease-out 0s;
opacity: 0;
}
@media (max-width: 991px) {
header.style-4 .main-menu > ul > li i {
opacity: 1;
}
}
header.style-4 .main-menu > ul > li i.active {
color: var(--title-color);
}
header.style-4 .main-menu > ul > li i.active::before {
content: "\f2ea";
}
header.style-4 .main-menu > ul > li ul.sub-menu {
position: absolute;
left: 0;
right: 0;
top: auto;
margin: 0;
display: none;
min-width: 220px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(134, 117, 212, 0.08);
text-align: left;
transform-origin: top;
}
@media (max-width: 1199px) {
header.style-4 .main-menu > ul > li ul.sub-menu {
box-shadow: none;
}
}
header.style-4 .main-menu > ul > li ul.sub-menu > li {
padding: 0;
display: block;
position: relative;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li i {
position: absolute;
top: 14px;
right: 6px;
display: block;
color: var(--title-color);
font-size: 14px;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
color: var(--title-color);
opacity: 1;
top: 14px;
font-size: 14px;
right: 10px;
}
@media (max-width: 991px) {
header.style-4 .main-menu > ul > li ul.sub-menu > li .dropdown-icon {
right: 0;
top: 8px;
font-size: 20px;
}
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a {
display: block;
padding: 15px 15px;
color: var(--title-color);
font-weight: 400;
font-family: "Rubik", serif;
font-size: 13px;
line-height: 1.3;
transition: all 0.4s ease-out 0s;
position: relative;
border-bottom: 1px solid #e1e1e1;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
background: linear-gradient(90deg, #fff, var(--primary-color), #fff);
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left;
transition: 0.4s ease-in;
z-index: 1;
}
@media (max-width: 991px) {
header.style-4 .main-menu > ul > li ul.sub-menu > li > a {
border-color: rgba(233, 228, 228, 0.5);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a::before {
background: linear-gradient(90deg, #ddd, #10c581, #ddd);
}
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a:hover {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a:hover::before {
transform: scale(1);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a.active {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li > a.active::before {
transform: scale(1);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:last-child a {
border-bottom: none;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:last-child a::before {
display: none;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:hover > a {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li:hover .dropdown-icon {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li.active > a {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li.active .dropdown-icon {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
left: 220px;
position: absolute;
max-width: 230px;
min-width: 215px;
background: var(--white-color);
box-shadow: 0px 30px 80px rgba(8, 0, 42, 0.08);
top: 0;
}
@media (max-width: 1199px) {
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
box-shadow: none;
}
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu::before {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 991px) {
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu {
position: unset;
max-width: 230px;
min-width: 215px;
background: transparent;
top: 0;
}
}
header.style-4 .main-menu > ul > li ul.sub-menu > li .sub-menu > li i {
display: block;
}
@media (min-width: 992px) {
header.style-4 .main-menu > ul > li ul.sub-menu > li:hover > .sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
header.style-4 .main-menu > ul > li.menu-item-has-children {
transition: all 0.55s ease-in-out;
}
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
content: "\f282";
font-family: "bootstrap-icons";
font-weight: 800;
position: absolute;
top: 31px;
right: 6px;
font-size: 12px;
color: var(--title-color);
transition: all 0.55s ease-in-out;
}
@media (min-width: 1200px) and (max-width: 1399px) {
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
right: 0px;
top: 30px;
}
}
@media (max-width: 1199px) {
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
right: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
top: 30px;
}
}
@media (max-width: 991px) {
header.style-4 .main-menu > ul > li.menu-item-has-children::after {
display: none;
visibility: hidden;
}
}
header.style-4 .main-menu > ul > li.menu-item-has-children:hover::after {
color: var(--primary-color);
content: "\f286";
}
@media (min-width: 992px) {
header.style-4 .main-menu > ul > li:hover > ul.sub-menu {
display: block;
animation: fade-down 0.45s linear;
}
}
@keyframes fade-up {
0% {
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
}
header.style-4 .main-menu > ul > li:hover > a {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li:hover > a::after {
transform-origin: left center;
transform: scale(1, 1);
}
header.style-4 .main-menu > ul > li:hover::after {
color: var(--title-color);
}
header.style-4 .main-menu > ul > li:hover .dropdown-icon2 {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active > a {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active::after {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active .dropdown-icon2 {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li.active.position-inherit > a::after {
color: var(--primary-color);
}
header.style-4 .main-menu > ul li.menu-item-has-children > i {
display: block;
}
header.style-4 .nav-right {
display: flex;
align-items: center;
gap: 24px;
position: relative;
}
header.style-4 .nav-right::after {
content: "";
height: 20px;
width: 1px;
background-color: rgba(17, 17, 17, 0.1);
position: absolute;
left: 36px;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
header.style-4 .nav-right::after {
left: 35px;
}
}
@media (max-width: 991px) {
header.style-4 .nav-right::after {
display: none;
}
}
@media (max-width: 1199px) {
header.style-4 .nav-right {
gap: 20px;
}
}
header.style-4 .nav-right .right-sidebar-button {
cursor: pointer;
}
header.style-4 .nav-right .right-sidebar-button a svg path {
fill: var(--title-color);
}
@keyframes qode-draw {
0%, 100% {
-webkit-clip-path: inset(-2px -2px);
clip-path: inset(-2px -2px);
}
42% {
-webkit-clip-path: inset(-2px -2px -2px 100%);
clip-path: inset(-2px -2px -2px 100%);
}
43% {
-webkit-clip-path: inset(-2px 100% -3px -2px);
clip-path: inset(-2px 100% -3px -2px);
}
}
header.style-4 .nav-right .right-sidebar-button:hover svg {
animation: qode-draw 0.75s cubic-bezier(0.57, 0.39, 0, 0.86) 1 forwards;
}
header.style-4 .nav-right .hotline-area {
display: flex;
align-items: center;
gap: 8px;
}
header.style-4 .nav-right .hotline-area .content {
line-height: 1;
}
header.style-4 .nav-right .hotline-area .content span {
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(0, 0, 0, 0.7);
margin-bottom: 1px;
}
header.style-4 .nav-right .hotline-area .content h6 {
margin: 0;
}
header.style-4 .nav-right .hotline-area .content h6 a {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 16px;
color: var(--primary-color);
margin: 0;
}
header.style-4 .nav-right .mobile-menu-btn {
display: none;
visibility: hidden;
}
@media (max-width: 991px) {
header.style-4 .nav-right .mobile-menu-btn {
display: flex;
flex-direction: column;
align-items: end;
visibility: visible;
justify-content: center;
position: relative;
}
header.style-4 .nav-right .mobile-menu-btn svg {
fill: var(--title-color);
}
}
header.style-4.inner-page {
position: relative;
background-color: var(--white-color);
}
@media (max-width: 991px) {
header.style-4 .header-logo {
padding: 15px 0;
}
}
header.style-4 .header-logo a img {
width: 130px;
}
@media only screen and (max-width: 991px) {
header.style-4 .mobile-logo-area .menu-close-btn {
height: 32px;
width: 32px;
border-radius: 50%;
border: 1px solid var(--title-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.35s;
}
header.style-4 .mobile-logo-area .menu-close-btn i {
font-size: 26px;
line-height: 1;
margin-top: 2px;
color: var(--title-color);
transition: 0.35s;
}
header.style-4 .mobile-logo-area .menu-close-btn:hover {
background-color: var(--title-color);
}
header.style-4 .mobile-logo-area .menu-close-btn:hover i {
color: var(--white-color);
}
header.style-4 .dropdown-icon {
color: var(--white-color);
}
header.style-4 .main-menu {
position: fixed;
top: 0;
left: 0;
width: 280px;
padding: 30px 20px !important;
z-index: 99999;
height: 100%;
overflow: auto;
background: #fff;
border-right: 1px solid #eee;
transform: translateX(-100%);
transition: transform 0.3s ease-in;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}
header.style-4 .main-menu.show-menu {
transform: translateX(0);
}
header.style-4 .main-menu .mobile-menu-logo {
text-align: left;
padding-top: 20px;
display: block;
padding-bottom: 8px;
}
header.style-4 .main-menu .menu-list {
padding-top: 50px;
padding-bottom: 30px;
}
header.style-4 .main-menu > ul {
float: none;
text-align: left;
padding: 5px 0px 20px 0;
}
header.style-4 .main-menu > ul > li {
display: block;
position: relative;
padding: 0;
}
header.style-4 .main-menu > ul > li i {
display: block;
}
header.style-4 .main-menu > ul > li a {
padding: 10px 0;
display: block;
}
header.style-4 .main-menu > ul > li ul.sub-menu {
position: static;
min-width: 200px;
background: 0 0;
border: none;
opacity: 1;
visibility: visible;
box-shadow: none;
transform: none;
transition: none;
display: none;
margin-top: 0 !important;
transform: translateY(0px);
padding-left: 10px;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li {
border-bottom: 1px solid transparent;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li a {
color: var(--title-color);
padding: 12px 0px;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li a:hover {
color: var(--primary-color);
margin-left: 10px;
}
header.style-4 .main-menu > ul > li ul.sub-menu > li a.active {
color: var(--primary-color);
}
header.style-4 .main-menu > ul > li ul.sub-menu > li i {
color: var(--primary-color);
right: -13px;
}
header.style-4 .main-menu > ul > li .bi {
top: 8px;
font-size: 20px;
color: var(--title-color);
line-height: 1;
}
}
@media (max-width: 1699px) {
header.style-4 {
padding: 0 15px;
}
}
@media (max-width: 767px) {
header.style-4 {
padding: 0 20px;
}
}
@media (max-width: 576px) {
header.style-4 {
padding: 0 5px;
}
}
.banner-section-four {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/home-four-banner-image.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
max-width: 1800px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1799px) {
.banner-section-four {
max-width: 1470px;
width: 100%;
border-radius: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-four {
max-width: 1150px;
width: 100%;
border-radius: 30px;
}
}
@media (max-width: 1199px) {
.banner-section-four {
max-width: 1150px;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 991px) {
.banner-section-four {
max-width: 950px;
width: 100%;
}
}
@media (max-width: 767px) {
.banner-section-four {
max-width: 700px;
width: 100%;
}
}
.banner-section-four .banner-section-wrapper {
max-width: 860px;
width: 100%;
margin: 0 auto;
padding: 150px 0 164px;
text-align: center;
}
@media (max-width: 1199px) {
.banner-section-four .banner-section-wrapper {
padding: 120px 0 120px;
}
}
@media (max-width: 767px) {
.banner-section-four .banner-section-wrapper {
padding: 100px 0 100px;
}
}
@media (max-width: 576px) {
.banner-section-four .banner-section-wrapper {
padding: 80px 0 80px;
}
}
.banner-section-four .banner-section-wrapper .sub-title-four {
position: relative;
padding: 11px 44px;
white-space: nowrap;
display: inline-flex;
max-width: 100%;
width: -moz-max-content;
width: max-content;
margin-bottom: 8px;
}
@media (max-width: 1199px) {
.banner-section-four .banner-section-wrapper .sub-title-four {
margin-bottom: 20px;
}
}
.banner-section-four .banner-section-wrapper .sub-title-four .sub-title-bg {
position: absolute;
width: 100%;
height: auto;
top: 5px;
left: 0;
}
.banner-section-four .banner-section-wrapper .sub-title-four span {
font-family: "Satisfy", serif;
font-size: 22px;
font-weight: 400;
line-height: 32px;
color: rgb(77, 206, 21);
margin-top: 10px;
}
.banner-section-four .banner-section-wrapper h1 {
font-family: "Rubik", serif;
font-size: 56px;
font-weight: 800;
line-height: 76px;
letter-spacing: 0.01em;
text-align: center;
color: var(--white-color);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-four .banner-section-wrapper h1 {
font-size: 44px;
}
}
@media (max-width: 1199px) {
.banner-section-four .banner-section-wrapper h1 {
font-size: 40px;
line-height: 1.2;
}
}
@media (max-width: 767px) {
.banner-section-four .banner-section-wrapper h1 {
font-size: 38px;
line-height: 1.3;
}
}
@media (max-width: 767px) {
.banner-section-four .banner-section-wrapper h1 {
font-size: 31px;
}
}
@media (max-width: 425px) {
.banner-section-four .banner-section-wrapper h1 {
font-size: 25px;
}
}
.banner-section-four .banner-section-wrapper p {
font-family: "Jost", serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
color: var(--white-color);
max-width: 706px;
width: 100%;
margin: 0 auto;
padding-top: 7px;
padding-bottom: 28px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-four .banner-section-wrapper p {
padding-top: 0;
font-size: 18px;
max-width: 600px;
width: 100%;
padding-bottom: 25px;
}
}
@media (max-width: 1199px) {
.banner-section-four .banner-section-wrapper p {
max-width: 550px;
width: 100%;
font-size: 17px;
line-height: 1.3;
}
}
@media (max-width: 767px) {
.banner-section-four .banner-section-wrapper p {
font-size: 14px;
}
}
@media (max-width: 425px) {
.banner-section-four .banner-section-wrapper p {
font-size: 13px;
}
}
.banner-section-four .banner-section-wrapper .bottom-area {
border: 1px dashed rgba(255, 255, 255, 0.25);
border-radius: 63px;
padding: 10px 20px;
max-width: 482px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
.banner-section-four .banner-section-wrapper .bottom-area {
gap: 25px;
}
}
@media (max-width: 425px) {
.banner-section-four .banner-section-wrapper .bottom-area {
display: flex;
align-items: center;
justify-content: space-around;
}
}
@media (max-width: 350px) {
.banner-section-four .banner-section-wrapper .bottom-area {
gap: 40px;
border-radius: 50px;
padding: 10px 20px;
}
}
.banner-section-four .banner-section-wrapper .video-area {
display: flex;
align-items: center;
gap: 12px;
}
.banner-section-four .banner-section-wrapper .video-area .icon {
height: 58px;
width: 58px;
background: linear-gradient(to right, rgb(255, 101, 0), rgb(228, 163, 121));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.banner-section-four .banner-section-wrapper .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 62px;
left: 61px;
}
.banner-section-four .banner-section-wrapper .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgb(255, 101, 0), rgb(228, 163, 121));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.banner-section-four .banner-section-wrapper .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.banner-section-four .banner-section-wrapper .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.banner-section-four .banner-section-wrapper .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
.banner-section-four .banner-section-wrapper .video-area span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: var(--white-color);
margin: 0;
}
@media (max-width: 576px) {
.banner-section-four .banner-section-wrapper .video-area span {
display: none;
}
}
.banner-section-four .filter-wrapper {
margin-bottom: 40px;
}
.banner-section-four .filter-wrapper .nav-buttons {
display: flex;
align-items: center;
justify-content: center;
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills {
border-radius: 15px 15px 0px 0px;
background-color: rgb(254, 255, 254);
display: inline-flex;
border-bottom: 1px solid #dbe1cd;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills {
justify-content: center;
border-radius: 5px 5px 0 0;
width: 100%;
}
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 15px 0 0 0;
border-left: unset;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 5px 0 0 0;
}
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 15px 0 0;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0;
}
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item {
width: 50%;
}
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 15px 40px;
border-radius: unset;
border-left: 1px solid #dbe1cd;
width: 100%;
}
@media (max-width: 991px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 15px;
font-size: 15px;
}
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.two svg {
height: 23px;
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link svg path {
fill: rgb(17, 17, 17);
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.banner-section-four .filter-wrapper .nav-buttons .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group {
border-radius: 15px;
background-color: rgb(254, 255, 254);
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group {
border-radius: 0 0 15px 15px;
}
}
@media (max-width: 425px) {
.banner-section-four .filter-wrapper .filter-group {
border-radius: 0 0 15px 15px;
}
}
.banner-section-four .filter-wrapper .filter-group form {
display: flex;
align-items: center;
gap: 20px;
padding: 35px;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form {
flex-direction: column;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area {
width: 100%;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box {
position: relative;
border: 1px solid rgba(66, 86, 95, 0.25);
border-radius: 8px;
padding: 13px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box.four {
padding: 12px;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box {
position: relative;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
line-height: 1;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input {
width: 100%;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input label {
color: #6a6a6a;
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
display: block;
margin-bottom: 5px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown {
position: relative;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input {
display: flex;
align-items: center;
line-height: 1;
cursor: pointer;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
background-color: transparent;
width: 100%;
cursor: pointer;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::-moz-placeholder {
color: var(--title-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input input::placeholder {
color: var(--title-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input svg {
position: absolute;
right: 0%;
bottom: 50%;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.3px;
min-width: 188px;
width: 100%;
margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .select-input h6 {
min-width: 150px;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
padding: 10px 0;
background-color: var(--white-color);
border-radius: 5px;
max-width: 225px;
min-width: 225px;
width: 100%;
max-height: 250px;
overflow-y: scroll;
position: absolute;
top: 40px;
left: 0;
z-index: 9;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
display: none;
transform: scaleY(0);
transform-origin: top;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar {
width: 5px; }
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-track {
background: #f5f4f4;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: #ddd; border-radius: 20px; }
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 200px;
min-width: 200px;
left: -25px;
}
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
max-width: 100%;
min-width: 100%;
top: 35px;
}
}
@media (max-width: 767px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
top: 65px;
}
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap {
left: 50%;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area {
border-bottom: 1px solid #dee2e6;
margin-bottom: 5px;
display: flex;
align-items: center;
gap: 5px;
margin: 0 10px 5px 10px;
padding-bottom: 5px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area i {
color: var(--primary-color1);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .custom-select-search-area input {
background-color: transparent;
color: var(--title-color);
font-size: 14px;
font-weight: 400;
width: 100%;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li {
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.3s;
cursor: pointer;
padding: 7px 10px;
line-height: 1;
position: relative;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 14px;
font-family: "Rubik", serif;
color: var(--title-color);
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination h6 {
font-size: 13px;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 12px;
font-family: var(--font-jost);
color: var(--text-color);
font-weight: 400;
margin-bottom: 0;
line-height: 1.4;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .destination p {
font-size: 11px;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
color: var(--white-color);
font-weight: 400;
font-family: var(--font-jost);
font-size: 12px;
line-height: 1;
text-align: center;
background-color: var(--primary-color);
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li .tour span {
font-size: 13px;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li::before {
content: "";
height: 100%;
width: 3px;
background-color: var(--title-color);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item {
padding: 10px 15px;
border-bottom: 1px solid #f5f4f4;
margin-bottom: 0;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item:last-child {
border-bottom: none;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li.single-item h6 {
font-size: 13px;
font-weight: 500;
font-family: "Rubik", serif;
color: var(--text-color);
margin-bottom: 0;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover {
background: rgba(211, 211, 211, 0.231372549);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .option-list li:hover::before {
opacity: 1;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
border-bottom: 1px solid #f5f4f4;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title h6 {
font-size: 14px;
font-weight: 500;
font-family: "Rubik", serif;
color: var(--text-color);
margin-bottom: 0;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .title span {
font-size: 13px;
font-weight: 400;
font-family: var(--font-jost);
color: var(--text-color);
margin-bottom: 0;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter {
display: flex;
align-items: center;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a {
height: 20px;
min-width: 20px;
max-width: 20px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 17px;
color: var(--primary-color1);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter a:hover {
color: var(--white-color);
background-color: var(--primary-color1);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap .guest-count .single-item .quantity-counter input {
width: 40px;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
display: block;
transform: scaleY(1);
animation: fade-down 0.3s linear;
}
@keyframes fade-down2 {
0% {
opacity: 0;
transform: scaleY(0) translateX(-50%);
visibility: hidden;
}
100% {
opacity: 1;
transform: scaleY(1) translateX(-50%);
visibility: visible;
}
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.active {
transform: scaleY(1) translateX(-50%);
animation: fade-down2 0.3s linear;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-height: 180px;
padding: 0;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
max-width: 100%;
min-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.two {
left: 0;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown .custom-select-wrap.no-scroll {
overflow-y: initial;
max-width: unset;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::-moz-placeholder {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input input::placeholder {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input i {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .select-input h6 {
color: var(--white-color);
min-width: 150px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
background-color: var(--title-color);
border: unset;
top: 47px;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
top: 75px;
}
}
@media (max-width: 576px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap {
left: 50%;
top: 65px;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar {
border-radius: 10px; }
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-track {
background: var(--title-color);
border-radius: 10px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap::-webkit-scrollbar-thumb {
background-color: var(--white-color); border-radius: 10px; }
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .custom-select-search-area input {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li::before {
background-color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination h6,
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li .destination p {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item {
border-bottom: 1px solid #282727;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .option-list li.single-item h6 {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item {
border-bottom: 1px solid #282727;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title h6,
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .title span {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input .custom-select-dropdown.style-2 .custom-select-wrap .guest-count .single-item .quantity-counter input {
color: var(--white-color);
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter {
position: relative;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter a {
color: var(--title-color);
line-height: 1;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter a i {
font-size: 14px;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__plus {
position: absolute;
top: -8px;
right: 20px;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__plus {
right: 0;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
position: absolute;
top: 8px;
right: 20px;
}
@media (max-width: 1199px) {
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__minus {
right: 0;
}
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__input {
width: 100%;
height: unset;
border: 1px solid #eee;
border-radius: 5px;
background-color: transparent;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.48px;
border: none;
}
.banner-section-four .filter-wrapper .filter-group form .filter-area .single-search-box .searchbox-input > .quantity-counter .quantity__input:focus {
border: none;
}
@media (max-width: 576px) {
.promotion-section-four {
padding: 80px 15px 0 15px;
}
}
.promotion-section-four .promotion-card a img {
border-radius: 10px;
}
.promotion-section-four .promotion-pagination-area .promotion-pagination {
width: unset !important;
display: flex;
gap: 15px;
}
.promotion-section-four .promotion-pagination-area .promotion-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.promotion-section-four .promotion-pagination-area .promotion-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.promotion-section-four .promotion-pagination-area .promotion-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popular-destination-section {
position: relative;
overflow: hidden;
}
@media (max-width: 576px) {
.popular-destination-section {
padding: 0 15px 0 15px;
}
}
.popular-destination-section .section-title-four .description {
max-width: 675px;
width: 100%;
}
.popular-destination-section .popular-slider-btn {
display: flex;
gap: 20px;
}
@media (max-width: 991px) {
.popular-destination-section .popular-slider-btn {
margin-top: 20px;
}
}
.popular-destination-section .popular-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.popular-destination-section .popular-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.popular-destination-section .popular-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.popular-destination-section .popular-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.popular-destination-section .swiper-slide {
width: -moz-fit-content;
width: fit-content;
}
.popular-destination-section .tour-pagination-area .tour-pagination {
width: unset !important;
display: flex;
gap: 15px;
margin-top: 40px;
}
@media (max-width: 767px) {
.popular-destination-section .tour-pagination-area .tour-pagination {
gap: 10px;
}
}
@media (max-width: 576px) {
.popular-destination-section .tour-pagination-area .tour-pagination {
gap: 5px;
}
}
.popular-destination-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.popular-destination-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.popular-destination-section .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popular-card {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 300px;
}
.popular-card:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.9));
z-index: 1;
}
.popular-card.two .popular-content {
position: absolute;
z-index: 1;
bottom: 10%;
left: 28%;
}
.popular-card .tour-amount {
position: absolute;
top: 5%;
right: 5%;
height: 56px;
width: 56px;
display: grid;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(195, 201, 206, 0.5);
transition: 0.3s;
z-index: 2;
}
.popular-card .tour-amount h4 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: rgb(17, 17, 17);
margin-bottom: -20px;
transition: 0.3s;
}
.popular-card .tour-amount h6 {
font-family: "Rubik", serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: rgb(17, 17, 17);
margin: 0;
transition: 0.3s;
}
.popular-card .popular-image {
position: relative;
height: 100%;
}
.popular-card .popular-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.popular-card .popular-content {
position: absolute;
z-index: 1;
bottom: 10%;
left: 21%;
text-align: center;
}
.popular-card .popular-content a h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 32px;
color: var(--white-color);
margin-bottom: 0;
transition: 0.3s;
}
.popular-card .popular-content a h3:hover {
color: var(--primary-color-three);
}
.popular-card .popular-content P {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: var(--white-color);
margin-top: -5px;
}
.popular-card:hover .tour-amount {
background-color: var(--primary-color);
}
.popular-card:hover .tour-amount h4 {
color: var(--white-color);
}
.popular-card:hover .tour-amount h6 {
color: var(--white-color);
}
.who-we-are-section-four {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/who-we-are-back-image.png);
border-radius: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
max-width: 1800px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1799px) {
.who-we-are-section-four {
max-width: 1470px;
width: 100%;
border-radius: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-four {
max-width: 1150px;
width: 100%;
border-radius: 30px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four {
max-width: 1150px;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 991px) {
.who-we-are-section-four {
max-width: 950px;
width: 100%;
}
}
@media (max-width: 767px) {
.who-we-are-section-four {
max-width: 700px;
width: 100%;
}
}
@media (max-width: 576px) {
.who-we-are-section-four {
padding: 0 15px 0 15px;
}
}
.who-we-are-section-four .section-title-four .title {
max-width: 587px;
width: 100%;
margin: 0 auto;
}
.who-we-are-section-four .left-side-image {
background-color: var(--primary-color);
border-radius: 250px;
padding: 5px 0 0 15px;
}
@media (max-width: 991px) {
.who-we-are-section-four .left-side-image {
max-width: 408px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four .left-side-image {
padding: 2px 0 0 7px;
}
}
@media (max-width: 767px) {
.who-we-are-section-four .left-side-image {
width: 60%;
}
}
.who-we-are-section-four .left-side-image img {
border-radius: 250px;
}
@media (max-width: 991px) {
.who-we-are-section-four .right-side-image {
display: none;
}
}
.who-we-are-section-four .right-side-image .top-image img {
border-radius: 120px;
}
.who-we-are-section-four .right-side-image .bottom-image {
padding-top: 41px;
}
@media (max-width: 767px) {
.who-we-are-section-four .right-side-image .bottom-image {
padding-top: 0;
}
}
.who-we-are-section-four .right-side-image .bottom-image img {
border-radius: 128px;
}
.who-we-are-section-four .center-content-item {
display: grid;
align-items: center;
justify-content: center;
}
.who-we-are-section-four .center-content-item .top-description {
max-width: 579px;
width: 100%;
padding-top: 39px;
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .top-description {
padding-top: 15px;
}
}
@media (max-width: 991px) {
.who-we-are-section-four .center-content-item .top-description {
padding-top: 25px;
}
}
.who-we-are-section-four .center-content-item .top-description p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 28px;
color: rgb(17, 17, 17);
margin: 0;
}
@media (max-width: 767px) {
.who-we-are-section-four .center-content-item .top-description p {
font-size: 16px;
line-height: 1.5;
}
}
.who-we-are-section-four .center-content-item .middle-card-item {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 44px;
padding-top: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-four .center-content-item .middle-card-item {
padding-top: 25px;
gap: 18px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .middle-card-item {
padding-top: 15px;
gap: 20px;
}
}
@media (max-width: 991px) {
.who-we-are-section-four .center-content-item .middle-card-item {
padding-top: 25px;
}
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item {
max-width: 177px;
width: 100%;
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item:last-child {
max-width: 155px;
width: 100%;
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item .icon {
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--primary-color);
margin-bottom: 18px;
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .middle-card-item .single-item .icon {
margin-bottom: 15px;
height: 60px;
width: 60px;
}
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item .icon.two {
background-color: var(--primary-color-three);
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item .icon.three {
background-color: rgb(15, 197, 173);
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item h3 {
font-family: "Rubik", serif;
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: rgb(0, 0, 0);
margin-bottom: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-four .center-content-item .middle-card-item .single-item h3 {
margin-bottom: 5px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .middle-card-item .single-item h3 {
font-size: 18px;
line-height: 1;
}
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item p {
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color: rgb(102, 102, 102);
margin: 0;
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .middle-card-item .single-item p {
font-size: 14px;
}
}
.who-we-are-section-four .center-content-item .middle-card-item .single-item:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.who-we-are-section-four .center-content-item .bottom-description {
padding-top: 35px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-four .center-content-item .bottom-description {
padding-top: 20px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .bottom-description {
padding-top: 15px;
}
}
.who-we-are-section-four .center-content-item .bottom-description p {
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 28px;
color: rgb(17, 17, 17);
margin: 0;
}
@media (max-width: 767px) {
.who-we-are-section-four .center-content-item .bottom-description p {
font-size: 16px;
line-height: 1.5;
}
}
.who-we-are-section-four .center-content-item .end-button {
padding-top: 40px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.who-we-are-section-four .center-content-item .end-button {
padding-top: 25px;
}
}
@media (max-width: 1199px) {
.who-we-are-section-four .center-content-item .end-button {
padding-top: 20px;
}
}
@media (max-width: 576px) {
.our-blogs-section-four {
padding: 0 15px 0 15px;
}
}
.our-blogs-section-four .section-title-four .sub-title-four .sub-title-bg {
top: 7px;
}
.blog-card {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.blog-card .blog-card-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.blog-card .blog-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.blog-card .blog-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.blog-card .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 10px 10px 0 0;
z-index: 1;
}
.blog-card .blog-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.blog-card .blog-card-content {
padding: 25px 20px;
}
@media (max-width: 576px) {
.blog-card .blog-card-content {
padding: 15px;
}
}
.blog-card .blog-card-content .card-content-top h5 {
margin-bottom: 20px;
transition: 0.3s;
}
.blog-card .blog-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 23px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-card .blog-card-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-card .blog-card-content .card-content-top h5 a {
font-size: 19px;
}
}
@media (max-width: 991px) {
.blog-card .blog-card-content .card-content-top h5 a {
font-size: 20px;
}
}
@media (max-width: 576px) {
.blog-card .blog-card-content .card-content-top h5 a {
font-size: 22px;
}
}
.blog-card .blog-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.blog-card .blog-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.blog-card .blog-card-content .top-content {
display: flex;
align-items: center;
margin-bottom: 12px;
gap: 20px;
}
.blog-card .blog-card-content .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
.blog-card .blog-card-content .top-content li a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
transition: 0.3s;
}
.blog-card .blog-card-content .top-content li a:hover {
color: var(--primary-color);
}
.blog-card .blog-card-content .top-content li span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
transition: 0.3s;
}
.blog-card .blog-card-content .top-content li span:hover {
color: var(--primary-color);
}
.blog-card .batch {
position: absolute;
top: 10%;
left: 5%;
z-index: 1;
}
.blog-card .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 28px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 39px;
}
.blog-card .batch .featured.two {
background-color: rgb(239, 41, 41);
}
.blog-card .batch .featured.three {
background-color: rgb(239, 41, 41);
}
.blog-card:hover .blog-card-img-wrap .card-img img {
transform: scale(1.1);
}
.blog-card:hover .blog-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.visa-service-section {
overflow: hidden;
max-width: 1880px;
width: 100%;
margin: 0 auto;
}
.visa-service-section .visa-service {
max-width: 1800px;
width: 100%;
}
.visa-service-section .custom-col {
max-width: 560px;
width: 100%;
}
@media (max-width: 1799px) {
.visa-service-section .custom-col {
max-width: 474px;
width: 100%;
}
}
@media (max-width: 1499px) {
.visa-service-section .custom-col {
max-width: 460px;
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .custom-col {
max-width: 395px;
width: 100%;
}
}
@media (max-width: 1199px) {
.visa-service-section .custom-col {
max-width: 390px;
width: 100%;
}
}
@media (max-width: 991px) {
.visa-service-section .custom-col {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-top: 30px;
max-width: 100%;
}
}
.visa-service-section .visa-easy-card {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/card-img/visa-left-image.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
padding: 51px 5px 20px 5px;
}
.visa-service-section .visa-easy-card .top-content {
text-align: center;
}
.visa-service-section .visa-easy-card .top-content h2 {
font-family: "Rubik", serif;
font-size: 40px;
font-weight: 600;
line-height: 40px;
color: var(--white-color);
margin-bottom: 10px;
}
@media (max-width: 576px) {
.visa-service-section .visa-easy-card .top-content h2 {
font-size: 35px;
}
}
.visa-service-section .visa-easy-card .top-content p {
font-family: "Jost", serif;
font-size: 17px;
line-height: 1;
font-weight: 400;
color: var(--white-color);
margin: 0;
}
@media (max-width: 576px) {
.visa-service-section .visa-easy-card .top-content p {
font-size: 15px;
}
}
.visa-service-section .visa-easy-card .middle-area-wrapper {
position: relative;
}
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content {
position: absolute;
top: 25%;
left: 5%;
}
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number {
margin-bottom: 34px;
}
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number:last-child {
margin-bottom: 0;
}
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number h2 {
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 600;
line-height: 26px;
color: var(--white-color);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number h2 {
font-size: 32px;
}
}
@media (max-width: 1199px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number h2 {
font-size: 32px;
}
}
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--white-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number span {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .left-content .number .single-number span {
font-size: 14px;
}
}
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
position: absolute;
right: 3%;
bottom: 31%;
}
@media (max-width: 1799px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
right: -2%;
}
}
@media (max-width: 1499px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
bottom: 12%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
right: -4%;
bottom: 5%;
}
}
@media (max-width: 991px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
right: 4%;
}
}
@media (max-width: 767px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
right: 0%;
}
}
@media (max-width: 576px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item {
right: -5%;
bottom: 0%;
}
}
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: var(--white-color);
max-width: 108px;
width: 100%;
margin-bottom: 60px;
}
@media (max-width: 1799px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 1199px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-size: 12px;
line-height: 1.6;
max-width: 91px;
}
}
@media (max-width: 767px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-size: 16px;
max-width: 120px;
width: 100%;
}
}
@media (max-width: 576px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .right-side-item p {
font-size: 13px;
max-width: 111px;
width: 100%;
}
}
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
position: absolute;
right: 2%;
bottom: 20%;
}
@media (max-width: 1799px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
right: 1%;
bottom: 8%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
right: 4%;
bottom: 0%;
}
}
@media (max-width: 1199px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
right: 28%;
bottom: 2%;
}
}
@media (max-width: 991px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
right: 35%;
}
}
@media (max-width: 576px) {
.visa-service-section .visa-easy-card .middle-area-wrapper .bottom-btn {
right: 30%;
}
}
.visa-service-section .visa-pagination-area .visa-pagination {
width: unset !important;
display: flex;
gap: 15px;
}
@media (max-width: 767px) {
.visa-service-section .visa-pagination-area .visa-pagination {
gap: 10px;
}
}
@media (max-width: 576px) {
.visa-service-section .visa-pagination-area .visa-pagination {
gap: 5px;
}
}
.visa-service-section .visa-pagination-area .visa-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.visa-service-section .visa-pagination-area .visa-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.visa-service-section .visa-pagination-area .visa-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.visa-service-section .visa-service-slider-wrap {
margin-left: 60px;
}
@media (max-width: 1499px) {
.visa-service-section .visa-service-slider-wrap {
margin-left: 30px;
}
}
@media (max-width: 991px) {
.visa-service-section .visa-service-slider-wrap {
margin-right: 25px;
}
}
.visa-card-two {
border-radius: 10px;
position: relative;
}
.visa-card-two.style-2 .top-icon {
top: 50%;
}
@media (max-width: 767px) {
.visa-card-two {
max-width: 520px;
width: 100%;
display: grid;
align-items: center;
justify-content: center;
margin: 0 auto;
}
}
.visa-card-two .top-icon {
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
height: 76px;
width: 76px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 52%;
left: 40%;
z-index: 3;
transform: translateY(-50px);
}
@media (max-width: 1799px) {
.visa-card-two .top-icon {
top: 43%;
}
}
@media (max-width: 1499px) {
.visa-card-two .top-icon {
top: 44%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .top-icon {
top: 43%;
}
}
@media (max-width: 1199px) {
.visa-card-two .top-icon {
width: 65px;
height: 65px;
top: 44%;
}
.visa-card-two .top-icon svg {
width: 35px;
height: 35px;
}
}
@media (max-width: 991px) {
.visa-card-two .top-icon {
top: 50%;
left: 45%;
}
}
@media (max-width: 767px) {
.visa-card-two .top-icon {
top: 50%;
}
}
@media (max-width: 576px) {
.visa-card-two .top-icon {
top: 56%;
}
}
@media (max-width: 425px) {
.visa-card-two .top-icon {
right: 30%;
top: 43%;
}
}
@media (max-width: 350px) {
.visa-card-two .top-icon {
top: 32%;
}
}
.visa-card-two .visa-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.visa-card-two .visa-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.visa-card-two .visa-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.visa-card-two .visa-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.visa-card-two .visa-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.visa-card-two .visa-card-content {
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: var(--white-color);
padding: 50px 15px 10px 15px;
border-radius: 15px;
margin-top: -27px;
position: relative;
z-index: 2;
}
@media (max-width: 1499px) {
.visa-card-two .visa-card-content {
padding: 50px 12px 9px 12px;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content {
padding: 45px 15px 10px 15px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content {
margin-top: -90px;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content {
margin-top: -90px;
}
}
@media (max-width: 767px) {
.visa-card-two .visa-card-content {
padding: 45px 24px 15px 25px;
}
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content {
margin-top: -25px;
}
}
.visa-card-two .visa-card-content h5 {
margin-bottom: 14px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content h5 {
margin-bottom: 10px;
}
}
.visa-card-two .visa-card-content h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content h5 a {
font-size: 19px;
line-height: 1;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content h5 a {
font-size: 18px;
line-height: 1;
}
}
@media (max-width: 991px) {
.visa-card-two .visa-card-content h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 767px) {
.visa-card-two .visa-card-content h5 a {
font-size: 22px;
}
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content h5 a {
font-size: 22px;
line-height: 1;
}
}
@media (max-width: 350px) {
.visa-card-two .visa-card-content h5 a {
font-size: 18px;
}
}
.visa-card-two .visa-card-content h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content h5 {
margin-bottom: 10px;
}
}
.visa-card-two .visa-card-content .visa-card-meta {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
max-width: 365px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content .visa-card-meta {
gap: 0;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content .visa-card-meta {
gap: 0;
}
}
@media (max-width: 767px) {
.visa-card-two .visa-card-content .visa-card-meta {
gap: 10px;
}
}
@media (max-width: 425px) {
.visa-card-two .visa-card-content .visa-card-meta {
display: inline;
flex-wrap: wrap;
gap: 10px;
}
}
.visa-card-two .visa-card-content .visa-card-meta .single-meta {
display: flex;
align-items: center;
gap: 4px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content .visa-card-meta .single-meta {
gap: 8px;
}
}
.visa-card-two .visa-card-content .visa-card-meta .single-meta span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 32px;
color: rgba(17, 17, 17, 0.5);
margin: 0;
}
@media (max-width: 1799px) {
.visa-card-two .visa-card-content .visa-card-meta .single-meta span {
font-size: 13px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content .visa-card-meta .single-meta span {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content .visa-card-meta .single-meta span {
font-size: 12px;
}
}
@media (max-width: 767px) {
.visa-card-two .visa-card-content .visa-card-meta .single-meta span {
font-size: 15px;
}
}
.visa-card-two .visa-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 26px;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-two .visa-card-content .card-content-bottom {
padding-top: 20px;
}
}
@media (max-width: 1199px) {
.visa-card-two .visa-card-content .card-content-bottom {
padding-top: 18px;
}
}
.visa-card-two .visa-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.7);
margin-bottom: 0;
}
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 {
font-size: 25px;
}
}
@media (max-width: 425px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-two .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
.visa-card-two:hover .visa-card-img-wrap .card-img img {
transform: scale(1.1);
}
.visa-card-two:hover .visa-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.why-choose-us-section-four {
position: relative;
}
@media (max-width: 576px) {
.why-choose-us-section-four {
padding: 80px 15px 0 15px;
}
}
.why-choose-us-section-four .section-title-four .description {
max-width: 532px;
width: 100%;
margin: 0 auto;
}
.why-choose-us-section-four .right-side-girl-shape {
position: absolute;
left: 0%;
top: 7%;
z-index: -1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.why-choose-us-section-four .right-side-girl-shape img {
width: 70%;
}
}
@media (max-width: 991px) {
.why-choose-us-section-four .right-side-girl-shape {
display: none;
}
}
.why-choose-us-section-four .left-side-ballon {
position: absolute;
right: 3%;
bottom: 5%;
z-index: -1;
animation: up-down2 2s linear infinite alternate;
}
.tour-package-section-four {
overflow: hidden;
}
.tour-package-section-four .nav-buttons .nav-pills {
border-radius: 15px 15px 0px 0px;
background: transparent;
display: inline-flex;
border-top: 1px solid rgba(17, 17, 17, 0.1);
border-left: 1px solid rgba(17, 17, 17, 0.1);
border-right: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 576px) {
.tour-package-section-four .nav-buttons .nav-pills {
justify-content: center;
}
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item:first-child .nav-link {
border-radius: 15px 0 0 0;
border-left: unset;
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 15px 0 0;
}
@media (max-width: 576px) {
.tour-package-section-four .nav-buttons .nav-pills .nav-item:last-child .nav-link {
border-radius: unset;
border-left: unset;
}
}
@media (max-width: 576px) {
.tour-package-section-four .nav-buttons .nav-pills .nav-item {
width: 50%;
}
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
padding: 15px 40px;
border-radius: unset;
border-left: 1px solid #dbe1cd;
width: 100%;
}
@media (max-width: 991px) {
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link {
padding: 15px 15px;
font-size: 15px;
}
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link svg path {
fill: var(--title-color);
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link.active {
background-color: var(--primary-color);
color: var(--white-color);
}
.tour-package-section-four .nav-buttons .nav-pills .nav-item .nav-link.active svg path {
fill: var(--white-color);
}
.tour-package-section-four .tour-pagination-area .tour-pagination {
width: unset !important;
display: flex;
gap: 15px;
}
@media (max-width: 767px) {
.tour-package-section-four .tour-pagination-area .tour-pagination {
gap: 10px;
}
}
@media (max-width: 576px) {
.tour-package-section-four .tour-pagination-area .tour-pagination {
gap: 5px;
}
}
.tour-package-section-four .tour-pagination-area .tour-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: var(--primary-color-opc-2);
opacity: 1;
position: relative;
}
.tour-package-section-four .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.tour-package-section-four .tour-pagination-area .tour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--primary-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.activity-card-four {
border-radius: 10px;
background-color: var(--white-color);
border: 1px solid rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
transition: 0.3s;
}
.activity-card-four.two {
margin-bottom: 5px;
}
@media (max-width: 767px) {
.activity-card-four {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 576px) {
.activity-card-four {
max-width: 520px;
width: 100%;
}
}
@media (max-width: 425px) {
.activity-card-four {
max-width: 400px;
width: 100%;
}
}
.activity-card-four .activity-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.activity-card-four .activity-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.activity-card-four .activity-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.activity-card-four .activity-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.activity-card-four .activity-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.activity-card-four .activity-card-content {
padding: 16px 24px 24px;
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content {
padding: 15px;
}
}
.activity-card-four .activity-card-content .card-content-top .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
flex-wrap: wrap;
}
.activity-card-four .activity-card-content .card-content-top .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-top .top-content li {
gap: 4px;
}
}
.activity-card-four .activity-card-content .card-content-top .top-content li .icon svg path {
fill: var(--paragraph-color);
}
.activity-card-four .activity-card-content .card-content-top .top-content li span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin-bottom: -2px;
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-top .top-content li span {
font-size: 14px;
}
}
.activity-card-four .activity-card-content .card-content-top .top-content li:last-child span {
color: var(--paragraph-color);
}
.activity-card-four .activity-card-content .card-content-top h5 {
margin-bottom: 13px;
transition: 0.3s;
}
.activity-card-four .activity-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activity-card-four .activity-card-content .card-content-top h5 a {
font-size: 16px;
line-height: 1;
}
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-top h5 a {
font-size: 19px;
line-height: 1;
}
}
@media (max-width: 991px) {
.activity-card-four .activity-card-content .card-content-top h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 576px) {
.activity-card-four .activity-card-content .card-content-top h5 a {
font-size: 22px;
line-height: 1;
}
}
.activity-card-four .activity-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.activity-card-four .activity-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.activity-card-four .activity-card-content .card-content-top .middle-item {
margin-bottom: 12px;
}
.activity-card-four .activity-card-content .card-content-top .middle-item ul {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-top .middle-item ul {
gap: 20px;
justify-content: unset;
}
}
.activity-card-four .activity-card-content .card-content-top .middle-item ul li {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: rgba(17, 17, 17, 0.4);
margin: 0;
display: flex;
align-items: center;
gap: 6px;
}
.activity-card-four .activity-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 23px;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activity-card-four .activity-card-content .card-content-bottom {
padding-top: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-bottom {
gap: 13px;
}
}
.activity-card-four .activity-card-content .card-content-bottom .price-area {
line-height: 1;
}
.activity-card-four .activity-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 14px;
color: var(--paragraph-color);
margin-bottom: 0;
}
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 32px;
font-weight: 500;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 {
font-size: 26px;
}
}
@media (max-width: 576px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
@media (max-width: 425px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 del {
font-size: 16px;
}
}
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.activity-card-four .activity-card-content .card-content-bottom .price-area h5 span {
font-size: 16px;
}
}
.activity-card-four .batch .featured {
background-color: rgb(243, 128, 53);
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 26px;
display: inline-flex;
padding: 1px 20px;
border-radius: 39px;
position: absolute;
top: 10%;
left: 6.5%;
z-index: 9;
}
@media (max-width: 767px) {
.activity-card-four .batch .featured {
top: 8%;
left: -2%;
}
}
.activity-card-four .batch .featured.two {
background-color: var(--primary-color);
}
.activity-card-four .batch .featured.three {
background-color: rgb(229, 35, 35);
}
.activity-card-four:hover {
transition: 0.3s;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.activity-card-four:hover .activity-card-img-wrap .card-img img {
transform: scale(1.1);
}
.activity-card-four:hover .activity-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.travel-card-four {
background-color: rgb(252, 242, 250);
border-radius: 15px;
padding: 28px 22px;
}
.travel-card-four.style-2 {
background-color: rgb(228, 249, 249);
}
.travel-card-four.style-3 {
background-color: rgb(227, 240, 255);
}
.travel-card-four.style-4 {
background-color: rgb(235, 255, 236);
}
.travel-card-four.style-5 {
background-color: rgb(255, 245, 234);
}
.travel-card-four.style-6 {
background-color: rgb(252, 242, 250);
}
.travel-card-four .top-content {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 1199px) {
.travel-card-four .top-content {
gap: 10px;
}
}
.travel-card-four .top-content .icon {
width: 68px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background-color: var(--white-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.travel-card-four .top-content .icon {
width: 60px;
height: 60px;
}
.travel-card-four .top-content .icon svg {
width: 35px;
height: 35px;
}
}
@media (max-width: 1199px) {
.travel-card-four .top-content .icon {
width: 65px;
height: 55px;
}
.travel-card-four .top-content .icon svg {
width: 30px;
height: 30px;
}
}
@media (max-width: 991px) {
.travel-card-four .top-content .icon {
width: 60px;
height: 60px;
}
.travel-card-four .top-content .icon svg {
width: 30px;
height: 30px;
}
}
.travel-card-four .top-content h3 {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 28px;
color: rgb(17, 17, 17);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.travel-card-four .top-content h3 {
font-size: 20px;
line-height: 1.3;
}
}
@media (max-width: 1199px) {
.travel-card-four .top-content h3 {
font-size: 18px;
line-height: 1.3;
}
}
@media (max-width: 991px) {
.travel-card-four .top-content h3 {
font-size: 20px;
line-height: 1.3;
}
}
@media (max-width: 767px) {
.travel-card-four .top-content h3.break-line {
display: none;
}
}
.travel-card-four p {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-top: 17px;
text-transform: capitalize;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.travel-card-four p {
font-size: 16px;
line-height: 1.3;
}
}
@media (max-width: 1199px) {
.travel-card-four p {
font-size: 14px;
line-height: 1.3;
margin-top: 15px;
}
}
@media (max-width: 991px) {
.travel-card-four p {
font-size: 16px;
line-height: 1.3;
margin-top: 15px;
}
}
.travel-card-four:hover .top-content .icon svg {
animation: zoomIn 0.5s linear;
}
.visa-testimonial-section {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/home4-testimonial-bg.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
max-width: 1800px;
width: 100%;
margin: 0 auto;
padding: 80px 0;
}
@media (max-width: 1799px) {
.visa-testimonial-section {
max-width: 1470px;
width: 100%;
border-radius: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-testimonial-section {
max-width: 1150px;
width: 100%;
border-radius: 30px;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section {
max-width: 1150px;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 991px) {
.visa-testimonial-section {
max-width: 950px;
width: 100%;
}
}
@media (max-width: 767px) {
.visa-testimonial-section {
max-width: 700px;
width: 100%;
}
}
@media (max-width: 576px) {
.visa-testimonial-section {
padding: 80px 15px;
}
}
.visa-testimonial-section .section-title-four .sub-title-four .sub-title-bg {
top: -1%;
}
.visa-testimonial-section .section-title-four .title {
color: var(--white-color);
}
.visa-testimonial-section .choose-review {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
padding-top: 70px;
}
@media (max-width: 1199px) {
.visa-testimonial-section .choose-review {
padding-top: 30px;
}
}
.visa-testimonial-section .choose-review > strong {
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 16px;
color: var(--white-color);
margin: 0;
}
.visa-testimonial-section .choose-review .rating {
display: flex;
align-items: center;
gap: 10px;
line-height: 1;
flex-wrap: wrap;
}
.visa-testimonial-section .choose-review .rating ul {
display: flex;
align-items: center;
gap: 5px;
}
.visa-testimonial-section .choose-review .rating ul li i {
color: #00aa6c;
font-size: 14px;
}
.visa-testimonial-section .choose-review .rating span {
color: var(--white-color);
}
.visa-testimonial-section .choose-review p {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
.visa-testimonial-section .choose-review p strong {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: rgba(255, 255, 255, 0.8);
text-transform: capitalize;
text-decoration: underline;
margin: 0;
}
.visa-testimonial-section .rating-area {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 576px) {
.visa-testimonial-section .rating-area {
gap: 10px;
}
}
.visa-testimonial-section .rating-area li {
background-color: var(--white-color);
border-radius: 10px;
box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.08);
padding: 10px 22px;
}
@media (max-width: 576px) {
.visa-testimonial-section .rating-area li {
padding: 10px 15px;
}
}
.visa-testimonial-section .rating-area li .logo {
margin-bottom: 6px;
}
.visa-testimonial-section .rating-area li .star {
display: flex;
align-items: center;
gap: 5px;
line-height: 1;
}
.visa-testimonial-section .rating-area li .star span {
color: var(--title-color);
font-size: 13px;
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
}
.visa-testimonial-section .testimonial-img-wrapper .testimonial-img {
background-color: rgb(240, 171, 52);
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/visa-testimonail-union.svg);
-webkit-mask-position: unset;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
position: relative;
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper .testimonial-img {
justify-content: unset;
}
}
@media (max-width: 767px) {
.visa-testimonial-section .testimonial-img-wrapper .testimonial-img {
justify-content: left;
}
}
.visa-testimonial-section .testimonial-img-wrapper .review-item-one {
background-color: var(--white-color);
position: absolute;
left: -5%;
top: 25%;
z-index: 999;
padding: 9px 12px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
animation: up-down2 2s linear infinite alternate;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one {
left: 5%;
top: 18%;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one {
left: 4%;
}
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one {
left: 25%;
top: 16%;
}
}
@media (max-width: 576px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one {
left: 15%;
top: 18%;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one .icon svg {
width: 30px;
height: 30px;
}
}
.visa-testimonial-section .testimonial-img-wrapper .review-item-one span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: var(title-color);
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one span {
font-size: 12px;
line-height: 1;
}
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper .review-item-one span {
font-size: 14px;
}
}
.visa-testimonial-section .testimonial-img-wrapper .client-item {
background-color: var(--white-color);
position: absolute;
left: -1%;
bottom: 25%;
z-index: 999;
padding: 9px 12px;
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
animation: left-to-right 2s linear infinite alternate;
}
@keyframes left-to-right {
0% {
transform: translateX(0);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item {
left: 5%;
bottom: 18%;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item {
left: 5%;
bottom: 13%;
}
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item {
left: 30%;
bottom: 43%;
}
}
@media (max-width: 576px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item {
left: 14%;
bottom: 47%;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item .icon svg {
width: 30px;
height: 30px;
}
}
.visa-testimonial-section .testimonial-img-wrapper .client-item span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 44px;
color: var(title-color);
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item span {
font-size: 12px;
line-height: 1;
}
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-img-wrapper .client-item span {
font-size: 14px;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content {
width: 100%;
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content {
display: grid;
align-items: center;
justify-content: center;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: -4px;
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title .rating {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 15px;
}
@media (max-width: 991px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title .rating {
margin-bottom: 10px;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title .rating li {
line-height: 1;
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title .rating li i {
color: #ffc107;
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title h4 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title h4 {
font-size: 28px;
}
}
@media (max-width: 576px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content .testimonial-content-top .rating-title h4 {
font-size: 25px;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content p {
font-family: "Jost", serif;
font-size: 22px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.01em;
color: rgba(255, 255, 255, 0.95);
margin-bottom: 26.5px;
max-width: 608px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content p {
font-size: 18px;
line-height: 1.4;
max-width: 550px;
width: 100%;
}
}
@media (max-width: 1199px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content p {
font-size: 18px;
line-height: 33px;
margin-bottom: 20px;
max-width: 519px;
width: 100%;
}
}
@media (max-width: 576px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content p {
font-size: 17px;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design {
margin-left: 72px;
position: relative;
}
@media (max-width: 350px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design {
margin-left: 0;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design::before {
content: "";
position: absolute;
height: 2px;
width: 56px;
background-color: var(--white-color);
top: 10px;
left: -80px;
}
@media (max-width: 350px) {
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design::before {
display: none;
}
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design h5 {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 500;
line-height: 1;
margin: 0;
}
.visa-testimonial-section .testimonial-content-area .testimonial-content .author-name-design span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgba(255, 255, 255, 0.8);
}
.visa-testimonial-section .testimonial-content-area .swiper-slide-active .author-name-design {
animation: fadeInUp 1.7s;
}
.visa-testimonial-section .testimonial-content-area .swiper-slide-active .testimonial-content {
animation: fadeInUp 1.7s;
}
.tour-guides-section {
position: relative;
overflow: hidden;
}
.tour-guides-section .guide-slider-area {
position: relative;
}
.tour-card-four {
background-color: var(--white-color);
border-radius: 15px;
height: 421px;
border: 1px solid rgba(17, 17, 17, 0.1);
position: relative;
}
@media (max-width: 767px) {
.tour-card-four {
max-width: 350px;
width: 100%;
display: grid;
align-items: center;
justify-content: center;
margin: 0 auto;
}
}
.tour-card-four .tour-content {
text-align: center;
padding: 44px 55px 0;
margin-bottom: 36px;
}
.tour-card-four .tour-content h6 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--paragraph-color);
margin-bottom: 16px;
}
.tour-card-four .tour-content h3 {
font-family: "Rubik", serif;
font-size: 26px;
font-weight: 500;
line-height: 16px;
color: var(title-color);
margin: 0;
}
.tour-card-four .tour-guide-image {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.tour-card-four .tour-image-bg.one svg {
position: absolute;
bottom: 0%;
left: 0%;
width: 100%;
height: auto;
}
.tour-card-four .tour-image-bg.one svg path {
fill: #f38035;
opacity: 0.3;
transition: 0.3s;
}
.tour-card-four .tour-image-bg.two svg {
position: absolute;
bottom: 0%;
left: 0%;
width: 100%;
height: auto;
}
.tour-card-four .tour-image-bg.two svg path {
fill: #4da627;
opacity: 0.3;
transition: 0.3s;
}
.tour-card-four .tour-image-bg.three svg {
position: absolute;
bottom: 0%;
left: 0%;
width: 100%;
height: auto;
}
.tour-card-four .tour-image-bg.three svg path {
fill: #0fc5ad;
opacity: 0.3;
transition: 0.3s;
}
.tour-card-four .tour-image-bg.four svg {
position: absolute;
bottom: 0%;
left: 0%;
width: 100%;
height: auto;
}
.tour-card-four .tour-image-bg.four svg path {
fill: #3aa6eb;
opacity: 0.3;
transition: 0.3s;
}
.tour-card-four:hover .tour-image-bg.one svg path {
fill: #f38035;
opacity: 1;
}
.tour-card-four:hover .tour-image-bg.two svg path {
fill: #4da627;
opacity: 1;
}
.tour-card-four:hover .tour-image-bg.three svg path {
fill: #0fc5ad;
opacity: 1;
}
.tour-card-four:hover .tour-image-bg.four svg path {
fill: #3aa6eb;
opacity: 1;
}
.footer-top-content-four {
position: relative;
z-index: 1;
margin-bottom: -200px;
}
@media (max-width: 1199px) {
.footer-top-content-four {
margin-bottom: -150px;
}
}
.footer-top-content-four .newsletter-content {
border-radius: 10px 0 0 10px;
background-color: rgb(210, 237, 255);
padding: 78px 89px;
text-align: start;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.footer-top-content-four .newsletter-content {
padding: 50.5px 50px;
}
}
@media (max-width: 1199px) {
.footer-top-content-four .newsletter-content {
padding: 38px 47px;
border-radius: 10px 0 0 10px;
}
}
@media (max-width: 991px) {
.footer-top-content-four .newsletter-content {
padding: 60px 80px;
text-align: center;
border-radius: 10px;
}
}
@media (max-width: 767px) {
.footer-top-content-four .newsletter-content {
padding: 60px 80px 35px;
}
}
@media (max-width: 576px) {
.footer-top-content-four .newsletter-content {
padding: 45px 20px 30px;
}
}
@media (max-width: 350px) {
.footer-top-content-four .newsletter-content {
padding: 45px 10px 30px;
}
}
.footer-top-content-four .newsletter-content h2 {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 600;
line-height: 44px;
text-transform: capitalize;
margin-bottom: 12px;
}
@media (max-width: 1399px) {
.footer-top-content-four .newsletter-content h2 {
font-size: 32px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.footer-top-content-four .newsletter-content h2 {
font-size: 26px;
line-height: 1.2;
}
}
@media (max-width: 767px) {
.footer-top-content-four .newsletter-content h2 {
font-size: 26px;
line-height: 1.2;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.footer-top-content-four .newsletter-content h2 {
font-size: 25px;
line-height: 1.3;
}
}
@media (max-width: 350px) {
.footer-top-content-four .newsletter-content h2 {
margin-bottom: 10px;
}
}
.footer-top-content-four .newsletter-content p {
color: rgba(17, 17, 17, 0.6);
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.16px;
margin-bottom: 29px;
}
@media (max-width: 1199px) {
.footer-top-content-four .newsletter-content p {
font-size: 16px;
line-height: 1;
margin-bottom: 25px;
}
}
@media (max-width: 576px) {
.footer-top-content-four .newsletter-content p {
font-size: 15px;
}
}
.footer-top-content-four .newsletter-content .from-inner {
background-color: var(--white-color);
display: flex;
align-items: center;
justify-content: center;
max-width: 482px;
width: 100%;
border-radius: 15px;
border: 1px solid rgba(17, 17, 17, 0.1);
margin-bottom: 7px;
}
@media (max-width: 991px) {
.footer-top-content-four .newsletter-content .from-inner {
margin: 0 auto;
}
}
.footer-top-content-four .newsletter-content .from-inner input {
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 15px;
background-color: var(--white-color);
border: none;
color: rgb(119, 119, 119);
font-size: 16px;
font-family: "Rubik", serif;
text-transform: capitalize;
width: 100%;
height: 48px;
padding: 10px 20px;
}
.footer-top-content-four .newsletter-content .from-inner input::-moz-placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-top-content-four .newsletter-content .from-inner input::placeholder {
color: rgba(16, 12, 8, 0.4);
}
.footer-top-content-four .newsletter-content span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgba(17, 17, 17, 0.5);
margin: 0;
}
@media (max-width: 991px) {
.footer-top-content-four .right-side-image {
display: none;
}
}
.footer-top-content-four .right-side-image img {
border-radius: 0 15px 15px 0;
}
@media (max-width: 991px) {
.footer-top-content-four .right-side-image img {
width: 100%;
border-radius: 0 0 15px 15px;
height: 370px;
-o-object-fit: cover;
object-fit: cover;
}
}
.footer-section-four {
background-color: rgb(26, 26, 26);
-webkit-mask-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/footer-four-bg-shape.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center;
padding-top: 260px;
}
.footer-section-four .footer-top-content {
margin-bottom: 60px;
}
.footer-section-four .footer-top-content .information-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 32px 0;
}
@media (max-width: 991px) {
.footer-section-four .footer-top-content .information-wrapper {
gap: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
justify-content: space-between;
}
}
@media (max-width: 767px) {
.footer-section-four .footer-top-content .information-wrapper {
padding: 20px 0;
}
}
@media (max-width: 576px) {
.footer-section-four .footer-top-content .information-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
.footer-section-four .footer-top-content .information-wrapper .single-information {
display: flex;
align-items: center;
gap: 12px;
position: relative;
}
.footer-section-four .footer-top-content .information-wrapper .single-information::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -50px;
background: rgba(255, 255, 255, 0.25);
width: 1px;
height: 48px;
border-radius: 50%;
}
@media (max-width: 1199px) {
.footer-section-four .footer-top-content .information-wrapper .single-information::before {
left: -15px;
}
}
@media (max-width: 991px) {
.footer-section-four .footer-top-content .information-wrapper .single-information::before {
display: none;
}
}
.footer-section-four .footer-top-content .information-wrapper .single-information:first-child::before {
display: none;
}
.footer-section-four .footer-top-content .information-wrapper .single-information .icon {
height: 58px;
width: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--primary-color-three);
}
@media (max-width: 1199px) {
.footer-section-four .footer-top-content .information-wrapper .single-information .icon {
height: 50px;
width: 50px;
}
.footer-section-four .footer-top-content .information-wrapper .single-information .icon svg {
height: 20px;
width: 20px;
}
}
.footer-section-four .footer-top-content .information-wrapper .single-information .icon.two {
background-color: rgb(77, 166, 39);
}
.footer-section-four .footer-top-content .information-wrapper .single-information .icon.three {
background-color: rgb(15, 197, 173);
}
.footer-section-four .footer-top-content .information-wrapper .single-information .icon.four {
background-color: rgb(58, 166, 235);
}
.footer-section-four .footer-top-content .information-wrapper .single-information .content {
display: grid;
align-items: center;
}
.footer-section-four .footer-top-content .information-wrapper .single-information .content span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: rgba(255, 255, 255, 0.6);
margin: 0;
}
.footer-section-four .footer-top-content .information-wrapper .single-information .content a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
transition: 0.3s;
}
@media (max-width: 1199px) {
.footer-section-four .footer-top-content .information-wrapper .single-information .content a {
font-size: 14px;
line-height: 1.4;
}
}
.footer-section-four .footer-top-content .information-wrapper .single-information .content a:hover {
color: var(--primary-color);
}
.footer-section-four .footer-top-content .information-wrapper .single-information:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.footer-section-four .footer-widget .footer-logo p {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: rgb(171, 171, 171);
max-width: 352px;
width: 100%;
margin: 20px 0 28px;
}
.footer-section-four .footer-widget .footer-logo .social-item-four {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 216px;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
}
.footer-section-four .footer-widget .footer-logo .social-item-four .single-item {
border-right: 1px solid rgba(255, 255, 255, 0.1);
padding: 4px 18px;
}
.footer-section-four .footer-widget .footer-logo .social-item-four .single-item:last-child {
border-right: none;
}
.footer-section-four .footer-widget .footer-logo .social-item-four .single-item a svg path {
transition: 0.3s;
fill: rgb(255, 255, 255);
}
.footer-section-four .footer-widget .footer-logo .social-item-four .single-item:hover a svg path {
fill: var(--primary-color);
}
.footer-section-four .footer-widget .widget-title h4 {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.03em;
margin-bottom: 16px;
}
.footer-section-four .footer-widget .widget-title.two {
margin-bottom: 22px;
}
.footer-section-four .footer-widget .gallery-img {
position: relative;
border-radius: 6px;
}
.footer-section-four .footer-widget .gallery-img img {
border-radius: 6px;
width: 100%;
}
.footer-section-four .footer-widget .gallery-img .icon-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(77, 166, 39, 0.5);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0.4);
transition: 0.3s;
}
.footer-section-four .footer-widget .gallery-img .icon-area i {
color: var(--white-color);
font-size: 24px;
}
.footer-section-four .footer-widget .gallery-img:hover .icon-area {
transform: scale(1);
opacity: 1;
}
.footer-section-four .footer-widget .widget-list {
padding: 0;
margin: 0;
}
.footer-section-four .footer-widget .widget-list li {
margin-bottom: 10px;
line-height: 1;
transition: 0.3s;
position: relative;
transform: translateX(0);
}
@media (max-width: 1199px) {
.footer-section-four .footer-widget .widget-list li {
margin-bottom: 10px;
}
}
.footer-section-four .footer-widget .widget-list li:last-child {
margin-bottom: 0;
}
.footer-section-four .footer-widget .widget-list li a {
color: rgba(255, 255, 255, 0.7);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.02em;
transition: 0.3s;
}
.footer-section-four .footer-widget .widget-list li a:hover {
color: var(--primary-color);
}
.footer-section-four .footer-widget .widget-list li::after {
content: "";
width: 10px;
height: 1px;
background-color: var(--primary-color);
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: 0.35s;
}
.footer-section-four .footer-widget .widget-list li:hover {
transform: translateX(10px);
}
.footer-section-four .footer-widget .widget-list li:hover::after {
opacity: 1;
}
.footer-section-four .footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 28px 0;
}
@media (max-width: 991px) {
.footer-section-four .footer-bottom {
display: grid;
align-items: center;
justify-content: center;
gap: 15px;
text-align: center;
}
}
@media (max-width: 767px) {
.footer-section-four .footer-bottom {
gap: 10px;
}
}
.footer-section-four .footer-bottom .copy-write-area p {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
.footer-section-four .footer-bottom .copy-write-area p a {
font-family: "Jost", serif;
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: var(--white-color);
margin: 0;
transition: 0.3s;
}
.footer-section-four .footer-bottom .copy-write-area p a:hover {
color: var(--primary-color);
}
.footer-section-four .footer-bottom .footer-widget-two {
display: flex;
align-items: center;
gap: 12px;
}
@media (max-width: 576px) {
.footer-section-four .footer-bottom .footer-widget-two {
display: grid;
align-items: center;
justify-content: center;
gap: 5px;
}
}
.footer-section-four .footer-bottom .footer-widget-two .widget-title h4 {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0.02em;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.8);
}
.footer-section-four .footer-bottom .footer-widget-two .payment-partners {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 991px) {
.footer-section-four .footer-bottom .footer-widget-two .payment-partners {
gap: 10px;
}
}
.breadcrumb-section {
background-image: linear-gradient(270deg, rgba(17, 17, 17, 0.7), rgba(17, 17, 17, 0.7) 101.02%), url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/banner-img/breadcrumb-wrapper.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 117px 0 117px;
}
@media (max-width: 991px) {
.breadcrumb-section {
background-position: bottom;
}
}
.breadcrumb-section.two .banner-content h1 {
max-width: 809px;
width: 100%;
margin: 0 auto;
padding-bottom: 22px;
}
@media (max-width: 767px) {
.breadcrumb-section.two .banner-content h1 {
font-size: 40px;
line-height: 45px;
}
}
@media (max-width: 576px) {
.breadcrumb-section.two .banner-content h1 {
font-size: 36px;
line-height: 40px;
}
}
@media (max-width: 425px) {
.breadcrumb-section.two .banner-content h1 {
font-size: 30px;
line-height: 32px;
}
}
@media (max-width: 350px) {
.breadcrumb-section.two .banner-content h1 {
font-size: 26px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.breadcrumb-section.two .banner-content .breadcrumb-list .breadcrumb-item a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.breadcrumb-section.two .banner-content .breadcrumb-list .active {
text-align: start;
}
}
@media (max-width: 425px) {
.breadcrumb-section.two .banner-content .breadcrumb-list .active {
font-size: 13px;
text-align: start;
}
}
.breadcrumb-section.three .banner-content h1 {
max-width: 721px;
width: 100%;
margin: 0 auto;
padding-bottom: 22px;
}
@media (max-width: 767px) {
.breadcrumb-section.three .banner-content h1 {
font-size: 38px;
}
}
@media (max-width: 576px) {
.breadcrumb-section.three .banner-content h1 {
font-size: 32px;
}
}
@media (max-width: 350px) {
.breadcrumb-section.three .banner-content h1 {
font-size: 26px;
line-height: 1.2;
}
}
@media (max-width: 576px) {
.breadcrumb-section.three .banner-content .breadcrumb-list .active {
line-height: 1.2;
text-align: start;
}
}
@media (max-width: 350px) {
.breadcrumb-section.three .banner-content .breadcrumb-list .active {
font-size: 14px;
}
}
.breadcrumb-section .banner-content h1 {
font-family: "Rubik", serif;
font-size: 52px;
font-weight: 400;
line-height: 62px;
color: var(--white-color);
text-transform: uppercase;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.breadcrumb-section .banner-content h1 {
font-size: 45px;
line-height: 55px;
}
}
@media (max-width: 767px) {
.breadcrumb-section .banner-content h1 {
font-size: 36px;
line-height: 50px;
}
}
@media (max-width: 576px) {
.breadcrumb-section .banner-content h1 {
font-size: 28px;
line-height: 45px;
}
}
@media (max-width: 350px) {
.breadcrumb-section .banner-content h1 {
font-size: 26px;
line-height: 30px;
}
}
.breadcrumb-section .banner-content .breadcrumb-list {
display: inline-flex;
align-items: center;
gap: 12px;
background-color: rgba(186, 186, 186, 0.3);
border: 1px solid rgb(108, 108, 108);
border-radius: 30px;
padding: 13px 26px 13px 26px;
line-height: 2;
}
.breadcrumb-section .banner-content .breadcrumb-list .breadcrumb-item a {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: var(--white-color);
}
.breadcrumb-section .banner-content .breadcrumb-list li{
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
padding-left: 26px;
position: relative;
}
.breadcrumb-section .banner-content .breadcrumb-list li.brditems::before,.breadcrumb-section .banner-content .breadcrumb-list li.active::before  {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow.svg);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.breadcrumb-section .banner-content .breadcrumb-list li a:hover{
color: var(--primary-color);
}
.breadcrumb-section .banner-content .breadcrumb-list .active { 
color: var(--white-color);
}
.error-section {
padding-top: 25px;
}
.error-section .error-image-wrapper {
margin-bottom: 20px;
}
.error-btn {
margin-top: 14px;
}
.package-grid-section .package-inner-title p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.package-grid-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.package-grid-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-grid-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.package-grid-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.package-grid-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 172px;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.package-grid-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.package-grid-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.package-grid-section .nice-select:focus {
border-color: var(--primary-color);
}
.package-grid-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.package-grid-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.package-grid-section .nice-select .list .option {
color: var(--white-color);
}
.package-grid-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.package-grid-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.package-grid-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.package-grid-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.package-grid-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.package-grid-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.package-grid-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.destination-card {
background-color: var(--white-color);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 16px 24px;
width: 100%;
display: grid;
align-items: center;
justify-content: center;
}
.destination-card .card-content-bottom {
text-align: center;
margin-top: 20px;
min-height: 80px;;
}
.page-template-destinations .card-content-bottom {
min-height: 130px;;
}
.destination-card .card-content-bottom .card-content {
text-align: center;
background-color: rgba(167, 166, 166, 0.15);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
padding: 12px 0 26px;
}
.destination-card .card-content-bottom .card-content h4 {
margin: 0;
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
}
.destination-card .card-content-bottom .card-function {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.destination-card .card-content-bottom .card-function a {
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 500;
line-height: 28px;
text-align: center;
color: var(--title-color);
margin-bottom: 13px;
}
.destination-card .card-content-bottom P {
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
@media (max-width: 767px) {
.destination-card .card-content-bottom P {
max-width: 300px;
width: 100%;
margin: 0 auto;
}
}
.destination-card .destination-card-two {
position: relative;
transition: all 0.5s ease-out;
}
.destination-card .destination-card-two .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.destination-card .destination-card-two .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.destination-card .destination-card-two .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.destination-card .destination-card-two .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.destination-card:hover .destination-card-two .card-img img {
transform: scale(1.1);
}
.destination-card:hover .destination-card-two .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.activities-single-card {
position: relative;
}
.activities-single-card .activities-img {
margin-bottom: -130px;
display: flex;
align-items: center;
justify-content: center;
}
.activities-single-card .activities-img img {
border-radius: 50%;
}
.activities-single-card .activities-content {
border: 1px solid rgba(17, 17, 17, 0.05);
border-radius: 10px;
text-align: center;
padding: 159px 27px 36px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-single-card .activities-content {
padding: 159px 20px 36px;
}
}
@media (max-width: 1199px) {
.activities-single-card .activities-content {
padding: 170px 10px 30px;
}
}
@media (max-width: 991px) {
.activities-single-card .activities-content {
padding: 170px 25px 30px;
}
}
@media (max-width: 767px) {
.activities-single-card .activities-content {
max-width: 400px;
width: 100%;
margin: 0 auto;
padding: 155px 45px 30px;
}
}
@media (max-width: 576px) {
.activities-single-card .activities-content {
max-width: 365px;
width: 100%;
}
}
.activities-single-card .activities-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(77, 166, 39);
width: 79px;
height: 79px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: 37%;
left: 12%;
transition: 0.3s;
}
.activities-single-card .activities-content .icon svg path {
fill: rgb(77, 166, 39);
}
@media (max-width: 1199px) {
.activities-single-card .activities-content .icon {
width: 69px;
height: 69px;
}
}
@media (max-width: 767px) {
.activities-single-card .activities-content .icon {
top: 38%;
left: 25%;
}
}
@media (max-width: 576px) {
.activities-single-card .activities-content .icon {
top: 38%;
left: 25%;
}
}
@media (max-width: 350px) {
.activities-single-card .activities-content .icon {
top: 37%;
left: 16%;
}
}
.activities-single-card .activities-content .icon:hover {
background-color: rgb(77, 166, 39);
}
.activities-single-card .activities-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.activities-single-card .activities-content h3 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 500;
line-height: 1;
color: rgb(0, 0, 0);
margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-single-card .activities-content h3 {
margin-bottom: 10px;
}
}
@media (max-width: 1199px) {
.activities-single-card .activities-content h3 {
font-size: 22px;
margin-bottom: 10px;
}
}
.activities-single-card .activities-content p {
font-family: "Jost", serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color: rgb(102, 102, 102);
margin-bottom: 20px;
}
.activities-single-card .activities-content .arrow-right {
width: 73px;
height: 32px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 17px;
margin: 0 auto;
transition: 0.3s;
}
.activities-single-card .activities-content .arrow-right svg path {
fill: rgb(17, 17, 17);
transition: 0.3s;
}
.activities-single-card .activities-content .arrow-right:hover {
background-color: rgb(17, 17, 17);
}
.activities-single-card .activities-content .arrow-right:hover svg path {
fill: var(--white-color);
}
.activities-single-card .activities-content:hover .icon svg {
animation: zoomIn 0.5s linear;
}
.activities-single-card.two .activities-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(243, 128, 53);
}
.activities-single-card.two .activities-content .icon svg path {
fill: rgb(243, 128, 53);
}
.activities-single-card.two .activities-content .icon:hover {
background-color: rgb(243, 128, 53);
}
.activities-single-card.two .activities-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.activities-single-card.three .activities-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(77, 166, 39);
}
.activities-single-card.three .activities-content .icon svg path {
fill: rgb(77, 166, 39);
}
.activities-single-card.three .activities-content .icon:hover {
background-color: rgb(77, 166, 39);
}
.activities-single-card.three .activities-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.activities-single-card.four .activities-content .icon {
background-color: var(--white-color);
border: 1px solid rgb(243, 128, 53);
}
.activities-single-card.four .activities-content .icon svg path {
fill: rgb(243, 128, 53);
}
.activities-single-card.four .activities-content .icon:hover {
background-color: rgb(243, 128, 53);
}
.activities-single-card.four .activities-content .icon:hover svg path {
fill: rgb(255, 255, 255);
}
.visa-card-three {
border-radius: 10px;
position: relative;
}
@media (max-width: 767px) {
.visa-card-three {
max-width: 520px;
width: 100%;
display: grid;
align-items: center;
justify-content: center;
margin: 0 auto;
}
}
.visa-card-three .top-icon {
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
height: 76px;
width: 76px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 40%;
z-index: 3;
transform: translateY(-50px);
}
@media (max-width: 1799px) {
.visa-card-three .top-icon {
top: 43%;
}
}
@media (max-width: 1499px) {
.visa-card-three .top-icon {
top: 44%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .top-icon {
top: 43%;
}
}
@media (max-width: 1199px) {
.visa-card-three .top-icon {
width: 65px;
height: 65px;
top: 44%;
}
.visa-card-three .top-icon svg {
width: 35px;
height: 35px;
}
}
@media (max-width: 991px) {
.visa-card-three .top-icon {
top: 50%;
left: 45%;
}
}
@media (max-width: 767px) {
.visa-card-three .top-icon {
top: 50%;
}
}
@media (max-width: 576px) {
.visa-card-three .top-icon {
top: 56%;
}
}
@media (max-width: 425px) {
.visa-card-three .top-icon {
right: 30%;
top: 43%;
}
}
@media (max-width: 350px) {
.visa-card-three .top-icon {
top: 32%;
}
}
.visa-card-three .visa-card-img-wrap {
position: relative;
transition: all 0.5s;
}
.visa-card-three .visa-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
transition: all 0.5s;
}
.visa-card-three .visa-card-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s;
width: 100%;
}
.visa-card-three .visa-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px 10px 0 0;
z-index: 1;
}
.visa-card-three .visa-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.5s ease-out;
content: "";
z-index: 1;
}
.visa-card-three .visa-card-content {
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: var(--white-color);
border-radius: 15px;
margin-top: -27px;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.visa-card-three .visa-card-content {
padding: 45px 24px 15px 25px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content {
margin-top: -25px;
}
}
.visa-card-three .visa-card-content h5 {
margin-bottom: 14px;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content h5 {
margin-bottom: 10px;
}
}
.visa-card-three .visa-card-content h5 a {
font-family: "Rubik", serif;
font-size: 22px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content h5 a {
font-size: 19px;
line-height: 1;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content h5 a {
font-size: 18px;
line-height: 1;
}
}
@media (max-width: 991px) {
.visa-card-three .visa-card-content h5 a {
font-size: 20px;
line-height: 1;
}
}
@media (max-width: 767px) {
.visa-card-three .visa-card-content h5 a {
font-size: 22px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content h5 a {
font-size: 22px;
line-height: 1;
}
}
@media (max-width: 350px) {
.visa-card-three .visa-card-content h5 a {
font-size: 18px;
}
}
.visa-card-three .visa-card-content h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content h5 {
margin-bottom: 10px;
}
}
.visa-card-three .visa-card-content .visa-card-meta {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3px;
max-width: 365px;
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .visa-card-meta {
gap: 0;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content .visa-card-meta {
gap: 0;
}
}
@media (max-width: 767px) {
.visa-card-three .visa-card-content .visa-card-meta {
gap: 10px;
}
}
@media (max-width: 425px) {
.visa-card-three .visa-card-content .visa-card-meta {
display: inline;
flex-wrap: wrap;
gap: 10px;
}
}
.visa-card-three .visa-card-content .visa-card-meta .single-meta {
display: flex;
align-items: center;
gap: 4px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .visa-card-meta .single-meta {
gap: 8px;
}
}
.visa-card-three .visa-card-content .visa-card-meta .single-meta span {
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 32px;
color: rgba(17, 17, 17, 0.5);
margin: 0;
}
@media (max-width: 1799px) {
.visa-card-three .visa-card-content .visa-card-meta .single-meta span {
font-size: 13px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-card-three .visa-card-content .visa-card-meta .single-meta span {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content .visa-card-meta .single-meta span {
font-size: 12px;
}
}
@media (max-width: 767px) {
.visa-card-three .visa-card-content .visa-card-meta .single-meta span {
font-size: 15px;
}
}
.visa-card-three .visa-card-content .card-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-top: 10px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom {
padding-top: 15px;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h6 {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.7);
margin-bottom: 0;
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-family: "Rubik", serif;
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: var(--primary-color);
display: inline-block;
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 22px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 25px;
}
}
@media (max-width: 425px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 {
font-size: 28px;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 34px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 del {
font-size: 13px;
}
}
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 14px;
}
}
@media (max-width: 576px) {
.visa-card-three .visa-card-content .card-content-bottom .price-area h5 span {
font-size: 13px;
}
}
.visa-card-three:hover .visa-card-img-wrap .card-img img {
transform: scale(1.1);
}
.visa-card-three:hover .visa-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.contact-section .contact-form-wrap {
padding-left: 70px;
margin-top: -220px;
}
@media (max-width: 1399px) {
.contact-section .contact-form-wrap {
padding-left: 40px;
}
}
@media (max-width: 1199px) {
.contact-section .contact-form-wrap {
padding-left: 0;
}
}
@media (max-width: 991px) {
.contact-section .contact-form-wrap {
margin-top: 0;
}
}
.contact-section .contact-form-wrap .contact-form-area {
background-image: linear-gradient(180deg, #edf1fc 0%, rgba(201, 215, 255, 0.13) 100%);
background-color: var(--dark-white-color);
border-radius: 10px;
padding: 50px 45px;
}
@media (max-width: 1399px) {
.contact-section .contact-form-wrap .contact-form-area {
padding: 45px 30px;
}
}
@media (max-width: 576px) {
.contact-section .contact-form-wrap .contact-form-area {
padding: 30px 20px;
}
}
.contact-section .contact-form-wrap .contact-form-area h3 {
font-size: 25px;
font-family: var(--font-hankenGrotesk);
font-weight: 700;
margin-bottom: 35px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(var(--title-color-opc), 0.3);
}
@media (max-width: 576px) {
.contact-section .contact-form-wrap .contact-form-area h3 {
font-size: 22px;
}
}
.package-sidebar-section .package-inner-title-section {
display: flex;
align-items: center;
justify-content: space-between;
}
.package-sidebar-section .package-inner-title-section p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.package-sidebar-section .package-inner-title-section .selector-and-grid {
max-width: 200px;
width: 100%;
}
.package-sidebar-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.package-sidebar-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-sidebar-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.package-sidebar-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.package-sidebar-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 200px;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.package-sidebar-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.package-sidebar-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.package-sidebar-section .nice-select:focus {
border-color: var(--primary-color);
}
.package-sidebar-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.package-sidebar-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.package-sidebar-section .nice-select .list .option {
color: var(--white-color);
}
.package-sidebar-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.package-sidebar-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.package-sidebar-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.package-sidebar-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.package-sidebar-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.package-sidebar-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.package-sidebar-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.package-sidebar-section .sidebar-area .widget-title {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 26px;
letter-spacing: 0%;
display: inline-block;
margin-bottom: 23px;
}
.package-sidebar-section .sidebar-area .single-widget {
padding: 25px;
border-radius: 5px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-sidebar-section .sidebar-area .single-widget {
padding: 25px 20px;
}
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list {
margin-bottom: 15px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .checkbox-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .checkbox-item label {
display: flex;
align-items: center;
gap: 6px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .checkbox-item .input-radio {
box-shadow: 0px 0px 0px 1px #6d6d6d;
font-size: 3em;
width: 17px;
height: 17px;
margin-right: 7px;
border: 3px solid #fff;
background-clip: border-box;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .checkbox-item .input-radio:checked {
box-shadow: 0px 0px 0px 1px rgb(77, 166, 39);
background-color: rgb(77, 166, 39);
border-radius: 5px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list.two {
margin-bottom: -2px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list.two:last-child {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list:last-child {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 12px;
line-height: 1;
color: rgb(0, 0, 0);
background-color: rgba(17, 17, 17, 0.1);
border-radius: 5px;
padding: 7px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .star {
display: flex;
align-items: center;
gap: 12px;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list .star span {
background-color: transparent;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-sidebar-section .sidebar-area .single-widget ul .single-list:hover::before {
background-color: var(--primary-color);
}
.package-sidebar-section .sidebar-area .single-widget ul.two .single-list .checkbox-item {
display: flex;
align-items: center;
justify-content: start;
gap: 8px;
}
.package-sidebar-section .sidebar-area .single-widget .review-list .single-list {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-img {
border-radius: 5px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-img img {
min-width: 92px;
max-width: 92px;
height: 71px;
border-radius: 5px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(16, 12, 8, 0.5);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.32px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-sidebar-section .sidebar-area .single-widget .tag-list {
gap: 14px;
}
}
.package-sidebar-section .sidebar-area .single-widget .tag-list li a {
color: rgba(34, 34, 34, 0.5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
display: block;
line-height: 1;
padding: 8px 20px;
border: 1px solid rgba(16, 12, 8, 0.4);
border-radius: 5px;
transition: 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget .tag-list li:hover a {
border: 1px solid var(--primary-color1);
color: var(--white-color);
background-color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .search-box {
display: flex;
align-items: center;
}
.package-sidebar-section .sidebar-area .single-widget .search-box input {
width: 100%;
padding: 8px 20px;
font-family: var(--font-jost);
font-size: 14px;
height: 50px;
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
}
.package-sidebar-section .sidebar-area .single-widget .search-box input:focus {
border: 1px solid #ddd;
}
.package-sidebar-section .sidebar-area .single-widget .search-box button {
background-color: var(--primary-color1);
min-width: 90px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 1;
}
.package-sidebar-section .sidebar-area .single-widget .search-box button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.package-sidebar-section .sidebar-area .single-widget .search-box button i {
color: var(--white-color);
font-size: 22px;
}
@media (max-width: 576px) {
.package-sidebar-section .sidebar-area .single-widget .search-box button {
min-width: 70px;
}
}
.package-sidebar-section .sidebar-area .single-widget .search-box button:hover {
color: var(--white-color);
}
.package-sidebar-section .sidebar-area .single-widget .search-box button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.faq-section .faq-area .section-title-and-filter {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.faq-section .faq-area .section-title-and-filter {
flex-wrap: wrap;
gap: 20px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item {
border: none;
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.07);
background-color: rgb(248, 248, 248);
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item:first-child {
border-radius: 10px 10px 0 0;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header {
background-color: transparent;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 16px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
padding: 37px 32px 28px;
background-color: var(--white-color);
text-transform: capitalize;
}
@media (max-width: 1199px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 28px;
}
@media (max-width: 1199px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 20px;
}
}
@media (max-width: 767px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: 25px;
padding: 30px 34px 28px;
}
}
@media (max-width: 576px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
padding: 15px 45px 15px 15px;
}
}
@media (max-width: 350px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 17px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 30px;
content: "  \f4fe";
transition: unset;
font-size: 24px;
width: 26px;
height: 26px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: rgb(17, 17, 17);
}
@media (min-width: 992px) and (max-width: 1199px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (max-width: 767px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 10px;
}
}
@media (max-width: 576px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
width: 30px;
height: 30px;
font-size: 15px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: rgb(248, 248, 248);
color: var(--title-color);
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
font-family: bootstrap-icons !important;
content: "  \f2ea";
color: rgb(77, 166, 39);
}
@media (max-width: 576px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
width: 30px;
height: 30px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
border: transparent;
border-radius: 10px;
box-shadow: none;
border-bottom: none;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 90px 32px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 15px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 1040px;
width: 100%;
text-transform: capitalize;
}
@media (max-width: 576px) {
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0px 15px 15px 15px;
font-size: 16px;
}
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time {
padding-top: 20px;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time h6 {
font-family: var(--font-Hanken);
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: left;
color: var(--paragraph-color);
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li {
display: flex;
align-items: center;
gap: 20px;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span {
font-family: var(--font-Hanken);
font-size: 14px;
font-weight: 500;
line-height: 2;
text-align: left;
color: var(--paragraph-color);
text-transform: uppercase;
}
.faq-section .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span svg {
fill: var(--paragraph-color);
}
.faq-section .faq-area .faq-wrap button {
white-space: wrap;
}
.blog-sidebar {
border-radius: 10px;
background-color: var(--white-color);
box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.blog-sidebar .blog-sidebar-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.blog-sidebar .blog-sidebar-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px 10px 0 0;
}
.blog-sidebar .blog-sidebar-img-wrap .card-img img {
border-radius: 10px 10px 0 0;
transition: all 0.5s ease-out;
width: 100%;
}
.blog-sidebar .blog-sidebar-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 10px 10px 0 0;
z-index: 1;
}
.blog-sidebar .blog-sidebar-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.blog-sidebar .blog-sidebar-content {
padding: 20px 17px;
}
@media (max-width: 1399px) {
.blog-sidebar .blog-sidebar-content {
padding: 10px;
}
}
@media (max-width: 576px) {
.blog-sidebar .blog-sidebar-content {
padding: 15px;
}
}
.blog-sidebar .blog-sidebar-content .card-content-top h5 {
margin-bottom: 20px;
transition: 0.3s;
}
.blog-sidebar .blog-sidebar-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 23px;
font-weight: 500;
line-height: 30px;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-sidebar .blog-sidebar-content .card-content-top h5 a {
font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar .blog-sidebar-content .card-content-top h5 a {
font-size: 19px;
}
}
@media (max-width: 991px) {
.blog-sidebar .blog-sidebar-content .card-content-top h5 a {
font-size: 20px;
}
}
@media (max-width: 576px) {
.blog-sidebar .blog-sidebar-content .card-content-top h5 a {
font-size: 22px;
}
}
.blog-sidebar .blog-sidebar-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.blog-sidebar .blog-sidebar-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.blog-sidebar .blog-sidebar-content .top-content {
display: flex;
align-items: center;
margin-bottom: 12px;
gap: 20px;
}
.blog-sidebar .blog-sidebar-content .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
.blog-sidebar .blog-sidebar-content .top-content li a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
}
.blog-sidebar .blog-sidebar-content .top-content li span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
}
.blog-sidebar .batch {
position: absolute;
top: 10%;
left: 5%;
z-index: 1;
}
.blog-sidebar .batch .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 28px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 39px;
}
.blog-sidebar .batch .featured.two {
background-color: rgb(239, 41, 41);
}
.blog-sidebar .batch .featured.three {
background-color: rgb(239, 41, 41);
}
.blog-sidebar:hover .blog-sidebar-img-wrap .card-img img {
transform: scale(1.1);
}
.blog-sidebar:hover .blog-sidebar-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.blog-sidebar-section .widget-title {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 0.9;
letter-spacing: 0.4px;
display: inline-block;
margin-bottom: 30px;
}
.blog-sidebar-section .single-widget {
padding: 40px 32px;
border-radius: 5px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.blog-sidebar-section .single-widget.two {
padding: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar-section .single-widget {
padding: 25px 20px;
}
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner {
margin-bottom: 25px;
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff;
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, 0.5);
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, 0.5);
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color);
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0px 30px 0 20px;
border: 1px solid #fff;
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px;
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px;
}
.blog-sidebar-section .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1);
}
.blog-sidebar-section .single-widget .checkbox-container > ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li:last-child {
margin-bottom: 0;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss input {
display: none;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid var(--title-color);
border-radius: 2px;
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss:hover input ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.blog-sidebar-section .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute;
}
.blog-sidebar-section .single-widget .category-list {
padding: 0;
margin: 0;
list-style: none;
}
.blog-sidebar-section .single-widget .category-list li {
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 28px;
transition: 0.3s;
padding-bottom: 12px;
}
.blog-sidebar-section .single-widget .category-list li:last-child {
margin-bottom: 0;
}
.blog-sidebar-section .single-widget .category-list li a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
gap: 5px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.3px;
transition: 0.3s;
}
.blog-sidebar-section .single-widget .category-list li a span {
font-size: 14px;
}
.blog-sidebar-section .single-widget .category-list li:hover a {
color: var(--primary-color);
}
.blog-sidebar-section .single-widget .category-list.two li a span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.blog-sidebar-section .single-widget .category-list.two li:hover a span {
border: 1px solid var(--primary-color1);
color: var(--primary-color1);
}
.blog-sidebar-section .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
border-bottom: 1px solid rgba(17, 17, 17, 0.05);
padding-bottom: 16px;
margin-bottom: 16px;
}
.blog-sidebar-section .single-widget .recent-post-widget:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-img {
border-radius: 10px;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-img img {
min-width: 90px;
max-width: 80px;
height: 80px;
border-radius: 10px;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(17, 17, 17, 0.5);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color);
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content h6:last-child {
max-width: 250px;
width: 100%;
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content h6 a {
color: rgb(17, 17, 17);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 21px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.blog-sidebar-section .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color);
}
.blog-sidebar-section .single-widget .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-sidebar-section .single-widget .tag-list {
gap: 14px;
}
}
.blog-sidebar-section .single-widget .tag-list li a {
color: var(--paragraph-color);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
padding: 8px 20px;
border-radius: 5px;
transition: 0.3s;
background-color: rgb(242, 244, 246);
border-radius: 15px;
}
.blog-sidebar-section .single-widget .tag-list li:hover a {
color: var(--white-color);
background-color: rgba(77, 166, 39, 0.9);
}
.blog-sidebar-section .single-widget .search-box {
display: flex;
align-items: center;
}
.blog-sidebar-section .single-widget .search-box input {
width: 100%;
padding: 8px 20px;
font-family: var(--font-jost);
font-size: 14px;
height: 50px;
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
}
.blog-sidebar-section .single-widget .search-box button {
background-color: var(--primary-color);
min-width: 107px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 1;
color: var(--white-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
border-radius: 10px;
}
.blog-sidebar-section .single-widget .search-box button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
@media (max-width: 576px) {
.blog-sidebar-section .single-widget .search-box button {
min-width: 70px;
}
}
.blog-sidebar-section .single-widget .search-box button:hover {
color: var(--white-color);
}
.blog-sidebar-section .single-widget .search-box button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.destination-details-section .post-thumbnail-image img {
border-radius: 15px;
}
.destination-details-section .blog-meta-area {
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
padding-bottom: 19px;
padding-top: 19px;
margin-bottom: 30px;
}
.destination-details-section .blog-meta-area .blog-meta {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.destination-details-section .blog-meta-area .blog-meta .blog-list {
display: flex;
align-items: center;
gap: 8px;
}
.destination-details-section .blog-meta-area .blog-meta .blog-list a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: var(--paragraph-color);
transition: 0.3s;
}
.destination-details-section .blog-meta-area .blog-meta .blog-list a:hover {
color: var(--primary-color);
}
.destination-details-section .first-paragraph {
margin-top: 38px;
}
.destination-details-section .first-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
margin-bottom: 17px;
}
.destination-details-section .second-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
margin-bottom: 35px;
}
.destination-details-section .admin-qoute {
background-color: rgba(15, 197, 173, 0.1);
border-radius: 15px;
padding: 30px 30px 30px 45px;
display: flex;
align-items: start;
gap: 25px;
}
@media (max-width: 1199px) {
.destination-details-section .admin-qoute {
padding: 30px 30px 20px 35px;
}
}
@media (max-width: 576px) {
.destination-details-section .admin-qoute {
gap: 15px;
padding: 30px 30px 20px 25px;
}
}
@media (max-width: 425px) {
.destination-details-section .admin-qoute {
padding: 20px 20px 10px 20px;
}
}
@media (max-width: 350px) {
.destination-details-section .admin-qoute .icon svg {
width: 50px;
height: 50px;
}
}
.destination-details-section .admin-qoute .content p {
font-family: "Jost", serif;
font-weight: 500;
font-size: 22px;
line-height: 32px;
letter-spacing: 0%;
color: rgb(17, 17, 17);
}
@media (max-width: 576px) {
.destination-details-section .admin-qoute .content p {
font-size: 18px;
line-height: 1.3;
}
}
@media (max-width: 425px) {
.destination-details-section .admin-qoute .content p {
font-size: 14px;
}
}
.destination-details-section .admin-qoute .content .author-area span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 15px;
line-height: 36px;
letter-spacing: 0%;
color: rgba(17, 17, 17, 0.7);
margin-left: 35px;
position: relative;
}
@media (max-width: 350px) {
.destination-details-section .admin-qoute .content .author-area span {
font-size: 14px;
}
}
.destination-details-section .admin-qoute .content .author-area span::before {
content: "";
position: absolute;
top: 50%;
left: -25%;
background-color: rgba(17, 17, 17, 0.7);
width: 22px;
height: 2px;
}
.destination-details-section .third-paragraph {
margin-top: 35px;
}
.destination-details-section .third-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
}
.destination-details-section .destination-show-image {
display: flex;
align-items: center;
gap: 24px;
margin-top: 35px;
margin-bottom: 35px;
}
@media (max-width: 350px) {
.destination-details-section .destination-show-image {
flex-wrap: wrap;
}
}
.destination-details-section .destination-show-image .show-image img {
border-radius: 15px;
}
@media (max-width: 350px) {
.destination-details-section .destination-show-image .show-image img {
width: 100%;
}
}
.destination-details-section .conclusion-content {
margin-bottom: 25px;
}
.destination-details-section .conclusion-content h3 {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 32px;
line-height: 37.92px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
margin-bottom: 14px;
}
.destination-details-section .conclusion-content p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
}
.destination-details-section .tag-and-social-area {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid rgba(17, 17, 17, 0.1);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding: 40px 0;
}
@media (max-width: 767px) {
.destination-details-section .tag-and-social-area {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
padding: 20px 0;
}
}
@media (max-width: 350px) {
.destination-details-section .tag-and-social-area {
justify-content: start;
}
}
.destination-details-section .tag-and-social-area .left-side-content {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .left-side-content {
gap: 10px;
}
}
.destination-details-section .tag-and-social-area .left-side-content h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .left-side-content h4 {
font-size: 14px;
line-height: 1;
}
}
.destination-details-section .tag-and-social-area .left-side-content .blog-tag {
gap: 16px;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .left-side-content .blog-tag {
gap: 5px;
}
}
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag {
background-color: rgb(242, 244, 246);
border-radius: 15px;
padding: 0px 18px;
transition: 0.3s;
display: inline-block;
margin: 0px 5px 10px 0px;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag {
padding: 0 15px;
}
}
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
color: var(--paragraph-color);
transition: 0.3s;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag a {
font-size: 14px;
}
}
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag:hover {
background-color: rgba(77, 166, 39, 0.8);
}
.destination-details-section .tag-and-social-area .left-side-content .blog-tag .single-tag:hover a {
color: var(--white-color);
}
.destination-details-section .tag-and-social-area .right-side-content {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .right-side-content {
gap: 10px;
}
}
.destination-details-section .tag-and-social-area .right-side-content h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 17px;
line-height: 28px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .right-side-content h4 {
font-size: 14px;
}
}
.destination-details-section .tag-and-social-area .right-side-content .social-media ul {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1199px) {
.destination-details-section .tag-and-social-area .right-side-content .social-media ul {
gap: 10px;
}
}
.destination-details-section .tag-and-social-area .right-side-content .social-media ul li {
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgb(242, 244, 246);
transition: 0.3s;
}
.destination-details-section .tag-and-social-area .right-side-content .social-media ul li:hover {
background-color: var(--primary-color);
}
.destination-details-section .tag-and-social-area .right-side-content .social-media ul li:hover svg path {
fill: var(--white-color);
}
.destination-details-section .details-navigation {
display: flex;
align-items: center;
justify-content: space-between;
padding: 31px 0;
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
position: relative;
margin-bottom: 55px;
}
@media (max-width: 767px) {
.destination-details-section .details-navigation {
padding: 15px 0;
}
}
.destination-details-section .details-navigation::before {
content: "";
position: absolute;
top: 50%;
left: 50%; width: 1px;
height: 80px;
transform: translateY(-50%);
}
@media (max-width: 425px) {
.destination-details-section .details-navigation::before {
height: 50px;
left: 53.5%;
}
}
.destination-details-section .details-navigation .single-navigation {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 1199px) {
.destination-details-section .details-navigation .single-navigation {
gap: 10px;
}
}
.destination-details-section .details-navigation .single-navigation.two .content h4 {
text-align: end;
}
@media (max-width: 350px) {
.destination-details-section .details-navigation .single-navigation .image {
display: none;
}
}
.destination-details-section .details-navigation .single-navigation .image img {
border-radius: 10px;
}
.destination-details-section .details-navigation .single-navigation .content .prev {
display: flex;
align-items: center;
gap: 8px;
}
.destination-details-section .details-navigation .single-navigation .content .prev .icon {
margin-top: -3px;
}
.destination-details-section .details-navigation .single-navigation .content .prev span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
color: rgba(17, 17, 17, 0.5);
}
.destination-details-section .details-navigation .single-navigation .content .next {
display: flex;
align-items: center;
justify-content: end;
gap: 8px;
}
.destination-details-section .details-navigation .single-navigation .content .next .icon {
margin-top: -3px;
}
.destination-details-section .details-navigation .single-navigation .content .next span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
color: rgba(17, 17, 17, 0.5);
}
.destination-details-section .details-navigation .single-navigation .content h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 15px;
line-height: 21px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
max-width: 244px;
width: 100%;
}
@media (max-width: 1199px) {
.destination-details-section .details-navigation .single-navigation .content h4 {
font-size: 14px;
line-height: 1.3;
max-width: 230px;
width: 100%;
}
}
@media (max-width: 767px) {
.destination-details-section .details-navigation .single-navigation .content h4 {
display: none;
}
}
.destination-details-section .comment-area {
margin-bottom: 50px;
}
.destination-details-section .comment-area h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
letter-spacing: 0%;
color: var(title-color);
margin-bottom: 36px;
}
.destination-details-section .comment-area .single-comment {
display: flex;
align-items: start;
gap: 20px;
}
.destination-details-section .comment-area .single-comment.two {
margin-top: 40px;
}
.destination-details-section .comment-area .single-comment.two .content .reply-btn {
color: rgb(17, 17, 17);
}
.destination-details-section .comment-area .single-comment.two .content .reply-btn svg path {
fill: rgba(17, 17, 17, 0.5);
}
.destination-details-section .comment-area .single-comment .image img {
border-radius: 50%;
}
.destination-details-section .comment-area .single-comment .content .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.destination-details-section .comment-area .single-comment .content .top-content h5 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
.destination-details-section .comment-area .single-comment .content .top-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16.8px;
letter-spacing: 0%;
color: rgb(153, 153, 153);
}
.destination-details-section .comment-area .single-comment .content p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 745px;
width: 100%;
margin-bottom: 12px;
}
.destination-details-section .comment-area .single-comment .content .reply-btn {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;
color: rgb(77, 166, 39);
}
.destination-details-section .contact-form-wrapper {
background-color: rgb(242, 244, 246);
border-radius: 15px;
padding: 52px;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.destination-details-section .contact-form-wrapper {
padding: 30px;
}
}
.destination-details-section .contact-form-wrapper .form-title h2 {
font-family: Rubik;
font-weight: 500;
font-size: 28px;
line-height: 33.18px;
color: var(title-color);
margin-bottom: 6px;
}
.destination-details-section .contact-form-wrapper .form-title p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgb(102, 102, 102);
margin-bottom: 10px;
}
@media (max-width: 767px) {
.destination-details-section .contact-form-wrapper .form-title p {
font-size: 14px;
line-height: 1.3;
}
}
.destination-details-section .contact-form-wrapper .form-check .form-check-input {
margin-top: 6px;
}
.destination-details-section .widget-title {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 20px;
font-weight: 500;
line-height: 0.9;
letter-spacing: 0.4px;
display: inline-block;
margin-bottom: 30px;
}
.destination-details-section .single-widget {
padding: 40px 32px;
border-radius: 15px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.destination-details-section .single-widget.two {
padding: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.destination-details-section .single-widget {
padding: 25px 20px;
}
}
.destination-details-section .single-widget .checkbox-container .form-inner {
margin-bottom: 25px;
}
.destination-details-section .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff;
}
.destination-details-section .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, 0.5);
}
.destination-details-section .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, 0.5);
}
.destination-details-section .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color);
}
.destination-details-section .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0px 30px 0 20px;
border: 1px solid #fff;
}
.destination-details-section .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px;
}
.destination-details-section .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px;
}
.destination-details-section .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1);
}
.destination-details-section .single-widget .checkbox-container > ul {
margin: 0;
padding: 0;
list-style: none;
}
.destination-details-section .single-widget .checkbox-container > ul > li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px;
}
.destination-details-section .single-widget .checkbox-container > ul > li:last-child {
margin-bottom: 0;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss input {
display: none;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid var(--title-color);
border-radius: 2px;
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss:hover input ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.destination-details-section .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute;
}
.destination-details-section .single-widget .category-list {
padding: 0;
margin: 0;
list-style: none;
}
.destination-details-section .single-widget .category-list li {
margin-bottom: 15px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 28px;
transition: 0.3s;
padding-bottom: 12px;
}
.destination-details-section .single-widget .category-list li:last-child {
margin-bottom: 0;
}
.destination-details-section .single-widget .category-list li a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
gap: 5px;
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.3px;
transition: 0.3s;
}
.destination-details-section .single-widget .category-list li a span {
font-size: 14px;
}
.destination-details-section .single-widget .category-list li:hover a {
color: var(--primary-color);
}
.destination-details-section .single-widget .category-list.two li a span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.destination-details-section .single-widget .category-list.two li:hover a span {
border: 1px solid var(--primary-color1);
color: var(--primary-color1);
}
.destination-details-section .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
border-bottom: 1px solid rgba(17, 17, 17, 0.05);
padding-bottom: 16px;
margin-bottom: 16px;
}
.destination-details-section .single-widget .recent-post-widget:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-img {
border-radius: 10px;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-img img {
min-width: 90px;
max-width: 80px;
height: 80px;
border-radius: 10px;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(17, 17, 17, 0.5);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color);
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content h6:last-child {
max-width: 250px;
width: 100%;
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content h6 a {
color: rgb(17, 17, 17);
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 500;
line-height: 21px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.destination-details-section .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.destination-details-section .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color);
}
.destination-details-section .single-widget .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.destination-details-section .single-widget .tag-list {
gap: 14px;
}
}
.destination-details-section .single-widget .tag-list li a {
color: var(--paragraph-color);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0%;
padding: 8px 20px;
border-radius: 5px;
transition: 0.3s;
background-color: rgb(242, 244, 246);
border-radius: 15px;
}
.destination-details-section .single-widget .tag-list li:hover a {
color: var(--white-color);
background-color: rgba(77, 166, 39, 0.9);
}
.destination-details-section .single-widget .search-box {
display: flex;
align-items: center;
}
.destination-details-section .single-widget .search-box input {
width: 100%;
padding: 8px 20px;
font-family: var(--font-jost);
font-size: 14px;
height: 50px;
border: 1px solid rgba(var(--primary-color1-opc), 0.3);
}
.destination-details-section .single-widget .search-box button {
background-color: var(--primary-color);
min-width: 107px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 1;
color: var(--white-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
border-radius: 10px;
}
.destination-details-section .single-widget .search-box button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
@media (max-width: 576px) {
.destination-details-section .single-widget .search-box button {
min-width: 70px;
}
}
.destination-details-section .single-widget .search-box button:hover {
color: var(--white-color);
}
.destination-details-section .single-widget .search-box button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.visa-details-section .visa-thumbnail-image {
margin-bottom: 52px;
}
.visa-details-section .visa-thumbnail-image img {
border-radius: 15px;
}
.visa-details-section .visa-information .visa-wrapper {
display: grid;
align-items: center;
grid-template-columns: repeat(3, 1fr);
justify-content: space-between;
margin-bottom: 64px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item {
display: flex;
gap: 16px;
}
@media (max-width: 1199px) {
.visa-details-section .visa-information .visa-wrapper .visa-item {
gap: 10px;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item .icon {
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: rgb(255, 243, 236);
}
.visa-details-section .visa-information .visa-wrapper .visa-item .content h6 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16.59px;
letter-spacing: 0%;
color: var(--paragraph-color);
margin-bottom: 6px;
}
@media (max-width: 1199px) {
.visa-details-section .visa-information .visa-wrapper .visa-item .content h6 {
font-size: 12px;
line-height: 2;
margin-bottom: 0;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item .content h5 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 21.33px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
@media (max-width: 1199px) {
.visa-details-section .visa-information .visa-wrapper .visa-item .content h5 {
font-size: 15px;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.one {
border-right: 1px solid rgba(17, 17, 17, 0.1);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-bottom: 24px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.one {
border-right: none;
border-bottom: none;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.two {
border-right: 1px solid rgba(17, 17, 17, 0.1);
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-left: 45px;
padding-bottom: 24px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.two {
border-right: none;
border-bottom: none;
padding-left: 0;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.two .icon {
background-color: rgb(242, 255, 240);
}
.visa-details-section .visa-information .visa-wrapper .visa-item.three {
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-bottom: 24px;
padding-left: 56px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.three {
border-bottom: none;
padding-left: 0;
padding-top: 30px;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.three .icon {
background-color: rgba(15, 197, 173, 0.1);
}
.visa-details-section .visa-information .visa-wrapper .visa-item.four {
border-right: 1px solid rgba(17, 17, 17, 0.1);
padding-top: 24px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.four {
border-right: none;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.four .icon {
background-color: rgba(243, 128, 53, 0.1);
}
.visa-details-section .visa-information .visa-wrapper .visa-item.five {
border-right: 1px solid rgba(17, 17, 17, 0.1);
padding-top: 24px;
padding-left: 45px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.five {
padding-left: 0;
border-right: none;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.five .icon {
background-color: rgba(58, 166, 235, 0.1);
}
.visa-details-section .visa-information .visa-wrapper .visa-item.six {
padding-left: 53px;
padding-top: 24px;
}
@media (max-width: 767px) {
.visa-details-section .visa-information .visa-wrapper .visa-item.six {
padding-left: 0;
}
}
.visa-details-section .visa-information .visa-wrapper .visa-item.six .icon {
background-color: rgba(15, 197, 173, 0.1);
}
.visa-details-section .visa-overview {
margin-bottom: 55px;
}
.visa-details-section .visa-overview h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
letter-spacing: 0%;
color: black;
margin-bottom: 18px;
}
.visa-details-section .visa-overview .first-paragraph {
margin-bottom: 12px;
}
.visa-details-section .visa-overview .first-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
letter-spacing: 0%;
color: rgb(136, 136, 136);
}
.visa-details-section .visa-overview .second-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
letter-spacing: 0%;
color: rgb(136, 136, 136);
}
.visa-details-section .required-documents {
margin-bottom: 40px;
}
.visa-details-section .required-documents h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
letter-spacing: 0%;
color: var(title-color);
margin-bottom: 10px;
}
.visa-details-section .required-documents .doc-list .single-list {
display: flex;
gap: 8px;
margin-bottom: 8px;
}
.visa-details-section .required-documents .doc-list .single-list h6 {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
letter-spacing: 0%;
color: rgb(136, 136, 136);
}
.visa-details-section .required-documents .doc-list .single-list h6 span {
font-family: "Jost", serif;
font-weight: 500;
font-size: 16px;
line-height: 27px;
letter-spacing: 0%;
color: rgb(17, 17, 17);
}
.visa-details-section .visa-show-image {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 75px;
}
@media (max-width: 576px) {
.visa-details-section .visa-show-image {
flex-wrap: wrap;
}
}
.visa-details-section .visa-show-image .show-image img {
border-radius: 10px;
}
.visa-details-section .faq-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
letter-spacing: 0%;
color: var(title-color);
margin-bottom: 28px;
}
@media (max-width: 576px) {
.visa-details-section .faq-area h3 {
font-size: 22px;
}
}
.visa-details-section .faq-area .faq-area .section-title-and-filter {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.visa-details-section .faq-area .faq-area .section-title-and-filter {
flex-wrap: wrap;
gap: 20px;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item {
border: none;
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.07);
background-color: rgb(248, 248, 248);
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item:first-child {
border-radius: 10px 10px 0 0;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header {
background-color: transparent;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 16px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
padding: 37px 32px 28px;
background-color: var(--white-color);
text-transform: capitalize;
}
@media (max-width: 1199px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: 1.3;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 28px;
}
@media (max-width: 1199px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 20px;
}
}
@media (max-width: 767px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: 25px;
padding: 30px 34px 28px;
}
}
@media (max-width: 576px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
padding: 15px 45px 15px 15px;
}
}
@media (max-width: 350px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 17px;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 30px;
content: " \f4fe";
transition: unset;
font-size: 25px;
width: 26px;
height: 26px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: rgb(17, 17, 17);
}
@media (min-width: 992px) and (max-width: 1199px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (max-width: 767px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 10px;
}
}
@media (max-width: 576px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
width: 30px;
height: 30px;
font-size: 15px;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: rgb(248, 248, 248);
color: var(--title-color);
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
font-family: bootstrap-icons !important;
content: " \f2ea";
color: rgb(17, 17, 17);
}
@media (max-width: 576px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
width: 30px;
height: 30px;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
border: transparent;
border-radius: 10px;
box-shadow: none;
border-bottom: none;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 90px 32px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 15px;
line-height: 28px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 1040px;
width: 100%;
text-transform: capitalize;
}
@media (max-width: 767px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 60px 32px;
}
}
@media (max-width: 576px) {
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0px 15px 15px 15px;
font-size: 16px;
}
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time {
padding-top: 20px;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time h6 {
font-family: var(--font-Hanken);
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: left;
color: var(--paragraph-color);
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li {
display: flex;
align-items: center;
gap: 20px;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span {
font-family: var(--font-Hanken);
font-size: 14px;
font-weight: 500;
line-height: 2;
text-align: left;
color: var(--paragraph-color);
text-transform: uppercase;
}
.visa-details-section .faq-area .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span svg {
fill: var(--paragraph-color);
}
.visa-details-section .faq-area .faq-area .faq-wrap button {
white-space: wrap;
}
.visa-details-section .contact-form-wrapper {
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
border-radius: 15px;
position: relative;
z-index: 2;
}
.visa-details-section .contact-form-wrapper .top-infromation {
background-color: rgba(77, 166, 39, 0.2);
padding: 34px 45px 34px 30px;
border-radius: 15px 15px 0 0;
border: 3px solid white;
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .top-infromation {
padding: 34px 15px 34px 30px;
}
}
.visa-details-section .contact-form-wrapper .top-infromation h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 22px;
line-height: 26.07px;
letter-spacing: 0%;
text-decoration: underline;
color: var(title-color);
margin-bottom: 16px;
}
.visa-details-section .contact-form-wrapper .top-infromation p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--paragraph-color);
text-transform: capitalize;
}
.visa-details-section .contact-form-wrapper form {
padding: 32px;
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper form {
padding: 15px;
}
}
@media (max-width: 991px) {
.visa-details-section .contact-form-wrapper form {
padding: 25px;
}
}
@media (max-width: 350px) {
.visa-details-section .contact-form-wrapper form {
padding: 15px;
}
}
.visa-details-section .contact-form-wrapper .form-check .form-check-input {
margin-top: 6px;
}
.visa-details-section .contact-form-wrapper .improt-file-area {
border: 1px solid rgba(17, 17, 17, 0.05);
background-color: rgb(251, 251, 251);
border-radius: 10px;
padding: 20px 40px;
text-align: center;
margin-top: 20px;
margin-bottom: 28px;
cursor: pointer;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-details-section .contact-form-wrapper .improt-file-area {
padding: 20px 29px;
}
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .improt-file-area {
padding: 20px 10px;
}
}
@media (max-width: 991px) {
.visa-details-section .contact-form-wrapper .improt-file-area {
display: grid;
align-items: center;
gap: 13px;
}
}
.visa-details-section .contact-form-wrapper .improt-file-area .icon {
margin-bottom: 25px;
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .improt-file-area .icon {
margin-bottom: 10px;
}
}
.visa-details-section .contact-form-wrapper .improt-file-area h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
letter-spacing: 0%;
color: rgb(51, 51, 51);
margin-bottom: 4px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-details-section .contact-form-wrapper .improt-file-area h6 {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .improt-file-area h6 {
font-size: 12px;
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.visa-details-section .contact-form-wrapper .improt-file-area h6 {
font-size: 16px;
}
}
.visa-details-section .contact-form-wrapper .improt-file-area span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
letter-spacing: 0%;
color: rgb(136, 136, 136);
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-details-section .contact-form-wrapper .improt-file-area span {
font-size: 12px;
}
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .improt-file-area span {
font-size: 10px;
}
}
@media (max-width: 991px) {
.visa-details-section .contact-form-wrapper .improt-file-area span {
font-size: 14px;
}
}
.visa-details-section .contact-form-wrapper .improt-file-area .custom-file-upload {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: 0%;
text-align: center;
text-decoration: underline;
color: rgb(77, 166, 39);
}
.visa-details-section .contact-form-wrapper .improt-file-area .custom-file-upload input[type=file] {
display: none;
}
@media (max-width: 1199px) {
.visa-details-section .contact-form-wrapper .improt-file-area .custom-file-upload {
font-size: 13px;
}
}
@media (max-width: 991px) {
.visa-details-section .contact-form-wrapper .improt-file-area .custom-file-upload {
font-size: 14px;
}
}
.visa-details-section .form-inner {
margin-bottom: 20px;
}
.visa-details-section .form-inner label {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: 0%;
color: #111111;
margin-bottom: 11px;
}
.visa-details-section .form-inner input {
width: 100%;
height: 52px;
color: var(--paragraph-color);
font-family: "Jost", serif;
font-weight: 400;
font-size: 13px;
line-height: 24px;
letter-spacing: 0%;
border-radius: 10px;
padding: 20px;
border: 1px solid rgba(17, 17, 17, 0.05);
background-color: rgb(251, 251, 251);
}
.visa-details-section .form-inner textarea {
width: 100%;
min-height: 150px;
padding: 15px 25px;
background-color: rgb(251, 251, 251);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
border-radius: 10px;
color: var(--paragraph-color);
border: 1px solid rgba(17, 17, 17, 0.1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: -22px;
}
.visa-details-section .form-inner textarea:focus {
outline: none;
}
.visa-details-section .nice-select {
background-color: rgb(251, 251, 251);
border: 1px solid rgba(17, 17, 17, 0.05);
border-radius: 7px;
width: 100%;
padding: 13px;
margin-bottom: 20px;
}
.visa-details-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 20px;
top: 38%;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.visa-details-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.visa-details-section .nice-select:focus {
border-color: var(--primary-color);
}
.visa-details-section .nice-select .current {
font-family: "Jost", serif;
font-weight: 400;
font-size: 13px;
line-height: 24px;
letter-spacing: 0%;
color: rgb(136, 136, 136);
margin: 0;
}
.visa-details-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.visa-details-section .nice-select .list .option {
color: var(--white-color);
}
.visa-details-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.visa-details-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.visa-details-section .booking-info-card {
margin-top: 30px;
}
.visa-details-section .booking-info-card img {
width: 100%;
}
.visa-details-section .booking-info-card .bottom-content {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/booking-bottom-shape.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
display: flex;
align-items: center;
gap: 12px;
padding: 90px 30px 54px 28px;
margin-top: -80px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.visa-details-section .booking-info-card .bottom-content {
margin-top: -91px;
}
}
@media (max-width: 1199px) {
.visa-details-section .booking-info-card .bottom-content {
margin-top: -90px;
}
}
@media (max-width: 991px) {
.visa-details-section .booking-info-card .bottom-content {
padding: 110px 30px 54px 28px;
margin-top: -125px;
}
}
@media (max-width: 576px) {
.visa-details-section .booking-info-card .bottom-content {
padding: 90px 20px 54px 20px;
margin-top: -100px;
}
}
.visa-details-section .booking-info-card .bottom-content .icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
}
.visa-details-section .booking-info-card .bottom-content .content span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--white-color);
margin: 0;
}
.visa-details-section .booking-info-card .bottom-content .content h6 {
margin: 0;
}
.visa-details-section .booking-info-card .bottom-content .content h6 a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 27px;
line-height: 1;
color: var(--white-color);
}
@media (max-width: 576px) {
.visa-details-section .booking-info-card .bottom-content .content h6 a {
font-size: 22px;
}
}
.package-details-section .package-details-area .package-img {
position: relative;
}
.package-details-section .package-details-area .package-img img {
border-radius: 15px;
}
.package-details-section .package-details-area .package-img .slider-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 95%;
}
.package-details-section .package-details-area .package-img .slider-btn-group .swiper-arrow {
height: 28px;
width: 28px;
background-color: var(--primary-color1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.package-details-section .package-details-area .package-img .slider-btn-group .swiper-arrow svg {
fill: var(--white-color);
}
.package-details-section .package-details-area .nav-tabs {
border: none;
-moz-columns: 5;
columns: 5;
-moz-column-gap: 20px;
column-gap: 20px;
display: block;
max-width: 100%;
margin-top: 18px;
padding: 0;
}
.package-details-section .package-details-area .nav-tabs .nav-item .nav-link {
border: none;
padding: 0;
position: relative;
border-radius: 5px;
}
.package-details-section .package-details-area .nav-tabs .nav-item .nav-link img {
border-radius: 7px;
}
.package-details-section .package-details-area .nav-tabs .nav-item .nav-link.active::after {
display: none;
}
.package-details-section .video-wrap {
position: relative;
}
.package-details-section .video-wrap img {
border-radius: 15px;
}
.package-details-section .video-wrap .video-area {
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
}
.package-details-section .video-wrap .video-area .icon {
height: 58px;
width: 58px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 999;
}
.package-details-section .video-wrap .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 62px;
left: 61px;
}
.package-details-section .video-wrap .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.package-details-section .video-wrap .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.package-details-section .video-wrap .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.package-details-section .video-wrap .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
@media (max-width: 991px) {
.package-details-section .video-wrap img {
width: 100%;
}
}
.package-details-section .gallery-image-popup .gallery-img-wrap {
position: relative;
transition: all 0.45s;
height: 100%;
}
.package-details-section .gallery-image-popup .gallery-img-wrap img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
border-radius: 10px;
}
@media (max-width: 991px) {
.package-details-section .gallery-image-popup .gallery-img-wrap img {
width: 100%;
}
}
@media (max-width: 767px) {
.package-details-section .gallery-image-popup .gallery-img-wrap img {
height: auto;
}
}
.package-details-section .gallery-image-popup .gallery-img-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--white-color);
text-align: center;
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.6px;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
opacity: 0;
}
.package-details-section .gallery-image-popup .gallery-img-wrap button {
position: absolute;
left: 0;
bottom: 9%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
background-color: transparent;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
}
.package-details-section .gallery-image-popup .gallery-img-wrap button i {
color: var(--primary-color2);
font-size: 20px;
}
.package-details-section .gallery-image-popup .gallery-img-wrap button span {
background-color: rgb(255, 255, 255);
padding: 14.5px 39px;
display: flex;
align-items: center;
gap: 8px;
border-radius: 29px;
color: rgb(17, 17, 17);
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 18.96px;
}
.package-details-section .gallery-image-popup .gallery-img-wrap:hover a {
transform: scale(1);
opacity: 1;
}
.package-details-section .gallery-image-popup .gallery-img-wrap:hover button {
transform: scale(1);
opacity: 1;
}
.package-details-section .gallery-image-popup .gallery-img-wrap.active a {
transform: scale(1);
}
.package-details-section .gallery-image-popup .gallery-img-wrap.active button {
transform: scale(1);
}
.package-details-section .location-area-and-share {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0 28px;
}
@media (max-width: 1199px) {
.package-details-section .location-area-and-share {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 576px) {
.package-details-section .location-area-and-share {
flex-wrap: wrap;
}
}
.package-details-section .location-area-and-share .left-side {
display: flex;
align-items: center;
gap: 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .location-area-and-share .left-side {
align-items: baseline;
}
}
@media (max-width: 576px) {
.package-details-section .location-area-and-share .left-side {
align-items: baseline;
}
}
.package-details-section .location-area-and-share .left-side .icon svg path {
fill: rgb(102, 102, 102);
}
.package-details-section .location-area-and-share .left-side span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(136, 136, 136);
}
.package-details-section .location-area-and-share .left-side span a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
color: rgb(17, 17, 17);
margin-left: 8px;
cursor: pointer;
}
.package-details-section .location-area-and-share .right-side {
display: flex;
align-items: center;
gap: 16px;
position: relative;
}
.package-details-section .location-area-and-share .right-side .social-item {
display: flex;
align-items: center;
gap: 15px;
background-color: rgb(242, 244, 246);
padding: 3px 20px;
border-radius: 15px;
opacity: 0;
position: absolute;
top: 45px;
left: -15px;
transform: scale(0);
transform-origin: top;
transition: 0.5s ease-in-out;
}
.package-details-section .location-area-and-share .right-side .social-item li a svg path {
fill: rgb(17, 17, 17);
}
.package-details-section .location-area-and-share .right-side .share {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
}
.package-details-section .location-area-and-share .right-side .share .icon svg path {
transition: 0.3s;
fill: rgb(17, 17, 17);
}
.package-details-section .location-area-and-share .right-side .share span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(title-color);
}
.package-details-section .location-area-and-share .right-side .share:hover {
background-color: rgb(77, 166, 39);
color: var(--white-color);
cursor: pointer;
}
.package-details-section .location-area-and-share .right-side .share:hover .icon svg path {
fill: var(--white-color);
}
.package-details-section .location-area-and-share .right-side .share:hover .social-item {
opacity: 1;
transform: scale(1);
}
.package-details-section .location-area-and-share .right-side .share:hover .shape-two {
opacity: 1;
transform: scale(1);
}
.package-details-section .location-area-and-share .right-side .add {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
padding: 10px 20px;
}
.package-details-section .location-area-and-share .right-side .add:hover {
background-color: rgb(77, 166, 39);
color: var(--white-color);
}
.package-details-section .location-area-and-share .right-side .add:hover .icon svg path {
fill: var(--white-color);
}
.package-details-section .location-area-and-share .right-side .shape-two {
position: absolute;
top: 72%;
left: 20%;
opacity: 0;
transform: scale(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
}
.package-details-section .feature-area-wrap {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 14px 23px;
}
@media (max-width: 1199px) {
.package-details-section .feature-area-wrap {
padding: 10px 15px;
}
}
@media (max-width: 767px) {
.package-details-section .feature-area-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
padding: 20px;
}
}
@media (max-width: 350px) {
.package-details-section .feature-area-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.package-details-section .feature-area-wrap .single-feature {
display: flex;
align-items: center;
gap: 16px;
position: relative;
}
@media (max-width: 1199px) {
.package-details-section .feature-area-wrap .single-feature {
gap: 8px;
}
}
@media (max-width: 991px) {
.package-details-section .feature-area-wrap .single-feature {
gap: 10px;
}
}
.package-details-section .feature-area-wrap .single-feature::before {
content: "";
position: absolute;
top: 25%;
right: -20%;
background-color: rgba(17, 17, 17, 0.1);
width: 1px;
height: 28px;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .feature-area-wrap .single-feature::before {
right: -8%;
}
}
@media (max-width: 1199px) {
.package-details-section .feature-area-wrap .single-feature::before {
display: none;
}
}
.package-details-section .feature-area-wrap .single-feature:last-child::before {
display: none;
}
.package-details-section .feature-area-wrap .single-feature .icon.one {
background: rgb(242, 255, 240);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.package-details-section .feature-area-wrap .single-feature .icon.two {
background: rgb(255, 243, 236);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.package-details-section .feature-area-wrap .single-feature .icon.three {
background: rgba(15, 197, 173, 0.1);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.package-details-section .feature-area-wrap .single-feature .icon.four {
background: rgba(58, 166, 235, 0.1);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.package-details-section .feature-area-wrap .single-feature .content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: rgb(102, 102, 102);
}
@media (max-width: 1199px) {
.package-details-section .feature-area-wrap .single-feature .content span {
font-size: 12px;
}
}
@media (max-width: 991px) {
.package-details-section .feature-area-wrap .single-feature .content span {
font-size: 13px;
}
}
.package-details-section .feature-area-wrap .single-feature .content h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 1;
color: var(title-color);
margin: 0;
}
@media (max-width: 1199px) {
.package-details-section .feature-area-wrap .single-feature .content h6 {
font-size: 14px;
}
}
@media (max-width: 991px) {
.package-details-section .feature-area-wrap .single-feature .content h6 {
font-size: 16px;
}
}
.package-details-section .feature-area-wrap .single-feature .content h6 span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: rgb(102, 102, 102);
}
.package-details-section .overview-area {
margin-top: 41px;
margin-bottom: 36px;
}
.package-details-section .overview-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.package-details-section .overview-area  {
margin-bottom: 13px;
}
.package-details-section .overview-area p {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 15px;
}
.package-details-section .overview-area ul {
list-style: disc;
list-style-position: inside;
padding-left: 10px;
font-family: "Rubik", serif;
font-size: 16px;
line-height: 30px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.package-details-section .overview-area ul li strong{
font-weight: 500;;
}
.package-details-section .overview-area .second-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.package-details-section .overview-area p strong{
font-weight: 500;;
}
.package-details-section .hightlights-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.package-details-section .hightlights-area p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 16px;
}
.package-details-section .hightlights-area{
margin-bottom: 30px;
}
.package-details-section .hightlights-area .hightlight-area {
margin-bottom: 36px;
display: flex;
flex-wrap: wrap; list-style: none;
padding: 0;
margin: 0;
}
.package-details-section .hightlights-area .hightlight-area .single-hightlight {
display: flex;
align-items: start;
gap: 8px;
box-sizing: border-box;
padding: 10px;
}
.package-details-section .hightlights-area .hightlight-area .single-hightlight span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--paragraph-color);
}
.package-details-section .included-area {
margin-bottom: 36px;
}
.package-details-section .included-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.package-details-section .included-area .included-featured {
display: flex;
align-items: top;
justify-content: space-between;
}
@media (max-width: 767px) {
.package-details-section .included-area .included-featured {
flex-wrap: wrap;
gap: 20px;
}
}
.package-details-section .included-area .included-featured .single-success .single-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
@media (max-width: 1199px) {
.package-details-section .included-area .included-featured .single-success .single-item {
margin-bottom: 7px;
}
}
.package-details-section .included-area .included-featured .single-success .single-item:last-child {
margin-bottom: 0;
}
.package-details-section .included-area .included-featured .single-success .single-item span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.package-details-section .included-area .included-featured .single-success .single-item span {
font-size: 14px;
}
}
@media (max-width: 767px) {
.package-details-section .included-area .included-featured .single-success .single-item span {
font-size: 16px;
}
.package-details-section .hightlights-area .hightlight-area{display: block;}
.package-details-section .hightlights-area .hightlight-area .single-hightlight{padding: 0px 5px;}
}
.package-details-section .included-area .included-featured .single-error .single-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.package-details-section .included-area .included-featured .single-error .single-item:last-child {
margin-bottom: 0;
}
.package-details-section .included-area .included-featured .single-error .single-item span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
}
.package-details-section .itinerary-area {
margin-bottom: 26px;
}
.package-details-section .itinerary-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.package-details-section .itinerary-area P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.package-details-section .faq-wrappaer {
margin-bottom: 55px;
}
.package-details-section .faq-wrappaer .faq-area {
max-width: 800px;
width: 100%;
margin-left: 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .faq-wrappaer .faq-area {
margin-left: 25px;
max-width: 705px;
width: 100%;
}
}
@media (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area {
margin-left: 15px;
max-width: 600px;
width: 100%;
}
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area {
margin-left: 0;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item {
border: none;
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.07);
background-color: rgb(248, 248, 248);
position: relative;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
position: absolute;
left: -5%;
top: 12%;
}
@media (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
left: -6%;
}
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
display: none;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
top: 20%;
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
display: none;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
position: absolute;
left: -5%;
top: 25%;
}
@media (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
left: -6%;
}
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
display: none;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:first-child {
border-radius: 10px 10px 0 0;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header {
background-color: transparent;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 16px;
letter-spacing: 0%;
color: rgb(17, 17, 17);
padding: 24px;
background-color: var(--white-color);
text-transform: capitalize;
}
@media (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
}
@media (max-width: 350px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
padding: 15px;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 28px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 20px;
}
}
@media (max-width: 350px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
font-size: 16px;
margin-right: 5px;
}
}
@media (max-width: 767px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 14px;
line-height: 25px;
}
}
@media (max-width: 350px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 17px;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 30px;
content: " \f2ea";
transition: unset;
font-size: 25px;
width: 26px;
height: 26px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: rgb(17, 17, 17);
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (max-width: 767px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 10px;
}
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
width: 30px;
height: 30px;
font-size: 15px;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: rgb(248, 248, 248);
color: var(--title-color);
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
font-family: bootstrap-icons !important;
content: "\f4fe";
color: rgb(17, 17, 17);
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
width: 30px;
height: 30px;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
border: transparent;
border-radius: 10px;
box-shadow: none;
border-bottom: none;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 30px 15px;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--paragraph-color);
max-width: 700px;
width: 100%;
}
@media (max-width: 576px) {
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0px 15px 15px 15px;
font-size: 14px;
}
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time {
padding-top: 20px;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time h6 {
font-family: var(--font-Hanken);
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: left;
color: var(--paragraph-color);
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li {
display: flex;
align-items: center;
gap: 20px;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span {
font-family: var(--font-Hanken);
font-size: 14px;
font-weight: 500;
line-height: 2;
text-align: left;
color: var(--paragraph-color);
text-transform: uppercase;
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span svg {
fill: var(--paragraph-color);
}
.package-details-section .faq-wrappaer .faq-area .faq-wrap button {
white-space: wrap;
}
@keyframes progress {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.package-details-section .customer-reviews-wrap {
margin-bottom: 48px;
}
.package-details-section .customer-reviews-wrap h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.package-details-section .customer-reviews-wrap .review-and-progress {
background-color: var(--white-color);
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
border-radius: 15px;
padding: 20px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 27px 57px 27px 91px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 40px;
}
}
@media (max-width: 1199px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 30px;
}
}
@media (max-width: 991px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 40px 27px 60px;
}
}
@media (max-width: 767px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area {
justify-content: center;
gap: 20px;
padding: 30px;
}
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content {
text-align: center;
position: relative;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
content: "";
position: absolute;
top: -30%;
right: -40%;
background-color: rgba(17, 17, 17, 0.1);
width: 1px;
height: 160px;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
right: -28%;
}
}
@media (max-width: 1199px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
height: 100px;
right: -30%;
top: 0%;
}
}
@media (max-width: 767px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
display: none;
}
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 5px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area .icon {
margin-top: -8px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(--primary-color);
margin: 0;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 23.7px;
color: var(title-color);
margin: 0;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: var(--paragraph-color);
margin-top: -5px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
display: flex;
align-items: center;
gap: 12px;
width: 448px;
}
@media (max-width: 1199px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 330px;
}
}
@media (max-width: 991px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 360px;
}
}
@media (max-width: 767px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 380px;
}
}
@media (max-width: 576px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
flex-wrap: wrap;
gap: 10px;
width: 300px;
}
}
@media (max-width: 350px) {
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 250px;
}
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item h6 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
margin: 0;
width: 110px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress {
width: 100%;
height: 7px;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress-bar {
background: #4da627;
}
.package-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progressbar-active {
animation: progress 1s forwards 0.4s;
}
.package-details-section .comment-area {
margin-bottom: 50px;
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-bottom: 48px;
}
.package-details-section .comment-area .single-comment {
display: flex;
align-items: start;
gap: 20px;
}
.package-details-section .comment-area .single-comment.two {
margin-top: 40px;
}
.package-details-section .comment-area .single-comment.two .content .reply-btn {
color: rgb(17, 17, 17);
}
.package-details-section .comment-area .single-comment.two .content .reply-btn svg path {
fill: rgba(17, 17, 17, 0.5);
}
.package-details-section .comment-area .single-comment .image img {
border-radius: 50%;
}
.package-details-section .comment-area .single-comment .content .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.package-details-section .comment-area .single-comment .content .top-content .author-and-star {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 350px) {
.package-details-section .comment-area .single-comment .content .top-content .author-and-star {
flex-wrap: wrap;
gap: 5px;
}
}
.package-details-section .comment-area .single-comment .content .top-content .author-and-star .star i {
color: rgb(255, 194, 0);
}
.package-details-section .comment-area .single-comment .content .top-content h5 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
.package-details-section .comment-area .single-comment .content .top-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16.8px;
letter-spacing: 0%;
color: rgb(153, 153, 153);
}
.package-details-section .comment-area .single-comment .content p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 745px;
width: 100%;
margin-bottom: 12px;
}
.package-details-section .comment-area .single-comment .content .reply-btn {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;
color: rgb(77, 166, 39);
}
.package-details-section .leave-and-feedback-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(title-color);
margin-bottom: 6px;
}
.package-details-section .leave-and-feedback-area P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
margin-bottom: 45px;
}
.package-details-section .contact-form-wrapper {
margin-bottom: 117px;
}
.package-details-section .contact-form-wrapper form .form-inner {
margin-bottom: 0;
}
.package-details-section .contact-form-wrapper form .form-inner .input-area {
border: none;
}
.package-details-section .contact-form-wrapper form .form-inner label {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: 0%;
color: #111111;
margin-bottom: 11px;
}
.package-details-section .contact-form-wrapper form .form-inner input {
width: 100%;
height: 52px;
color: rgba(17, 17, 17, 0.25);
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
border-radius: 10px;
padding: 20px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
}
.package-details-section .contact-form-wrapper form .form-inner textarea {
width: 100%;
min-height: 150px;
padding: 15px 25px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
border-radius: 10px;
color: rgba(17, 17, 17, 0.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 2px;
}
.package-details-section .contact-form-wrapper form .form-inner textarea:focus {
outline: none;
}
.package-details-section .contact-form-wrapper form .form-check {
display: flex;
align-items: end;
gap: 10px;
}
.package-details-section .contact-form-wrapper form .form-check .form-check-input {
position: relative;
top: 5%;
}
.package-details-section .contact-form-wrapper form .form-check .form-check-label {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: rgb(102, 102, 102);
}
.package-details-section .contact-form-wrapper form .review-area {
display: flex;
align-items: center;
justify-content: space-around;
margin: 36px 0;
}
@media (max-width: 576px) {
.package-details-section .contact-form-wrapper form .review-area {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 10px 0;
}
}
.package-details-section .contact-form-wrapper form .review-area .single-review {
text-align: center;
}
.package-details-section .contact-form-wrapper form .review-area .single-review .star {
line-height: 1;
}
.package-details-section .contact-form-wrapper form .review-area .single-review .star svg path {
fill: rgb(17, 17, 17);
}
.package-details-section .contact-form-wrapper form .review-area .single-review span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(title-color);
}
.package-details-section .booking-form-wrap {
border-radius: 15px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.package-details-section .booking-form-wrap h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 22px;
line-height: 26.07px;
letter-spacing: 0%;
color: var(title-color);
background-color: rgba(77, 166, 39, 0.2);
border-radius: 15px 15px 0 0;
border: 3px solid white;
padding: 35px 27px;
margin: 0;
}
.package-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 32px 36px;
}
@media (max-width: 1199px) {
.package-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 20px 30px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap h6 {
margin-bottom: 15px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .celender-icon {
position: absolute;
left: 2%;
top: 32%;
z-index: 1;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate {
display: flex;
width: 100%;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-check-label {
width: 0 !important;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-group {
width: 100%;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group {
position: relative;
display: block;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group span {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 10px;
display: block;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 10px 35px;
height: 50px;
border: 1px solid #eee;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check {
position: relative;
padding-left: 0;
line-height: 1;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input {
display: none;
visibility: hidden;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:focus {
box-shadow: none;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked:focus {
box-shadow: none;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::brfore {
border-color: var(--primary-color1);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::after {
background-color: var(--primary-color1);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label {
cursor: pointer;
width: 100%;
position: relative;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::before {
content: "";
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: -26.5px;
top: 50%;
transform: translateY(-50%);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date i {
color: var(--primary-color1);
font-size: 20px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date,
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date {
font-size: 13px;
font-weight: 400;
font-family: "Rubik", serif;
line-height: 1;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date span:first-child,
.package-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date span:first-child {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 7px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type h5 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(0, 0, 0);
margin-bottom: 20px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #ddd;
margin-bottom: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 15px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 5px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 20px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container span {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 18.96px;
color: var(title-color);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area {
align-items: center;
-moz-column-gap: 33px;
column-gap: 33px;
flex-wrap: wrap;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area label {
display: flex;
align-items: center;
gap: 6px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area .input-radio {
box-shadow: 0px 0px 0px 1px #6d6d6d;
font-size: 3em;
width: 17px;
height: 17px;
margin-right: 7px;
border: 3px solid #fff;
background-clip: border-box;
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area .input-radio:checked {
box-shadow: 0px 0px 0px 1px rgb(77, 166, 39);
background-color: rgb(77, 166, 39);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group {
position: relative;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
cursor: pointer;
display: flex;
justify-content: space-between;
margin-bottom: 22px;
align-items: center;
}
@media (max-width: 1199px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
flex-wrap: wrap;
gap: 15px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
min-width: 155px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
gap: 4px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
font-size: 14px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
font-size: 14px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
border-radius: 10px;
border: 1px solid rgba(144, 185, 86, 0.2);
background: rgb(255, 255, 255);
width: 110px;
display: flex;
align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
width: 88px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__minus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 10px 0 0 10px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__plus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 0 10px 10px 0;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a {
height: 30px;
min-width: 30px;
max-width: 30px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 18px;
color: var(--primary-color1);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a:hover {
color: var(--white-color);
background-color: rgb(77, 166, 39);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
width: 100%;
background-color: transparent;
padding: 0px 15px;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
padding: 0 2px;
}
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 28px;
position: relative;
cursor: pointer;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: rgb(17, 17, 17);
margin-bottom: 19px;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container:last-child {
margin-bottom: 0;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark {
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark:after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check {
display: none;
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark {
border-color: rgb(77, 166, 39);
}
.package-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark:after {
background-color: rgb(77, 166, 39);
}
.package-details-section .booking-form-wrap .single-total {
border: 1px solid #ddd;
padding: 20px 18px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.package-details-section .booking-form-wrap .single-total span {
position: absolute;
left: 12px;
top: -10px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 0px 8px;
background-color: #f7f6eb;
}
.package-details-section .booking-form-wrap .single-total ul {
display: flex;
align-items: center;
gap: 15px;
line-height: 1;
}
.package-details-section .booking-form-wrap .single-total ul li {
color: #666;
font-family: var(--font-jost);
font-size: 12px;
font-weight: 400;
}
.package-details-section .booking-form-wrap .single-total ul li strong {
display: block;
font-weight: 500;
font-size: 16px;
margin-bottom: 5px;
}
.package-details-section .booking-form-wrap .single-total ul li i {
color: var(--title-color);
}
.package-details-section .booking-form-wrap .single-total svg {
fill: #b1afaf;
}
.package-details-section .booking-form-wrap .single-total .total {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
}
.package-details-section .booking-form-wrap .total-price {
font-family: "Jost", serif;
font-weight: 400;
font-size: 28px;
line-height: 16px;
color: rgb(0, 0, 0);
padding: 25px 10px;
align-items: center;
justify-content: center;
gap: 5px;
border-bottom: 1px dashed #ddd;
}
.package-details-section .booking-form-wrap .total-price h6{
font-weight: 400;
}
.package-details-section .booking-form-wrap .total-price h6 strong, .package-details-section .booking-form-wrap .total-price h6 span{
color: rgb(102, 102, 102);
}
.package-details-section .booking-form-wrap .total-price h5{
font-size: 32px;;
}
.package-details-section .booking-form-wrap .total-price h5.otherrates{
font-size: 16px;
margin-bottom: 10px;
color:rgb(102, 102, 102);
font-weight: 400;
}
.package-details-section .booking-form-wrap .total-price span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
}
.package-details-section .booking-form-wrap .total-price del{
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
margin: 0;
}
.package-details-section .booking-form-wrap .total-price  .cancel{
font-size: 14px;
line-height: 22px;
}
.package-details-section .booking-form-wrap .total-price  .cancel i{
color:rgb(136, 136, 136);
}
.package-details-section .booking-form-wrap .total-price .booknow{
margin: 20px 0px;
}
.package-details-section .bottom-card h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 25px;
}
.package-details-section .booking-info-card img {
width: 100%;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/booking-bottom-shape.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
display: flex;
align-items: center;
gap: 12px;
padding: 90px 30px 54px 28px;
margin-top: -95px;
position: relative;
z-index: 1;
}
.package-details-section .booking-info-card .bottom-content {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/booking-bottom-shape.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
display: flex;
align-items: center;
gap: 12px;
padding: 90px 30px 54px 28px;
margin-top: -80px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.package-details-section .booking-info-card .bottom-content {
margin-top: -91px;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content {
margin-top: -91px;
}
}
@media (max-width: 1199px) {
.package-details-section .booking-info-card .bottom-content {
margin-top: -90px;
}
}
@media (max-width: 991px) {
.package-details-section .booking-info-card .bottom-content {
padding: 110px 30px 54px 28px;
margin-top: -125px;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content {
padding: 110px 30px 54px 28px;
margin-top: -125px;
}
}
@media (max-width: 576px) {
.package-details-section .booking-info-card .bottom-content {
padding: 90px 20px 54px 20px;
margin-top: -100px;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content {
padding: 90px 20px 54px 20px;
margin-top: -100px;
}
}
.package-details-section .booking-info-card .bottom-content .icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content .icon {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
}
.package-details-section .booking-info-card .bottom-content .content span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--white-color);
margin: 0;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content .content span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--white-color);
margin: 0;
}
.package-details-section .booking-info-card .bottom-content .content h6 {
margin: 0;
}
.package-details-section .booking-info-card .bottom-content .content h6 a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 27px;
line-height: 1;
color: var(--white-color);
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content .content h6 a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: var(--white-color);
}
@media (max-width: 576px) {
.package-details-section .booking-info-card .bottom-content .content h6 a {
font-size: 22px;
}
.sidebar-area .package-details-sections .booking-info-card .bottom-content .content h6 a {
font-size: 22px;
}
}
.destination-section .destination-image-area {
position: relative;
}
.destination-section .destination-image-area .transport-img {
position: relative;
}
.destination-section .destination-image-area .transport-img img {
border-radius: 10px;
}
.destination-section .destination-image-area .transport-img .slider-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 95%;
}
.destination-section .destination-image-area .transport-img .slider-btn-group .swiper-arrow {
height: 28px;
width: 28px;
background-color: var(--primary-color1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.destination-section .destination-image-area .transport-img .slider-btn-group .swiper-arrow svg {
fill: var(--white-color);
}
.destination-section .destination-image-area .nav-tabs {
border: none;
display: flex;
align-items: center;
gap: 29px;
max-width: 100%;
padding: 0;
margin-top: 0;
}
@media (max-width: 991px) {
.destination-section .destination-image-area .nav-tabs {
gap: 15px;
justify-content: start;
}
}
@media (max-width: 576px) {
.destination-section .destination-image-area .nav-tabs {
gap: 20px;
justify-content: center;
}
}
.destination-section .destination-image-area .nav-tabs .nav-item .nav-link {
border: none;
padding: 0;
position: relative;
border-radius: 5px;
}
.destination-section .destination-image-area .nav-tabs .nav-item .nav-link::after {
content: "";
height: 100%;
width: 100%;
border-radius: 5px;
position: absolute;
left: 0;
top: 0;
opacity: 0.5;
}
.destination-section .destination-image-area .nav-tabs .nav-item .nav-link img {
border-radius: 7px;
}
.destination-section .destination-image-area .nav-tabs .nav-item .nav-link.active::after {
display: none;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image {
position: relative;
transition: all 0.45s;
height: 100%;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image img {
border-radius: 5px;
filter: blur(1px);
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--white-color);
text-align: center;
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.6px;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
opacity: 0;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image button {
position: absolute;
left: 0;
bottom: 9%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
background-color: transparent;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image button i {
color: var(--primary-color2);
font-size: 20px;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image button span {
padding: 14.5px 30px;
display: grid;
align-items: center;
gap: 8px;
border-radius: 29px;
color: var(--white-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 21.22px;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image:hover a {
transform: scale(1);
opacity: 1;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image:hover button {
transform: scale(1);
opacity: 1;
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image.active a {
transform: scale(1);
}
.destination-section .destination-image-area .nav-tabs .nav-item .modal-image.active button {
transform: scale(1);
}
.destination-section .destination-image-area .destination-pagination {
position: absolute;
z-index: 9;
bottom: 23%;
left: 45%;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.destination-section .destination-image-area .destination-pagination {
bottom: 38%;
}
}
@media (max-width: 991px) {
.destination-section .destination-image-area .destination-pagination {
bottom: 45%;
}
}
@media (max-width: 767px) {
.destination-section .destination-image-area .destination-pagination {
bottom: 62%;
left: 40%;
}
}
@media (max-width: 576px) {
.destination-section .destination-image-area .destination-pagination {
bottom: 70%;
}
}
@media (max-width: 425px) {
.destination-section .destination-image-area .destination-pagination {
bottom: 75%;
left: 36%;
}
}
@media (max-width: 350px) {
.destination-section .destination-image-area .destination-pagination {
display: none;
}
}
.destination-section .destination-image-area .destination-pagination .product-pagination {
width: unset !important;
display: flex;
gap: 12px;
}
@media (max-width: 991px) {
.destination-section .destination-image-area .destination-pagination .product-pagination {
gap: 10px;
}
}
.destination-section .destination-image-area .destination-pagination .product-pagination .swiper-pagination-bullet {
height: 8px;
width: 8px;
background-color: rgba(255, 255, 255, 0.6);
opacity: 1;
position: relative;
}
.destination-section .destination-image-area .destination-pagination .product-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--primary-color);
}
.destination-section .destination-image-area .destination-pagination .product-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
height: 8px;
width: 20px;
border-radius: 6px;
background-color: var(--white-color);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.destination-section .discover-content-area h2 {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 40px;
line-height: 47.4px;
color: rgb(0, 0, 0);
margin-bottom: 17px;
}
@media (max-width: 576px) {
.destination-section .discover-content-area h2 {
font-size: 33px;
line-height: 1;
}
}
@media (max-width: 350px) {
.destination-section .discover-content-area h2 {
font-size: 27px;
}
}
.destination-section .discover-content-area .first-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 11px;
}
.destination-section .discover-content-area .second-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 11px;
}
.destination-section .discover-content-area .third-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 48px;
}
.destination-section .discover-content-area .destination-area {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 15px;
padding: 34px 40px;
}
@media (max-width: 1199px) {
.destination-section .discover-content-area .destination-area {
padding: 25px 20px;
}
}
@media (max-width: 767px) {
.destination-section .discover-content-area .destination-area {
padding: 30px;
}
}
.destination-section .discover-content-area .destination-area ul {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.destination-section .discover-content-area .destination-area ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
@media (max-width: 576px) {
.destination-section .discover-content-area .destination-area ul {
align-items: baseline;
}
}
@media (max-width: 350px) {
.destination-section .discover-content-area .destination-area ul {
grid-template-columns: repeat(2, 1fr);
}
}
.destination-section .discover-content-area .destination-area ul li {
position: relative;
}
.destination-section .discover-content-area .destination-area ul li::before {
content: "";
height: 29px;
width: 1px;
background-color: rgba(77, 166, 39, 0.25);
position: absolute;
right: -35%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.destination-section .discover-content-area .destination-area ul li::before {
right: -25%;
}
}
@media (max-width: 1199px) {
.destination-section .discover-content-area .destination-area ul li::before {
display: none;
}
}
.destination-section .discover-content-area .destination-area ul li:last-child::before {
display: none;
}
.destination-section .discover-content-area .destination-area ul li span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 15px;
line-height: 1;
color: var(--paragraph-color);
margin-left: 21px;
position: relative;
}
@media (max-width: 576px) {
.destination-section .discover-content-area .destination-area ul li span {
font-size: 14px;
}
}
.destination-section .discover-content-area .destination-area ul li span::before {
content: "";
height: 10px;
width: 10px;
background-color: rgb(77, 166, 39);
position: absolute;
left: -10px;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.destination-section .discover-content-area .destination-area ul li span::after {
content: "";
height: 15px;
width: 15px;
border: 1px solid rgba(77, 166, 39, 0.5);
position: absolute;
left: -10px;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.destination-section .discover-content-area .destination-area ul li h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
color: var(title-color);
margin-top: 7px;
}
@media (max-width: 576px) {
.destination-section .discover-content-area .destination-area ul li h4 {
font-size: 16px;
}
}
.destination-section .google-map .iframe {
height: 554px;
width: 100%;
}
.destination-card-section .packese-slider-btn {
display: flex;
gap: 20px;
}
@media (max-width: 767px) {
.destination-card-section .packese-slider-btn {
gap: 10px;
}
}
.destination-card-section .packese-slider-btn .slider-btn {
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.25);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.destination-card-section .packese-slider-btn .slider-btn svg path {
fill: rgba(17, 17, 17, 0.7);
}
.destination-card-section .packese-slider-btn .slider-btn:hover {
background-color: var(--title-color);
}
.destination-card-section .packese-slider-btn .slider-btn:hover svg path {
fill: var(--white-color);
}
.destination-card-section .destination-slider-area .package-card-two {
border: 1px solid rgba(0, 0, 0, 0.08);
transition: 0.3s;
box-shadow: none;
margin-bottom: 10px;
}
.destination-card-section .swiper {
padding: 20px;
margin: -20px;
}
.destination-card-section .swiper .activity-card-four:hover {
border: 1px solid rgb(255, 255, 255);
}
.hotel-details-section .hotel-details-area .package-img {
position: relative;
}
.hotel-details-section .hotel-details-area .package-img img {
border-radius: 15px;
}
.hotel-details-section .hotel-details-area .package-img .slider-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 95%;
}
.hotel-details-section .hotel-details-area .package-img .slider-btn-group .swiper-arrow {
height: 28px;
width: 28px;
background-color: var(--primary-color1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.hotel-details-section .hotel-details-area .package-img .slider-btn-group .swiper-arrow svg {
fill: var(--white-color);
}
.hotel-details-section .hotel-details-area .nav-tabs {
border: none;
max-width: 100%;
margin-top: 18px;
padding: 0;
gap: 14px;
}
@media (max-width: 1199px) {
.hotel-details-section .hotel-details-area .nav-tabs {
justify-content: start;
}
}
@media (max-width: 991px) {
.hotel-details-section .hotel-details-area .nav-tabs {
gap: 15px;
}
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .nav-link {
border: none;
padding: 0;
position: relative;
border-radius: 5px;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .nav-link img {
border-radius: 7px;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .nav-link.active::after {
display: none;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image {
position: relative;
transition: all 0.45s;
height: 100%;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image img {
border-radius: 5px;
filter: blur(1px);
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--white-color);
text-align: center;
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.6px;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
opacity: 0;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image button {
position: absolute;
left: 0;
bottom: 9%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
background-color: transparent;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image button i {
color: var(--primary-color2);
font-size: 20px;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image button span {
padding: 14.5px 30px;
display: grid;
align-items: center;
gap: 8px;
border-radius: 29px;
color: var(--white-color);
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 21.22px;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image:hover a {
transform: scale(1);
opacity: 1;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image:hover button {
transform: scale(1);
opacity: 1;
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image.active a {
transform: scale(1);
}
.hotel-details-section .hotel-details-area .nav-tabs .nav-item .modal-image.active button {
transform: scale(1);
}
.hotel-details-section .hotel-room-details {
margin: 40px 0 48px;
}
.hotel-details-section .hotel-room-details .left-content {
display: flex;
gap: 24px;
margin-bottom: 4px;
}
@media (max-width: 350px) {
.hotel-details-section .hotel-room-details .left-content {
gap: 10px;
}
}
.hotel-details-section .hotel-room-details .left-content .top-item h3 {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 28px;
line-height: 26px;
letter-spacing: 1%;
color: var(--primary-color);
margin: 0;
}
.hotel-details-section .hotel-room-details .left-content .top-item h3 span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--primary-color);
}
.hotel-details-section .hotel-room-details .left-content .reivew-area {
display: flex;
align-items: center;
gap: 8px;
}
.hotel-details-section .hotel-room-details .left-content .reivew-area .star svg path {
fill: rgb(255, 194, 0);
}
.hotel-details-section .hotel-room-details .left-content .reivew-area span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgb(136, 136, 136);
margin: 0;
}
.hotel-details-section .hotel-room-details .location-area-and-share {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.hotel-details-section .hotel-room-details .location-area-and-share {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 576px) {
.hotel-details-section .hotel-room-details .location-area-and-share {
flex-wrap: wrap;
}
}
.hotel-details-section .hotel-room-details .location-area-and-share .left-side {
display: flex;
align-items: center;
gap: 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .hotel-room-details .location-area-and-share .left-side {
align-items: baseline;
}
}
@media (max-width: 576px) {
.hotel-details-section .hotel-room-details .location-area-and-share .left-side {
align-items: baseline;
}
}
.hotel-details-section .hotel-room-details .location-area-and-share .left-side .icon svg path {
fill: rgb(77, 166, 39);
}
.hotel-details-section .hotel-room-details .location-area-and-share .left-side span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(136, 136, 136);
}
.hotel-details-section .hotel-room-details .location-area-and-share .left-side span a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
color: rgb(17, 17, 17);
margin-left: 8px;
cursor: pointer;
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side {
display: flex;
align-items: center;
gap: 16px;
position: relative;
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .social-item {
display: flex;
align-items: center;
gap: 15px;
background-color: rgb(242, 244, 246);
padding: 3px 20px;
border-radius: 15px;
opacity: 0;
position: absolute;
top: 45px;
left: -15px;
transform: scale(0);
transform-origin: top;
transition: 0.5s ease-in-out;
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .social-item li a svg path {
fill: rgb(17, 17, 17);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
cursor: pointer;
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share .icon svg path {
transition: 0.3s;
fill: rgb(17, 17, 17);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(title-color);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share:hover {
background-color: rgb(77, 166, 39);
color: var(--white-color);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .icon svg path {
fill: var(--white-color);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .social-item {
opacity: 1;
transform: scale(1);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .shape-two {
opacity: 1;
transform: scale(1);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .add {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
padding: 10px 20px;
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .add:hover {
background-color: rgb(77, 166, 39);
color: var(--white-color);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .add:hover .icon svg path {
fill: var(--white-color);
}
.hotel-details-section .hotel-room-details .location-area-and-share .right-side .shape-two {
position: absolute;
top: 72%;
left: 20%;
opacity: 0;
transform: scale(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
}
.hotel-details-section .overview-area {
margin-top: 41px;
margin-bottom: 36px;
}
.hotel-details-section .overview-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.hotel-details-section .overview-area .first-paragraph {
margin-bottom: 13px;
}
.hotel-details-section .overview-area .first-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.hotel-details-section .overview-area .second-paragraph p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.hotel-details-section .Popular-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.hotel-details-section .Popular-area .hightlight-area {
margin-bottom: 36px;
}
.hotel-details-section .Popular-area .hightlight-area .single-hightlight {
display: flex;
align-items: center;
gap: 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .Popular-area .hightlight-area .single-hightlight {
align-items: baseline;
}
}
@media (max-width: 1199px) {
.hotel-details-section .Popular-area .hightlight-area .single-hightlight {
align-items: baseline;
}
}
.hotel-details-section .Popular-area .hightlight-area .single-hightlight span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.hotel-details-section .Popular-area .hightlight-area .single-hightlight span strong {
font-family: "Jost", serif;
font-weight: 500;
font-size: 16px;
line-height: 27px;
color: rgb(17, 17, 17);
}
.hotel-details-section .highlights-content {
margin-bottom: 36px;
}
.hotel-details-section .highlights-content h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.hotel-details-section .highlights-content ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
@media (max-width: 767px) {
.hotel-details-section .highlights-content ul {
grid-template-columns: repeat(2, 1fr);
}
}
.hotel-details-section .highlights-content ul li {
display: flex;
align-items: center;
gap: 12px;
}
@media (max-width: 350px) {
.hotel-details-section .highlights-content ul li {
gap: 10px;
}
}
.hotel-details-section .highlights-content ul li span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
@media (max-width: 350px) {
.hotel-details-section .highlights-content ul li span {
font-size: 14px;
}
}
.hotel-details-section .faq-wrappaer {
margin-bottom: 55px;
}
.hotel-details-section .faq-wrappaer h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 29px;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item {
border: none;
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.07);
background-color: rgb(248, 248, 248);
position: relative;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
position: absolute;
left: -5%;
top: 12%;
}
@media (max-width: 1199px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
left: -6%;
}
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
display: none;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
top: 20%;
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
display: none;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
position: absolute;
left: -5%;
top: 25%;
}
@media (max-width: 1199px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
left: -6%;
}
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
display: none;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:first-child {
border-radius: 10px 10px 0 0;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header {
background-color: transparent;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 16px;
letter-spacing: 0%;
color: rgb(17, 17, 17);
padding: 24px;
background-color: var(--white-color);
text-transform: capitalize;
}
@media (max-width: 1199px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
}
@media (max-width: 350px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
padding: 15px;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 28px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 16px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 20px;
}
}
@media (max-width: 350px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
font-size: 16px;
margin-right: 5px;
}
}
@media (max-width: 767px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 350px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 17px;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 30px;
content: " \f4fe";
transition: unset;
font-size: 25px;
width: 26px;
height: 26px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: rgb(17, 17, 17);
}
@media (min-width: 992px) and (max-width: 1199px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (max-width: 767px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 10px;
}
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
width: 30px;
height: 30px;
font-size: 15px;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: rgb(248, 248, 248);
color: var(--title-color);
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
font-family: bootstrap-icons !important;
content: " \f2ea";
color: rgb(17, 17, 17);
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
width: 30px;
height: 30px;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
border: transparent;
border-radius: 10px;
box-shadow: none;
border-bottom: none;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 30px 15px;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--paragraph-color);
max-width: 660px;
width: 100%;
}
@media (max-width: 576px) {
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0px 15px 15px 15px;
font-size: 14px;
}
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time {
padding-top: 20px;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time h6 {
font-family: var(--font-Hanken);
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: left;
color: var(--paragraph-color);
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li {
display: flex;
align-items: center;
gap: 20px;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span {
font-family: var(--font-Hanken);
font-size: 14px;
font-weight: 500;
line-height: 2;
text-align: left;
color: var(--paragraph-color);
text-transform: uppercase;
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span svg {
fill: var(--paragraph-color);
}
.hotel-details-section .faq-wrappaer .faq-area .faq-wrap button {
white-space: wrap;
}
@keyframes progress {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.hotel-details-section .customer-reviews-wrap {
margin-bottom: 48px;
}
.hotel-details-section .customer-reviews-wrap h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress {
background-color: var(--white-color);
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
border-radius: 15px;
padding: 20px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 27px 57px 27px 91px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 40px;
}
}
@media (max-width: 1199px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 30px;
}
}
@media (max-width: 991px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 40px 27px 60px;
}
}
@media (max-width: 767px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area {
justify-content: center;
gap: 20px;
padding: 30px;
}
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content {
text-align: center;
position: relative;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
content: "";
position: absolute;
top: -30%;
right: -40%;
background-color: rgba(17, 17, 17, 0.1);
width: 1px;
height: 160px;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
right: -28%;
}
}
@media (max-width: 1199px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
height: 100px;
right: -30%;
top: 0%;
}
}
@media (max-width: 767px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
display: none;
}
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 5px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area .icon {
margin-top: -8px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(--primary-color);
margin: 0;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 23.7px;
color: var(title-color);
margin: 0;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: var(--paragraph-color);
margin-top: -5px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
display: flex;
align-items: center;
gap: 12px;
width: 448px;
margin-bottom: 18px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item:last-child {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 330px;
}
}
@media (max-width: 991px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 360px;
}
}
@media (max-width: 767px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 380px;
}
}
@media (max-width: 576px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
flex-wrap: wrap;
gap: 10px;
width: 300px;
}
}
@media (max-width: 350px) {
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 250px;
}
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item h6 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
margin: 0;
width: 110px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item span {
color: rgb(102, 102, 102);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress {
width: 100%;
height: 7px;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress-bar {
background: #4da627;
}
.hotel-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progressbar-active {
animation: progress 1s forwards 0.4s;
}
.hotel-details-section .comment-area {
margin-bottom: 50px;
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-bottom: 48px;
}
.hotel-details-section .comment-area .single-comment {
display: flex;
align-items: start;
gap: 20px;
}
.hotel-details-section .comment-area .single-comment.two {
margin-top: 40px;
}
.hotel-details-section .comment-area .single-comment.two .content .reply-btn {
color: rgb(17, 17, 17);
}
.hotel-details-section .comment-area .single-comment.two .content .reply-btn svg path {
fill: rgba(17, 17, 17, 0.5);
}
.hotel-details-section .comment-area .single-comment .image img {
border-radius: 50%;
}
.hotel-details-section .comment-area .single-comment .content .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.hotel-details-section .comment-area .single-comment .content .top-content .author-and-star {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 350px) {
.hotel-details-section .comment-area .single-comment .content .top-content .author-and-star {
flex-wrap: wrap;
gap: 5px;
}
}
.hotel-details-section .comment-area .single-comment .content .top-content .author-and-star .star i {
color: rgb(255, 194, 0);
}
.hotel-details-section .comment-area .single-comment .content .top-content h5 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
.hotel-details-section .comment-area .single-comment .content .top-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16.8px;
letter-spacing: 0%;
color: rgb(153, 153, 153);
}
.hotel-details-section .comment-area .single-comment .content p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 745px;
width: 100%;
margin-bottom: 12px;
}
.hotel-details-section .comment-area .single-comment .content .reply-btn {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;
color: rgb(77, 166, 39);
}
.hotel-details-section .leave-and-feedback-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(title-color);
margin-bottom: 6px;
}
.hotel-details-section .leave-and-feedback-area P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
margin-bottom: 45px;
}
.hotel-details-section .contact-form-wrapper {
margin-bottom: 117px;
}
.hotel-details-section .contact-form-wrapper form .form-inner {
margin-bottom: 0;
}
.hotel-details-section .contact-form-wrapper form .form-inner .input-area {
border: none;
}
.hotel-details-section .contact-form-wrapper form .form-inner label {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: 0%;
color: #111111;
margin-bottom: 11px;
}
.hotel-details-section .contact-form-wrapper form .form-inner input {
width: 100%;
height: 52px;
color: var(--paragraph-color);
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
border-radius: 10px;
padding: 20px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
}
.hotel-details-section .contact-form-wrapper form .form-inner textarea {
width: 100%;
min-height: 150px;
padding: 15px 25px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
border-radius: 10px;
color: var(--paragraph-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 2px;
}
.hotel-details-section .contact-form-wrapper form .form-inner textarea:focus {
outline: none;
}
.hotel-details-section .contact-form-wrapper form .form-check .form-check-input {
position: relative;
top: 5%;
}
.hotel-details-section .contact-form-wrapper form .form-check .form-check-label {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: rgb(102, 102, 102);
}
.hotel-details-section .contact-form-wrapper form .review-area {
display: flex;
align-items: center;
justify-content: space-around;
margin: 36px 0;
}
@media (max-width: 576px) {
.hotel-details-section .contact-form-wrapper form .review-area {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 10px 0;
}
}
.hotel-details-section .contact-form-wrapper form .review-area .single-review {
text-align: center;
}
.hotel-details-section .contact-form-wrapper form .review-area .single-review .star {
line-height: 1;
}
.hotel-details-section .contact-form-wrapper form .review-area .single-review .star svg path {
fill: rgb(17, 17, 17);
}
.hotel-details-section .contact-form-wrapper form .review-area .single-review span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(title-color);
}
.hotel-details-section .booking-form-wrap {
border-radius: 15px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.hotel-details-section .booking-form-wrap h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 22px;
line-height: 26.07px;
letter-spacing: 0%;
text-decoration: underline;
color: var(title-color);
background-color: rgba(77, 166, 39, 0.2);
border-radius: 15px 15px 0 0;
border: 3px solid white;
padding: 35px 27px;
margin: 0;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 32px 36px;
}
@media (max-width: 1199px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 20px 30px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap h6 {
margin-bottom: 15px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap span {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
display: block;
color: var(--title-color);
margin-bottom: 10px;
display: block;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .celender-icon {
position: absolute;
left: 2%;
top: 21%;
z-index: 1;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .celender-icon svg path {
fill: rgb(77, 166, 39);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate {
display: flex;
width: 100%;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-check-label {
width: 0 !important;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-group {
width: 100%;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group {
position: relative;
display: block;
margin-bottom: 30px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group span {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 10px;
display: block;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 10px 35px;
height: 50px;
border: 1px solid #eee;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check {
position: relative;
padding-left: 0;
line-height: 1;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input {
display: none;
visibility: hidden;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:focus {
box-shadow: none;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked:focus {
box-shadow: none;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::brfore {
border-color: var(--primary-color1);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::after {
background-color: var(--primary-color1);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label {
cursor: pointer;
width: 100%;
position: relative;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::before {
content: "";
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: -26.5px;
top: 50%;
transform: translateY(-50%);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date i {
color: var(--primary-color1);
font-size: 20px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date,
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date {
font-size: 13px;
font-weight: 400;
font-family: "Rubik", serif;
line-height: 1;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date span:first-child,
.hotel-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date span:first-child {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 7px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type h5 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(0, 0, 0);
margin-bottom: 20px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
display: flex;
align-items: baseline;
gap: 33px;
padding-top: 18px;
padding-bottom: 0;
border-bottom: 1px dashed #ddd;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 15px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 5px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 20px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container span {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 18.96px;
color: var(title-color);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group {
position: relative;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
cursor: pointer;
display: flex;
justify-content: space-between;
margin-bottom: 22px;
align-items: center;
}
@media (max-width: 1199px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
flex-wrap: wrap;
gap: 15px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
min-width: 155px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
gap: 2px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
font-size: 14px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
font-size: 14px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
border-radius: 10px;
border: 1px solid rgba(144, 185, 86, 0.2);
background: rgb(255, 255, 255);
width: 110px;
display: flex;
align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
width: 88px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__minus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 10px 0 0 10px;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__plus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 0 10px 10px 0;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a {
height: 32px;
min-width: 32px;
max-width: 32px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 18px;
color: var(--primary-color1);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a:hover {
color: var(--white-color);
background-color: rgb(77, 166, 39);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
width: 100%;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
padding: 0 2px;
}
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 28px;
position: relative;
cursor: pointer;
margin-bottom: 19px;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: rgb(17, 17, 17);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container:last-child {
margin-bottom: 0;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark {
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark:after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check {
display: none;
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark {
border-color: rgb(77, 166, 39);
}
.hotel-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark:after {
background-color: rgb(77, 166, 39);
}
.hotel-details-section .booking-form-wrap .single-total {
border: 1px solid #ddd;
padding: 20px 18px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.hotel-details-section .booking-form-wrap .single-total span {
position: absolute;
left: 12px;
top: -10px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 0px 8px;
background-color: #f7f6eb;
}
.hotel-details-section .booking-form-wrap .single-total ul {
display: flex;
align-items: center;
gap: 15px;
line-height: 1;
}
.hotel-details-section .booking-form-wrap .single-total ul li {
color: #666;
font-family: var(--font-jost);
font-size: 12px;
font-weight: 400;
}
.hotel-details-section .booking-form-wrap .single-total ul li strong {
display: block;
font-weight: 500;
font-size: 16px;
margin-bottom: 5px;
}
.hotel-details-section .booking-form-wrap .single-total ul li i {
color: var(--title-color);
}
.hotel-details-section .booking-form-wrap .single-total svg {
fill: #b1afaf;
}
.hotel-details-section .booking-form-wrap .single-total .total {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
}
.hotel-details-section .booking-form-wrap .total-price {
font-family: "Jost", serif;
font-weight: 600;
font-size: 28px;
line-height: 16px;
color: rgb(0, 0, 0);
padding-top: 50px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.hotel-details-section .booking-form-wrap .total-price span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
}
.hotel-details-section .booking-info-card img {
width: 100%;
}
.hotel-details-section .booking-info-card .bottom-content {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/booking-bottom-shape.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
display: flex;
align-items: center;
gap: 12px;
padding: 90px 30px 54px 28px;
margin-top: -80px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.hotel-details-section .booking-info-card .bottom-content {
margin-top: -91px;
}
}
@media (max-width: 1199px) {
.hotel-details-section .booking-info-card .bottom-content {
margin-top: -90px;
}
}
@media (max-width: 991px) {
.hotel-details-section .booking-info-card .bottom-content {
padding: 110px 30px 54px 28px;
margin-top: -125px;
}
}
@media (max-width: 576px) {
.hotel-details-section .booking-info-card .bottom-content {
padding: 90px 20px 54px 20px;
margin-top: -100px;
}
}
.hotel-details-section .booking-info-card .bottom-content .icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
}
.hotel-details-section .booking-info-card .bottom-content .content span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--white-color);
margin: 0;
}
.hotel-details-section .booking-info-card .bottom-content .content h6 {
margin: 0;
}
.hotel-details-section .booking-info-card .bottom-content .content h6 a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 27px;
line-height: 1;
color: var(--white-color);
}
@media (max-width: 576px) {
.hotel-details-section .booking-info-card .bottom-content .content h6 a {
font-size: 22px;
}
}
.activities-details-section .package-details-area .package-img {
position: relative;
}
.activities-details-section .package-details-area .package-img img {
border-radius: 15px;
}
.activities-details-section .package-details-area .package-img .slider-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 95%;
}
.activities-details-section .package-details-area .package-img .slider-btn-group .swiper-arrow {
height: 28px;
width: 28px;
background-color: var(--primary-color1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.activities-details-section .package-details-area .package-img .slider-btn-group .swiper-arrow svg {
fill: var(--white-color);
}
.activities-details-section .package-details-area .nav-tabs {
border: none;
-moz-columns: 5;
columns: 5;
-moz-column-gap: 20px;
column-gap: 20px;
display: block;
max-width: 100%;
margin-top: 18px;
padding: 0;
}
.activities-details-section .package-details-area .nav-tabs .nav-item .nav-link {
border: none;
padding: 0;
position: relative;
border-radius: 5px;
}
.activities-details-section .package-details-area .nav-tabs .nav-item .nav-link img {
border-radius: 7px;
}
.activities-details-section .package-details-area .nav-tabs .nav-item .nav-link.active::after {
display: none;
}
.activities-details-section .hotel-room-details {
margin: 40px 0 48px;
}
.activities-details-section .hotel-room-details .left-content {
display: flex;
gap: 24px;
margin-bottom: 4px;
}
@media (max-width: 350px) {
.activities-details-section .hotel-room-details .left-content {
gap: 10px;
}
}
.activities-details-section .hotel-room-details .left-content .top-item h3 {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 28px;
line-height: 26px;
letter-spacing: 1%;
color: var(--primary-color);
margin: 0;
}
.activities-details-section .hotel-room-details .left-content .top-item h3 span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--primary-color);
}
.activities-details-section .hotel-room-details .left-content .reivew-area {
display: flex;
align-items: center;
gap: 8px;
}
.activities-details-section .hotel-room-details .left-content .reivew-area .star svg path {
fill: rgb(255, 194, 0);
}
.activities-details-section .hotel-room-details .left-content .reivew-area span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgb(136, 136, 136);
margin: 0;
}
.activities-details-section .hotel-room-details .location-area-and-share {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199px) {
.activities-details-section .hotel-room-details .location-area-and-share {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 576px) {
.activities-details-section .hotel-room-details .location-area-and-share {
flex-wrap: wrap;
}
}
.activities-details-section .hotel-room-details .location-area-and-share .left-side {
display: flex;
align-items: center;
gap: 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .hotel-room-details .location-area-and-share .left-side {
align-items: baseline;
}
}
@media (max-width: 576px) {
.activities-details-section .hotel-room-details .location-area-and-share .left-side {
align-items: baseline;
}
}
.activities-details-section .hotel-room-details .location-area-and-share .left-side .icon svg path {
fill: rgb(77, 166, 39);
}
.activities-details-section .hotel-room-details .location-area-and-share .left-side span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
}
.activities-details-section .hotel-room-details .location-area-and-share .left-side span a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
color: rgb(17, 17, 17);
margin-left: 8px;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side {
display: flex;
align-items: center;
gap: 16px;
position: relative;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .social-item {
display: flex;
align-items: center;
gap: 15px;
background-color: rgb(242, 244, 246);
padding: 3px 20px;
border-radius: 15px;
opacity: 0;
position: absolute;
top: 45px;
left: -15px;
transform: scale(0);
transform-origin: top;
transition: 0.5s ease-in-out;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .social-item li a svg path {
fill: rgb(17, 17, 17);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
cursor: pointer;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share .icon svg path {
transition: 0.3s;
fill: rgb(17, 17, 17);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
transition: 0.3s;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share:hover {
background-color: rgb(77, 166, 39);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share:hover span {
color: rgb(255, 255, 255);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .icon svg path {
fill: var(--white-color);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .social-item {
opacity: 1;
transform: scale(1);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .share:hover .shape-two {
opacity: 1;
transform: scale(1);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .add {
display: flex;
align-items: center;
gap: 8px;
background-color: rgb(242, 244, 246);
border-radius: 17px;
padding: 3px 20px;
transition: 0.3s;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
padding: 10px 20px;
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .add:hover {
background-color: rgb(77, 166, 39);
color: var(--white-color);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .add:hover .icon svg path {
fill: var(--white-color);
}
.activities-details-section .hotel-room-details .location-area-and-share .right-side .shape-two {
position: absolute;
top: 72%;
left: 20%;
opacity: 0;
transform: scale(0);
transform-origin: bottom;
transition: 0.5s ease-in-out;
}
.activities-details-section .video-wrap {
position: relative;
}
.activities-details-section .video-wrap img {
border-radius: 15px;
}
.activities-details-section .video-wrap .video-area {
position: absolute;
top: 40%;
left: 50%;
transform: translateX(-50%);
}
.activities-details-section .video-wrap .video-area .icon {
height: 58px;
width: 58px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 999;
}
.activities-details-section .video-wrap .video-area .icon .wrapper {
display: inline-block;
position: absolute;
top: 62px;
left: 61px;
}
.activities-details-section .video-wrap .video-area .icon .waves {
position: absolute;
width: 95px;
height: 95px;
background: linear-gradient(to right, rgb(231, 98, 12), rgb(243, 128, 53));
opacity: 0;
border-radius: 100%;
right: -15px;
bottom: -15px;
z-index: -1;
animation: waves 3s ease-in-out infinite;
}
.activities-details-section .video-wrap .video-area .icon .waves.wave-1 {
animation-delay: 0s;
}
.activities-details-section .video-wrap .video-area .icon .waves.wave-2 {
animation-delay: 1s;
}
.activities-details-section .video-wrap .video-area .icon .waves.wave-3 {
animation-delay: 2s;
}
@media (max-width: 991px) {
.activities-details-section .video-wrap img {
width: 100%;
}
}
.activities-details-section .gallery-image-popup .gallery-img-wrap {
position: relative;
transition: all 0.45s;
height: 100%;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
border-radius: 10px;
}
@media (max-width: 991px) {
.activities-details-section .gallery-image-popup .gallery-img-wrap img {
width: 100%;
}
}
@media (max-width: 767px) {
.activities-details-section .gallery-image-popup .gallery-img-wrap img {
height: auto;
}
}
.activities-details-section .gallery-image-popup .gallery-img-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--white-color);
text-align: center;
font-family: "Rubik", serif;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.6px;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
opacity: 0;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap button {
position: absolute;
left: 0;
bottom: 9%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
background-color: transparent;
flex-direction: column;
transition: all 0.45s;
transform: scale(0.4);
border-radius: 10px;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap button i {
color: var(--primary-color2);
font-size: 20px;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap button span {
background-color: rgb(255, 255, 255);
padding: 14.5px 39px;
display: flex;
align-items: center;
gap: 8px;
border-radius: 29px;
color: rgb(17, 17, 17);
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 18.96px;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap:hover a {
transform: scale(1);
opacity: 1;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap:hover button {
transform: scale(1);
opacity: 1;
}
.activities-details-section .gallery-image-popup .gallery-img-wrap.active a {
transform: scale(1);
}
.activities-details-section .gallery-image-popup .gallery-img-wrap.active button {
transform: scale(1);
}
.activities-details-section .location-area-and-share {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 0 -10px;
}
@media (max-width: 576px) {
.activities-details-section .location-area-and-share {
flex-wrap: wrap;
}
}
.activities-details-section .location-area-and-share .left-side {
display: flex;
align-items: center;
gap: 8px;
}
.activities-details-section .location-area-and-share .left-side span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(--paragraph-color);
}
.activities-details-section .location-area-and-share .left-side span a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 0%;
text-decoration: underline;
color: rgb(17, 17, 17);
margin-left: 8px;
}
.activities-details-section .location-area-and-share .right-side {
display: flex;
align-items: center;
gap: 24px;
}
.activities-details-section .location-area-and-share .right-side .share {
display: flex;
align-items: center;
gap: 8px;
}
.activities-details-section .location-area-and-share .right-side .share span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(--paragraph-color);
}
.activities-details-section .location-area-and-share .right-side .add {
display: flex;
align-items: center;
gap: 8px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
padding: 10px 20px;
}
.activities-details-section .feature-area-wrap {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 14px 23px;
}
@media (max-width: 1199px) {
.activities-details-section .feature-area-wrap {
padding: 10px 15px;
}
}
@media (max-width: 767px) {
.activities-details-section .feature-area-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
padding: 20px;
}
}
@media (max-width: 350px) {
.activities-details-section .feature-area-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.activities-details-section .feature-area-wrap .single-feature {
display: flex;
align-items: center;
gap: 16px;
position: relative;
}
@media (max-width: 1199px) {
.activities-details-section .feature-area-wrap .single-feature {
gap: 8px;
}
}
@media (max-width: 991px) {
.activities-details-section .feature-area-wrap .single-feature {
gap: 10px;
}
}
.activities-details-section .feature-area-wrap .single-feature::before {
content: "";
position: absolute;
top: 25%;
right: -20%;
background-color: rgba(17, 17, 17, 0.1);
width: 1px;
height: 28px;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .feature-area-wrap .single-feature::before {
right: -8%;
}
}
@media (max-width: 1199px) {
.activities-details-section .feature-area-wrap .single-feature::before {
display: none;
}
}
.activities-details-section .feature-area-wrap .single-feature:last-child::before {
display: none;
}
.activities-details-section .feature-area-wrap .single-feature .icon.one {
background: rgb(242, 255, 240);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.activities-details-section .feature-area-wrap .single-feature .icon.two {
background: rgb(255, 243, 236);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.activities-details-section .feature-area-wrap .single-feature .icon.three {
background: rgba(15, 197, 173, 0.1);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.activities-details-section .feature-area-wrap .single-feature .icon.four {
background: rgba(58, 166, 235, 0.1);
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.activities-details-section .feature-area-wrap .single-feature .content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: rgb(102, 102, 102);
}
@media (max-width: 1199px) {
.activities-details-section .feature-area-wrap .single-feature .content span {
font-size: 12px;
}
}
@media (max-width: 991px) {
.activities-details-section .feature-area-wrap .single-feature .content span {
font-size: 13px;
}
}
.activities-details-section .feature-area-wrap .single-feature .content h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 1;
color: var(title-color);
margin: 0;
}
@media (max-width: 1199px) {
.activities-details-section .feature-area-wrap .single-feature .content h6 {
font-size: 14px;
}
}
@media (max-width: 991px) {
.activities-details-section .feature-area-wrap .single-feature .content h6 {
font-size: 16px;
}
}
.activities-details-section .feature-area-wrap .single-feature .content h6 span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: rgb(102, 102, 102);
}
.activities-details-section .overview-area {
margin-top: 41px;
margin-bottom: 36px;
}
.activities-details-section .overview-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.activities-details-section .overview-area .first-paragraph {
margin-bottom: 13px;
}
.activities-details-section .overview-area p{
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 10px;
}
.activities-details-section .overview-area p a{
color:var(--primary-color);
}
.activities-details-section .overview-area p a:hover{
text-decoration: underline;
color:var(--primary-color-three);
}
.activities-details-section .overview-area ul{
list-style: disc;
list-style-position: inside;
padding-left: 10px;
margin: 0px 0px 20px 0px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.activities-details-section .overview-area ol{
list-style:decimal;
list-style-position: inside;
padding-left: 10px!important;
margin: 0px 0px 20px 0px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.activities-details-section .overview-area .first-paragraph p {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
}
.activities-details-section .overview-area .second-paragraph p {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.activities-details-section .hightlights-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.activities-details-section .hightlights-area p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
margin-bottom: 16px;
}
.activities-details-section .hightlights-area .hightlight-area {
margin-bottom: 36px;
}
.activities-details-section .hightlights-area .hightlight-area .single-hightlight {
display: flex;
align-items: center;
gap: 8px;
}
.activities-details-section .hightlights-area .hightlight-area .single-hightlight span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.activities-details-section .included-area {
margin-bottom: 36px;
}
.activities-details-section .included-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.activities-details-section .included-area .included-featured {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.activities-details-section .included-area .included-featured {
flex-wrap: wrap;
gap: 20px;
}
}
.activities-details-section .included-area .included-featured .single-success .single-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
@media (max-width: 1199px) {
.activities-details-section .included-area .included-featured .single-success .single-item {
margin-bottom: 7px;
}
}
.activities-details-section .included-area .included-featured .single-success .single-item:last-child {
margin-bottom: 0;
}
.activities-details-section .included-area .included-featured .single-success .single-item span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.activities-details-section .included-area .included-featured .single-success .single-item span {
font-size: 14px;
}
}
@media (max-width: 767px) {
.activities-details-section .included-area .included-featured .single-success .single-item span {
font-size: 16px;
}
}
.activities-details-section .included-area .included-featured .single-error .single-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.activities-details-section .included-area .included-featured .single-error .single-item:last-child {
margin-bottom: 0;
}
.activities-details-section .included-area .included-featured .single-error .single-item span {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
}
.activities-details-section .itinerary-area {
margin-bottom: 26px;
}
.activities-details-section .itinerary-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.activities-details-section .itinerary-area P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 27px;
color: var(--paragraph-color);
}
.activities-details-section .faq-wrappaer {
margin-bottom: 55px;
}
.activities-details-section .faq-wrappaer .faq-area {
max-width: 800px;
width: 100%;
margin-left: 50px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .faq-wrappaer .faq-area {
margin-left: 25px;
max-width: 705px;
width: 100%;
}
}
@media (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area {
margin-left: 15px;
max-width: 600px;
width: 100%;
}
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area {
margin-left: 0;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item {
border: none;
background-color: transparent;
border: 1px solid rgba(17, 17, 17, 0.07);
background-color: rgb(248, 248, 248);
position: relative;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
position: absolute;
left: -5%;
top: 12%;
}
@media (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
left: -6%;
}
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon {
display: none;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
top: 20%;
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .location-icon.five {
display: none;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
position: absolute;
left: -5%;
top: 25%;
}
@media (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
left: -6%;
}
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .green-dot {
display: none;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:first-child {
border-radius: 10px 10px 0 0;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item:last-child {
margin-bottom: 0;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header {
background-color: transparent;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 16px;
letter-spacing: 0%;
color: rgb(17, 17, 17);
padding: 24px;
background-color: var(--white-color);
text-transform: capitalize;
}
@media (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
}
}
@media (max-width: 350px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
padding: 15px;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 28px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 18px;
line-height: 16px;
color: var(--paragraph-color);
}
@media (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
margin-right: 20px;
}
}
@media (max-width: 350px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button span {
font-size: 16px;
margin-right: 5px;
}
}
@media (max-width: 767px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 350px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button {
font-size: 17px;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
flex-shrink: 0;
width: unset;
height: unset;
margin-left: auto;
background-image: none;
background-repeat: unset;
background-size: unset;
font-family: bootstrap-icons !important;
position: absolute;
right: 30px;
content: " \f4fe";
transition: unset;
font-size: 25px;
width: 26px;
height: 26px;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: rgb(17, 17, 17);
}
@media (min-width: 992px) and (max-width: 1199px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 15px;
}
}
@media (max-width: 767px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
right: 10px;
}
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after {
width: 30px;
height: 30px;
font-size: 15px;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
background-color: rgb(248, 248, 248);
color: var(--title-color);
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
font-family: bootstrap-icons !important;
content: " \f2ea";
color: rgb(17, 17, 17);
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
width: 30px;
height: 30px;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus {
border: transparent;
border-radius: 10px;
box-shadow: none;
border-bottom: none;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0 30px 15px;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: var(--paragraph-color);
max-width: 660px;
width: 100%;
}
@media (max-width: 576px) {
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body {
padding: 0px 15px 15px 15px;
font-size: 14px;
}
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time {
padding-top: 20px;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time h6 {
font-family: var(--font-Hanken);
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: left;
color: var(--paragraph-color);
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li {
display: flex;
align-items: center;
gap: 20px;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span {
font-family: var(--font-Hanken);
font-size: 14px;
font-weight: 500;
line-height: 2;
text-align: left;
color: var(--paragraph-color);
text-transform: uppercase;
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap .accordion .accordion-item .accordion-body .opening-time ul li span svg {
fill: var(--paragraph-color);
}
.activities-details-section .faq-wrappaer .faq-area .faq-wrap button {
white-space: wrap;
}
@keyframes progress {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.activities-details-section .customer-reviews-wrap {
margin-bottom: 48px;
}
.activities-details-section .customer-reviews-wrap h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 28.44px;
color: var(title-color);
margin-bottom: 16px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress {
background-color: var(--white-color);
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
border-radius: 15px;
padding: 20px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 27px 57px 27px 91px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 40px;
}
}
@media (max-width: 1199px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 20px 27px 30px;
}
}
@media (max-width: 991px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area {
padding: 27px 40px 27px 60px;
}
}
@media (max-width: 767px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area {
justify-content: center;
gap: 20px;
padding: 30px;
}
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content {
text-align: center;
position: relative;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
content: "";
position: absolute;
top: -30%;
right: -40%;
background-color: rgba(17, 17, 17, 0.1);
width: 1px;
height: 160px;
transform: translateX(-50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
right: -28%;
}
}
@media (max-width: 1199px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
height: 100px;
right: -30%;
top: 0%;
}
}
@media (max-width: 767px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content::before {
display: none;
}
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 5px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area .icon {
margin-top: -8px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content .star-area span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(--primary-color);
margin: 0;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content h6 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 23.7px;
color: var(title-color);
margin: 0;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .review-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: var(--paragraph-color);
margin-top: -5px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
display: flex;
align-items: center;
gap: 12px;
width: 448px;
}
@media (max-width: 1199px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 330px;
}
}
@media (max-width: 991px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 360px;
}
}
@media (max-width: 767px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 380px;
}
}
@media (max-width: 576px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
flex-wrap: wrap;
gap: 10px;
width: 300px;
}
}
@media (max-width: 350px) {
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item {
width: 250px;
}
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item h6 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
margin: 0;
width: 110px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress {
width: 100%;
height: 7px;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progress-bar {
background: #4da627;
}
.activities-details-section .customer-reviews-wrap .review-and-progress .border-area .progress-item .progressbar-active {
animation: progress 1s forwards 0.4s;
}
.activities-details-section .comment-area {
margin-bottom: 50px;
border-bottom: 1px solid rgba(17, 17, 17, 0.1);
padding-bottom: 48px;
}
.activities-details-section .comment-area .single-comment {
display: flex;
align-items: start;
gap: 20px;
}
.activities-details-section .comment-area .single-comment.two {
margin-top: 40px;
}
.activities-details-section .comment-area .single-comment.two .content .reply-btn {
color: rgb(17, 17, 17);
}
.activities-details-section .comment-area .single-comment.two .content .reply-btn svg path {
fill: rgba(17, 17, 17, 0.5);
}
.activities-details-section .comment-area .single-comment .image img {
border-radius: 50%;
}
.activities-details-section .comment-area .single-comment .content .top-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.activities-details-section .comment-area .single-comment .content .top-content .author-and-star {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 350px) {
.activities-details-section .comment-area .single-comment .content .top-content .author-and-star {
flex-wrap: wrap;
gap: 5px;
}
}
.activities-details-section .comment-area .single-comment .content .top-content .author-and-star .star i {
color: rgb(255, 194, 0);
}
.activities-details-section .comment-area .single-comment .content .top-content h5 {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0%;
color: var(title-color);
margin: 0;
}
.activities-details-section .comment-area .single-comment .content .top-content span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 16.8px;
letter-spacing: 0%;
color: rgb(153, 153, 153);
}
.activities-details-section .comment-area .single-comment .content p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
color: var(--paragraph-color);
max-width: 745px;
width: 100%;
margin-bottom: 12px;
}
.activities-details-section .comment-area .single-comment .content .reply-btn {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0%;
color: rgb(77, 166, 39);
}
.activities-details-section .leave-and-feedback-area h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 32px;
line-height: 37.92px;
color: var(title-color);
margin-bottom: 6px;
}
.activities-details-section .leave-and-feedback-area P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: var(--paragraph-color);
margin-bottom: 45px;
}
.activities-details-section .contact-form-wrapper form .form-inner {
margin-bottom: 0;
}
.activities-details-section .contact-form-wrapper form .form-inner .input-area {
border: none;
}
.activities-details-section .contact-form-wrapper form .form-inner label {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 13px;
line-height: 1;
letter-spacing: 0%;
color: #111111;
margin-bottom: 11px;
}
.activities-details-section .contact-form-wrapper form .form-inner input {
width: 100%;
height: 52px;
color: var(--paragraph-color);
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
border-radius: 10px;
padding: 20px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
}
.activities-details-section .contact-form-wrapper form .form-inner textarea {
width: 100%;
min-height: 150px;
padding: 15px 25px;
border: 1px solid rgba(17, 17, 17, 0.1);
background-color: rgb(255, 255, 255);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
border-radius: 10px;
color: var(--paragraph-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 2px;
}
.activities-details-section .contact-form-wrapper form .form-inner textarea:focus {
outline: none;
}
.activities-details-section .contact-form-wrapper form .form-check .form-check-input {
position: relative;
top: 5%;
}
.activities-details-section .contact-form-wrapper form .form-check .form-check-label {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: rgb(102, 102, 102);
}
.activities-details-section .contact-form-wrapper form .review-area {
display: flex;
align-items: center;
justify-content: space-around;
margin: 36px 0;
}
@media (max-width: 576px) {
.activities-details-section .contact-form-wrapper form .review-area {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 10px 0;
}
}
.activities-details-section .contact-form-wrapper form .review-area .single-review {
text-align: center;
}
.activities-details-section .contact-form-wrapper form .review-area .single-review .star {
line-height: 1;
}
.activities-details-section .contact-form-wrapper form .review-area .single-review .star svg path {
fill: rgb(17, 17, 17);
}
.activities-details-section .contact-form-wrapper form .review-area .single-review span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(title-color);
}
.activities-details-section .booking-form-wrap {
border-radius: 15px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.activities-details-section .booking-form-wrap h4 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 22px;
line-height: 26.07px;
letter-spacing: 0%;
text-decoration: underline;
color: var(title-color);
background-color: rgba(77, 166, 39, 0.2);
border-radius: 15px 15px 0 0;
border: 3px solid white;
padding: 35px 27px;
margin: 0;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 32px 36px;
}
@media (max-width: 1199px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form {
padding: 25px 20px 30px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap h6 {
margin-bottom: 15px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .celender-icon {
position: absolute;
left: 2%;
top: 32%;
z-index: 1;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate {
display: flex;
width: 100%;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-check-label {
width: 0 !important;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .customdate .form-group {
width: 100%;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group {
position: relative;
display: block;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group span {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 10px;
display: block;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
padding: 10px 35px;
height: 50px;
border: 1px solid #eee;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check {
position: relative;
padding-left: 0;
line-height: 1;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input {
display: none;
visibility: hidden;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:focus {
box-shadow: none;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked:focus {
box-shadow: none;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::brfore {
border-color: var(--primary-color1);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-input:checked ~ .form-check-label::after {
background-color: var(--primary-color1);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label {
cursor: pointer;
width: 100%;
position: relative;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::before {
content: "";
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label::after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: -26.5px;
top: 50%;
transform: translateY(-50%);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date i {
color: var(--primary-color1);
font-size: 20px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date,
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date {
font-size: 13px;
font-weight: 400;
font-family: "Rubik", serif;
line-height: 1;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .start-date span:first-child,
.activities-details-section .booking-form-wrap .sidebar-booking-form .tour-date-wrap .form-check .form-check-label .tour-date .end-date span:first-child {
font-size: 14px;
font-weight: 500;
display: block;
color: var(--title-color);
margin-bottom: 7px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type h5 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(0, 0, 0);
margin-bottom: 20px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ddd;
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 15px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 5px;
align-items: baseline;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container {
gap: 20px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container span {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 16px;
line-height: 18.96px;
color: var(title-color);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area {
display: flex;
align-items: center;
-moz-column-gap: 33px;
column-gap: 33px;
flex-wrap: wrap;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area label {
display: flex;
align-items: center;
gap: 6px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area .input-radio {
box-shadow: 0px 0px 0px 1px #6d6d6d;
font-size: 3em;
width: 17px;
height: 17px;
margin-right: 7px;
border: 3px solid #fff;
background-clip: border-box;
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area .input-radio:checked {
box-shadow: 0px 0px 0px 1px rgb(77, 166, 39);
background-color: rgb(77, 166, 39);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group {
position: relative;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group span {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .form-inner .form-group svg {
fill: var(--primary-color1);
position: absolute;
right: 15px;
bottom: 18px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
cursor: pointer;
display: flex;
justify-content: space-between;
margin-bottom: 22px;
align-items: center;
}
@media (max-width: 1199px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item {
flex-wrap: wrap;
gap: 15px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
min-width: 155px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 18.96px;
color: var(--paragraph-color);
gap: 2px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable {
font-size: 14px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px;
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .number-input-lable span {
font-size: 14px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
border-radius: 10px;
border: 1px solid rgba(144, 185, 86, 0.2);
background: rgb(255, 255, 255);
width: 110px;
display: flex;
align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter {
width: 88px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__minus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 10px 0 0 10px;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter .quantity__plus {
background-color: rgb(242, 244, 246);
padding: 10px;
border-radius: 0 10px 10px 0;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a {
height: 32px;
min-width: 32px;
max-width: 32px;
border-radius: 50%;
border: 1px solid var(--primary-color1);
display: flex;
align-items: center;
justify-content: center;
transition: 0.35s;
font-size: 18px;
color: var(--primary-color1);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter a:hover {
color: var(--white-color);
background-color: rgb(77, 166, 39);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
width: 100%;
background-color: transparent;
text-align: center;
line-height: 1;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 15px;
font-weight: 500;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-form-wrap .sidebar-booking-form .number-input-item .quantity-counter input {
padding: 0 2px;
}
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 28px;
position: relative;
cursor: pointer;
margin-bottom: 19px;
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 23.12px;
color: rgb(17, 17, 17);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container:last-child {
margin-bottom: 0;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark {
height: 18px;
width: 18px;
border: 1px solid #bbb3b3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .checkmark:after {
content: "";
height: 12px;
width: 12px;
background-color: #bbb3b3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 18.96px;
color: rgb(17, 17, 17);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check {
display: none;
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark {
border-color: rgb(77, 166, 39);
}
.activities-details-section .booking-form-wrap .sidebar-booking-form .checkbox-container .check-container .services_check:checked ~ .checkmark:after {
background-color: rgb(77, 166, 39);
}
.activities-details-section .booking-form-wrap .single-total {
border: 1px solid #ddd;
padding: 20px 18px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.activities-details-section .booking-form-wrap .single-total span {
position: absolute;
left: 12px;
top: -10px;
color: var(--title-color);
font-family: var(--font-jost);
font-size: 16px;
font-weight: 500;
line-height: 1;
padding: 0px 8px;
background-color: #f7f6eb;
}
.activities-details-section .booking-form-wrap .single-total ul {
display: flex;
align-items: center;
gap: 15px;
line-height: 1;
}
.activities-details-section .booking-form-wrap .single-total ul li {
color: #666;
font-family: var(--font-jost);
font-size: 12px;
font-weight: 400;
}
.activities-details-section .booking-form-wrap .single-total ul li strong {
display: block;
font-weight: 500;
font-size: 16px;
margin-bottom: 5px;
}
.activities-details-section .booking-form-wrap .single-total ul li i {
color: var(--title-color);
}
.activities-details-section .booking-form-wrap .single-total svg {
fill: #b1afaf;
}
.activities-details-section .booking-form-wrap .single-total .total {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 600;
}
.activities-details-section .booking-form-wrap .total-price {
font-family: "Jost", serif;
font-weight: 600;
font-size: 28px;
line-height: 16px;
color: rgb(0, 0, 0);
padding-top: 50px;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.activities-details-section .booking-form-wrap .total-price span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: rgb(17, 17, 17);
}
.activities-details-section .booking-info-card img {
width: 100%;
}
.activities-details-section .booking-info-card .bottom-content {
background-image: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/booking-bottom-shape.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
display: flex;
align-items: center;
gap: 12px;
padding: 90px 30px 54px 28px;
margin-top: -80px;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.activities-details-section .booking-info-card .bottom-content {
margin-top: -91px;
}
}
@media (max-width: 1199px) {
.activities-details-section .booking-info-card .bottom-content {
margin-top: -90px;
}
}
@media (max-width: 991px) {
.activities-details-section .booking-info-card .bottom-content {
padding: 110px 30px 54px 28px;
margin-top: -125px;
}
}
@media (max-width: 576px) {
.activities-details-section .booking-info-card .bottom-content {
padding: 90px 20px 54px 20px;
margin-top: -100px;
}
}
.activities-details-section .booking-info-card .bottom-content .icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--white-color);
}
.activities-details-section .booking-info-card .bottom-content .content span {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--white-color);
margin: 0;
}
.activities-details-section .booking-info-card .bottom-content .content h6 {
margin: 0;
}
.activities-details-section .booking-info-card .bottom-content .content h6 a {
font-family: "Rubik", serif;
font-weight: 600;
font-size: 27px;
line-height: 1;
color: var(--white-color);
}
@media (max-width: 576px) {
.activities-details-section .booking-info-card .bottom-content .content h6 a {
font-size: 22px;
}
}
.hotel-section .package-inner-title-section {
display: flex;
align-items: center;
justify-content: space-between;
}
.hotel-section .package-inner-title-section p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.hotel-section .package-inner-title-section .selector-and-grid {
max-width: 172px;
width: 100%;
}
.hotel-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.hotel-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.hotel-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.hotel-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.hotel-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 172px;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.hotel-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.hotel-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.hotel-section .nice-select:focus {
border-color: var(--primary-color);
}
.hotel-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.hotel-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.hotel-section .nice-select .list .option {
color: var(--white-color);
}
.hotel-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.hotel-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.hotel-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.hotel-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.hotel-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.hotel-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.hotel-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.hotel-section .sidebar-area .widget-title {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 20px;
line-height: 26px;
letter-spacing: 0%;
text-decoration: underline;
display: inline-block;
margin-bottom: 23px;
}
.hotel-section .sidebar-area .single-widget {
padding: 25px;
border-radius: 5px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.hotel-section .sidebar-area .single-widget.two {
padding: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hotel-section .sidebar-area .single-widget {
padding: 25px 20px;
}
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner {
margin-bottom: 25px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, 0.5);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, 0.5);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0px 30px 0 20px;
border: 1px solid #fff;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul {
margin: 0;
padding: 0;
list-style: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li:last-child {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input {
display: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid var(--title-color);
border-radius: 2px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss:hover input ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
line-height: 1;
margin-top: -2px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars i {
color: #dda701;
font-size: 13px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-img {
border-radius: 5px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-img img {
min-width: 92px;
max-width: 92px;
height: 71px;
border-radius: 5px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(16, 12, 8, 0.5);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.32px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .tag-list {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hotel-section .sidebar-area .single-widget .tag-list {
gap: 14px;
}
}
.hotel-section .sidebar-area .single-widget .tag-list li a {
color: rgba(34, 34, 34, 0.5);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
display: block;
line-height: 1;
padding: 8px 20px;
border: 1px solid rgba(16, 12, 8, 0.4);
border-radius: 5px;
transition: 0.3s;
}
.hotel-section .sidebar-area .single-widget .tag-list li:hover a {
border: 1px solid var(--primary-color1);
color: var(--white-color);
background-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .search-box {
display: flex;
align-items: center;
}
.hotel-section .sidebar-area .single-widget .search-box input {
width: 100%;
padding: 8px 20px;
font-family: var(--font-jost);
font-size: 14px;
height: 50px;
}
.hotel-section .sidebar-area .single-widget .search-box button {
background-color: var(--primary-color);
border-radius: 10px;
min-width: 107px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
z-index: 1;
color: var(--white-color);
}
.hotel-section .sidebar-area .single-widget .search-box button::after {
position: absolute;
content: "";
display: block;
left: 15%;
right: -20%;
top: -4%;
height: 150%;
width: 150%;
bottom: 0;
border-radius: 2px;
background-color: var(--title-color);
transform: skewX(45deg) scale(0, 1);
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.hotel-section .sidebar-area .single-widget .search-box button i {
color: var(--white-color);
font-size: 22px;
}
@media (max-width: 576px) {
.hotel-section .sidebar-area .single-widget .search-box button {
min-width: 70px;
}
}
.hotel-section .sidebar-area .single-widget .search-box button:hover {
color: var(--white-color);
}
.hotel-section .sidebar-area .single-widget .search-box button:hover::after {
transform: skewX(45deg) scale(1, 1);
}
.package-grid-section .right-side-content .package-inner-title p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.package-grid-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.package-grid-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-grid-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.package-grid-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.package-grid-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 172px;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.package-grid-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.package-grid-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.package-grid-section .nice-select:focus {
border-color: var(--primary-color);
}
.package-grid-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.package-grid-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.package-grid-section .nice-select .list .option {
color: var(--white-color);
}
.package-grid-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.package-grid-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.package-grid-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.package-grid-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.package-grid-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.package-grid-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.package-grid-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.package-sidebar-section .package-inner-title p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.package-sidebar-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.package-sidebar-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-sidebar-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.package-sidebar-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.package-sidebar-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 100%;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.package-sidebar-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.package-sidebar-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.package-sidebar-section .nice-select:focus {
border-color: var(--primary-color);
}
.package-sidebar-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.package-sidebar-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.package-sidebar-section .nice-select .list .option {
color: var(--white-color);
}
.package-sidebar-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.package-sidebar-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.package-sidebar-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.package-sidebar-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.package-sidebar-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.package-sidebar-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.package-sidebar-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.package-sidebar-section .sidebar-area .single-widget {
padding: 32px;
border-radius: 10px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner {
margin-bottom: 25px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #FFF;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, 0.5);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, 0.5);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0px 30px 0 20px;
border: 1px solid #fff;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul {
margin: 0;
padding: 0;
list-style: none;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li:last-child {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input {
display: none;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid var(--title-color);
border-radius: 2px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss:hover input ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
line-height: 1;
margin-top: -2px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars i {
color: #DDA701;
font-size: 13px;
}
.package-sidebar-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-img {
border-radius: 5px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-img img {
min-width: 92px;
max-width: 92px;
height: 71px;
border-radius: 5px;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(16, 12, 8, 0.5);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.32px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.package-sidebar-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color1);
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 24px;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list.two {
margin-bottom: -2px;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list.two:last-child {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list:last-child {
margin-bottom: 0;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list::before {
content: "";
position: absolute;
width: 17px;
height: 17px;
border-radius: 5px;
border: 1px solid rgba(17, 17, 17, 0.2);
left: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgb(17, 17, 17);
margin-left: 25px;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 12px;
line-height: 1;
color: rgb(0, 0, 0);
background-color: rgba(17, 17, 17, 0.1);
border-radius: 5px;
padding: 7px;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list .star {
display: flex;
align-items: center;
gap: 12px;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list .star span {
background-color: transparent;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.package-sidebar-section .sidebar-area .single-widget .category-list .single-list:hover::before {
background-color: var(--primary-color);
}
.package-sidebar-section .range-wrap {
padding-top: 10px;
}
.package-sidebar-section .range-wrap .slider-labels {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
}
.package-sidebar-section .range-wrap .slider-labels .caption {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
}
.package-sidebar-section .range-wrap .noUi-target,
.package-sidebar-section .range-wrap .range-wrap .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.package-sidebar-section .range-wrap .noUi-target {
position: relative;
direction: ltr;
}
.package-sidebar-section .range-wrap .noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.package-sidebar-section .range-wrap .noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.package-sidebar-section .range-wrap .noUi-handle {
position: relative;
z-index: 1;
}
.package-sidebar-section .range-wrap .noUi-stacking .noUi-handle { z-index: 10;
}
.package-sidebar-section .range-wrap .noUi-state-tap .noUi-origin {
transition: left 0.3s, top 0.3s;
}
.package-sidebar-section .range-wrap .noUi-state-drag * {
cursor: inherit !important;
}
.package-sidebar-section .range-wrap .noUi-base,
.package-sidebar-section .range-wrap .range-wrap .noUi-handle {
transform: translate3d(0, 0, 0);
}
.package-sidebar-section .range-wrap .noUi-horizontal {
height: 3px;
}
.package-sidebar-section .range-wrap .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
border-radius: 50%;
left: 0px;
right: 0px;
top: -5px;
background-color: var(--primary-color-three);
cursor: pointer;
}
.package-sidebar-section .range-wrap .noUi-horizontal .noUi-handle::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--white-color);
position: absolute;
left: 7px;
top: 7px;
transform: translate(-50%, -50%);
}
.package-sidebar-section .range-wrap .noUi-background {
background: rgb(243, 128, 53);
height: 3px;
border-radius: 3px;
}
.package-sidebar-section .range-wrap .noUi-connect {
background: var(--primary-color-three);
transition: background 450ms;
border-radius: 10px;
height: 3px;
}
.package-sidebar-section .range-wrap .noUi-target {
border-radius: 10px;
}
.inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
@media (max-width: 576px) {
.blog-standard-section {
padding: 15px;
}
}
.blog-standard-card {
position: relative;
overflow: hidden;
border-bottom: 1px solid rgba(17, 17, 17, 0.05);
padding-bottom: 30px;
margin-bottom: 35px;
}
@media (max-width: 1199px) {
.blog-standard-card {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
.blog-standard-card:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.blog-standard-card .blog-card-img-wrap {
position: relative;
transition: all 0.5s ease-out;
}
.blog-standard-card .blog-card-img-wrap .card-img {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px;
}
.blog-standard-card .blog-card-img-wrap .card-img img {
border-radius: 10px;
transition: all 0.5s ease-out;
width: 100%;
}
.blog-standard-card .blog-card-img-wrap .card-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1deg, rgba(21, 47, 0, 0.56) 1.03%, rgba(21, 47, 0, 0) 90.67%);
border-radius: 10px 10px 0 0;
z-index: 1;
}
.blog-standard-card .blog-card-img-wrap .card-img::after {
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
z-index: 1;
}
.blog-standard-card .blog-card-content .card-content-top h5 {
margin-bottom: 12px;
transition: 0.3s;
}
@media (max-width: 1199px) {
.blog-standard-card .blog-card-content .card-content-top h5 {
max-width: 400px;
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.blog-standard-card .blog-card-content .card-content-top h5 {
max-width: 600px;
width: 100%;
}
}
.blog-standard-card .blog-card-content .card-content-top h5 a {
font-family: "Rubik", serif;
font-size: 36px;
font-weight: 500;
line-height: 1.3;
color: var(--title-color);
text-transform: capitalize;
margin: 0;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.blog-standard-card .blog-card-content .card-content-top h5 a {
font-size: 24px;
}
}
@media (max-width: 1199px) {
.blog-standard-card .blog-card-content .card-content-top h5 a {
font-size: 20px;
}
}
@media (max-width: 991px) {
.blog-standard-card .blog-card-content .card-content-top h5 a {
font-size: 28px;
}
}
@media (max-width: 767px) {
.blog-standard-card .blog-card-content .card-content-top h5 a {
font-size: 24px;
}
}
.blog-standard-card .blog-card-content .card-content-top h5:hover a {
color: var(--primary-color);
}
@media (max-width: 576px) {
.blog-standard-card .blog-card-content .card-content-top h5 {
margin-bottom: 10px;
}
}
.blog-standard-card .blog-card-content .card-content-top p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 29px;
color: rgb(104, 104, 104);
text-transform: capitalize;
margin-bottom: 36px;
}
@media (max-width: 1199px) {
.blog-standard-card .blog-card-content .card-content-top p {
font-size: 14px;
line-height: 1.4;
max-width: 450px;
width: 100%;
margin-bottom: 18px;
}
}
@media (max-width: 991px) {
.blog-standard-card .blog-card-content .card-content-top p {
font-size: 16px;
line-height: 1.4;
max-width: 600px;
width: 100%;
}
}
@media (max-width: 767px) {
.blog-standard-card .blog-card-content .card-content-top p {
font-size: 16px;
line-height: 1.4;
max-width: 600px;
width: 100%;
}
}
.blog-standard-card .blog-card-content .top-content {
display: flex;
align-items: center;
margin-bottom: 12px;
gap: 20px;
}
@media (max-width: 1199px) {
.blog-standard-card .blog-card-content .top-content {
margin-bottom: 5px;
}
}
.blog-standard-card .blog-card-content .top-content li {
display: flex;
align-items: center;
gap: 6px;
}
.blog-standard-card .blog-card-content .top-content li a {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
transition: 0.3s;
}
.blog-standard-card .blog-card-content .top-content li a:hover {
color: var(--primary-color);
}
.blog-standard-card .blog-card-content .top-content li span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
margin-bottom: -4px;
transition: 0.3s;
}
.blog-standard-card .blog-card-content .top-content li span:hover {
color: var(--primary-color);
}
.blog-standard-card .badge {
position: absolute;
top: 10%;
left: 5%;
z-index: 1;
}
.blog-standard-card .badge .featured {
color: var(--white-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 28px;
display: inline-flex;
padding: 1px 20px;
background-color: var(--primary-color);
border-radius: 39px;
}
.blog-standard-card .badge .featured.two {
background-color: rgb(239, 41, 41);
}
.blog-standard-card .badge .featured.three {
background-color: rgb(239, 41, 41);
}
.blog-standard-card:hover .blog-card-img-wrap .card-img img {
transform: scale(1.1);
}
.blog-standard-card:hover .blog-card-img-wrap .card-img::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.contact-section {
position: relative;
}
.contact-section .contact-information .single-information h2 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 45px;
line-height: 58.5px;
color: rgb(0, 0, 0);
text-align: center;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-section .contact-information .single-information h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 5px;
}
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information h2 {
font-size: 32px;
line-height: 40px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.contact-section .contact-information .single-information h2 {
margin-bottom: 10px;
}
}
.contact-section .contact-information .single-information P {
font-family: "Jost", serif;
font-weight: 400;
font-size: 17px;
line-height: 26px;
text-align: center;
color: rgb(102, 102, 102);
margin: 0;
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information P {
font-size: 16px;
line-height: 1.3;
}
}
@media (max-width: 991px) {
.contact-section .contact-information .single-information P {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
}
.contact-section .contact-information .single-information .social-item-wrapper {
display: grid;
align-items: center;
grid-template-columns: repeat(2, 1fr);
padding-top: 72px;
position: relative;
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information .social-item-wrapper {
display: inline-block;
}
}
@media (max-width: 991px) {
.contact-section .contact-information .single-information .social-item-wrapper {
display: grid;
justify-content: space-between;
gap: 24px;
}
}
@media (max-width: 767px) {
.contact-section .contact-information .single-information .social-item-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
margin-left: 20px;
gap: 10px;
padding-top: 30px;
}
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item {
display: flex;
align-items: baseline;
gap: 19px;
min-height: 126px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item {
gap: 10px;
}
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.one {
border-right: 1px dashed rgba(17, 17, 17, 0.1);
border-bottom: 1px dashed rgba(17, 17, 17, 0.1);
padding-bottom: 35px;
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.one {
border-right: none;
border-bottom: none;
}
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.two {
border-bottom: 1px dashed rgba(17, 17, 17, 0.1);
padding-left: 35px;
padding-bottom: 35px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.two {
padding-left: 15px;
lb: 15px;
}
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.two {
padding-left: 0;
border-bottom: none;
min-height: 80px;
}
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.four {
padding-top: 35px;
padding-left: 35px;
border-left: 1px dashed rgba(17, 17, 17, 0.1);
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.three {
padding-top: 35px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.four {
padding-top: 25px;
padding-left: 25px;
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.three {
padding-top: 25px;
}
}
@media (max-width: 1199px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.four {
padding-left: 0;
border-left: none;
padding-top: 0px;
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.three {
padding-top:0px;
}
}
@media (max-width: 767px) {
.contact-section .contact-information .single-information .social-item-wrapper .single-item.three {
min-height: 80px;
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item.four{
padding-top: 25px;
} 
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item .content h3 {
font-family: "Rubik", serif;
font-weight: 500;
font-size: 24px;
line-height: 25px;
color: var(title-color);
margin-bottom: 10px;
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item .content h6 {
margin: 0;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 17px;
line-height: 25px;
letter-spacing: 3%;
color: rgb(136, 136, 136);
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item .content h6 a {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 17px;
line-height: 25px;
letter-spacing: 3%;
color: rgb(136, 136, 136);
margin: 0;
}
.contact-section .contact-information .single-information .social-item-wrapper .single-item .content span {
margin: 0;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 17px;
line-height: 25px;
letter-spacing: 3%;
color: rgb(136, 136, 136);
}
.contact-section .contact-form-wrapper {
background-color: rgb(242, 244, 246);
border-radius: 15px;
padding: 52px;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.contact-section .contact-form-wrapper {
padding: 30px;
}
}
.contact-section .contact-form-wrapper .form-title h2 {
font-family: Rubik;
font-weight: 500;
font-size: 28px;
line-height: 33.18px;
color: rgb(0, 0, 0);
margin-bottom: 6px;
}
.contact-section .contact-form-wrapper .form-title p {
font-family: "Jost", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgb(102, 102, 102);
margin-bottom: 10px;
}
@media (max-width: 767px) {
.contact-section .contact-form-wrapper .form-title p {
font-size: 14px;
line-height: 1.3;
}
}
.contact-section .contact-form-wrapper .form-check .form-check-input {
margin-top: 6px;
}
.contact-section .objective-shape {
position: absolute;
right: 0%;
top: 30%;
z-index: -1;
}
.form-inner {
margin-bottom: 20px;
}
.form-inner label {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 15px;
line-height: 1;
letter-spacing: 0%;
color: #111111;
margin-bottom: 11px;
}
.form-inner .input-area {
background-color: rgb(255, 255, 255);
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.form-inner .input-area svg {
margin-left: 20px;
}
.form-inner .input-area svg path {
fill: rgba(102, 102, 102, 0.5);
}
.form-inner input {
width: 100%;
height: 52px;
color: #000;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 48px;
letter-spacing: 0%;
border-radius: 10px;
}
.form-inner input::-moz-placeholder {
color: rgba(102, 102, 102, 0.25);
}
.form-inner input::placeholder {
color: rgba(102, 102, 102, 0.25);
}
.form-inner textarea {
width: 100%;
min-height: 170px;
padding: 15px 25px;
background-color: rgb(255, 255, 255);
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
border-radius: 10px;
color: var(--paragraph-color);
border: 1px solid rgba(17, 17, 17, 0.1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: -22px;
}
.form-inner textarea::-moz-placeholder {
color: rgba(102, 102, 102, 0.25);
}
.form-inner textarea::placeholder {
color: rgba(102, 102, 102, 0.25);
}
.form-inner textarea:focus {
outline: none;
}
.form-check {
min-height: unset;
margin-bottom: 0;
}
.form-check .form-check-input {
cursor: pointer;
height: 16px;
width: 16px;
border-color: rgba(17, 17, 17, 0.5);
}
.form-check .form-check-input:focus {
box-shadow: unset;
border-color: rgb(242, 244, 246);
}
.form-check .form-check-input[type=checkbox] {
border-radius: 3px;
}
.form-check .form-check-input:checked {
background-color: #4da627;
border-color: #4da627;
}
.form-check .form-check-label {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 1;
letter-spacing: 0%;
color: var(--paragraph-color);
cursor: pointer;
}
@media (max-width: 350px) {
.form-check .form-check-label {
font-size: 13px;
line-height: 1.3;
margin-top: 3px;
}
}
.form-check .form-check-label span {
color: #f38035;
}
.map-section iframe {
width: 100%;
min-height: 409px;
border-radius: 15px;
}
.hotel-section .package-inner-title p {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
}
.hotel-section .right-side-content .short-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.hotel-section .right-side-content .short-item span {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.hotel-section .right-side-content .form-inner {
position: relative;
line-height: 1;
display: flex;
align-items: center;
justify-content: end;
}
.hotel-section .right-side-content .form-inner input {
color: rgba(255, 255, 255, 0.8);
font-family: "Rubik", serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
display: block;
outline: none;
background-color: transparent;
width: 100%;
}
.hotel-section .nice-select {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 5px;
max-width: 172px;
width: 100%;
height: 34px;
padding-top: 5px;
padding-left: 12px;
}
.hotel-section .nice-select::after {
height: unset;
width: unset;
border-bottom: unset;
border-right: unset;
right: 8px;
top: 8px;
transform: unset;
transition: all 0.15s ease-in-out;
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-up-icon.svg);
}
.hotel-section .nice-select.open::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/image/svg/arrow-down-icon.svg);
}
.hotel-section .nice-select:focus {
border-color: var(--primary-color);
}
.hotel-section .nice-select .current {
color: rgba(17, 17, 17, 0.8);
font-family: "Jost", serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.hotel-section .nice-select .list {
background-color: #1d2026;
width: 100%;
}
.hotel-section .nice-select .list .option {
color: var(--white-color);
}
.hotel-section .nice-select .list .option.selected.focus {
background-color: var(--primary-color);
}
.hotel-section .nice-select .list .option:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.hotel-section .inner-pagination-area .pagination-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.hotel-section .inner-pagination-area .pagination-list li {
border: 1px solid rgba(17, 17, 17, 0.15);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.hotel-section .inner-pagination-area .pagination-list li a {
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: rgba(17, 17, 17, 0.5);
transform: 0.3s;
}
.hotel-section .inner-pagination-area .pagination-list li:hover {
background-color: rgb(0, 0, 0);
}
.hotel-section .inner-pagination-area .pagination-list li:hover a {
color: var(--white-color);
}
.hotel-section .sidebar-area .single-widget {
padding: 32px;
border-radius: 10px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
}
.hotel-section .sidebar-area .single-widget .range-wrap {
padding-top: 10px;
}
.hotel-section .sidebar-area .single-widget .range-wrap .slider-labels {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
}
.hotel-section .sidebar-area .single-widget .range-wrap .slider-labels .caption {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-target,
.hotel-section .sidebar-area .single-widget .range-wrap .range-wrap .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-target {
position: relative;
direction: ltr;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-handle {
position: relative;
z-index: 1;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-stacking .noUi-handle { z-index: 10;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-state-tap .noUi-origin {
transition: left 0.3s, top 0.3s;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-state-drag * {
cursor: inherit !important;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-base,
.hotel-section .sidebar-area .single-widget .range-wrap .range-wrap .noUi-handle {
transform: translate3d(0, 0, 0);
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-horizontal {
height: 3px;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
border-radius: 50%;
left: 0px;
right: 0px;
top: -5px;
background-color: var(--primary-color-three);
cursor: pointer;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-horizontal .noUi-handle::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--white-color);
position: absolute;
left: 7px;
top: 7px;
transform: translate(-50%, -50%);
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-background {
background: rgb(243, 128, 53);
height: 3px;
border-radius: 3px;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-connect {
background: var(--primary-color-three);
transition: background 450ms;
border-radius: 10px;
height: 3px;
}
.hotel-section .sidebar-area .single-widget .range-wrap .noUi-target {
border-radius: 10px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner {
margin-bottom: 25px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input {
width: 100%;
border-radius: 5px;
background: #fff;
color: var(--text-color);
font-family: var(--font-jost);
font-size: 13px;
font-weight: 400;
height: 40px;
padding: 10px 20px;
border: 1px solid #fff;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input::-moz-placeholder {
color: rgba(19, 20, 26, 0.5);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input::placeholder {
color: rgba(19, 20, 26, 0.5);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner input:focus {
border-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select {
background: #fff;
height: 40px;
padding: 0px 30px 0 20px;
border: 1px solid #fff;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select .current {
font-size: 13px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select::after {
right: 21px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container .form-inner .nice-select:focus {
border-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul {
margin: 0;
padding: 0;
list-style: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 26px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li:last-child {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss {
display: flex;
justify-content: space-between;
gap: 5px;
width: 100%;
position: relative;
padding-left: 28px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input {
display: none;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss span {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .qty {
color: var(--title-color);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 2px 6px;
border: 1px solid var(--text-color);
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 14px;
width: 14px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid var(--title-color);
border-radius: 2px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss:hover input ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark {
border-color: var(--primary-color1);
background-color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss input:checked ~ .checkmark::after {
content: url(//www.onesteps.in/wp-content/themes/onesteps/assets/img/innerpage/checkbox-check.svg);
left: 1.5px;
top: -1px;
position: absolute;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 5px;
line-height: 1;
margin-top: -2px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars i {
color: #dda701;
font-size: 13px;
}
.hotel-section .sidebar-area .single-widget .checkbox-container > ul > li .containerss .stars a {
color: var(--text-color);
font-family: var(--font-jost);
font-size: 14px;
font-weight: 500;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget {
display: flex;
align-items: center;
gap: 15px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-img {
border-radius: 5px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-img img {
min-width: 92px;
max-width: 92px;
height: 71px;
border-radius: 5px;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a {
color: rgba(16, 12, 8, 0.5);
font-family: var(--font-jost);
font-size: 12px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
transition: 0.3s;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content > a:hover {
color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
color: var(--title-color);
font-family: "Rubik", serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.32px;
text-transform: capitalize;
transition: 0.3s;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a {
font-size: 14px;
}
}
.hotel-section .sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover {
color: var(--primary-color1);
}
.hotel-section .sidebar-area .single-widget ul .single-list {
margin-bottom: 15px;
}
.hotel-section .sidebar-area .single-widget ul .single-list .checkbox-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.hotel-section .sidebar-area .single-widget ul .single-list .checkbox-item label {
display: flex;
align-items: center;
gap: 6px;
}
.hotel-section .sidebar-area .single-widget ul .single-list .checkbox-item .input-radio {
box-shadow: 0px 0px 0px 1px #6d6d6d;
font-size: 3em;
width: 17px;
height: 17px;
margin-right: 7px;
border: 3px solid #fff;
background-clip: border-box;
border-radius: 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
}
.hotel-section .sidebar-area .single-widget ul .single-list .checkbox-item .input-radio:checked {
box-shadow: 0px 0px 0px 1px rgb(77, 166, 39);
background-color: rgb(77, 166, 39);
}
.hotel-section .sidebar-area .single-widget ul .single-list.two {
margin-bottom: -2px;
}
.hotel-section .sidebar-area .single-widget ul .single-list.two:last-child {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget ul .single-list:last-child {
margin-bottom: 0;
}
.hotel-section .sidebar-area .single-widget ul .single-list span {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 12px;
line-height: 1;
color: rgb(0, 0, 0);
background-color: rgba(17, 17, 17, 0.1);
border-radius: 5px;
padding: 7px;
}
.hotel-section .sidebar-area .single-widget ul .single-list .star {
display: flex;
align-items: center;
gap: 12px;
}
.hotel-section .sidebar-area .single-widget ul .single-list .star span {
background-color: transparent;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--paragraph-color);
margin: 0;
}
.hotel-section .sidebar-area .single-widget ul .single-list:hover::before {
background-color: var(--primary-color);
}
.hotel-section .sidebar-area .single-widget ul.two .single-list .checkbox-item {
display: flex;
align-items: center;
justify-content: start;
gap: 8px;
}
.hotel-section .range-wrap {
padding-top: 10px;
}
.hotel-section .range-wrap .slider-labels {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
}
.hotel-section .range-wrap .slider-labels .caption {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
color: rgb(0, 0, 0);
}
.hotel-section .range-wrap .noUi-target,
.hotel-section .range-wrap .range-wrap .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
touch-action: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.hotel-section .range-wrap .noUi-target {
position: relative;
direction: ltr;
}
.hotel-section .range-wrap .noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.hotel-section .range-wrap .noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.hotel-section .range-wrap .noUi-handle {
position: relative;
z-index: 1;
}
.hotel-section .range-wrap .noUi-stacking .noUi-handle { z-index: 10;
}
.hotel-section .range-wrap .noUi-state-tap .noUi-origin {
transition: left 0.3s, top 0.3s;
}
.hotel-section .range-wrap .noUi-state-drag * {
cursor: inherit !important;
}
.hotel-section .range-wrap .noUi-base,
.hotel-section .range-wrap .range-wrap .noUi-handle {
transform: translate3d(0, 0, 0);
}
.hotel-section .range-wrap .noUi-horizontal {
height: 3px;
}
.hotel-section .range-wrap .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
border-radius: 50%;
left: 0px;
right: 0px;
top: -5px;
background-color: var(--primary-color-three);
cursor: pointer;
}
.hotel-section .range-wrap .noUi-horizontal .noUi-handle::after {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background-color: var(--white-color);
position: absolute;
left: 7px;
top: 7px;
transform: translate(-50%, -50%);
}
.hotel-section .range-wrap .noUi-background {
background: rgb(243, 128, 53);
height: 3px;
border-radius: 3px;
}
.hotel-section .range-wrap .noUi-connect {
background: var(--primary-color-three);
transition: background 450ms;
border-radius: 10px;
height: 3px;
}
.hotel-section .range-wrap .noUi-target {
border-radius: 10px;
} .footer-social-list li a{display:inline-flex;vertical-align: middle; text-align: center;}
p.attention {
animation: attentionFlash 2s infinite;
}
@keyframes attentionFlash {
0%, 100% {
color: white;
}
50% {
color: orange;
}
}
.space{margin-left: 10px;}
.filter-description{padding: 30px;}
.filter-description p{
font-family: "Jost", serif;
font-size: 17px;
font-weight: 400;
line-height: 27px;
color: var(--paragraph-color);
}
@media (min-width: 1001px) {
.wpc-horizontal-layout.wpc-horizontal-cols-5 .wpc-filters-section:not(.wpc-filter-layout-submit-button){min-width: 100%;width: 100%;}
}
.wpc-filter-link{color:rgb(33, 37, 41)}
.wpc-term-count{display: none!important;}
@media (max-width: 780px) {
.package-sidebar-section .package-inner-title-section{display: block}
.wpc-custom-selected-terms{margin-bottom: 20px;}
.package-sidebar-section .package-inner-title-section .selector-and-grid{max-width: 100%;}
}
.active-page-item{background-color: var(--primary-color);border-color: #fff!important;}
.active-page-item a{color: #fff!important;}
@media (max-width: 991px) {
.nomob{display: none;}
}
@media (max-width: 1399px) {
.sidebar-area .package-details-sections .booking-info-card .bottom-content .icon{
display: none;;
}
}
@media (max-width: 525px) {
.breadcrumb-section .banner-content .breadcrumb-list{
display: none;;
}
}
.overview-area blockquote.wp-block-quote{
background-color: rgba(15, 197, 173, 0.1); border-radius: 15px;padding: 30px 30px 30px 45px;display: flex; align-items: start;gap: 25px;margin-bottom: 20px;
}
.overview-area blockquote.wp-block-quote p{
font-family:"Rubik", serif;font-weight: 400;font-size: 22px;line-height: 32px;letter-spacing: 0%; color: rgb(17, 17, 17); margin-bottom: 0px;
}
.activities-details-section .overview-area blockquote.wp-block-quote{
background-color: rgba(15, 197, 173, 0.1); border-radius: 15px;padding: 30px 30px 30px 45px;display: flex; align-items: start;gap: 25px;margin-bottom: 20px;
}
.activities-details-section .overview-area blockquote.wp-block-quote p{
font-family: "Rubik", serif;font-weight: 400;font-size: 22px;line-height: 32px;letter-spacing: 0%; color: rgb(17, 17, 17); margin-bottom: 0px;
}
details.wp-block-details{
margin-bottom: 20px;
}
.orange{color: #f38035;}
.package-details-section .notice{
border-radius: 15px;
box-shadow: 0px 0px 25px 0px rgba(16, 16, 16, 0.05);
padding:5px;
margin: 20px 0px 30px 0px;
}
.package-details-section .notice .wp-block-group__inner-container{
color: var(--title-color);
background-color: rgba(243,128,53,.1);
border-radius: 15px;
padding: 20px;    
}
.package-details-section .notice .wp-block-group__inner-container ul, 
.package-details-section .notice .wp-block-group__inner-container p, 
.package-details-section .notice .wp-block-group__inner-container div, 
.package-details-section .notice .wp-block-group__inner-container h3,
.package-details-section .notice .wp-block-group__inner-container h4, 
.package-details-section .notice .wp-block-group__inner-container h5{
color: var(--title-color);
}
.package-details-section .notice .wp-block-group__inner-container ul, .package-details-section .notice .wp-block-group__inner-container p{
margin-bottom: 0px;
}
.package-details-section .notice .wp-block-group__inner-container h3{
font-size: 1.4rem;
}
.package-details-section .notice .wp-block-group__inner-container h4{
font-size: 1.2rem;
}
.package-details-section .notice .wp-block-group__inner-container h5{
font-size: 1rem;
}
strong{color: var(--title-color);}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container  h5{font-size: 16px;margin-bottom: 10px;}
.package-details-section .booking-form-wrap .sidebar-booking-form .booking-form-item-type-two .checkbox-container .time-area p span{font-weight: 500;}
.custom-tour{padding-bottom: 0px;line-height: 26px;}
.custom-tour a{color:#4DA627; text-decoration: underline;}
.wp-block-media-text{margin-bottom: 30px;}
.contact-form-wrapper textarea{
margin-bottom: 10px;
height: 100px;
}
.contact-form-wrapper .wpcf7-submit{
height: auto;
color: #fff;
line-height: 22px;
}
.whatsapp {   
margin: 20px 0px;
padding: 10px;
background: #128c7e;
border-radius: 10px;
color: #fff;
border: 1px #128c7e solid;
}
.whatsapp a{
color: #fff;
font-size: 14px;
display:flex;
align-items: center;
line-height: 18px;;
}
.whatsapp a svg{
margin-right: 10px;
color:#ffff;
}
.whatsapp:hover{background: #fff;border-color: #128c7e; color:#fff}
.whatsapp:hover a{color:rgb(102, 102, 102)}
.whatsapp:hover a svg{color: #128c7e}
.custom_package_note{
border: 1px solid #F38035;
padding: 15px 10px;
border-radius: 10px;
background: rgb(255, 243, 236);
}
.custom_package_note p{
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
font-family: "Rubik", serif;
text-align: center;
}
.custom_package_note p a{
color: #000;
text-decoration: underline;
}
.pricenote{
font-size: 14px;
line-height: 16px;
}
.pricenote em{
color: rgb(136, 136, 136);
}
.wp-block-separator{
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.byline{text-transform:capitalize;}
.blog-sidebar .view-btn span{
font-weight: 400;
}
.blog--content h2, .blog--content h3, .blog--content h4, .blog--content h5, .blog--contenth6{
margin-bottom: 15px;
font-family: "Rubik", serif;
font-weight: 500;
color: var(title-color);
}
.blog--content h2{
font-size: 1.8rem;
}
.blog--content h3{
font-size: 1.6rem;
}
.blog--content h4{
font-size: 1.4rem;
}
.blog--content h5{
font-size: 1.2rem;
}
.blog--content h6{
font-size: 1.1rem;
}
.blog--content p {
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 10px;
}
.blog--content strong,.activities-details-section .overview-area  strong{font-weight: 500;}
.blog--content ul {
list-style: disc;
list-style-position: outside;
padding-left: 20px;
margin: 0px 0px 20px 0px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.blog--content ol {
list-style-position: outside;
padding-left: 20px;
margin: 0px 0px 20px 0px;
font-family: "Rubik", serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: var(--paragraph-color);
margin-bottom: 20px;
}
.blog--content a{
color:var(--primary-color);
}
.blog--content a:hover{
text-decoration: underline;
}
.package-details-section .overview-area .notice ul{list-style-position: outside;padding-left: 20px;}
.wpc-filter-chips-list{display: flex;}