.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
body { font-family: "Playfair Display", serif; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-120 { margin-top: 120px; }
.mt--60 { margin-top: -60px; }
.mt--120 { margin-top: -120px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }
.mb-120 { margin-bottom: 120px; }
.mb--60 { margin-bottom: -60px; }
.mb--120 { margin-bottom: -120px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-80 { padding-top: 80px; }
.pt-110 { padding-top: 110px; }
.pt-115 { padding-top: 115px; }
.pt-120 { padding-top: 120px; }
.pt-142 { padding-top: 142px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-110 { padding-bottom: 110px; }
.pb-115 { padding-bottom: 115px; }
.pb-120 { padding-bottom: 120px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.blog-one { background-color: var(--ogency-black); position: relative; padding: 120px 0px 114px; }
@media (max-width: 767px) {
  .blog-one { padding: 80px 0px 50px; }
}
.blog-one__item { position: relative; overflow: hidden; }
@media (max-width: 991px) {
  .blog-one__item { margin-bottom: 30px; }
}
.blog-one__item__image { position: relative; background-color: var(--ogency-black); }
.blog-one__item__image img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.blog-one__item__image a { display: flex; width: 100%; height: 100%; background-color: rgba(var(--ogency-black-rgb), 0.4); position: absolute; top: 0px; left: 0px; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms, transform 500ms; }
.blog-one__item__image a::after, .blog-one__item__image a::before { content: ""; width: 32px; height: 2px; background-color: rgb(255, 255, 255); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.blog-one__item__image a::after { transform: translate(-50%, -50%) rotate(90deg); }
.blog-one__item__image span { display: inline-block; background-color: var(--ogency-white); height: 34px; line-height: 34px; color: var(--ogency-black); text-transform: uppercase; letter-spacing: 1.2px; font-weight: 600; font-size: 12px; position: absolute; bottom: 20px; right: 20px; padding: 0px 14.5px; }
.blog-one__item:hover .blog-one__item__image a { opacity: 1; transform: translateY(0px); }
.blog-one__item__content { position: relative; padding: 24px 0px 0px; }
.blog-one__item__meta { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-bottom: 8px; font-size: 14px; }
.blog-one__item__meta a { color: inherit; }
.blog-one__item__meta a:hover { color: var(--ogency-base); }
.blog-one__item__meta span { margin: 0px 12px; }
.blog-one__item__meta.has-border::before { position: relative; display: inline-block; content: ""; background-color: var(--ogency-base); width: 41px; height: 1px; margin-right: 10px; }
.blog-one__item__title { font-size: 24px; color: var(--ogency-white); letter-spacing: -0.96px; margin-bottom: 11px; padding-bottom: 30px; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.blog-one__item__title a { color: inherit; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); display: inline; background-size: 0% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition: 0.4s; }
.blog-one__item__title a:hover { color: var(--ogency-base); }
.blog-one__item:hover .blog-one__item__title a { background-size: 0% 1px, 100% 1px; }
.blog-one__item__btn { display: inline-block; color: var(--ogency-color); font-size: 14px; text-transform: capitalize; }
.blog-one__item__btn span { display: inline-block; font-size: 20px; margin: 0px 0px 0px 14px; top: 4px; position: relative; transition: transform 400ms; }
.blog-one__item__btn:hover { color: var(--ogency-base); }
.blog-one__item__btn:hover span { transform: rotate(-45deg); }
.blog-one__item-list { position: relative; }
.blog-one__item-list .blog-one__item__content { padding-top: 12px; }
.blog-one__item-list .blog-one__item__title { border: none; padding: 0px; font-size: 30px; letter-spacing: -1.2px; margin-bottom: 13px; }
.blog-one__item-list .blog-one__item__text { line-height: 30px; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); margin: 0px 0px 10px; padding-bottom: 22px; }
.blog-one__item-quote { position: relative; background-color: var(--ogency-black2); padding: 48px 60px 58px; margin: 0px 0px 30px; }
@media (max-width: 767px) {
  .blog-one__item-quote { padding-left: 30px; padding-right: 30px; }
}
.blog-one__item-quote__icon { font-size: 120px; color: var(--ogency-base); font-weight: 600; display: block; line-height: 0.8; height: 40px; margin: 0px 0px 22px -8px; }
.blog-one__item-quote__text { margin: 0px; line-height: 30px; }
.blog-one__item-sticky { position: relative; background-color: var(--ogency-black2); padding: 50px 60px 60px; margin: 0px 0px 30px; }
@media (max-width: 767px) {
  .blog-one__item-sticky { padding-left: 30px; padding-right: 30px; }
}
.blog-one__item-sticky__icon { font-size: 50px; color: var(--ogency-base); display: block; line-height: 50px; width: 46px; height: 46px; margin: 0px 0px 32px; }
.blog-one__item-sticky__title { color: var(--ogency-white); font-size: 30px; letter-spacing: -1.2px; margin: 0px; }
.blog-one__item-sticky__title a { color: inherit; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); display: inline; background-size: 0% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition: 0.4s; }
.blog-one__item-sticky__title a:hover { color: var(--ogency-base); }
.blog-one__item-sticky:hover .blog-one__item-sticky__title a { background-size: 0% 1px, 100% 1px; }
.blog-one__item-pagination { position: relative; margin: 0px 0px 30px; }
.blog-page { background-color: var(--ogency-black); position: relative; padding: 120px 0px 90px; }
@media (max-width: 767px) {
  .blog-page { padding: 80px 0px 50px; }
}
.blog-page .blog-one__item { margin-bottom: 23px; }
.blog-page .ogency-owl__dots.owl-carousel .owl-dots { margin-bottom: 30px; }
.sidebar { position: relative; }
@media (max-width: 991px) {
  .sidebar { margin: 50px 0px 30px; }
  .sidebar__left { margin: 0px 0px 50px; }
}
.sidebar__single { position: relative; background-color: var(--ogency-black2); padding: 45px 50px; }
@media (max-width: 767px) {
  .sidebar__single { padding-left: 40px; padding-right: 40px; }
}
.sidebar__single + .sidebar__single { margin-top: 30px; }
.sidebar__search { padding: 30px; }
.sidebar__search-form { position: relative; }
.sidebar__search-form input[type="search"] { display: block; border: none; outline: none; background-color: var(--ogency-black); box-shadow: none; color: var(--ogency-color); font-size: 14px; font-weight: 500; padding-left: 30px; height: 64px; width: 100%; padding-right: 50px; }
.sidebar__search-form input[type="search"]::-webkit-input-placeholder { color: var(--ogency-color); opacity: 1; }
.sidebar__search-form input[type="search"]::placeholder { color: var(--ogency-color); opacity: 1; }
.sidebar__search-form button[type="submit"] { background-color: transparent; color: var(--ogency-white); font-size: 22px; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 52px; outline: none; border: none; display: flex; -webkit-box-align: center; align-items: center; padding: 0px; transition: 0.4s; }
.sidebar__search-form button[type="submit"]:hover { color: var(--ogency-base); }
.sidebar__title { position: relative; font-size: 22px; letter-spacing: -0.88px; margin: 0px 0px 26px; }
.sidebar__post { position: relative; padding-bottom: 57px; }
.sidebar__post__list { margin: 0px; padding: 0px; }
.sidebar__post__list li { list-style: none; position: relative; padding: 0px 0px 26px 90px; margin-bottom: 20px; border-bottom: 1px solid var(--ogency-black3); min-width: 70px; }
.sidebar__post__list li:last-child { border: none; margin-bottom: 0px; padding-bottom: 0px; }
.sidebar__post__list li:hover .sidebar__post__content__title a { background-size: 0% 1px, 100% 1px; }
.sidebar__post__image { position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; background-color: var(--ogency-black); }
.sidebar__post__image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.sidebar__post__content { position: relative; }
.sidebar__post__content__meta { display: block; font-size: 13px; line-height: 1; margin-bottom: 7px; }
.sidebar__post__content__title { font-size: 16px; line-height: 22px; max-width: 170px; margin: 0px; }
.sidebar__post__content__title a { color: inherit; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); display: inline; background-size: 0% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition: 0.4s; }
.sidebar__post__content__title a:hover { color: var(--ogency-base); }
.sidebar__category { position: relative; padding-bottom: 32px; }
.sidebar__category .sidebar__title { margin-bottom: 10px; }
.sidebar__category-list { margin: 0px; padding: 0px; list-style: none; }
.sidebar__category-list li { position: relative; display: block; }
.sidebar__category-list li a { position: relative; display: block; align-items: center; font-weight: 500; line-height: 24px; font-size: 15px; color: var(--ogency-color); border-bottom: 1px solid var(--ogency-black3); transition: 500ms; padding: 10px 0px 14px 25px; }
.sidebar__category-list li a::after { position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; width: 6px; height: 6px; content: ""; background-color: var(--ogency-white); border-radius: 50%; transition: 500ms; }
.sidebar__category-list li:last-child a { border-bottom: none; }
.sidebar__category-list li:hover a { color: var(--ogency-white); }
.sidebar__category-list li:hover a::after { background-color: var(--ogency-base); }
.sidebar__tags { position: relative; }
.sidebar__tags-list { margin-bottom: -5px; }
.sidebar__tags-list a { font-size: 12px; line-height: 38px; color: var(--ogency-color); background-color: var(--ogency-black); transition: 0.4s; display: inline-block; padding: 0px 20px; height: 38px; font-weight: 800; text-transform: capitalize; margin-right: 7px; margin-bottom: 10px; }
.sidebar__tags-list a:last-child { margin-right: 0px; }
.sidebar__tags-list a:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.sidebar__comments { position: relative; padding-bottom: 52px; }
.sidebar__comments .sidebar__title { margin-bottom: 21px; }
.sidebar__comments-list { margin: 0px; padding: 0px; list-style: none; }
.sidebar__comments-list li { display: block; position: relative; padding-left: 65px; }
.sidebar__comments-list li:hover .sidebar__comments-icon { background-color: var(--ogency-base); }
.sidebar__comments-list li + li { margin-top: 26px; }
.sidebar__comments-icon { height: 44px; width: 44px; background-color: var(--ogency-black); border-radius: 50%; font-size: 16px; color: var(--ogency-white); display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; left: 0px; transition: 0.4s; }
.sidebar__comments-text-box p { font-size: 15px; line-height: 24px; color: var(--ogency-color); margin: 0px; }
.sidebar__comments-text-box p a { color: var(--ogency-white); }
.sidebar__comments-text-box p a:hover { color: var(--ogency-base); }
.sidebar__project { position: relative; padding-bottom: 50px; }
.sidebar__project__carousel { position: relative; }
.sidebar__project__carousel.owl-carousel .owl-dots { position: absolute; bottom: 30px; right: 28px; text-align: center; display: flex; align-items: center; margin: 0px !important; }
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 11px; height: 11px; border-radius: 50%; background-color: rgba(var(--ogency-white-rgb), 0.2); border: 2px solid transparent; margin: 0px 2.5px; padding: 0px; transition: 100ms linear 0.1s; }
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot:hover, .sidebar__project__carousel.owl-carousel .owl-dots .owl-dot.active { background-color: transparent; border: 2px solid var(--ogency-white); }
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot:focus { outline: none; }
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot span { display: none; }
.sidebar__project-single { position: relative; display: block; min-height: 163px; background-color: var(--ogency-black); z-index: 1; }
.sidebar__project-single-title { line-height: 22px; font-size: 18px; color: var(--ogency-white); position: absolute; max-width: 130px; bottom: 18px; left: 30px; }
.sidebar__project-bg { position: absolute; inset: 0px; mix-blend-mode: luminosity; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; }
.sidebar__project-bg::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, RGBA(var(--ogency-black-rgb), 1) 5%, RGBA(var(--ogency-black-rgb), 0) 51%); }
.blog-details { position: relative; padding: 120px 0px; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .blog-details { padding: 80px 0px; }
}
.blog-details__content { position: relative; }
.blog-details__img { position: relative; background-color: var(--ogency-black2); margin: 0px 0px 12px; }
.blog-details__img img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.blog-details__img__date { display: inline-block; background-color: var(--ogency-white); height: 34px; line-height: 34px; color: var(--ogency-black); text-transform: uppercase; letter-spacing: 1.2px; font-weight: 600; font-size: 12px; position: absolute; bottom: 20px; right: 20px; padding: 0px 14.5px; }
.blog-details__meta { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-bottom: 6px; font-size: 14px; }
.blog-details__meta a { color: inherit; }
.blog-details__meta a:hover { color: var(--ogency-base); }
.blog-details__meta span { margin: 0px 12px; }
.blog-details__meta::before { position: relative; content: ""; display: inline-block; background-color: var(--ogency-base); width: 41px; height: 1px; margin-right: 10px; }
.blog-details__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 13px; }
.blog-details__text { line-height: 30px; margin: 0px 0px 30px; }
.blog-details__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 0px; margin-top: 52px; border-top: 1px solid var(--ogency-black3); }
@media (max-width: 767px) {
  .blog-details__bottom { display: block; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-details__bottom { display: block; }
}
.blog-details__tags { display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.blog-details__tags__title { font-size: 22px; letter-spacing: -0.88px; margin: -8px 24px 0px 0px; }
.blog-details__tags a { font-size: 12px; line-height: 38px; color: var(--ogency-color); background-color: var(--ogency-black2); transition: 0.4s; display: inline-block; padding: 0px 20px; height: 38px; font-weight: 800; text-transform: capitalize; margin-right: 10px; }
.blog-details__tags a:last-child { margin-right: 0px; }
.blog-details__tags a:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.blog-details__social { display: flex; align-items: center; flex-wrap: wrap; }
@media (max-width: 767px) {
  .blog-details__social { margin: 30px 0px 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-details__social { margin-top: 30px; }
}
.blog-details__social a { font-size: 20px; color: var(--ogency-white); background-color: var(--ogency-black2); width: 55px; height: 55px; line-height: 55px; border-radius: 50%; text-align: center; display: inline-block; margin-left: 10px; }
.blog-details__social a:first-child { margin-left: 0px; }
.blog-details__social a:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.blog-details__pagenation { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; flex-grow: 2; }
.blog-details__pagenation__content { position: relative; }
.blog-details__pagenation__date { font-size: 13px; line-height: 1; display: block; margin: 0px 0px 5px; }
.blog-details__pagenation__title { font-size: 16px; line-height: 26px; margin: 0px; }
.blog-details__pagenation__title a { color: inherit; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); display: inline; background-size: 0% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition: 0.4s; }
.blog-details__pagenation__title a:hover { color: var(--ogency-base); }
.blog-details__item { position: relative; padding: 38px 30px 37px 140px; display: flex; align-items: center; min-height: 85px; background-color: var(--ogency-black2); max-width: calc(50% - 15px); width: 100%; }
@media (max-width: 767px) {
  .blog-details__item { max-width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-details__item { max-width: 100%; }
}
.blog-details__item-right { padding-left: 30px; padding-right: 140px; justify-content: flex-end; text-align: right; }
.blog-details__item-right .blog-details__item__img { left: auto; right: 30px; }
.blog-details__item__img { display: block; position: absolute; left: 30px; top: 0px; bottom: 0px; margin: auto; width: 90px; height: 85px; background-color: var(--ogency-black); }
.blog-details__item__img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.blog-details__item:hover .blog-details__pagenation__title a { background-size: 0% 1px, 100% 1px; }
.blog-details__comment { position: relative; margin: 53px 0px 0px; }
.blog-details__comment__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 45px; }
.blog-details__comment__item { position: relative; border-bottom: 1px solid var(--ogency-black3); min-height: 166px; padding: 11px 0px 65px 212px; margin-bottom: 50px; }
@media (max-width: 767px) {
  .blog-details__comment__item { padding-left: 0px; }
}
.blog-details__comment__image { position: absolute; left: 0px; top: 0px; width: 166px; height: 166px; border-radius: 50%; background-color: var(--ogency-black2); }
@media (max-width: 767px) {
  .blog-details__comment__image { position: relative; margin: 0px 0px 25px; }
}
.blog-details__comment__image img { width: 100%; height: 100%; mix-blend-mode: luminosity; border-radius: 50%; }
.blog-details__comment__content { position: relative; }
.blog-details__comment__name { font-size: 22px; line-height: 30px; letter-spacing: -0.88px; margin: 0px 0px 20px; }
.blog-details__comment__text { line-height: 30px; margin: 0px; }
.blog-details__comment .ogency-btn { height: 38px; background-color: var(--ogency-black2); font-size: 12px; color: var(--ogency-color); padding: 7px 20px; position: absolute; right: 0px; top: -14px; }
@media (max-width: 767px) {
  .blog-details__comment .ogency-btn { position: relative; top: 0px; margin: 20px 0px 0px; }
}
.blog-details__comment .ogency-btn:hover { color: var(--ogency-white); }
.blog-details__comment .ogency-btn::after { background-color: var(--ogency-base); }
.blog-details__comment-form { position: relative; margin: 53px 0px 0px; }
.blog-details__comment-form .row { --bs-gutter-x: 20px; }
.blog-details__comment-form__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 45px; }
.blog-details__comment-form__input-box { position: relative; display: block; line-height: 1; margin-bottom: 20px; }
.blog-details__comment-form__input-box input[type="text"], .blog-details__comment-form__input-box input[type="email"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black2); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); font-family: "Playfair Display", serif; display: block; font-weight: 500; }
.blog-details__comment-form__input-box textarea { font-size: 14px; font-weight: 500; color: var(--ogency-color); height: 188px; width: 100%; background-color: var(--ogency-black2); font-family: "Playfair Display", serif; padding: 25px 30px 30px; border: none; outline: none; margin-bottom: 0px; }
:root { --ogency-color: #5d5d5d; --ogency-color-rgb: 93, 93, 93; --ogency-base: #ffffff00; --ogency-base-rgb: 245, 144, 13; --ogency-black: #000000; --ogency-black-rgb: 0, 0, 0; --ogency-black2: #101010; --ogency-black2-rgb: 16, 16, 16; --ogency-black3: #1a1a1a; --ogency-black3-rgb: 26, 26, 26; --ogency-white: #ffffff; --ogency-white-rgb: 255, 255, 255; --ogency-font: "Original Sans", sans-serif !important; --heading-font: "Original Sans", sans-serif !important; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
body { font-family: Arial, Helvetica, sans-serif; color: rgb(29, 29, 31); }
body.locked { overflow: hidden; }
p { }
a { transition: 500ms; }
a, a:hover, a:focus, a:visited { text-decoration: none; }
::placeholder { color: inherit; opacity: 1; }
h1, h2, h3, h4, h5, h6 { font-family: Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
@media (max-width: 575px) {
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; }
}
@media (max-width: 575px) {
  p br { display: none; }
}
::placeholder { color: inherit; opacity: 1; }
.background-base { background-color: var(--ogency-base); }
.background-black { background-color: var(--ogency-black); }
.ogency-text-dark { color: var(--ogency-black); }
.page-wrapper { position: relative; margin: 0px auto; width: 100%; min-width: 300px; overflow: hidden; }
.container { padding-left: 15px; padding-right: 15px; }
.row { --bs-gutter-x: 30px; }
@media (min-width: 1200px) {
  .container { max-width: 1200px; }
}
.ogency-btn { display: inline-block; vertical-align: middle; appearance: none; border: none; background-color: rgb(1, 60, 67); color: var(--ogency-white); font-size: 14px; text-transform: uppercase; letter-spacing: 0.2px; font-family:  Arial, Helvetica, sans-serif; padding: 12px 35px; transition: 500ms; overflow: hidden; z-index: 2; position: relative; outline: none !important; }
.ogency-btn::after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; transition: 0.3s; z-index: -1; background: var(--ogency-white); transform: translateX(-50%) translateY(-50%) rotate(-25deg); }
.ogency-btn:hover::after { height: 450%; transition: 1s; }
.ogency-btn:hover { color: rgb(1, 60, 67); }
.bootstrap-select .dropdown-menu { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; }
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active { background-color: var(--ogency-base); }
.tns-outer .tns-controls { display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.tns-outer .tns-controls button { width: 45px; height: 45px; border: 2px solid rgb(244, 244, 244); outline: none; display: flex; justify-content: center; align-items: center; color: var(--ogency-color); border-radius: 50%; margin-left: 5px; margin-right: 5px; }
.block-title { margin-top: -8px; margin-bottom: 50px; }
.block-title__decor { width: 21px; height: 14px; background-image: url("../images/shapes/leaf-1-1.png"); background-repeat: no-repeat; background-position: center top; display: inline-block; line-height: 1; margin-bottom: -5px; position: relative; top: -7px; }
.block-title p { margin: 0px 0px 7px; color: var(--ogency-color); font-size: 16px; line-height: 1; }
@media (min-width: 768px) {
  .block-title p { font-size: 18px; }
}
@media (min-width: 1200px) {
  .block-title p { font-size: 20px; }
}
.block-title h3 { margin: 0px; font-size: 35px; color: var(--ogency-black); }
@media (min-width: 768px) {
  .block-title h3 { font-size: 42px; }
}
@media (min-width: 1200px) {
  .block-title h3 { font-size: 50px; }
}
.ul-list-one { margin-bottom: 0px; }
.ul-list-one li { position: relative; padding-left: 45px; font-size: 15px; font-weight: 500; color: var(--ogency-black); }
@media (min-width: 481px) {
  .ul-list-one li { font-size: 20px; }
}
.ul-list-one li::before { content: ""; color: var(--ogency-base); font-size: 26px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-family: azino-icon; }
.preloader { position: fixed; background-color: var(--ogency-black); background-position: center center; background-repeat: no-repeat; inset: 0px; z-index: 9991; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }
.preloader__image { animation-fill-mode: both; animation-name: flipInY; animation-duration: 2s; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: center center; background-size: 60px; width: 100%; height: 100%; }
.scroll-top { position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; box-shadow: inset 0 0 0 2px RGBA(var(--ogency-white-rgb), 0.3); z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); transition: 200ms linear; }
.scroll-top--active { opacity: 1; visibility: visible; transform: translateY(0px); }
.scroll-top::after { position: absolute; content: ""; text-align: center; line-height: 50px; font-size: 18px; color: var(--ogency-base); left: 0px; top: 0px; height: 100%; width: 100%; cursor: pointer; display: block; z-index: 1; transition: 200ms linear; font-family: icomoon !important; }
.scroll-top__circle path { stroke: var(--ogency-base); stroke-width: 4; fill: none; box-sizing: border-box; transition: 200ms linear; }
.post-pagination { margin-bottom: 0px; margin-top: 0px; }
@media (min-width: 992px) {
  .post-pagination { margin-top: 0px; }
}
.post-pagination a { display: flex; width: 45px; height: 45px; background-color: rgb(239, 242, 246); align-items: center; justify-content: center; color: var(--ogency-color); font-size: 16px; font-weight: 500; border-radius: 50%; transition: 500ms; }
@media (min-width: 992px) {
  .post-pagination a { width: 60px; height: 60px; font-size: 18px; }
}
.post-pagination a:hover { background-color: var(--ogency-base); color: rgb(255, 255, 255); }
.post-pagination li:first-child a { background-color: var(--ogency-base); color: rgb(255, 255, 255); }
.post-pagination li:last-child a { background-color: var(--ogency-black); color: rgb(255, 255, 255); }
.post-pagination li + li { margin-left: 10px; }
.owl-with-shadow .owl-stage-outer { overflow: visible; }
.owl-with-shadow .owl-stage-outer .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms, visibility 500ms, transform 500ms, -webkit-transform 500ms; }
.owl-with-shadow .owl-stage-outer .owl-item.active { opacity: 1; visibility: visible; }
.ogency-owl__dots.owl-carousel { position: relative; }
.ogency-owl__dots.owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; margin: 30px 0px 0px !important; }
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 11px; height: 11px; border-radius: 50%; background-color: rgba(var(--ogency-white-rgb), 0.2); border: 2px solid transparent; margin: 0px 2.5px; padding: 0px; transition: 100ms linear 0.1s; }
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot:hover, .ogency-owl__dots.owl-carousel .owl-dots .owl-dot.active { background-color: transparent; border: 2px solid var(--ogency-white); }
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot:focus { outline: none; }
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot span { display: none; }
.section-title { position: relative; display: block; margin-bottom: 50px; }
@media (max-width: 767px) {
  .section-title { margin-bottom: 30px; }
}
.section-title.text-center .section-title__tagline--has-dots::before { margin-left: auto; margin-right: auto; }
.section-title.text-end .section-title__tagline--has-dots::before { margin-left: auto; }
.section-title__tagline { font-size: 14px; text-transform: uppercase; letter-spacing: 1.4px; color: var(--ogency-color); font-weight: 500; margin: 0px 0px 7px; position: relative; }
.section-title__tagline--has-dots::before { position: relative; content: ""; width: 7px; height: 7px; display: block; background-color: var(--ogency-base); border-radius: 50%; margin-bottom: 16px; }
.section-title__title { font-size: 21px; line-height: 29px; }
@media (max-width: 767px) {
  .section-title__title { font-size: 20px; line-height: 25px; }
  .section-title__title br { display: none; }
}
.form-one .form-group { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0px; }
@media (min-width: 576px) {
  .form-one .form-group { grid-template-columns: 1fr 1fr; }
}
.form-one .form-control { border: none; width: auto; height: auto; border-radius: 0px; padding: 0px; }
.form-one .form-control-full { grid-column: 1 / -1; }
.form-one input[type="text"], .form-one input[type="email"], .form-one textarea { display: block; width: 100%; height: 73px; border-radius: 36.5px; background-color: rgb(241, 241, 241); color: rgb(126, 126, 126); font-size: 16px; font-weight: 500; border: none; outline: none; padding-left: 30px; }
.form-one textarea { border-radius: 30px; height: 195px; padding-top: 20px; }
.form-one .ogency-btn { padding: 24.5px 57.5px; }
.form-one .ogency-btn::after { background-color: var(--ogency-black); }
.main-menu .container-fluid { display: flex; align-items: center; position: relative; }
.main-menu { background-color: rgb(1, 60, 67); position: fixed; left: 0px; top: 0px; width: 100%; height: 129px; z-index: 91; padding: 0px 68px; }
@media (max-width: 1199px) {
  .main-menu { padding: 0px; top: 0px; }
}
@media (min-width: 991px) and (max-width: 1360px) {
  .main-menu { padding: 0px 12px; }
}
.main-menu__logo { padding: 10px 0px; }
@media (max-width: 767px) {
  .main-menu__logo { padding: 8px 0px; }
}
.main-menu__nav { }
@media (max-width: 1199px) {
  .main-menu__nav { display: none; }
}
.main-menu, .stricky-header { }
.main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul { margin: 0px; padding: 0px; list-style-type: none; align-items: center; display: none; }
@media (min-width: 1200px) {
  .main-menu .main-menu__list, .main-menu .main-menu__list ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list ul { display: flex; top: -77px; position: relative; float: right; }
}
.main-menu .main-menu__list > li, .stricky-header .main-menu__list > li { padding-top: 0px; }
.main-menu .main-menu__list > li, .stricky-header .main-menu__list > li { margin-left: 30px; }
.main-menu .main-menu__list > li > a, .stricky-header .main-menu__list > li > a { font-size: 14px; display: flex; align-items: center; color: rgb(255, 255, 255); font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; position: relative; transition: 500ms; }
.main-menu .main-menu__list > li > a::after, .stricky-header .main-menu__list > li > a::after { position: absolute; left: -14px; top: 0px; bottom: 0px; margin: auto; content: ""; }
.main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a, .stricky-header .main-menu__list > li.current > a, .stricky-header .main-menu__list > li:hover > a { color: rgb(205, 170, 92); text-shadow: currentcolor 0px 0px 0px; }
.main-menu .main-menu__list li ul, .stricky-header .main-menu__list li ul { position: absolute; top: 100%; left: -25px; min-width: 270px; flex-direction: column; justify-content: flex-start; align-items: flex-start; opacity: 0; visibility: hidden; transform-origin: center top; transform: scaleY(0) translateZ(100px); transition: opacity 500ms, visibility 500ms, transform 700ms; z-index: 99; background-color: var(--ogency-black2); box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07); padding: 20px 20px 12px; }
.main-menu .main-menu__list li:hover > ul, .stricky-header .main-menu__list li:hover > ul { opacity: 1; visibility: visible; transform: scaleY(1) translateZ(0px); }
.main-menu .main-menu__list > .megamenu, .stricky-header .main-menu__list > .megamenu { }
.main-menu .main-menu__list > .megamenu > ul, .stricky-header .main-menu__list > .megamenu > ul { background-color: transparent; box-shadow: none; top: 100% !important; left: 0px !important; right: 0px !important; }
.main-menu .main-menu__list li ul li, .stricky-header .main-menu__list li ul li { flex: 1 1 100%; width: 100%; position: relative; }
.main-menu .main-menu__list li ul li > a, .stricky-header .main-menu__list li ul li > a { font-size: 15px; line-height: 26px; color: var(--ogency-color); font-weight: 500; display: flex; padding: 6px 20px 10px; transition: 400ms; margin-bottom: 4px; }
.main-menu .main-menu__list li ul li > a::after, .stricky-header .main-menu__list li ul li > a::after { position: absolute; right: 22px; top: 0px; bottom: 0px; margin: auto; width: 5px; height: 5px; border-radius: 50px; content: ""; background-color: var(--ogency-base); visibility: hidden; opacity: 0; transition: 500ms; }
.main-menu .main-menu__list li ul li.current > a, .main-menu .main-menu__list li ul li:hover > a, .stricky-header .main-menu__list li ul li.current > a, .stricky-header .main-menu__list li ul li:hover > a { background-color: var(--ogency-black); color: var(--ogency-white); }
.main-menu .main-menu__list li ul li.current > a::after, .main-menu .main-menu__list li ul li:hover > a::after, .stricky-header .main-menu__list li ul li.current > a::after, .stricky-header .main-menu__list li ul li:hover > a::after { visibility: visible; opacity: 1; }
.main-menu .main-menu__list li ul li > ul, .stricky-header .main-menu__list li ul li > ul { top: 0px; left: calc(100% + 20px); }
.main-menu .main-menu__list li ul li > ul.right-align, .stricky-header .main-menu__list li ul li > ul.right-align { top: 0px; left: auto; right: 100%; }
.main-menu .main-menu__list li ul li > ul ul, .stricky-header .main-menu__list li ul li > ul ul { display: none; }
@media (min-width: 1200px) and (max-width: 1400px) {
  .main-menu__list li:nth-last-child(1) ul li > ul, .main-menu__list li:nth-last-child(2) ul li > ul, .main-menu__list li:nth-last-child(3) ul li > ul { left: auto; right: calc(100% + 20px); }
}
.main-menu__right { display: flex; float: inline-end; top: -78px; position: relative; }
.main-menu__right .main-menu__search { padding-left: 30px; border-left: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
@media (max-width: 1199px) {
  .main-menu__right .main-menu__search { padding-left: 20px; }
}
.main-menu__search, .main-menu__cart { position: relative; font-size: 24px; color: var(--ogency-white); margin-left: 19px; display: flex; align-items: center; height: 50px; transition: 500ms; }
.main-menu__search:hover, .main-menu__cart:hover { color: var(--ogency-base); }
.stricky-header { position: fixed; z-index: 991; top: 0px; left: 0px; background-color: var(--ogency-black2); box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07); width: 100%; transform: translateY(-195%); transition: transform 500ms; }
@media (max-width: 1199px) {
  .stricky-header { display: none; }
}
.stricky-header.stricky-fixed { }
.home-showcase { margin-top: -20px; margin-bottom: -20px; }
.home-showcase .row { --bs-gutter-x: 42px; --bs-gutter-y: 20px; }
.home-showcase__inner { padding: 40px 40px 36px; background-color: var(--ogency-black2); box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07); }
.home-showcase__image { position: relative; background-color: var(--ogency-black); overflow: hidden; }
.home-showcase__image > img { width: 100%; transition: 500ms; transform: scale(1); }
.home-showcase__image:hover > img { opacity: 0.75; }
.home-showcase__image:hover .home-showcase__buttons { transform: scale(1, 1); opacity: 1; visibility: visible; }
.home-showcase__buttons { position: absolute; inset: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; transform: scale(1, 0); opacity: 0; visibility: hidden; transform-origin: center bottom; transition: 500ms; }
.home-showcase__buttons__item { padding: 11px 20px 12px; width: 150px; text-align: center; }
.home-showcase__buttons__item + .home-showcase__buttons__item { margin-top: 10px; }
.home-showcase__title { margin: 17px 0px 0px; text-align: center; font-size: 16px; font-weight: 600; letter-spacing: -0.16px; color: var(--ogency-white); }
.mobile-nav__buttons { display: flex; margin-left: auto; margin-right: 10px; }
@media (min-width: 1200px) {
  .mobile-nav__buttons { display: none; }
}
.mobile-nav__buttons a { font-size: 20px; color: var(--ogency-white); cursor: pointer; }
.mobile-nav__buttons a + a { margin-left: 10px; }
.mobile-nav__buttons a:hover { color: var(--ogency-base); }
.mobile-nav__toggler { font-size: 24px; color: var(--ogency-white); cursor: pointer; transition: 500ms; }
.mobile-nav__toggler:hover { color: var(--ogency-base); }
@media (min-width: 1200px) {
  .mobile-nav__toggler { display: none; }
}
.main-header__two { background-color: var(--ogency-black); }
@media (min-width: 992px) {
  .main-header__two { background-color: rgba(0, 0, 0, 0); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 91; }
}
.topbar-two { background-color: var(--ogency-black); display: none; padding-top: 8px; padding-bottom: 8px; }
@media (min-width: 1200px) {
  .topbar-two { display: block; }
}
.topbar-two .container { display: flex; justify-content: space-between; align-items: center; }
.topbar-two .topbar__social { padding: 0px; border-right: 0px; }
.topbar-two .topbar__social a { color: var(--ogency-black); }
.topbar-two .topbar__social a:hover { color: rgb(255, 255, 255); }
.topbar-two__right, .topbar-two__left { display: flex; align-items: center; }
.topbar-two .main-menu__login { margin-right: 20px; }
.topbar-two .main-menu__login a { color: var(--ogency-black); }
.topbar-two .main-menu__login a:hover { color: rgb(255, 255, 255); }
.topbar-two .main-menu__login a:hover i { background-color: rgb(255, 255, 255); color: var(--ogency-black); }
.topbar-two .main-menu__language .bootstrap-select > .dropdown-toggle { color: var(--ogency-black); background-color: rgba(0, 0, 0, 0) !important; }
.main-menu__two { background-color: rgba(0, 0, 0, 0); border-bottom: 2px solid rgba(255, 255, 255, 0.1); display: block !important; }
@media (min-width: 1200px) {
  .main-menu__two { border-top: 2px solid rgba(255, 255, 255, 0.1); }
}
.main-menu__two .main-logo { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-top: 20px; padding-bottom: 20px; }
.main-menu__two .mobile-nav__buttons a, .main-menu__two .mobile-nav__toggler { color: rgb(255, 255, 255); }
.main-menu__two .topbar__buttons { display: none; border-left-color: rgba(255, 255, 255, 0.1); }
@media (min-width: 1200px) {
  .main-menu__two .topbar__buttons { display: flex; }
}
.main-menu__two .topbar__buttons a { color: rgb(255, 255, 255); }
.main-menu__two .topbar__buttons a:hover { color: var(--ogency-base); }
.main-menu__two .main-menu__list > li { padding-top: 38px; padding-bottom: 38px; }
.main-menu__two .main-menu__list > li > a { color: rgb(255, 255, 255); font-weight: 400; }
.main-menu__two.stricked-menu { background-color: var(--ogency-black); border: none; }
.main-menu__two.stricked-menu .container { padding-top: 0px; padding-bottom: 0px; }
.main-menu__two.stricked-menu .main-menu__list > li { padding-top: 22px; padding-bottom: 22px; }
.main-header-two .main-menu__nav { padding-left: 0px; margin-left: auto; }
.main-header--with-border .main-menu { }
@keyframes bubbleMover { 
  0% { transform: translateY(0px) translateX(0px) rotate(0deg); }
  30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; }
  50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; }
  80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; }
  100% { transform: translateY(0px) translateX(0px) rotate(0deg); transform-origin: center center; }
}
@keyframes shapeMover { 
  0%, 100% { transform: perspective(400px) translateY(0px) rotate(0deg) translateZ(0px) translateX(0px); }
  50% { transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); }
}
@keyframes banner3Shake { 
  0% { transform: rotate3d(0, 1, 0, 0deg); }
  30% { transform: rotate3d(0, 0, 1, 5deg); }
  60% { transform: rotate3d(1, 0, 0, 0deg); }
  80% { transform: rotate3d(0, 0, 1, 5deg); }
  100% { transform: rotate3d(0, 1, 0, 0deg); }
}
@keyframes squareMover { 
  0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
  20%, 60% { transform: translate(20px, 40px) rotate(180deg); }
  30%, 80% { transform: translate(40px, 60px) rotate(0deg); }
}
@keyframes treeMove { 
  0%, 100% { transform: rotate(0deg) translateX(0px); }
  25%, 75% { transform: rotate(5deg) translateX(15px); }
  50% { transform: rotate(10deg) translateX(30px); }
}
@keyframes scalings { 
  0% { transform: scale(1); }
  100% { transform: scale(0.8); }
}
@keyframes animationFrames { 
  0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% { transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% { transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.mobile-nav__wrapper { top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 999; transform: translateX(-100%); transform-origin: left center; transition: transform 500ms 500ms, visibility 500ms 500ms; visibility: hidden; position: fixed; }
.mobile-nav__wrapper .container { padding-left: 0px; padding-right: 0px; }
.mobile-nav__wrapper .home-showcase .row [class*="col-"] { flex: 0 0 100%; }
.mobile-nav__wrapper .home-showcase { margin-bottom: -1px; margin-top: 0px; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.mobile-nav__wrapper .home-showcase__inner { padding: 15px 0px; }
.mobile-nav__wrapper.expanded { opacity: 1; transform: translateX(0%); visibility: visible; transition: transform 500ms, visibility 500ms; }
.mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; transform: translateX(0px); transition: opacity 500ms 500ms, visibility 500ms 500ms, transform 500ms 500ms; }
.mobile-nav__overlay { position: absolute; inset: 0px; opacity: 0.5; cursor: pointer; }
.mobile-nav__content { width: 300px; background-color: rgb(1, 60, 67); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding: 30px 15px; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: opacity 500ms, visibility 500ms, transform 500ms; }
.mobile-nav__content .main-menu__nav { display: block; padding: 0px; }
.mobile-nav__content .logo-box { margin-bottom: 40px; display: flex; }
.mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--ogency-white); cursor: pointer; }
.mobile-nav__close:hover { color: var(--ogency-base); }
.mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list ul { margin: 0px; padding: 0px; list-style-type: none; }
.mobile-nav__content .main-menu__list ul { display: none; border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.mobile-nav__content .main-menu__list ul li > a { padding-left: 1em; }
.mobile-nav__content .main-menu__list li:not(:last-child) { border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.mobile-nav__content .main-menu__list li > a { display: flex; justify-content: space-between; line-height: 30px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; text-transform: uppercase; height: 46px; align-items: center; transition: 500ms; }
.mobile-nav__content .main-menu__list li a.expanded { color: var(--ogency-base); }
.mobile-nav__content .main-menu__list li a button { width: 30px; height: 30px; background-color: var(--ogency-base); border: none; outline: none; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(-90deg); transition: transform 500ms; }
.mobile-nav__content .main-menu__list li a button.expanded { transform: rotate(0deg); background-color: var(--ogency-white); color: var(--ogency-black); }
.mobile-nav__social { display: flex; align-items: center; }
.mobile-nav__social a { font-size: 16px; color: var(--ogency-white); transition: 500ms; }
.mobile-nav__social a + a { margin-left: 15px; }
.mobile-nav__social a:hover { color: var(--ogency-base); }
.mobile-nav__contact { margin-top: 20px; margin-bottom: 20px; }
.mobile-nav__contact li { color: var(--ogency-white); font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; }
.mobile-nav__contact li + li { margin-top: 15px; }
.mobile-nav__contact li a { color: inherit; transition: 500ms; }
.mobile-nav__contact li a:hover { color: var(--ogency-base); }
.mobile-nav__contact li > i { width: 30px; height: 30px; border-radius: 50%; background-color: rgb(200, 167, 90); display: flex; justify-content: center; align-items: center; text-align: center; font-size: 15px; margin-right: 10px; color: var(--ogency-white); }
.mobile-nav__container .main-menu__logo, .mobile-nav__container .main-menu__right { display: none; }
.search-popup { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 991; padding-left: 20px; padding-right: 20px; display: flex; justify-content: center; align-items: center; transform: translateY(-110%); transition: transform 500ms, opacity 500ms; }
.search-popup.active { transform: translateY(0%); }
.search-popup__overlay { position: absolute; inset: 0px; background-color: var(--ogency-black); opacity: 0.75; cursor: pointer; }
.search-popup__content { width: 100%; max-width: 560px; }
.search-popup__content form { display: flex; flex-wrap: wrap; position: relative; background-color: rgb(255, 255, 255); border-radius: 0px; overflow: hidden; }
.search-popup__content form input[type="search"], .search-popup__content form input[type="text"] { width: 100%; background-color: rgb(255, 255, 255); font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; }
.search-popup__content .ogency-btn { padding: 0px; width: 68px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0px; right: -1px; border-radius: 0px; }
.search-popup__content .ogency-btn::after { background-color: var(--ogency-black); }
.main-slider { position: relative; display: block; }
.main-slider__one { width: 100%; background-color: var(--ogency-black); }
.main-slider__one-item { position: relative; padding-top: 273px; padding-bottom: 130px; }
@media (max-width: 991px) {
  .main-slider__one-item { padding-top: 180px; }
}
@media (max-width: 767px) {
  .main-slider__one-item { padding-top: 150px; }
}
.main-slider__one-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
.main-slider__one-item__shape-1 { position: absolute; top: 0px; right: 38.6%; opacity: 0; transform: translateX(200px); z-index: 1; background-color: var(--ogency-black); }
.main-slider__one-item__shape-1 img { mix-blend-mode: luminosity; width: auto !important; }
@media (max-width: 991px) {
  .main-slider__one-item__shape-1 { display: none; }
}
.main-slider__one-item__shape-2 { position: absolute; top: 0px; right: 7.2%; opacity: 0; transform: translateX(200px); z-index: 1; background-color: var(--ogency-black); }
.main-slider__one-item__shape-2 img { mix-blend-mode: luminosity; width: auto !important; }
@media (max-width: 991px) {
  .main-slider__one-item__shape-2 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slider__one-item__shape-2 { width: 36%; right: 0px; overflow: hidden; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .main-slider__one-item__shape-2 { width: 505px; overflow: hidden; right: 0px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .main-slider__one-item__shape-2 { width: 440px; }
}
.main-slider__one-item__content { position: relative; z-index: 2; }
.main-slider__one-item__content h2 { visibility: hidden; opacity: 0; font-size: 120px; line-height: 110px; letter-spacing: -7.2px; margin: 0px; transition: transform 2000ms, opacity 2000ms; transform: translateY(-120px); }
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slider__one-item__content h2 { font-size: 90px; line-height: 90px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .main-slider__one-item__content h2 { font-size: 105px; line-height: 95px; }
}
@media (max-width: 767px) {
  .main-slider__one-item__content h2 { font-size: 50px; line-height: 55px; letter-spacing: -2px; }
}
.main-slider__one-item__content-curved-circle-box { margin-top: -34px; margin-right: 130px; margin-left: auto; position: relative; display: block; height: 140px; width: 140px; border-radius: 50%; opacity: 0; visibility: hidden; transform: translateY(120px); transition: transform 2000ms, opacity 2000ms, -webkit-transform 2000ms; z-index: 2; }
@media (min-width: 1200px) and (max-width: 1600px) {
  .main-slider__one-item__content-curved-circle-box { margin-right: 190px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .main-slider__one-item__content-curved-circle-box { margin-right: 210px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slider__one-item__content-curved-circle-box { margin-right: 55%; margin-top: 0px; }
}
@media (max-width: 991px) {
  .main-slider__one-item__content-curved-circle-box { margin: 40px 0px 0px; }
}
.main-slider__one-item__content-curved-circle-box .curved-circle { position: absolute; top: 0px; left: 0px; font-size: 16px; font-weight: 600; line-height: 1; color: var(--ogency-white); text-transform: uppercase; display: flex; justify-content: center; align-items: center; animation: 15s linear 0s infinite alternate forwards running textRotate; height: 140px !important; width: 140px !important; }
.main-slider__one-item__content-curved-circle-box .curved-circle .curved-circle--item { height: 140px !important; width: 140px !important; }
.main-slider__one-item__content-curved-circle-box .curved-circle .curved-circle--item span { letter-spacing: 0.25em; }
@keyframes textRotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; }
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down span { position: relative; display: inline-block; font-size: 59px; color: var(--ogency-base); transform: rotate(0deg); transition: transform 500ms; }
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down:hover span { transform: rotate(-45deg); }
.main-slider .active .main-slider__one-item__shape-1 { opacity: 1; transform: translateX(0px); transition: 1000ms 1100ms; }
.main-slider .active .main-slider__one-item__shape-2 { opacity: 1; transform: translateX(0px); transition: 1000ms 1300ms; }
.main-slider .active .main-slider__one-item__content h2 { visibility: visible; opacity: 1; transform: translateY(0px) translateX(0px); }
.main-slider .active .main-slider__one-item__content-curved-circle-box { visibility: visible; opacity: 1; transform: translateY(0px) translateX(0px); }
.main-slider .main-slider__socails { position: absolute; top: 175px; left: 80px; z-index: 1; }
@media (max-width: 991px) {
  .main-slider .main-slider__socails { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slider .main-slider__socails { top: 90px; left: 30px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .main-slider .main-slider__socails { top: 115px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .main-slider .main-slider__socails { top: 95px; left: 25px; }
}
.main-slider .main-slider__socails a { margin: 0px 0px 7px; display: block; font-size: 16px; color: var(--ogency-white); transition: 500ms; }
.main-slider .main-slider__socails a:hover { color: var(--ogency-base); }
.main-slider .main-slider__phone { position: absolute; bottom: 155px; left: 16px; z-index: 1; transform: rotate(90deg); color: var(--ogency-white); font-size: 16px; font-weight: 600; }
@media (max-width: 991px) {
  .main-slider .main-slider__phone { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slider .main-slider__phone { bottom: 100px; left: -30px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .main-slider .main-slider__phone { bottom: 100px; }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .main-slider .main-slider__phone { bottom: 100px; left: -40px; }
}
.main-slider .main-slider__phone a { color: inherit; }
.main-slider .main-slider__phone a:hover { color: var(--ogency-base); }
.hero-banner { position: relative; background-color: var(--ogency-black); background-size: auto; background-position: center top; background-repeat: no-repeat; padding: 212px 0px 0px; }
@media (max-width: 991px) {
  .hero-banner { padding-top: 180px; }
}
@media (max-width: 767px) {
  .hero-banner { padding-top: 150px; }
}
.hero-banner .container { max-width: 1684px; }
.hero-banner__content { position: relative; }
.hero-banner__content__title { font-size: 110px; line-height: 110px; text-transform: uppercase; font-weight: 400; margin-bottom: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--ogency-black3); }
@media (max-width: 1500px) {
  .hero-banner__content__title { font-size: 100px; }
}
@media (max-width: 1300px) {
  .hero-banner__content__title { font-size: 90px; }
}
@media (max-width: 767px) {
  .hero-banner__content__title { font-size: 40px; line-height: 50px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-banner__content__title { font-size: 45px; line-height: 55px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner__content__title { font-size: 65px; line-height: 90px; }
}
.hero-banner__content__title span { display: inline-block; color: var(--ogency-base); font-size: 100px; font-weight: 500; margin: 0px 0px 0px 30px; position: relative; top: 17px; }
@media (max-width: 767px) {
  .hero-banner__content__title span { font-size: 35px; top: 4px; margin-left: 20px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-banner__content__title span { font-size: 40px; top: 8px; margin-left: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner__content__title span { font-size: 60px; top: 10px; }
}
@media (max-width: 1500px) {
  .hero-banner__content__title span { font-size: 95px; }
}
@media (max-width: 1300px) {
  .hero-banner__content__title span { font-size: 85px; }
}
.hero-banner__bottom { display: flex; justify-content: space-between; margin-bottom: 56px; }
@media (max-width: 767px) {
  .hero-banner__bottom { display: block; margin-bottom: 36px; }
}
.hero-banner__bottom__text { max-width: 245px; line-height: 30px; margin: 12px 0px 0px; }
@media (max-width: 767px) {
  .hero-banner__bottom__text { max-width: 100%; margin-bottom: 15px; }
}
.hero-banner__bottom__title { font-size: 110px; line-height: 110px; text-transform: uppercase; font-weight: 400; margin: 0px; padding-bottom: 16px; }
@media (max-width: 1500px) {
  .hero-banner__bottom__title { font-size: 98px; }
}
@media (max-width: 1300px) {
  .hero-banner__bottom__title { font-size: 84px; }
}
@media (max-width: 767px) {
  .hero-banner__bottom__title { font-size: 40px; line-height: 50px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-banner__bottom__title { font-size: 44px; line-height: 60px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-banner__bottom__title { font-size: 64px; line-height: 90px; }
}
.hero-banner__bottom__title span { display: inline-block; color: var(--ogency-base); font-weight: 800; position: relative; padding-right: 10px; }
.hero-banner__bottom__title span .wrap-border { display: block; width: 1px; height: 100%; font-weight: normal; background-color: var(--ogency-base); position: absolute; right: -10px; top: 0px; animation: 0.7s ease 0s infinite normal none running blink; }
@keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.hero-banner__image { position: relative; background-color: var(--ogency-black); }
.hero-banner__image img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.main-slider__two { position: relative; width: 100%; }
.main-slider__two__item { position: relative; padding-top: 281px; padding-bottom: 265px; background-color: var(--ogency-black); }
@media (min-width: 991px) and (max-width: 1199px) {
  .main-slider__two__item { padding-top: 250px; padding-bottom: 215px; }
}
@media (max-width: 991px) {
  .main-slider__two__item { padding-top: 200px; padding-bottom: 180px; }
}
.main-slider__two__bg { position: absolute; inset: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: scale(1); z-index: 1; }
.active .main-slider__two__bg { transform: scale(1.15); transition: transform 7000ms linear; }
.main-slider__two__overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 299px; z-index: 2; opacity: 0.7; mix-blend-mode: luminosity; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.main-slider__two__dots { position: relative; z-index: 2; display: block; text-align: left; margin: 0px 0px -9px 67px; opacity: 0; visibility: hidden; transform: translateY(-120px); transition: transform 2000ms, opacity 2000ms, -webkit-transform 2000ms; }
@media (min-width: 991px) and (max-width: 1199px) {
  .main-slider__two__dots { margin: 0px 0px -6px 5px; }
}
@media (max-width: 991px) {
  .main-slider__two__dots { margin: 0px 0px -6px 5px; }
}
@media (max-width: 767px) {
  .main-slider__two__dots { margin: 0px; }
}
.main-slider__two__dots span { display: inline-block; width: 30px; height: 30px; background-color: var(--ogency-base); border-radius: 50%; margin: 0px 5px; }
@media (max-width: 767px) {
  .main-slider__two__dots span { width: 20px; height: 20px; }
}
.main-slider__two__content { position: relative; z-index: 2; }
.main-slider__two__content__title { font-size: 100px; line-height: 110px; letter-spacing: 10px; text-transform: uppercase; margin: 0px; opacity: 0; visibility: hidden; transform: translateY(120px); transition: transform 2000ms, opacity 2000ms, -webkit-transform 2000ms; }
@media (min-width: 991px) and (max-width: 1199px) {
  .main-slider__two__content__title { font-size: 90px; line-height: 100px; letter-spacing: 5px; }
}
@media (max-width: 991px) {
  .main-slider__two__content__title { font-size: 60px; line-height: 70px; letter-spacing: 4px; }
}
@media (max-width: 767px) {
  .main-slider__two__content__title { font-size: 40px; line-height: 55px; letter-spacing: 3px; }
}
.main-slider__two__content__title .video-popup { width: 239px; height: 76px; overflow: hidden; border-radius: 50px; display: inline-block; position: relative; margin: 0px 9px 0px 5px; background-color: var(--ogency-black); }
@media (max-width: 991px) {
  .main-slider__two__content__title .video-popup { width: 210px; height: 55px; }
}
@media (max-width: 767px) {
  .main-slider__two__content__title .video-popup { width: 100px; height: 40px; position: relative; top: 3px; }
}
.main-slider__two__content__title .video-popup img { width: 100%; height: 100%; mix-blend-mode: luminosity; object-fit: cover; }
.main-slider__two__content__title .video-popup span { width: 55px; height: 55px; font-size: 15px; color: var(--ogency-white); display: flex; align-items: center; justify-content: center; letter-spacing: 0px; background-color: var(--ogency-black); border-radius: 50%; position: absolute; left: 10px; top: 0px; bottom: 0px; margin: auto; transition: 500ms; }
@media (max-width: 991px) {
  .main-slider__two__content__title .video-popup span { width: 40px; height: 40px; }
}
@media (max-width: 767px) {
  .main-slider__two__content__title .video-popup span { width: 30px; height: 30px; font-size: 12px; }
}
.main-slider__two__content__title .video-popup:hover span { background-color: var(--ogency-base); }
.main-slider__two__content__title .main-slider__two__btn { display: inline-block; width: 78px; height: 78px; background-color: var(--ogency-base); line-height: 80px; text-align: center; color: var(--ogency-white); border-radius: 50%; font-size: 45px; letter-spacing: 0px; margin-left: 17px; position: relative; top: -19px; }
@media (max-width: 991px) {
  .main-slider__two__content__title .main-slider__two__btn { width: 55px; height: 55px; line-height: 58px; font-size: 35px; top: -7px; }
}
@media (max-width: 767px) {
  .main-slider__two__content__title .main-slider__two__btn { width: 40px; height: 40px; line-height: 42px; font-size: 25px; top: -4px; }
}
.main-slider__two__content__title .main-slider__two__btn span { transform: rotate(0deg); display: inline-block; transition: 500ms; }
.main-slider__two__content__title .main-slider__two__btn:hover { background-color: var(--ogency-white); color: var(--ogency-base); }
.main-slider__two__content__title .main-slider__two__btn:hover span { transform: rotate(-45deg); }
.active .main-slider__two__content__title { visibility: visible; opacity: 1; transform: translateY(0px) translateX(0px); transition: 1000ms 1100ms; }
.active .main-slider__two__dots { visibility: visible; opacity: 1; transform: translateY(0px) translateX(0px); transition: 1000ms 1100ms; }
.main-slider__two .owl-dots { display: flex; align-items: center; justify-content: center; flex-direction: row; max-width: 1200px; width: 100%; position: absolute; left: 0px; right: 0px; bottom: 65px; padding: 0px 15px; margin: 0px auto; height: 0px; line-height: 0; }
.main-slider__two .owl-dots .owl-dot + .owl-dot { margin-left: 5px; }
.main-slider__two .owl-dots .owl-dot span { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background-color: RGBA(var(--ogency-white-rgb), 0.2); border: 2px solid transparent; margin: 0px; transition: 300ms; }
.main-slider__two .owl-dots .owl-dot:hover span, .main-slider__two .owl-dots .owl-dot.active span { background-color: RGBA(var(--ogency-white-rgb), 0); border: 2px solid var(--ogency-white); }
.client-carousel { padding-bottom: 80px; background-color: var(--ogency-black); }
.client-carousel--without-title { padding-bottom: 100px; }
@media (max-width: 767px) {
  .client-carousel--without-title { padding-bottom: 80px; }
}
.client-carousel--without-title .client-carousel__tilte { display: none; }
.client-carousel--about { padding-bottom: 100px; }
.client-carousel--service-page { padding-bottom: 100px; }
@media (max-width: 767px) {
  .client-carousel--service-page { padding-bottom: 80px; }
}
.client-carousel__tilte { text-align: center; display: block; color: var(--ogency-color); font-weight: 500; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); font-size: 13px; text-transform: uppercase; letter-spacing: 1.3px; margin-bottom: 99px; }
@media (max-width: 767px) {
  .client-carousel__tilte { margin-bottom: 49px; }
}
@media (max-width: 1199px) {
  .client-carousel__tilte { margin-bottom: 69px; }
}
.client-carousel__tilte span { display: inline-block; background-color: var(--ogency-black); padding: 5px 24px; z-index: 2; position: relative; top: 13px; }
.client-carousel__has-border-top { border-top: 1px solid rgb(233, 231, 226); }
.client-carousel__has-top-shadow { box-shadow: rgba(227, 227, 227, 0.004) 0px -1px 0px 0px; }
.client-carousel .client-carousel__one { position: relative; }
.client-carousel .client-carousel__one .client-carousel__one__item { display: flex; align-items: center; justify-content: center; }
.client-carousel .client-carousel__one .client-carousel__one__item img { transition: 500ms; opacity: 0.2; max-width: 100%; width: auto; }
.client-carousel .client-carousel__one .client-carousel__one__item img:hover { opacity: 0.8; }
.client-carousel__about-page { position: relative; }
.client-carousel__about-page::before { content: ""; width: 100%; height: 16px; background-image: url("../images/shapes/ripped-paper-white-up.png"); position: absolute; bottom: -16px; left: 0px; z-index: 10; transform: rotate(0deg); background-size: auto; }
@media (min-width: 1700px) {
  .client-carousel__about-page::before { background-size: 100%; bottom: -15px; }
}
.client-carousel__about-page .container { position: relative; }
.feature-one { position: relative; background-color: var(--ogency-black); padding: 19px 0px 120px; }
@media (max-width: 991px) {
  .feature-one { padding-bottom: 60px; }
}
.feature-one__item { position: relative; }
@media (max-width: 991px) {
  .feature-one__item { margin-bottom: 30px; }
}
.feature-one__item__img { position: relative; background-color: var(--ogency-black); }
.feature-one__item__img img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.feature-one__item__content { position: absolute; left: 0px; right: 0px; margin: auto; bottom: 20px; width: calc(100% - 40px); background-color: RGBA(var(--ogency-black-rgb), 0.9); padding: 19px 30px 25px; transition: transform 400ms, -webkit-transform 500ms; }
@media (max-width: 360px) {
  .feature-one__item__content { padding: 15px 20px 21px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-one__item__content { padding-left: 20px; }
}
.feature-one__item__content--title { font-size: 22px; letter-spacing: -0.88px; margin: 0px; }
.feature-one__item__content--icon { width: 55px; height: 55px; background-color: var(--ogency-base); border-radius: 50%; color: var(--ogency-white); font-size: 25px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: -27px; }
@media (max-width: 360px) {
  .feature-one__item__content--icon { right: 15px; top: -35px; }
}
.feature-one__item:hover .feature-one__item__content { background-position: left bottom; transform: scale(1, 0); transform-origin: center bottom; }
.feature-one__item__hover-content { position: absolute; inset: 0px; margin: auto; width: calc(100% - 40px); height: calc(100% - 40px); background-color: RGBA(var(--ogency-black-rgb), 0.9); padding: 35px 40px 25px; background-position: left bottom; transform: scale(1, 0); transform-origin: center bottom; transition: transform 500ms, -webkit-transform 500ms; z-index: 2; }
@media (max-width: 767px) {
  .feature-one__item__hover-content { padding: 25px 30px; }
}
@media (max-width: 360px) {
  .feature-one__item__hover-content { padding: 16px 25px 20px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature-one__item__hover-content { padding: 25px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-one__item__hover-content { padding: 20px; }
}
.feature-one__item__hover-content--title { font-size: 22px; letter-spacing: -0.88px; margin: 0px 0px 16px; }
@media (max-width: 360px) {
  .feature-one__item__hover-content--title { margin-bottom: 6px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-one__item__hover-content--title { margin-bottom: 8px; }
}
.feature-one__item__hover-content--text { margin: 0px 0px 10px; padding: 0px 0px 31px; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
@media (max-width: 360px) {
  .feature-one__item__hover-content--text { margin: 0px 0px 5px; padding: 0px 0px 8px; line-height: 24px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature-one__item__hover-content--text { padding-bottom: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-one__item__hover-content--text { padding-bottom: 15px; font-size: 14px; line-height: 24px; }
}
.feature-one__item__hover-content__btn { display: inline-block; color: var(--ogency-white); font-size: 14px; text-transform: capitalize; }
.feature-one__item__hover-content__btn span { display: inline-block; font-size: 22px; margin: 0px 0px 0px 11px; top: 5px; position: relative; transition: transform 400ms; }
.feature-one__item__hover-content__btn:hover { color: var(--ogency-base); }
.feature-one__item__hover-content__btn:hover span { transform: rotate(-45deg); }
.feature-one__item:hover .feature-one__item__hover-content { transform: scale(1, 1); }
.about-one { position: relative; background: var(--ogency-black); padding: 0px 0px 113px; }
@media (max-width: 991px) {
  .about-one { padding-bottom: 80px; }
}
.about-one__thumb { position: relative; margin: 31px 0px 0px; }
.about-one__thumb__round--top { width: 190px; height: 190px; background-color: var(--ogency-black2); border-radius: 50%; position: absolute; left: -31px; top: -31px; animation: 1.5s ease 0s infinite alternate none running scalings; }
.about-one__thumb__img { background-color: var(--ogency-black); border-radius: 50%; display: inline-block; overflow: hidden; position: relative; }
.about-one__thumb__img img { max-width: 100%; height: auto; mix-blend-mode: luminosity; transition: 500ms; }
.about-one__thumb__round--bottom { width: 56px; height: 56px; background-color: var(--ogency-base); border-radius: 50%; position: absolute; left: -76px; bottom: 43px; animation: 20s linear 0s infinite normal none running animationFrames; }
@media (max-width: 991px) {
  .about-one__thumb__round--bottom { left: 0px; }
}
@media (max-width: 767px) {
  .about-one__thumb__round--bottom { animation: auto ease 0s 1 normal none running none; }
}
.about-one__content { position: relative; }
@media (max-width: 991px) {
  .about-one__content { margin-top: 40px; }
}
.about-one__content .section-title { margin-bottom: 31px; }
.about-one__content__text-one { margin: 0px; }
.about-one__content__text-two { margin-bottom: 40px; }
.about-two { position: relative; background-color: var(--ogency-black); background-size: auto; background-position: left top; background-repeat: no-repeat; padding: 120px 0px; }
@media (max-width: 767px) {
  .about-two { padding: 80px 0px 60px; }
}
.about-two__left { position: relative; }
.about-two__left .section-title { margin-bottom: 50px; }
@media (max-width: 767px) {
  .about-two__left .section-title { margin-bottom: 35px; }
}
.about-two__left--text { color: var(--ogency-white); margin: 8px 0px 0px; }
.about-two__right { position: relative; margin-top: 146px; }
@media (max-width: 767px) {
  .about-two__right { margin-top: 90px; }
}
.about-two__right--text { line-height: 30px; margin-bottom: 30px; }
.about-two__right--quote { color: var(--ogency-white); line-height: 30px; margin: 0px 0px 34px; padding: 0px 0px 0px 21px; position: relative; }
.about-two__right--quote::before { height: 72%; width: 1px; content: ""; background-color: var(--ogency-base); position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; }
.fact-two__item { position: relative; }
@media (max-width: 767px) {
  .fact-two__item { margin-bottom: 30px; }
}
.fact-two__item .fact-one__item__count { margin-left: -4px; }
.fact-two__item .fact-one__item__title { max-width: 100%; }
.divider-section { background-color: var(--ogency-black); }
.br-divider { border-top: 1px solid var(--ogency-black2); }
.about-three { background-color: var(--ogency-black); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .about-three { padding: 80px 0px; }
}
.about-three__thumb { position: relative; padding-left: 170px; }
@media (max-width: 767px) {
  .about-three__thumb { padding-left: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-three__thumb { margin-right: -70px; }
}
.about-three__thumb--one { background-color: var(--ogency-black2); display: inline-block; position: absolute; left: 0px; bottom: 0px; z-index: 1; }
@media (max-width: 767px) {
  .about-three__thumb--one { position: relative; margin-bottom: 25px; }
}
.about-three__thumb--one img { mix-blend-mode: luminosity; max-width: 100%; }
.about-three__thumb--two { background-color: var(--ogency-black2); display: inline-block; position: relative; }
.about-three__thumb--two img { mix-blend-mode: luminosity; max-width: 100%; }
.about-three__content { position: relative; padding: 0px 0px 0px 70px; }
@media (max-width: 991px) {
  .about-three__content { padding: 50px 0px 0px; }
}
.about-three__content .section-title { margin-bottom: 35px; }
.about-three__content__heading { color: var(--ogency-base); font-size: 24px; letter-spacing: -0.96px; margin-bottom: 16px; }
.about-three__content__text { line-height: 30px; margin-bottom: 39px; }
.about-three__author { position: relative; padding: 0px 0px 0px 93px; min-height: 70px; }
.about-three__author__thumb { width: 70px; height: 70px; border-radius: 50%; border: 1px solid var(--ogency-base); padding: 2.5px; background-color: var(--ogency-black); position: absolute; left: 0px; top: 0px; }
.about-three__author__thumb img { width: 100%; height: 100%; border-radius: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.about-three__author__meta { color: var(--ogency-white); margin: 9px 0px 0px; }
.slider-text-one { position: relative; overflow: hidden; width: 100%; background-color: var(--ogency-black); padding: 52px 0px; border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.slider-text-one .slider-text-one__animate-text { animation: 28s linear 0s infinite reverse none running text-scrolling; will-change: transform; display: block; position: relative; white-space: nowrap; }
.slider-text-one .slider-text-one__animate-text:hover { animation-play-state: paused; }
.slider-text-one .slider-text-one__animate-text span { font-size: 180px; letter-spacing: -7.2px; line-height: 1; margin: 0px; color: var(--ogency-white); font-weight: 800; display: inline-block; min-width: auto; }
@media (max-width: 991px) {
  .slider-text-one .slider-text-one__animate-text span { font-size: 120px; letter-spacing: -5px; }
}
@media (max-width: 767px) {
  .slider-text-one .slider-text-one__animate-text span { font-size: 80px; letter-spacing: -4px; }
}
.slider-text-one .slider-text-one__animate-text span span { color: var(--ogency-base); }
@keyframes text-scrolling { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  100% { transform: translate3d(0%, 0px, 0px); }
}
.sliding-text { position: relative; display: block; background-color: var(--ogency-base); }
.sliding-text--white { background-color: var(--ogency-black2); }
.sliding-text__wrap { position: relative; display: block; padding: 21px 0px 9px; white-space: nowrap; }
.sliding-text__list { position: relative; display: flex; align-items: center; justify-content: space-between; animation: 19s linear 0s infinite normal none running text-scrolling2; will-change: transform; flex-wrap: nowrap; }
.sliding-text__list:hover { animation-play-state: paused; }
.sliding-text__list li { position: relative; display: flex; align-items: center; font-size: 20px; color: var(--ogency-white); letter-spacing: 2px; font-weight: 600; text-transform: uppercase; line-height: 1; margin: 0px 20px; }
@keyframes text-scrolling2 { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.video-one { position: relative; overflow: hidden; width: 100%; background-color: var(--ogency-black); padding: 50px 0px; }
@media (max-width: 767px) {
  .video-one { padding-top: 20px; }
}
.video-one__banner { position: relative; overflow: hidden; background-color: var(--ogency-black); }
@media (min-width: 1300px) {
  .video-one__banner { margin: 0px -59px; }
}
.video-one__banner > img { width: 100%; height: auto; mix-blend-mode: luminosity; }
@media (max-width: 767px) {
  .video-one__banner > img { min-height: 300px; object-fit: cover; }
}
.video-one__banner__shape { position: absolute; right: 0px; top: 0px; }
@media (max-width: 767px) {
  .video-one__banner__shape { right: -35px; }
}
.video-one__banner__shape img { width: auto; height: 100%; }
.video-one__banner__curved-circle-box { position: absolute; right: 168px; bottom: 64px; display: inline-block; height: 175px; width: 175px; border-radius: 50%; z-index: 2; }
@media (max-width: 1199px) {
  .video-one__banner__curved-circle-box { right: 130px; }
}
@media (max-width: 991px) {
  .video-one__banner__curved-circle-box { right: 90px; bottom: 30px; }
}
@media (max-width: 767px) {
  .video-one__banner__curved-circle-box { right: 25px; bottom: 25px; }
}
.video-one__banner__curved-circle-box .curved-circle { position: absolute; top: 0px; left: 0px; font-size: 16px; font-weight: 600; line-height: 1; color: var(--ogency-white); text-transform: uppercase; display: flex; justify-content: center; align-items: center; animation: 20s linear 0s infinite alternate forwards running textRotate; height: 175px !important; width: 175px !important; }
.video-one__banner__curved-circle-box .curved-circle .curved-circle-item { height: 175px !important; width: 175px !important; }
.video-one__banner__curved-circle-box .curved-circle .curved-circle-item span { letter-spacing: 0.25em; }
@keyframes textRotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.video-one__banner__curved-circle-box .video-popup { position: absolute; inset: 0px; margin: auto; width: 95px; height: 95px; background-color: var(--ogency-white); font-size: 24px; display: flex; align-items: center; justify-content: center; color: var(--ogency-black); border-radius: 50px; }
.video-one__banner__curved-circle-box .video-popup:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.service-one { background-color: rgb(249, 249, 249); position: relative; padding: 40px 0px 90px; }
@media (max-width: 991px) {
  .service-one { padding: 40px 0px 50px; }
}
.service-one--service-page { padding: 120px 0px 30px; }
@media (max-width: 767px) {
  .service-one--service-page { padding: 80px 0px 0px; }
}
.service-one__item { position: relative; background-color: rgb(255, 255, 255); padding: 33px 30px 23px; margin-bottom: 30px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .service-one__item { padding: 40px 28px 33px; }
}
@media (max-width: 991px) {
  .service-one__item { margin-bottom: 30px; }
}
.service-one__item__icon { font-size: 62px; line-height: 1; color: rgb(169, 154, 89); display: inline-block; margin: 0px 0px 21px; transition: 500ms; }
.service-one__item__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.service-one__item:hover .service-one__item__icon { color: rgb(169, 154, 89); }
.service-one__item:hover .service-one__item__icon span { transform: scale(0.9); }
.service-one__item__title { font-size: 16px; line-height: 28px; font-weight: 400; }
.service-one__item__title a {color: rgb(14 14 14);}
.service-one__item__title a:hover { }
.service-one__item__text { font-size: 14px; line-height: 24px; margin: 0px 0px 9px; padding: 0px 0px 24px; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); }
.service-one__item__btn { display: inline-block; color: var(--ogency-color); font-size: 12px; text-transform: capitalize; }
.service-one__item__btn span { display: inline-block; font-size: 18px; margin: 0px 0px 0px 5px; top: 4px; position: relative; transition: transform 400ms; }
.service-one__item__btn:hover { color: var(--ogency-base); }
.service-one__item__btn:hover span { transform: rotate(-45deg); }
.service-two { background-color: var(--ogency-black); position: relative; padding: 120px 0px 90px; }
@media (max-width: 991px) {
  .service-two { padding: 80px 0px 50px; }
}
.service-two__item { position: relative; background-color: var(--ogency-black2); margin: 0px 0px 30px; overflow: hidden; }
.service-two__item__shape { position: absolute; right: 0px; top: 0px; width: 105px; height: 264px; background-position: left bottom; }
.service-two__item__icon { font-size: 64px; line-height: 1; color: var(--ogency-base); display: inline-block; margin: 0px 0px 21px; transition: 500ms; }
.service-two__item__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.service-two__item:hover .service-two__item__icon span { transform: scale(0.9); }
.service-two__item__title { font-size: 22px; letter-spacing: -0.88px; line-height: 30px; margin: 0px 0px 14px; }
.service-two__item__title a { color: inherit; }
.service-two__item__title a:hover { color: var(--ogency-base); }
.service-two__item__text { font-size: 15px; line-height: 30px; margin: 0px; transition: 500ms; }
.service-two__item:hover .service-two__item__text { color: RGBA(var(--ogency-white-rgb), 0.7); }
.service-two__item__btn { position: absolute; right: 50px; top: 50px; display: flex; align-items: center; justify-content: center; color: var(--ogency-white); background-color: var(--ogency-black); font-size: 16px; transition: 500ms; width: 51px; height: 51px; border-radius: 50%; }
.service-two__item__btn:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.service-two__item__inner { width: 100%; height: 100%; position: relative; display: block; overflow: hidden; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.5s; transition-property: all; z-index: 2; padding: 50px 50px 47px; }
@media (max-width: 1199px) {
  .service-two__item__inner { padding-left: 30px; padding-right: 28px; }
}
.service-two__item:hover .service-two__item__inner { background-color: var(--ogency-black2); }
.service-two__item__hover { position: absolute; inset: 0px; opacity: 0.1; background-repeat: no-repeat; background-size: cover; background-color: var(--ogency-black2); background-blend-mode: luminosity; background-position: center top; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.5s; transition-property: all; transform-origin: center top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; }
.service-two__item:hover .service-two__item__hover { transform: scaleY(1); }
.service-three { background-color: var(--ogency-black); position: relative; padding: 120px 0px 90px; }
.service-three__text { line-height: 30px; margin: 41px 10px 0px 0px; }
@media (max-width: 1199px) {
  .service-three__text { margin-right: 0px; }
}
@media (max-width: 767px) {
  .service-three__text { margin: 0px 0px 45px; }
}
@media (max-width: 1400px) {
  .service-three { padding-left: 0px; padding-right: 0px; }
}
@media (max-width: 767px) {
  .service-three { padding: 80px 0px 50px; }
}
.service-three__container { max-width: 1632px; }
.service-three--service-page { padding-bottom: 100px; }
@media (max-width: 767px) {
  .service-three--service-page { padding-bottom: 80px; }
}
.service-three--service-page { padding: 80px 0px 70px; }
@media (max-width: 767px) {
  .service-three--service-page { padding: 130px 0px 50px; }
}
.service-three__item { position: relative; margin: 0px 4px 30px; overflow: hidden; }
@media (max-width: 991px) {
  .service-three__item { margin-left: 0px; margin-right: 0px; }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .service-three__item { margin-left: 0px; margin-right: 0px; }
}
.service-three__item__thumb { position: relative; background-color: var(--ogency-black2); transition: 500ms; }
.service-three__item__thumb img { width: 100%; height: auto; mix-blend-mode: luminosity; transition: 500ms; }
.service-three__item:hover .service-three__item__thumb img { opacity: 0.3; }
.service-three__item__normal { position: absolute; inset: 0px; margin: auto; width: 288px; height: 288px; padding: 20px; background-color: RGBA(var(--ogency-base-rgb), 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 400ms, -webkit-transform 500ms; }
@media (min-width: 1200px) and (max-width: 1500px) {
  .service-three__item__normal { width: 265px; height: 265px; }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .service-three__item__normal { width: 235px; height: 235px; }
}
.service-three__item__normal__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px; text-align: center; max-width: 200px; }
.service-three__item:hover .service-three__item__normal { background-position: left bottom; transform: scale(1, 0); transform-origin: center bottom; }
.service-three__item__hover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; padding: 53px 60px 50px; visibility: hidden; opacity: 0; animation-duration: 0.6s; animation-fill-mode: both; }
@media (min-width: 1200px) and (max-width: 1500px) {
  .service-three__item__hover { padding: 45px 45px 42px; }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .service-three__item__hover { padding: 35px 30px 30px; }
}
.service-three__item__hover__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 23px; max-width: 200px; }
.service-three__item__hover__title a { color: inherit; }
.service-three__item__hover__title a:hover { color: var(--ogency-base); }
.service-three__item__hover__text { color: var(--ogency-white); line-height: 30px; margin: 0px; }
.service-three__item__hover__btn { display: inline-block; color: var(--ogency-white); font-size: 14px; text-transform: capitalize; border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1); padding-top: 10px; position: absolute; bottom: 53px; left: 60px; right: 60px; }
@media (min-width: 1200px) and (max-width: 1500px) {
  .service-three__item__hover__btn { bottom: 40px; left: 45px; right: 45px; }
}
.service-three__item__hover__btn span { display: inline-block; font-size: 22px; color: var(--ogency-base); margin: 0px 0px 0px 11px; top: 5px; position: relative; transition: transform 400ms; }
.service-three__item__hover__btn:hover { color: var(--ogency-base); }
.service-three__item__hover__btn:hover span { transform: rotate(-45deg); }
.service-three__item:hover .service-three__item__hover { visibility: visible; opacity: 1; animation-delay: 0.3s; animation-name: fadeInDown; }
.service-page__carousel { background-color: var(--ogency-black); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .service-page__carousel { padding: 80px 0px; }
}
.service-page__carousel .service-three__item { margin: 0px 0px 10px; }
.project-one { background-color: rgb(247, 247, 247); position: relative; padding: 30px 0px 90px; counter-reset: count 0; }
.project-one .ogency-btn { background-color: var(--ogency-black2); margin-top: 67px; }
@media (max-width: 767px) {
  .project-one .ogency-btn { margin: 10px 0px 40px; }
}
@media (max-width: 767px) {
  .project-one .text-end { text-align: left !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .project-one .section-title__title { font-size: 40px; }
}
@media (max-width: 991px) {
  .project-one { padding: 40px 0px 50px; }
}
.project-one__item { width: 100%; display: block; position: relative; counter-increment: count 1; }
.project-one__item__number { position: relative; font-size: 80px; font-weight: 800; line-height: 1; display: block; min-width: 200px; min-height: 60px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--ogency-black3); transition: 400ms; }
.project-one__item__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; inset: 0px; margin: auto; display: flex; align-items: center; justify-content: flex-start; }
@media (min-width: 768px) and (max-width: 991px) {
  .project-one__item__number { min-width: 120px; }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .project-one__item__number { min-width: 150px; }
}
.project-one__item:hover .project-one__item__number { -webkit-text-fill-color: var(--ogency-base); -webkit-text-stroke-color: var(--ogency-base); }
.project-one__item__title { color: var(--ogency-white); font-size: 24px; letter-spacing: -0.96px; margin: 0px; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); display: inline; background-size: 0% 2px, 0px 2px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition: 0.4s; }
@media (max-width: 767px) {
  .project-one__item__title { margin: 30px 0px 40px; }
}
.project-one__item:hover .project-one__item__title { background-size: 0% 1px, 100% 1px; }
.project-one__item__btn { width: 91px; height: 91px; background-color: var(--ogency-black2); color: var(--ogency-black); display: flex; justify-content: center; margin-left: auto; font-size: 62px; border-radius: 50px; align-items: center; transition: 400ms; }
.project-one__item__btn span { transform: rotate(0deg); transition: transform 500ms; }
@media (max-width: 767px) {
  .project-one__item__btn { margin-left: 0px; }
}
.project-one__item:hover .project-one__item__btn { background-color: var(--ogency-white); color: var(--ogency-black); }
.project-one__item:hover .project-one__item__btn span { transform: rotate(-45deg); }
.project-one__item__hover { position: absolute; width: 337px; height: 223px; top: 50px; left: 185px; pointer-events: none; overflow: hidden; opacity: 0; transform: scale(0.8); transition: 0.5s ease-out; background-color: var(--ogency-black2); z-index: -1; }
@media (min-width: 768px) and (max-width: 991px) {
  .project-one__item__hover { width: 250px; height: 150px; }
}
@media (max-width: 767px) {
  .project-one__item__hover { width: 250px; height: 150px; }
}
.project-one__item__hover img { mix-blend-mode: luminosity; width: 100%; height: 100%; object-fit: cover; position: relative; transition: transform 0.4s ease-out; }
.project-one__item__wrapper { display: flex; align-items: center; border-bottom: 1px solid var(--ogency-black3); padding: 35px 0px; }
@media (max-width: 767px) {
  .project-one__item__wrapper { display: block; }
}
.project-one__item:first-of-type .project-one__item__wrapper { border-top: 1px solid var(--ogency-black3); }
.project-two { background-color: rgb(255, 255, 255); position: relative; padding: 78px 0px 100px; }
.project-two--padding { padding: 0px 0px 120px; }
@media (max-width: 767px) {
  .project-two--padding { padding-bottom: 80px; }
}
@media (max-width: 767px) {
  .project-two { padding: 100px 0px 80px; }
}
.project-two--page { padding: 120px 0px 90px; }
@media (max-width: 767px) {
  .project-two--page { padding: 80px 0px 50px; }
}
.project-two--page .project-two__item { margin-bottom: 30px; }
.project-two--page .ogency-owl__dots.owl-carousel .owl-dots { margin-bottom: 30px; }
.project-two__carousel { position: relative; display: block; }
.project-two__carousel.owl-carousel .owl-stage-outer { overflow: visible; }
.project-two__carousel .owl-item:nth-child(2n) .project-two__item { margin-top: 80px; }
@media (max-width: 575px) {
  .project-two__carousel .owl-item:nth-child(2n) .project-two__item { margin-top: 0px; }
}
.project-two__item { position: relative; overflow: hidden; }
.project-two__item__image { position: relative; display: block; overflow: hidden; z-index: 1; background-color: var(--ogency-black2); }
.project-two__item__image img { width: 100%; transition: 500ms; transform: scale(1); }
.project-two__item__image::after { content: ""; position: absolute; inset: 0px; background-color: rgba(var(--ogency-black2-rgb), 0.3); visibility: hidden; transform-origin: center top; transform: scaleY(0) translateZ(100px); transition: opacity 500ms, visibility 500ms, transform 700ms; }
.project-two__item:hover .project-two__item__image::after { visibility: visible; transform: scaleY(1) translateZ(0px); }
.project-two__item:hover .project-two__item__image img { transform: scale(1.05); }
.project-two__item__content { position: absolute; bottom: 30px; left: 30px; transform: translateY(66%); transition: opacity 500ms, visibility 500ms, transform 500ms; visibility: hidden; opacity: 0; z-index: 2; }
.project-two__item__content__cats { position: relative; display: inline; font-size: 10px; color: var(--ogency-white); text-transform: uppercase; letter-spacing: 1px; line-height: 1; background-color: var(--ogency-base); padding: 8px 29px 10px 30px; margin: 0px; }
.project-two__item__content__cats a { color: inherit; }
.project-two__item__content__title { position: relative; display: block; background-color: var(--ogency-white); font-size: 20px; line-height: 20px; color: var(--ogency-black); letter-spacing: -0.8px; padding: 16px 60px 24px 30px; margin: 0px; }
.project-two__item__content__title a { color: inherit; }
.project-two__item__content__title a:hover { color: var(--ogency-base); }
.project-two__item:hover .project-two__item__content { visibility: visible; transform: translateY(0%); transition-delay: 500ms; opacity: 1; }
.team-one { background-color: var(--ogency-black); position: relative; padding: 31px 163px 90px; }
.team-one.team-two { padding: 120px 0px 95px; }
@media (max-width: 767px) {
  .team-one.team-two { padding: 80px 0px 50px; }
}
.team-one.team-two .team-one__item { margin: 0px 20px 30px 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .team-one.team-two .team-one__item { margin-right: 10px; }
}
.team-one--page { padding: 140px 0px 70px; }
@media (max-width: 767px) {
  .team-one--page { padding: 80px 0px 50px; }
}
.team-one--page .team-one__item { margin: 0px 20px 80px 0px; }
@media (max-width: 767px) {
  .team-one--page .team-one__item { margin-bottom: 50px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-one--page .team-one__item { margin-right: 10px; }
}
.team-one--page .team-one__item--mt-50 { margin-top: 50px; }
@media (max-width: 991px) {
  .team-one--page .team-one__item--mt-50 { margin-top: 0px; }
}
@media (max-width: 1700px) {
  .team-one { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 1400px) {
  .team-one { padding-left: 0px; padding-right: 0px; }
}
.team-one__item { position: relative; margin: 0px 10px 30px; }
@media (max-width: 1199px) {
  .team-one__item { margin-left: 5px; margin-right: 5px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-one__item { margin-left: 10px; margin-right: 10px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .team-one__item { margin-left: 5px; margin-right: 5px; }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .team-one__item { margin-left: 0px; margin-right: 0px; }
}
.team-one__item__image { position: relative; background-color: var(--ogency-black); }
.team-one__item__image::after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; content: ""; border: 1px solid var(--ogency-black3); transition: 0.4s linear; z-index: -1; }
.team-one__item__image img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.team-one__item:hover .team-one__item__image::after { right: -20px; top: -20px; }
@media (max-width: 1199px) {
  .team-one__item:hover .team-one__item__image::after { right: -15px; top: -15px; }
}
.team-one__item__content { background-color: var(--ogency-black); margin: -64px 20px 0px 0px; position: relative; z-index: 2; padding: 33px 30px 0px; }
@media (min-width: 1200px) and (max-width: 1400px) {
  .team-one__item__content { padding-left: 25px; }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .team-one__item__content { padding-left: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-one__item__content { padding-left: 20px; }
}
.team-one__item__designation { display: block; font-size: 14px; line-height: 1; margin-bottom: 4px; }
.team-one__item__title { display: block; font-size: 24px; font-weight: 600; letter-spacing: -0.96px; margin-bottom: 0px; }
.team-one__item__title a { color: inherit; }
.team-one__item__title a:hover { color: var(--ogency-base); }
.team-one__item__links { position: absolute; right: 20px; top: 20px; width: 47px; height: 44px; display: flex; justify-content: center; align-items: center; background-color: var(--ogency-black3); color: var(--ogency-white); font-size: 12px; }
.team-one__item__social { position: absolute; right: 20px; bottom: 76px; width: 47px; background-color: var(--ogency-white); padding: 13px 0px 0px; text-align: center; transform: scaleY(0); transform-style: preserve-3d; transition: 0.4s linear; transform-origin: center bottom; }
.team-one__item__social::after { width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 0px; border-color: var(--ogency-white) transparent transparent transparent; position: absolute; left: 0px; right: 0px; bottom: -6px; margin: auto; content: ""; }
.team-one__item__social a { display: block; font-size: 14px; color: var(--ogency-black); margin-bottom: 9px; }
.team-one__item__social a:hover { color: var(--ogency-base); }
.team-one__item__social-wrapper:hover .team-one__item__links { background-color: var(--ogency-base); color: var(--ogency-white); }
.team-one__item__social-wrapper:hover .team-one__item__social { transform: scaleY(1); transition-delay: 300ms; }
.team-one--carousel { position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .team-one--carousel { padding: 80px 0px; }
}
.team-one--carousel .team-one__item { margin-top: 30px; }
.fact-one { background-color: var(--ogency-black); position: relative; padding: 30px 0px 120px; }
@media (max-width: 991px) {
  .fact-one { padding: 0px 0px 60px; }
}
.fact-one__item { position: relative; padding: 54px 20px 60px; border: 1px solid var(--ogency-black3); }
@media (max-width: 991px) {
  .fact-one__item { margin-bottom: 30px; }
}
.fact-one__item__icon { font-size: 62px; line-height: 1; display: block; margin-bottom: 7px; }
.fact-one__item__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.fact-one__item:hover .fact-one__item__icon span { transform: scale(0.9); }
.fact-one__item__count { font-size: 120px; font-weight: 800; line-height: 1; display: block; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--ogency-black3); transition: 400ms; margin-bottom: 16px; }
.fact-one__item__count .count-box { display: inline-flex; }
.fact-one__item__title { font-size: 18px; font-weight: 500; margin: 0px auto; max-width: 140px; }
.testimonial-one { background-color: var(--ogency-black); position: relative; background-size: cover; background-position: center bottom; background-repeat: no-repeat; padding: 105px 0px 0px; }
@media (max-width: 767px) {
  .testimonial-one { padding: 80px 0px 0px; }
}
.testimonial-one__carousel { position: relative; border-bottom: 1px solid var(--ogency-black3); padding: 0px 0px 54px; }
.testimonial-one__carousel.owl-carousel .owl-nav { position: absolute; right: 0px; bottom: 120px; margin: 0px; }
@media (max-width: 1199px) {
  .testimonial-one__carousel.owl-carousel .owl-nav { bottom: 90px; }
}
@media (max-width: 991px) {
  .testimonial-one__carousel.owl-carousel .owl-nav { bottom: 40px; }
}
@media (max-width: 767px) {
  .testimonial-one__carousel.owl-carousel .owl-nav { position: relative; bottom: 0px; }
}
.testimonial-one__carousel.owl-carousel .owl-nav button { transition: 400ms; width: 57px; height: 57px; outline: none; box-shadow: none; border: none; background-color: var(--ogency-black2); border-radius: 50%; display: inline-block; color: var(--ogency-white); line-height: 59px; font-size: 16px; margin: 0px 0px 0px 10px; text-align: center; }
.testimonial-one__carousel.owl-carousel .owl-nav button:hover { background-color: var(--ogency-base); }
.testimonial-one__item { position: relative; padding: 0px 0px 55px 300px; min-height: 253px; }
@media (max-width: 767px) {
  .testimonial-one__item { padding-left: 0px; }
}
.testimonial-one__item__author-thumb { position: absolute; left: 0px; top: 15px; width: 253px; height: 253px; border-radius: 50%; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .testimonial-one__item__author-thumb { position: relative; top: 0px; margin-bottom: 25px; }
}
.testimonial-one__item__author-thumb img { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: luminosity; }
.testimonial-one__item__author-thumb span { width: 90px; height: 90px; border-radius: 50%; background-color: var(--ogency-base); display: block; text-align: center; color: var(--ogency-white); font-size: 100px; line-height: 132px; font-weight: 600; position: absolute; right: 0px; bottom: 0px; }
.testimonial-one__item__content { position: relative; }
.testimonial-one__item__quote { font-size: 30px; line-height: 50px; font-weight: 300; margin-bottom: 34px; }
@media (max-width: 991px) {
  .testimonial-one__item__quote { font-size: 29px; line-height: 45px; margin-bottom: 30px; }
}
@media (max-width: 767px) {
  .testimonial-one__item__quote { line-height: 42px; margin-bottom: 30px; }
}
.testimonial-one__item__meta { color: var(--ogency-white); font-size: 24px; font-weight: 800; }
.testimonial-one__item__meta span { font-size: 13px; color: var(--ogency-base); font-weight: 500; letter-spacing: 1.3px; display: inline-block; text-transform: uppercase; margin-left: 11px; }
.testimonial-two { background-color: var(--ogency-black); position: relative; padding: 91px 0px 108px; }
.testimonial-two__bg { position: absolute; inset: -95px 0px 0px; background-repeat: no-repeat; background-size: cover; background-position: center bottom; width: 100%; height: 100%; }
@media (max-width: 767px) {
  .testimonial-two { padding: 80px 0px; }
}
.testimonial-two__carousel__wrapper { position: relative; }
.testimonial-two__carousel__wrapper { position: relative; }
.testimonial-two__carousel__wrapper .tns-controls, .testimonial-two__carousel__wrapper .tns-visually-hidden { display: none; }
.testimonial-two__carousel__thumb { position: relative; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0px 0px 25px; padding: 0px; }
.testimonial-two__carousel__thumb__item { width: 75px; height: 75px; border-radius: 50%; margin: 0px 5px; overflow: hidden; object-fit: cover; background-color: var(--ogency-black); cursor: pointer; position: relative; transition: 0.4s; }
.testimonial-two__carousel__thumb__item::after { position: absolute; inset: 0px; width: 90%; height: 90%; content: ""; border-radius: 50%; margin: auto; visibility: hidden; opacity: 0; border: 3px solid var(--ogency-base); transition: 0.4s; }
.testimonial-two__carousel__thumb__item:hover::after, .testimonial-two__carousel__thumb__item.tns-nav-active::after { height: 100%; width: 100%; visibility: visible; opacity: 1; }
.testimonial-two__carousel__thumb__item img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.testimonial-two__carousel { position: relative; }
.testimonial-two__item { position: relative; text-align: center; }
.testimonial-two__item__quote { max-width: 845px; font-size: 30px; line-height: 50px; font-weight: 300; margin: 0px auto; }
.testimonial-two__item__meta { color: var(--ogency-white); font-size: 24px; font-weight: 800; margin: 33px 0px 0px; }
.testimonial-two__item__meta span { font-size: 13px; color: var(--ogency-base); font-weight: 500; letter-spacing: 1.3px; display: inline-block; text-transform: uppercase; margin-left: 11px; }
.testimonial-three { background-color: var(--ogency-black); position: relative; padding: 52px 0px 0px; }
@media (max-width: 767px) {
  .testimonial-three { padding: 40px 0px 0px; }
}
.testimonial-three__carousel { position: relative; }
.testimonial-three__carousel.owl-carousel .owl-nav { position: absolute; right: 0px; top: -152px; margin: 0px; }
@media (max-width: 767px) {
  .testimonial-three__carousel.owl-carousel .owl-nav { position: relative; top: 0px; margin-top: 30px; }
}
.testimonial-three__carousel.owl-carousel .owl-nav button { transition: 400ms; width: 57px; height: 57px; outline: none; box-shadow: none; border: none; background-color: var(--ogency-black2); border-radius: 50%; display: inline-block; color: var(--ogency-white); line-height: 59px; font-size: 16px; margin: 0px 0px 0px 10px; text-align: center; }
.testimonial-three__carousel.owl-carousel .owl-nav button:hover { background-color: var(--ogency-base); }
.testimonial-three__item { position: relative; border: 1px solid var(--ogency-black2); background-color: var(--ogency-black); padding: 33px 190px 35px 39px; }
@media (min-width: 991px) and (max-width: 1199px) {
  .testimonial-three__item { padding: 33px 170px 35px 29px; }
}
@media (max-width: 767px) {
  .testimonial-three__item { padding: 33px 29px 35px 26px; }
}
.testimonial-three__item__border { position: absolute; right: -1px; top: -1px; width: 262px; height: 41px; border-top: 1px solid var(--ogency-black); border-right: 1px solid var(--ogency-black); }
@media (min-width: 991px) and (max-width: 1199px) {
  .testimonial-three__item__border { width: 205px; }
}
@media (max-width: 767px) {
  .testimonial-three__item__border { width: 125px; }
}
.testimonial-three__item__name { font-size: 24px; letter-spacing: -0.96px; margin-bottom: 16px; }
.testimonial-three__item__quote { color: var(--ogency-color); font-size: 15px; line-height: 30px; margin: 0px; }
@media (max-width: 991px) {
  .testimonial-three__item__quote { max-width: 390px; }
}
.testimonial-three__item__meta { position: absolute; right: 39px; top: -1px; text-align: center; }
@media (min-width: 991px) and (max-width: 1199px) {
  .testimonial-three__item__meta { right: 27px; }
}
@media (max-width: 767px) {
  .testimonial-three__item__meta { position: relative; right: 0px; margin: 25px 0px 0px; max-width: 137px; }
}
.testimonial-three__item__meta__thumb { width: 137px; height: 137px; border-radius: 50%; overflow: hidden; border: 1px solid var(--ogency-base); padding: 9.5px; background-color: var(--ogency-black); position: relative; }
.testimonial-three__item__meta__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; mix-blend-mode: luminosity; }
.testimonial-three__item__meta__thumb::after { position: absolute; inset: 0px; margin: auto; width: calc(100% - 19px); height: calc(100% - 19px); border-radius: 50%; content: ""; border: 5px solid var(--ogency-white); transition: 0.4s; }
.testimonial-three__item__meta__ratings { font-size: 14px; display: flex; justify-content: center; color: var(--ogency-base); letter-spacing: 2.8px; margin: 18px 0px 5px; }
.testimonial-three__item__meta__reviews { font-size: 14px; line-height: 26px; margin: 0px; }
.testimonial-three__item:hover .testimonial-three__item__meta__thumb::after { border-color: var(--ogency-base); }
.cta-one { background-color: var(--ogency-black); position: relative; padding: 0px 0px 112px; }
@media (max-width: 767px) {
  .cta-one { padding: 0px 0px 70px; }
}
.cta-one .section-title { margin: 0px; }
.cta-one .section-title__title { font-size: 60px; letter-spacing: -2.4px; }
@media (max-width: 991px) {
  .cta-one .section-title__title { font-size: 55px; }
}
@media (max-width: 767px) {
  .cta-one .section-title__title { font-size: 30px; letter-spacing: -1px; }
}
.cta-one__author { position: relative; display: inline-flex; margin-bottom: 34px; }
.cta-one__author--wrap { width: 175px; height: 175px; border-radius: 50%; background-color: var(--ogency-black); margin-right: -25px; overflow: hidden; }
.cta-one__author--wrap > img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.cta-one__author .cta-one__icon { width: 175px; height: 175px; border-radius: 50%; background-color: var(--ogency-base); display: flex; justify-content: center; align-items: center; margin-left: -25px; position: relative; z-index: 2; color: var(--ogency-white); font-size: 60px; transform: rotate(45deg); }
.cta-one__author .cta-one__icon span { display: inline-block; transition: 500ms linear; transform: scale(1); }
.cta-one__author .cta-one__icon:hover { background-color: var(--ogency-white); color: var(--ogency-base); }
.cta-one__author .cta-one__icon:hover span { transform: scale(0.9); }
.cta-two { background-color: var(--ogency-black2); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .cta-two { padding: 80px 0px; }
  .cta-two .text-end { text-align: left !important; margin-top: 40px; }
}
.cta-two__bg { position: absolute; inset: 0px; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; mix-blend-mode: luminosity; opacity: 0.2; }
.cta-two .section-title { margin: -6px 0px 0px; }
.main-footer { background-color: rgb(1, 60, 67); position: relative; padding: 10px 0px; background-size: cover; background-position: center top; background-repeat: no-repeat; }
@media (max-width: 767px) {
  .main-footer { padding-bottom: 13px; }
}
.main-footer__top { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1); padding-bottom: 30px; margin-bottom: 30px; }
@media (max-width: 360px) {
  .main-footer__top { display: block; }
}
@media (max-width: 767px) {
  .main-footer__top { margin-bottom: 28px; }
}
.main-footer__social { position: relative; }
.main-footer__social a { display: inline-block; width: 45px; height: 45px; background-color: rgb(188, 155, 87); color: var(--ogency-white); line-height: 48px; border-radius: 50%; font-size: 20px; text-align: center; margin-left: 7px; }
@media (max-width: 360px) {
  .main-footer__social a { margin: 30px 7px 0px 0px; }
}
.main-footer__social a:hover { background-color: var(--ogency-base); }
.main-footer__about { position: relative; }
.main-footer__about p { font-size: 24px; font-weight: 400; letter-spacing: -0.96px; line-height: 40px; margin-bottom: 9px; }
@media (max-width: 767px) {
  .main-footer__about p { font-size: 22px; }
}
.main-footer__about a { display: inline-block; color: var(--ogency-white); font-size: 60px; letter-spacing: -2.4px; line-height: 1; font-weight: 800; }
.main-footer__about a:hover { color: var(--ogency-base); }
@media (max-width: 991px) {
  .main-footer__about a { font-size: 34px; }
}
@media (max-width: 767px) {
  .main-footer__about a { font-size: 30px; letter-spacing: -1px; }
}
.main-footer__navmenu { position: relative; }
@media (max-width: 767px) {
  .main-footer__navmenu { margin-top: 30px; }
}
.main-footer__navmenu ul { margin: 0px; padding: 0px; }
.main-footer__navmenu ul li { list-style: none; display: block; font-size: 16px; line-height: 36px; font-weight: 400; color: var(--ogency-color); }
.main-footer__navmenu ul li a { color: inherit; display: inline-block; }
.main-footer__navmenu ul li a:hover { color: var(--ogency-base); }
.main-footer__copyright { margin: 14px 0px 0px; text-transform: capitalize; color: white; font-size: 15px; }
.main-footer__copyright a { color: inherit; }
.main-footer__copyright a:hover { color: var(--ogency-base); }
.why-choose { background-color: var(--ogency-black); position: relative; padding: 90px 0px 0px; }
@media (max-width: 767px) {
  .why-choose { padding-top: 50px; }
}
.why-choose .section-title { margin-bottom: 32px; }
.why-choose__box { position: relative; padding: 0px 0px 0px 90px; margin-bottom: 33px; }
@media (max-width: 767px) {
  .why-choose__box { padding-left: 80px; }
}
.why-choose__box__icon { width: 58px; height: 58px; background-color: var(--ogency-black2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ogency-base); font-size: 21px; position: absolute; left: 0px; top: 7px; transition: 0.4s linear; }
.why-choose__box:hover .why-choose__box__icon { background-color: var(--ogency-base); color: var(--ogency-white); }
.why-choose__box__title { font-size: 20px; line-height: 30px; letter-spacing: -0.8px; margin-bottom: 12px; }
.why-choose__box__text { line-height: 30px; margin: 0px; }
.why-choose__image { position: relative; margin: 0px 0px 0px 70px; max-width: 598px; text-align: center; }
@media (max-width: 1199px) {
  .why-choose__image { margin: 0px 0px 40px; }
}
@media (max-width: 767px) {
  .why-choose__image { margin: 0px 0px 60px; }
}
.why-choose__image__shape { position: relative; }
.why-choose__image__shape img { max-width: 100%; animation: 5s linear 0s infinite normal none running rotated; }
@keyframes rotated { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.why-choose__image__author { position: absolute; inset: 0px 44px 0px 0px; margin: auto; max-width: 495px; max-height: 457px; background-color: var(--ogency-black); overflow: hidden; object-fit: cover; border-radius: 50%; height: auto; }
@media (max-width: 767px) {
  .why-choose__image__author { inset: 15px 25px 15px 15px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose__image__author { inset: 20px 44px 20px 20px; }
}
.why-choose__image__author img { object-fit: cover; width: 100%; mix-blend-mode: luminosity; }
.why-choose__image .video-one__banner__curved-circle-box { width: 173px; height: 173px; background-color: var(--ogency-white); right: auto; left: 13px; bottom: -39px; }
@media (max-width: 767px) {
  .why-choose__image .video-one__banner__curved-circle-box { bottom: -100px; left: 0px; }
}
.why-choose__image .video-one__banner__curved-circle-box .curved-circle { color: var(--ogency-black); line-height: 1; }
.why-choose__image .video-one__banner__curved-circle-box .curved-circle .curved-circle---item span { letter-spacing: 0.25em; }
.why-choose__image .video-one__banner__curved-circle-box .video-popup { background-color: var(--ogency-black); color: var(--ogency-white); }
.why-choose__image .video-one__banner__curved-circle-box .video-popup:hover { background-color: var(--ogency-base); }
.why-choose-two { background-color: rgb(255, 255, 255); position: relative; padding: 0px 0px 79px; }
@media (max-width: 767px) {
  .why-choose-two { padding-bottom: 80px; }
}
.why-choose-two .section-title { margin-bottom: 15px; }
.why-choose-two__left { position: relative; display: block; }
.why-choose-two__img { position: relative; display: block; max-width: 280px; margin-bottom: 22px; }
@media (max-width: 767px) {
  .why-choose-two__img { max-width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-two__img { max-width: 240px; }
}
.why-choose-two__img img { width: 100%; }
.why-choose-two__img-2 { position: relative; display: block; max-width: 280px; background-color: var(--ogency-black2); }
@media (max-width: 767px) {
  .why-choose-two__img-2 { max-width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-two__img-2 { max-width: 240px; }
}
.why-choose-two__img-2 img { width: 100%; }
.why-choose-two__img-3 { position: absolute; top: 0px; left: 300px; background-color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .why-choose-two__img-3 { position: relative; left: 0px; top: 0px; margin-top: 22px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-two__img-3 { width: 240px; left: 255px; }
}
.why-choose-two__img-3 img { width: auto; }
@media (max-width: 767px) {
  .why-choose-two__img-3 img { width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-two__img-3 img { width: 100%; }
}
.why-choose-two__right { }
@media (max-width: 991px) {
  .why-choose-two__right { margin: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .why-choose-two__right { margin-top: 0px; }
}
.why-choose-two__right--text {line-height: 31px;text-align: justify;color: rgb(35 35 35);font-size: 15px;letter-spacing: 0.2px;font-weight: 400;margin: 0px 0px 8px;}
.why-choose-two .ogency-btn { margin-top: 14px; }
@media (max-width: 767px) {
  .why-choose-two .ogency-btn { margin-top: 10px; margin-bottom: 23px; }
}
.why-choose-two__box { position: relative; min-height: 81px; padding: 17px 0px 0px 90px; }
@media (max-width: 767px) {
  .why-choose-two__box { margin: 0px 0px 30px; }
}
.why-choose-two__box__icon { position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; background-color: var(--ogency-black2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ogency-base); font-size: 32px; transition: 0.4s linear; }
.why-choose-two__box__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.why-choose-two__box:hover .why-choose-two__box__icon span { transform: scale(0.9); }
.why-choose-two__box__title { font-size: 16px; letter-spacing: -0.8px; max-width: 150px; margin: 0px; }
.pricing-one { background-color: var(--ogency-black); position: relative; padding: 120px 0px 0px; }
@media (max-width: 767px) {
  .pricing-one { padding: 80px 0px 0px; }
}
.pricing-one--page { padding-bottom: 90px; }
@media (max-width: 767px) {
  .pricing-one--page { padding-bottom: 50px; }
}
.pricing-one .section-title { margin-bottom: 30px; }
.pricing-one__main-tab-box { position: relative; display: block; }
.pricing-one__main-tab-box .tab-buttons { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
.pricing-one__main-tab-box .tab-buttons .tab-btn { position: relative; display: flex; align-items: center; }
.pricing-one__main-tab-box .tab-buttons .tab-btn span { position: relative; display: block; text-align: center; font-size: 12px; line-height: 12px; color: var(--ogency-color); background-color: var(--ogency-black2); padding: 17px 30px 16px; font-weight: 800; cursor: pointer; overflow: hidden; text-transform: capitalize; border-radius: 0px; transition: 0.5s linear; z-index: 1; }
.pricing-one__main-tab-box .tab-buttons .tab-btn span::before { content: ""; position: absolute; inset: 0px; height: 0%; background-color: var(--ogency-base); transition: 0.3s; z-index: -1; }
.pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span { color: var(--ogency-white); }
.pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span::before { height: 100%; }
.pricing-one__main-tab-box .tabs-content { position: relative; display: block; }
.pricing-one__main-tab-box .tabs-content .tab { position: relative; display: none; transition: 600ms; z-index: 10; }
.pricing-one__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; }
.pricing-one__item { position: relative; border: 1px solid var(--ogency-black3); padding: 55px 60px 59px; margin-bottom: 30px; }
@media (max-width: 1199px) {
  .pricing-one__item { padding-left: 40px; padding-right: 40px; }
}
.pricing-one__item::after { position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 6px; content: ""; transition: 0.4s; background-color: var(--ogency-black3); }
.pricing-one__item:hover::after { background-color: var(--ogency-base); }
.pricing-one__item__title { font-size: 14px; color: var(--ogency-color); font-weight: 500; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 25px; }
.pricing-one__item__icon { display: block; font-size: 60px; line-height: 1; color: var(--ogency-black3); margin-bottom: 27px; transition: 0.4s; }
.pricing-one__item__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.pricing-one__item:hover .pricing-one__item__icon { color: var(--ogency-base); }
.pricing-one__item:hover .pricing-one__item__icon span { transform: scale(0.9); }
.pricing-one__item__price { font-size: 34px; line-height: 36px; text-transform: uppercase; margin-bottom: 38px; }
.pricing-one__item__border { width: 100%; height: 1px; background-color: var(--ogency-black3); margin-bottom: 37px; }
.pricing-one__item__list-title { font-size: 16px; font-weight: 500; color: var(--ogency-base); margin-bottom: 10px; }
.pricing-one__item__list { margin: 0px 0px 27px; padding: 0px; list-style: none; }
.pricing-one__item__list li { list-style: none; display: block; font-size: 16px; line-height: 40px; color: var(--ogency-color); margin: 0px; }
.pricing-one__item__list li span { display: inline-block; color: var(--ogency-base); font-size: 12px; margin-right: 9px; position: relative; top: -2px; }
.pricing-one__item .ogency-btn { background-color: var(--ogency-white); color: var(--ogency-black); }
.pricing-one__item .ogency-btn::after { background-color: var(--ogency-base); }
.pricing-one__item .ogency-btn:hover { color: var(--ogency-white); }
.contact-one { background-color: var(--ogency-black2); position: relative; overflow: hidden; }
.contact-one__bg { position: absolute; inset: 0px; background-repeat: no-repeat; background-size: auto; background-position: left top; width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: 0.3; }
.contact-one__left { position: relative; padding: 120px 0px; }
@media (max-width: 991px) {
  .contact-one__left { padding-bottom: 50px; }
}
@media (max-width: 767px) {
  .contact-one__left { padding-top: 80px; }
}
.contact-one__left .section-title { margin-bottom: 40px; }
.contact-one__form-box { position: relative; display: block; padding: 0px; }
.contact-one__form { position: relative; display: block; }
.contact-one__form .row { --bs-gutter-x: 10px; }
.contact-one__input-box { position: relative; display: block; margin-bottom: 10px; }
.contact-one__input-box input[type="text"], .contact-one__input-box input[type="email"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); font-family:  Arial, Helvetica, sans-serif; display: block; font-weight: 500; }
.contact-one__input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; font-family: "Playfair Display", serif; width: 100% !important; }
.contact-one__input-box .bootstrap-select > .dropdown-toggle::after { display: none; }
.contact-one__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 63px; border-radius: 0px; border: 0px; margin: 0px; padding: 0px 30px; font-size: 14px; line-height: 63px; font-weight: 500; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; outline: none !important; background-color: var(--ogency-black) !important; color: var(--ogency-color) !important; box-shadow: none !important; }
.contact-one__input-box .bootstrap-select > .dropdown-toggle::before { position: absolute; top: 0px; bottom: 0px; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--ogency-color); }
.contact-one__input-box .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--ogency-black3); }
.contact-one__input-box .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 500; padding: 10px 30px; color: var(--ogency-color); background-color: var(--ogency-black); transition: 0.4s; }
.contact-one__input-box .bootstrap-select .dropdown-menu > li:hover > a, .contact-one__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--ogency-base); color: var(--ogency-white); border-color: var(--ogency-base); }
.contact-one__input-box textarea { font-size: 14px; font-weight: 500; color: var(--ogency-color); height: 130px; width: 100%; background-color: var(--ogency-black); font-family: "Playfair Display", serif; padding: 20px 30px 30px; border: none; outline: none; margin-bottom: 0px; }
.contact-one__input-box.text-message-box { height: 130px; }
.ogency-stretch-element-inside-column { overflow: hidden; height: 100%; }
.ogency-stretch__image { position: relative; margin-left: auto; background-color: var(--ogency-black2); max-width: 890px; height: 100%; overflow: hidden; }
@media (max-width: 1400px) {
  .ogency-stretch__image { margin-left: 0px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ogency-stretch__image { margin-left: 0px; }
}
@media (max-width: 767px) {
  .ogency-stretch__image { height: 500px; }
}
.ogency-stretch__image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }
.ogency-stretch__image__angle-top { width: 0px; height: 0px; border-style: solid; border-width: 160px 120px 0px; border-color: var(--ogency-base) transparent transparent transparent; position: absolute; left: -1px; top: 0px; display: block; animation: 3s linear 0s infinite normal none running movebounce2; }
@keyframes movebounce2 { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-20px); }
  100% { transform: translateX(0px); }
}
@media (max-width: 767px) {
  .ogency-stretch__image { border-width: 70px 70px 0px; }
}
.ogency-stretch__image__angle-middle { width: 0px; height: 0px; border-style: solid; border-width: 317px 0px 420px 235px; border-color: transparent transparent transparent var(--ogency-black2); position: absolute; left: 0px; top: 0px; display: block; }
@media (max-width: 767px) {
  .ogency-stretch__image__angle-middle { border-width: 250px 0px 250px 250px; }
}
.ogency-stretch__image__angle-bottom { width: 0px; height: 0px; border-style: solid; border-width: 0px 102px 182px; border-color: transparent transparent rgb(246, 246, 246); position: absolute; left: 0px; bottom: 0px; display: block; }
@media (min-width: 768px) and (max-width: 991px) {
  .ogency-stretch__image__angle-bottom { left: 57px; }
}
@media (max-width: 767px) {
  .ogency-stretch__image__angle-bottom { border-width: 0px 70px 110px 110px; }
}
.contact-info { position: relative; background-color: rgb(255, 255, 255); }
.contact-info__wrapper { position: relative; z-index: 2; background-color: rgb(189, 158, 88); padding: 51px 35px 61px 27px; margin-bottom: -110px; }
@media (max-width: 1199px) {
  .contact-info__wrapper { padding-bottom: 31px; }
}
@media (max-width: 991px) {
  .contact-info__wrapper { padding: 57px 20px 31px 25px; }
}
.contact-info__item { position: relative; margin-bottom: 30px; padding: 2px 0px 0px 117px; }
@media (max-width: 1199px) {
  .contact-info__item { margin-bottom: 33px; }
}
.contact-info__item__icon { width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(0, 25, 28); font-size: 32px; background-color: rgb(235, 235, 235); position: absolute; left: 0px; top: 0px; }
.contact-info__item__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.contact-info__item:hover .contact-info__item__icon span { transform: scale(0.9); }
.contact-info__item__title { font-size: 17px; line-height: 30px; text-transform: uppercase; color: rgb(0, 0, 0); letter-spacing: 0.2px; margin: 0px 0px 1px; }
.contact-info__item__text {font-size: 15px;line-height: 29px;letter-spacing: 0.2px;color: rgb(22 22 22);margin: 0px;}
.contact-info__item__text a { display: block; cursor: pointer; color: inherit; }
.contact-info__item__text a:hover { color: rgb(39, 39, 39); }
.google-map { position: relative; }
.google-map__one { position: relative; display: block; border: none; height: 483px; width: 100%; mix-blend-mode: luminosity; }
.work-process-one { position: relative; background-color: var(--ogency-black); counter-reset: count 0; padding: 0px 0px 111px; }
@media (max-width: 991px) {
  .work-process-one { padding-bottom: 70px; }
}
@media (max-width: 767px) {
  .work-process-one { padding-bottom: 50px; }
}
.work-process-one__border { width: 100%; height: 2px; background-color: var(--ogency-base); top: 103px; position: relative; }
@media (max-width: 767px) {
  .work-process-one__border { display: none; }
}
.work-process-one__border::after { position: absolute; left: 0px; top: -5px; width: 11px; height: 11px; background-color: var(--ogency-base); border-radius: 50%; content: ""; }
.work-process-one__border::before { position: absolute; right: 0px; top: -5px; width: 11px; height: 11px; background-color: var(--ogency-base); border-radius: 50%; content: ""; }
.work-process-one__item { position: relative; counter-increment: count 1; }
@media (max-width: 991px) {
  .work-process-one__item { margin-bottom: 25px; }
}
.work-process-one__item__thumb { display: inline-block; width: 202px; height: 202px; border: 2px solid var(--ogency-base); background-color: var(--ogency-black2); border-radius: 50%; padding: 6px; position: relative; }
.work-process-one__item__thumb img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; border-radius: 50%; }
.work-process-one__item__thumb__number { width: 67px; height: 67px; background-color: var(--ogency-base); display: flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--ogency-white); font-size: 20px; font-weight: 800; line-height: 0.8; position: absolute; right: 5px; top: 5px; transition: 500ms linear 0.1s; transform: scale(1); }
.work-process-one__item__thumb__number::before { content: counters(count, ".", decimal-leading-zero); position: absolute; inset: 0px; margin: auto; display: flex; align-items: center; justify-content: center; }
.work-process-one__item:hover .work-process-one__item__thumb__number { transform: scale(0.9); }
.work-process-one__item__title { font-size: 24px; letter-spacing: -0.96px; margin: 23px 0px 14px; }
.work-process-one__item__text { line-height: 30px; margin: 0px; }
.award-one { position: relative; background-color: var(--ogency-black); padding: 0px 0px 154px; }
@media (max-width: 991px) {
  .award-one { padding-bottom: 120px; }
}
@media (max-width: 767px) {
  .award-one { padding-bottom: 80px; }
}
.award-one__wrapper { background-color: var(--ogency-black2); background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 120px 125px 90px; }
@media (min-width: 1220px) {
  .award-one__wrapper { margin: 0px -55px; }
}
@media (max-width: 1219px) {
  .award-one__wrapper { padding-left: 60px; padding-right: 60px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .award-one__wrapper { padding: 120px 30px 90px; }
}
@media (max-width: 991px) {
  .award-one__wrapper { padding-bottom: 60px; padding-left: 30px; padding-right: 30px; }
}
.award-one__wrapper__bg { text-align: center; position: absolute; left: 0px; right: 0px; top: 44px; margin: auto; }
.award-one__item { position: relative; background-color: var(--ogency-black); padding: 28px 40px 26px; margin-right: 23px; margin-bottom: 30px; }
.award-one__item--ml { margin-left: 23px; margin-right: 0px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .award-one__item--ml { margin-left: 0px; }
}
@media (max-width: 991px) {
  .award-one__item--ml { margin-left: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .award-one__item { margin-right: 0px; padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 991px) {
  .award-one__item { margin-right: 0px; }
}
@media (max-width: 767px) {
  .award-one__item { padding-left: 30px; padding-right: 30px; }
}
.award-one__item__year { font-size: 12px; letter-spacing: 1.2px; display: block; line-height: 1; margin-bottom: 3px; }
.award-one__item__title { font-size: 20px; letter-spacing: -0.8px; margin-bottom: 12px; }
.award-one__item__title::after { display: block; width: 34px; height: 1px; content: ""; background-color: var(--ogency-base); margin: 12px 0px 0px; }
.award-one__item__text { line-height: 30px; margin: 0px; }
.award-one__item__thumb { width: 28px; height: 24px; position: absolute; right: 30px; top: 32px; transition: 500ms linear 0.1s; transform: scale(1); }
.award-one__item__thumb img { width: 100%; height: 100%; }
.award-one__item:hover .award-one__item__thumb { transform: scale(0.9); }
.award-one__trophy { position: relative; z-index: 2; text-align: center; margin: 7px 0px -125px; background-color: var(--ogency-black2); }
@media (min-width: 992px) and (max-width: 1199px) {
  .award-one__trophy { margin-left: -22px; }
}
@media (max-width: 767px) {
  .award-one__trophy { margin: 0px 0px 30px; }
}
.award-one__trophy::after { position: absolute; left: 0px; bottom: -1px; height: 35px; width: 100%; content: ""; background-color: var(--ogency-black); z-index: -1; }
@media (max-width: 991px) {
  .award-one__trophy::after { display: none; }
}
.award-one__trophy img { mix-blend-mode: luminosity; }
@media (max-width: 767px) {
  .award-one__trophy img { max-width: 100%; }
}
.page-header { background-color: var(--ogency-black); position: relative; }
.page-header__bg { width: 100%; height: 100%; position: absolute; inset: 0px; opacity: 0.4; mix-blend-mode: luminosity; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url("../images/backgrounds/page-header-bg-1-1.jpg"); }
.page-header__overlay { position: absolute; left: 0px; bottom: -1px; width: 100%; height: 186px; background-repeat: no-repeat; background-size: cover; background-position: center bottom; background-image: url("../images/backgrounds/page-header-bg-overlay.png"); }
.page-header .container { position: relative; z-index: 10; padding-top: 231px; padding-bottom: 211px; }
@media (max-width: 767px) {
  .page-header .container { padding-top: 150px; padding-bottom: 100px; }
}
.page-header .container h2 { margin: 0px; font-size: 60px; letter-spacing: -3.6px; }
@media (max-width: 480px) {
  .page-header .container h2 { font-size: 40px; letter-spacing: -2px; }
}
.page-header__breadcrumb { display: flex; padding: 0px; list-style: none; margin: 0px 0px 5px; align-items: center; }
.page-header__breadcrumb li { font-size: 16px; line-height: 1; color: var(--ogency-white); display: flex; align-items: center; position: relative; }
.page-header__breadcrumb li:not(:last-of-type)::after { position: absolute; right: -11px; bottom: 0px; content: "."; font-size: 16px; line-height: 1; color: var(--ogency-white); }
.page-header__breadcrumb li:not(:last-of-type) { margin-right: 16px; }
.page-header__breadcrumb li a { color: inherit; }
.page-header__breadcrumb li a:hover { color: var(--ogency-base); }
.page-header__breadcrumb li span { display: block; line-height: 1; }
.team-details { background-color: var(--ogency-black); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .team-details { padding: 80px 0px; }
}
.team-details__image { position: relative; background-color: var(--ogency-black); }
.team-details__image img { mix-blend-mode: luminosity; max-width: 100%; }
.team-details__content { position: relative; padding: 0px 0px 0px 70px; }
@media (max-width: 991px) {
  .team-details__content { padding: 50px 0px 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-details__content { padding: 0px 0px 0px 10px; }
}
.team-details__title { font-size: 40px; line-height: 1; letter-spacing: -1.6px; margin: -6px 0px 12px; }
@media (max-width: 767px) {
  .team-details__title { font-size: 30px; }
}
.team-details__designation { display: block; font-size: 16px; margin-bottom: 22px; }
.team-details__social { position: relative; margin: 0px 0px 20px; }
.team-details__social a { display: inline-block; width: 55px; height: 55px; background-color: var(--ogency-black2); border-radius: 50%; text-align: center; color: var(--ogency-white); font-size: 20px; line-height: 55px; }
.team-details__social a:hover { background-color: var(--ogency-base); }
.team-details__social a + a { margin-left: 6px; }
.team-details__text { font-size: 16px; line-height: 30px; margin-bottom: 16px; }
.team-details__heading { font-size: 24px; letter-spacing: -0.96px; margin-bottom: 34px; }
.team-details__lists { margin: 0px 0px 22px; padding: 0px; display: block; list-style: none; }
.team-details__lists li { display: block; list-style: none; position: relative; min-width: 50%; float: left; font-size: 16px; line-height: 30px; padding-left: 25px; margin-bottom: 6px; }
.team-details__lists li span { display: block; font-size: 14px; line-height: 30px; position: absolute; left: 0px; top: 1px; color: var(--ogency-base); }
.team-details__progress { position: relative; margin-bottom: 13px; }
.team-details__progress--title { font-weight: 600; font-size: 18px; letter-spacing: -0.72px; margin-bottom: 12px; }
.team-details__progress--bar { position: relative; width: 100%; height: 9px; display: block; background-color: var(--ogency-black3); }
.team-details__progress--inner { position: relative; display: block; width: 0px; height: 9px; background-color: var(--ogency-base); transition: 1500ms; }
.team-details__progress--number { position: absolute; right: 0px; bottom: 18px; line-height: 26px; font-size: 16px; text-align: center; opacity: 0; transition: 500ms; }
.team-details__progress .counted .count-text { opacity: 1; }
.certificate { background-color: var(--ogency-black2); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .certificate { padding: 80px 0px; }
}
.certificate-left { position: relative; }
.certificate-left__title { font-size: 36px; letter-spacing: -1.44px; line-height: 1.1; margin-bottom: 24px; }
@media (max-width: 767px) {
  .certificate-left__title { font-size: 30px; }
}
.certificate-left__text { line-height: 30px; margin: 0px 40px 0px 0px; }
@media (max-width: 1199px) {
  .certificate-left__text { margin: 0px; }
}
.certificate-right { position: relative; margin: 0px 0px 0px -15px; padding: 0px; list-style: none; display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 767px) {
  .certificate-right { display: block; margin: 20px 0px 0px; }
}
@media (min-width: 767px) and (max-width: 991px) {
  .certificate-right { justify-content: flex-start; margin: 40px 0px 0px; }
}
.certificate-right li { list-style: none; position: relative; background-color: var(--ogency-black); display: inline-block; }
@media (max-width: 767px) {
  .certificate-right li { margin: 20px 0px 0px; }
}
.certificate-right li img { max-width: 100%; mix-blend-mode: luminosity; }
.certificate-right li:not(:last-of-type) { margin-right: 20px; }
.contact-two { position: relative; background-color: rgb(249, 249, 249); padding: 60px 0px; }
@media (max-width: 767px) {
  .contact-two { padding: 80px 0px; }
}
.contact-two .container { }
.contact-two .contact-one__left { padding: 0px; }
.contact-two .contact-one__input-box { margin-bottom: 20px; }
.contact-two .contact-one__input-box textarea, .contact-two .contact-one__input-box input[type="text"], .contact-two .contact-one__input-box input[type="email"] { background-color: rgb(249, 249, 249); }
.contact-two .contact-one__input-box .bootstrap-select > .dropdown-toggle { background-color: var(--ogency-black2) !important; }
.contact-two .contact-one__form .row { --bs-gutter-x: 20px; }
.gallery-page { position: relative; padding: 42px 0px 16px; }
.gallery-page__padding { padding-bottom: 60px; }
@media (max-width: 767px) {
  .gallery-page__padding { padding-bottom: 80px; }
}
@media (max-width: 767px) {
  .gallery-page { padding: 80px 0px 70px; }
}
.gallery-page .container { max-width: 1573px; }
.gallery-page .row { --bs-gutter-x: 10px; }
.gallery-page__single { position: relative; z-index: 1; margin-bottom: 20px; }
.gallery-page__single img { width: 100%; mix-blend-mode: luminosity; transition: 500ms; transform: scale(1); }
.gallery-page__single::after { position: absolute; content: ""; inset: 0px; opacity: 0; transition: 0.5s; transform: perspective(400px) rotateX(-90deg); transform-origin: center top; }
.gallery-page__single:hover::after { opacity: 1; transform: perspective(400px) rotateX(0deg); }
.gallery-page__single:hover img { transform: scale(1.05); }
.gallery-page__single:hover .gallery-page__icon a { transform: scale(1); transition-delay: 500ms; opacity: 1; }
.gallery-page__icon { position: absolute; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 2; }
.gallery-page__icon a { height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; color: var(--ogency-white); transform: scale(0); opacity: 0; transition: 500ms; z-index: 2; }
.faq-page { background-color: var(--ogency-black); position: relative; padding: 120px 0px 110px; }
@media (max-width: 767px) {
  .faq-page { padding: 80px 0px 70px; }
}
.faq-page__help { position: relative; background-color: var(--ogency-base); padding: 40px 40px 41px; }
@media (max-width: 991px) {
  .faq-page__help { margin-bottom: 30px; }
}
.faq-page__help__bg { width: 100%; height: 100%; position: absolute; inset: 0px; opacity: 0.1; mix-blend-mode: luminosity; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.faq-page__help__icon { position: relative; z-index: 2; width: 45px; height: 45px; background-color: var(--ogency-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--ogency-base); margin-bottom: 12px; }
.faq-page__help__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.faq-page__help:hover .faq-page__help__icon span { transform: scale(0.9); }
.faq-page__help__title { position: relative; z-index: 2; font-size: 24px; line-height: 30px; letter-spacing: -0.96px; margin-bottom: 24px; }
.faq-page__help__text { position: relative; z-index: 2; font-size: 13px; line-height: 1; font-weight: 600; color: var(--ogency-white); margin-bottom: 8px; }
.faq-page__help__number { position: relative; z-index: 2; font-size: 16px; line-height: 1; font-weight: 600; color: var(--ogency-white); margin-bottom: 0px; }
.faq-page__help__number a { color: inherit; }
.faq-page__accrodion { position: relative; }
.faq-page__accrodion .accrodion { position: relative; display: block; margin-bottom: 10px; background-color: var(--ogency-black2); transition: 500ms; }
.faq-page__accrodion .accrodion.active .accrodion-title h4 { color: var(--ogency-base); }
.faq-page__accrodion .accrodion.active .accrodion-title h4::before { content: ""; color: var(--ogency-white); }
.faq-page__accrodion .accrodion-title { position: relative; display: block; cursor: pointer; padding: 19px 30px 23px; transition: 200ms linear 0.1s; }
.faq-page__accrodion .accrodion-title h4 { margin: 0px; padding-right: 30px; font-size: 18px; letter-spacing: -0.72px; line-height: 28px; position: relative; transition: 500ms; }
.faq-page__accrodion .accrodion-title h4::before { content: ""; font-size: 12px; color: var(--ogency-base); position: absolute; top: 50%; right: 0px; line-height: 15px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transform: translateY(-50%); transition: 500ms; text-align: center; width: 15px; height: 15px; font-family: icomoon !important; }
.faq-page__accrodion .accrodion-content { position: relative; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; }
.faq-page__accrodion .accrodion-content p { margin: 0px; line-height: 30px; }
.login-page { background-color: var(--ogency-black); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .login-page { padding: 80px 0px; }
}
.login-page__info { background-color: var(--ogency-black2); padding: 15px 30px 17px; margin-bottom: 73px; }
@media (max-width: 991px) {
  .login-page__info { margin-bottom: 20px; }
}
.login-page__info p { margin: 0px; font-size: 14px; }
.login-page__info p span { color: var(--ogency-white); }
.login-page__info p a { color: var(--ogency-base); display: inline-block; }
.login-page__info p a:hover { color: var(--ogency-white); }
.login-page__wrap { position: relative; }
.login-page__wrap__title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 34px; }
@media (max-width: 991px) {
  .login-page__wrap__title { margin-top: 50px; }
}
.login-page__form { position: relative; display: block; padding: 60px; border: 1px solid var(--ogency-black3); }
@media (max-width: 767px) {
  .login-page__form { padding: 30px 22px; }
}
.login-page__form-input-box { position: relative; display: block; margin-bottom: 20px; }
.login-page__form-input-box input[type="email"], .login-page__form-input-box input[type="password"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black2); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); display: block; font-weight: 500; }
.login-page__checked-box { position: relative; display: block; margin-top: -8px; margin-bottom: 16px; }
.login-page__checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0px; color: var(--ogency-color); font-size: 14px; line-height: 22px; font-weight: 500; text-transform: none; cursor: pointer; }
.login-page__checked-box label span::before { position: absolute; top: 2px; left: 4px; display: block; border-bottom: 2px solid var(--ogency-black3); border-right: 2px solid var(--ogency-black3); content: ""; width: 5px; height: 8px; pointer-events: none; transform-origin: 66% 66%; transform: rotate(45deg); transition: 0.15s ease-in-out; opacity: 0; }
.login-page__checked-box input[type="checkbox"] { display: none; }
.login-page__checked-box input[type="checkbox"] + label span { position: absolute; top: 4px; left: 0px; width: 16px; height: 16px; vertical-align: middle; background: transparent; cursor: pointer; transition: 300ms; border: 1px solid var(--ogency-black3); }
.login-page__checked-box input[type="checkbox"]:checked + label span::before { opacity: 1; }
.login-page__form-btn-box { position: relative; display: flex; align-items: center; }
.login-page__form-btn-box .ogency-btn { padding-left: 40px; padding-right: 40px; }
.login-page__form-forgot-password { position: relative; display: block; margin-left: 20px; }
.login-page__form-forgot-password a { font-size: 14px; font-weight: 500; color: var(--ogency-color); position: relative; display: inline-block; }
.login-page__form-forgot-password a:hover { color: var(--ogency-base); }
.error-page { background-color: var(--ogency-black); position: relative; padding: 230px 0px 120px; }
@media (max-width: 767px) {
  .error-page { padding: 120px 0px 80px; }
}
.error-page__content { position: relative; text-align: center; }
.error-page__404 { display: inline-block; position: relative; font-size: 250px; line-height: 1; margin: 0px 0px 19px; }
@media (max-width: 991px) {
  .error-page__404 { font-size: 180px; }
}
@media (max-width: 767px) {
  .error-page__404 { font-size: 100px; }
}
.error-page__404 img { max-width: 100%; position: absolute; right: -190px; top: -111px; animation: 3s linear 0s infinite normal none running movebounce3; }
@media (max-width: 991px) {
  .error-page__404 img { right: -172px; max-width: 220px; }
}
@media (max-width: 767px) {
  .error-page__404 img { right: -72px; max-width: 100px; top: -45px; }
}
@keyframes movebounce3 { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}
.error-page__title { font-size: 40px; letter-spacing: -1.6px; margin-bottom: 12px; }
@media (max-width: 767px) {
  .error-page__title { font-size: 32px; }
}
.error-page__text { font-size: 18px; margin-bottom: 30px; }
.error-page__form { position: relative; display: block; margin: 0px auto 20px; }
.error-page__form-input { position: relative; display: block; max-width: 550px; width: 100%; margin: 0px auto; }
.error-page__form-input input[type="search"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black2); padding-left: 50px; padding-right: 50px; outline: none; font-size: 14px; color: var(--ogency-color); display: block; font-weight: 500; }
@media (max-width: 767px) {
  .error-page__form-input input[type="search"] { padding-left: 30px; padding-right: 30px; }
}
.error-page__form-input button { background-color: transparent; color: var(--ogency-white); font-size: 22px; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 72px; outline: none; border: medium none; display: flex; align-items: center; padding: 0px; transition: 0.4s; }
@media (max-width: 767px) {
  .error-page__form-input button { width: 50px; }
}
.error-page__form-input button:hover { color: var(--ogency-base); }
.services-details { background-color: var(--ogency-black); position: relative; padding: 120px 0px; }
@media (max-width: 767px) {
  .services-details { padding: 80px 0px; }
}
.services-details__sidebar { position: relative; }
@media (max-width: 991px) {
  .services-details__sidebar { margin-bottom: 50px; }
}
.services-details__services-list { position: relative; background-color: var(--ogency-black2); margin: 0px 0px 30px; padding: 30px; }
.services-details__services { margin: 0px; padding: 0px; list-style: none; }
.services-details__services li { display: block; position: relative; transition: 500ms; }
.services-details__services li a { background-color: var(--ogency-black); display: block; position: relative; font-size: 16px; font-weight: 600; color: var(--ogency-color); letter-spacing: -0.64px; padding: 11px 40px 14px 24px; transition: 500ms; }
.services-details__services li a::after { position: absolute; right: 30px; top: 0px; bottom: 0px; margin: auto; width: 7px; height: 7px; content: ""; background-color: var(--ogency-white); border-radius: 50%; transition: 500ms; }
.services-details__services li.current a, .services-details__services li:hover a { color: var(--ogency-white); }
.services-details__services li.current a::after, .services-details__services li:hover a::after { background-color: var(--ogency-base); }
.services-details__services li.current a { font-weight: 800; }
.services-details__services li + li { margin-top: 10px; }
.services-details__banner { position: relative; background-color: var(--ogency-base); margin: 0px 0px 30px; overflow: hidden; padding: 40px; }
@media (max-width: 767px) {
  .services-details__banner { padding-left: 30px; }
}
.services-details__banner__shape { width: 363px; height: 363px; background-color: var(--ogency-black2); border-radius: 50%; position: absolute; right: -153px; top: -30px; }
.services-details__banner__image { height: 363px; position: absolute; right: -41px; bottom: 0px; }
.services-details__banner__image img { height: 100%; object-fit: cover; }
.services-details__banner__icon { font-size: 60px; display: block; line-height: 60px; color: var(--ogency-black2); margin-bottom: 10px; position: relative; z-index: 2; }
.services-details__banner__title { font-size: 24px; letter-spacing: -0.96px; max-width: 150px; margin-bottom: 0px; position: relative; z-index: 2; }
.services-details__banner .ogency-btn { height: 38px; background-color: var(--ogency-black); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; padding: 9px 30px; margin-top: 98px; }
.services-details__document { position: relative; background-color: var(--ogency-black2); padding: 25px 25px 25px 102px; }
.services-details__document__icon { width: 51px; height: 51px; background-color: var(--ogency-base); border-radius: 50%; font-size: 24px; display: flex; align-items: center; justify-content: center; color: var(--ogency-white); position: absolute; left: 30px; top: 0px; bottom: 0px; margin: auto; }
.services-details__document__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.services-details__document__title { font-size: 16px; letter-spacing: -0.64px; font-weight: 600; margin-bottom: 1px; }
.services-details__document__title a { color: inherit; }
.services-details__document__title a:hover { color: var(--ogency-base); }
.services-details__document__text { font-size: 12px; letter-spacing: 1.2px; margin: 0px; }
.services-details__document:hover .services-details__document__icon span { transform: scale(0.9); }
.services-details__thumb { position: relative; background-color: var(--ogency-black2); margin-bottom: 20px; }
.services-details__thumb img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.services-details__content { position: relative; }
.services-details__content__title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 23px; }
.services-details__content__text { line-height: 30px; margin-bottom: 28px; }
.services-details__content__title-two { color: var(--ogency-base); font-size: 24px; letter-spacing: -0.96px; margin-bottom: 34px; }
.services-details__content__title-three { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 15px; margin-top: 44px; }
.services-details__points { margin: 31px 0px 0px; padding: 0px; display: flex; align-items: center; justify-content: space-between; }
@media (max-width: 767px) {
  .services-details__points { display: block; }
}
.services-details__points li { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
@media (min-width: 991px) and (max-width: 1199px) {
  .services-details__points li { flex-direction: column; align-items: baseline; }
}
@media (max-width: 767px) {
  .services-details__points li { margin-top: 20px; }
}
.services-details__points li:hover .services-details__points__icon span { transform: scale(0.9); }
.services-details__points__icon { width: 70px; height: 70px; line-height: 70px; background-color: var(--ogency-black2); border-radius: 50%; display: inline-block; text-align: center; color: var(--ogency-base); font-size: 32px; transition: 0.4s linear; }
.services-details__points__icon span { display: inline-block; transition: 500ms linear 0.1s; transform: scale(1); }
.services-details__points__title { display: inline-block; font-size: 20px; letter-spacing: -0.8px; margin: -5px 0px 0px 20px; }
@media (min-width: 991px) and (max-width: 1199px) {
  .services-details__points__title { margin: 20px 0px 0px; }
}
.services-details__benefit { position: relative; margin: 60px 0px 0px; }
.services-details__benefit__img { position: relative; background-color: var(--ogency-black2); max-width: 343px; height: 343px; border-radius: 50%; }
.services-details__benefit__img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; mix-blend-mode: luminosity; }
.services-details__benefit__content { position: relative; padding-top: 26px; }
@media (max-width: 767px) {
  .services-details__benefit__content { padding-top: 45px; }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .services-details__benefit__content { padding-top: 45px; }
}
.services-details__benefit__title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 16px; }
.services-details__benefit__text { font-size: 18px; line-height: 30px; color: var(--ogency-base); margin-bottom: 35px; }
.services-details__benefit__lists { margin: 0px; padding: 0px; list-style: none; }
.services-details__benefit__lists li { display: block; list-style: none; position: relative; font-size: 16px; line-height: 30px; padding-left: 26px; margin-bottom: 6px; }
.services-details__benefit__lists li span { display: block; font-size: 14px; line-height: 30px; position: absolute; left: 0px; top: 1px; color: var(--ogency-base); }
.project-details { background-color: var(--ogency-black); position: relative; padding: 120px 0px 90px; }
@media (max-width: 767px) {
  .project-details { padding: 80px 0px 50px; }
}
.project-details__image { position: relative; background-color: var(--ogency-black2); margin-bottom: 29px; }
.project-details__image img { width: 100%; height: auto; mix-blend-mode: luminosity; }
.project-details__content { position: relative; }
.project-details__content__title { font-size: 40px; letter-spacing: -1.6px; margin-bottom: 13px; }
@media (max-width: 767px) {
  .project-details__content__title { font-size: 32px; }
}
.project-details__content__text { line-height: 30px; margin-bottom: 30px; }
.project-details__content__title-two { font-size: 20px; line-height: 30px; letter-spacing: -0.8px; margin-bottom: 32px; }
.project-details__content__title-three { font-size: 30px; line-height: 30px; letter-spacing: -1.2px; margin-bottom: 35px; }
.project-details__content__lists { margin: 0px 0px 30px; padding: 0px; list-style: none; }
.project-details__content__lists li { display: block; font-size: 15px; line-height: 30px; margin: 0px; padding-left: 30px; position: relative; }
.project-details__content__lists li span { display: block; font-size: 16px; line-height: 30px; color: var(--ogency-base); position: absolute; left: 0px; top: 1px; bottom: 0px; margin: auto; }
.project-details__right { position: relative; background-color: var(--ogency-black2); border-top: 4px solid var(--ogency-base); padding: 37px 59px 50px; margin-top: 31px; }
@media (max-width: 767px) {
  .project-details__right { padding-left: 40px; padding-right: 40px; }
}
.project-details__info-list { margin: 0px; padding: 0px; }
.project-details__info-list li { display: block; font-size: 15px; line-height: 26px; font-weight: 800; color: var(--ogency-white); margin: 0px 0px 26px; }
.project-details__info-list li span { display: block; font-size: 15px; color: var(--ogency-color); font-weight: 500; }
.project-details__socials { position: relative; }
.project-details__socials a { display: inline-block; width: 55px; height: 55px; background-color: var(--ogency-black); color: var(--ogency-white); line-height: 55px; border-radius: 50%; font-size: 20px; text-align: center; }
.project-details__socials a:hover { background-color: var(--ogency-base); }
.project-details__socials a + a { margin-left: 7px; }
.project-details__pagination { margin: 82px 0px 0px; padding: 30px 0px; display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid var(--ogency-black3); border-bottom: 1px solid var(--ogency-black3); }
.project-details__pagination__previous { display: flex; align-items: center; font-size: 16px; color: var(--ogency-white); font-weight: 600; }
.project-details__pagination__previous span { width: 52px; height: 52px; line-height: 52px; display: inline-block; color: var(--ogency-white); background-color: var(--ogency-black2); border-radius: 50%; transition: 500ms; font-size: 16px; text-align: center; margin-right: 19px; }
.project-details__pagination__previous:hover { color: var(--ogency-base); }
.project-details__pagination__previous:hover span { background-color: var(--ogency-base); color: var(--ogency-white); }
.project-details__pagination__next { display: flex; align-items: center; font-size: 16px; color: var(--ogency-white); font-weight: 600; }
.project-details__pagination__next span { width: 52px; height: 52px; line-height: 52px; display: inline-block; color: var(--ogency-white); background-color: var(--ogency-black2); border-radius: 50%; transition: 500ms; font-size: 16px; text-align: center; margin-left: 19px; }
.project-details__pagination__next:hover { color: var(--ogency-base); }
.project-details__pagination__next:hover span { background-color: var(--ogency-base); color: var(--ogency-white); }
.project-details .section-title { margin-top: 120px; }
@media (max-width: 767px) {
  .project-details .section-title { margin-top: 80px; }
}
.project-details .project-two__item { margin-bottom: 30px; }
.product { position: relative; padding: 120px 0px 90px; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .product { padding: 80px 0px 50px; }
}
.product .ogency-owl__dots.owl-carousel .owl-dots { margin-bottom: 30px; }
.product__sidebar { position: relative; }
@media (max-width: 991px) {
  .product__sidebar-right { margin: 50px 0px 30px; }
}
.product__sidebar--title { position: relative; font-size: 20px; letter-spacing: -0.8px; margin: 0px 0px 11px 14px; }
.product__search { position: relative; display: block; margin-bottom: 30px; }
.product__search form { border-radius: 0px; position: relative; }
.product__search form input[type="text"] { width: 100%; height: 64px; background-color: transparent; padding-left: 30px; padding-right: 30px; font-family: "Playfair Display", serif; font-size: 14px; color: var(--ogency-color); border: 1px solid var(--ogency-black3); outline: none; font-weight: 500; border-radius: 0px; }
.product__price-ranger { background-color: var(--ogency-black2); padding: 23px 16px 28px; margin-bottom: 30px; }
.product__price-ranger #slider-range { margin: 22px 0px 0px 17px; background: rgb(40, 40, 40); border: none; height: 5px; border-radius: 0px; position: relative; }
.product__price-ranger #slider-range .ui-slider-range { height: 100%; background: var(--ogency-base); }
.product__price-ranger #slider-range .ui-slider-handle { position: absolute; top: -5px; background: var(--ogency-base); border: 0px; height: 14px; border-radius: 50%; margin-left: -2px; outline: none medium; cursor: pointer; z-index: 2; width: 14px !important; }
.product__price-ranger .ranger-min-max-block { position: relative; display: block; margin: 17px 0px 0px 8px; }
.product__price-ranger .ranger-min-max-block input[type="text"] { position: relative; display: inline-block; color: var(--ogency-color); font-size: 14px; font-weight: 500; width: 40px; line-height: 30px; border: none; outline: none; font-family: "Playfair Display", serif; padding: 0px; text-align: center; background-color: transparent; }
.product__price-ranger .ranger-min-max-block span { position: relative; display: inline-block; color: var(--ogency-color); font-size: 14px; font-weight: 400; line-height: 40px; left: -2px; }
.product__price-ranger .ranger-min-max-block input[type="submit"] { position: relative; display: block; background-color: var(--ogency-black); float: right; text-align: center; border: none; color: var(--ogency-color); font-size: 12px; font-weight: 800; line-height: 38px; margin: 0px; cursor: pointer; padding: 0px 20px; height: 38px; border-radius: 0px; text-transform: capitalize; transition: 500ms; }
.product__price-ranger .ranger-min-max-block input[type="submit"]:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.product__categories { background-color: var(--ogency-black2); padding: 25px 15px 11px; }
.product__categories ul { margin: 0px; padding: 0px; list-style: none; }
.product__categories ul li { position: relative; margin: 0px 0px 3px; }
.product__categories ul li a { position: relative; display: flex; align-items: center; line-height: 24px; font-size: 15px; text-transform: capitalize; color: var(--ogency-color); font-weight: 500; transition: 0.3s; z-index: 1; padding: 9px 15px 11px; }
.product__categories ul li a span { position: relative; display: inline-block; font-size: 12px; color: var(--ogency-color); margin-right: 10px; transition: 0.3s; }
.product__categories ul li a::before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background-color: var(--ogency-black); z-index: -1; transform: scale(1, 0); perspective: 400px; visibility: hidden; transition: transform 500ms ease-in-out, visibility 500ms ease-in-out; transform-origin: center bottom; }
.product__categories ul li:hover a, .product__categories ul li.active a { color: var(--ogency-white); }
.product__categories ul li:hover a::before, .product__categories ul li.active a::before { transform: scale(1, 1); visibility: visible; transform-origin: center top; }
.product__categories ul li:hover a span, .product__categories ul li.active a span { color: var(--ogency-base); }
.product__info-top { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
@media (max-width: 991px) {
  .product__info-top { margin-top: 50px; }
}
@media (max-width: 767px) {
  .product__info-top { display: block; margin-top: 40px; }
}
.product__showing-text { margin: 0px; font-size: 18px; }
@media (max-width: 767px) {
  .product__showing-text { margin-bottom: 20px; }
}
.product__showing-sort { margin: 0px; font-size: 18px; }
.product__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; font-family: "Playfair Display", serif; width: 340px !important; }
@media (max-width: 360px) {
  .product__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 300px !important; }
}
.product__showing-sort .bootstrap-select > .dropdown-toggle::after { display: none; }
.product__showing-sort .bootstrap-select > .dropdown-toggle { position: relative; height: 64px; border-radius: 0px; border: 0px; margin: 0px; padding: 0px 30px; font-size: 14px; line-height: 64px; font-weight: 500; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; outline: none !important; background-color: var(--ogency-black2) !important; color: var(--ogency-color) !important; box-shadow: none !important; }
.product__showing-sort .bootstrap-select > .dropdown-toggle::before { position: absolute; top: 0px; bottom: 0px; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 16px; color: var(--ogency-color); }
.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--ogency-black3); }
.product__showing-sort .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 500; padding: 10px 30px; color: var(--ogency-color); background-color: var(--ogency-black2); transition: 0.4s; }
.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a, .product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a { background: var(--ogency-base); color: var(--ogency-white); border-color: var(--ogency-base); }
.product__item { position: relative; margin: 0px 0px 30px; }
.product__item__img { background-color: var(--ogency-white); position: relative; overflow: hidden; }
.product__item__img img { width: 100%; height: auto; mix-blend-mode: multiply; transition: 500ms; transform: scale(1); }
.product__item__btn { position: absolute; right: 10px; top: 10px; z-index: 2; }
.product__item__btn a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: var(--ogency-black); border-radius: 50%; color: var(--ogency-white); font-size: 14px; visibility: hidden; opacity: 0; }
.product__item__btn a:hover { background-color: var(--ogency-base); color: var(--ogency-white); }
.product__item__btn a:nth-child(1) { transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 300ms, visibility 300ms, background 300ms, color 300ms, border 300ms; transform: translate3d(30px, 0px, 0px); }
.product__item__btn a:nth-child(2) { transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 300ms, visibility 300ms, background 300ms, color 300ms, border 300ms; transform: translate3d(30px, 0px, 0px); }
.product__item__btn a + a { margin-top: 10px; }
.product__item:hover .product__item__img img { transform: scale(1.05); }
.product__item:hover .product__item__btn a { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); }
.product__item__content { position: relative; text-align: center; border: 1px solid var(--ogency-black3); padding: 30px 20px 29px; }
.product__item__ratings { display: flex; justify-content: center; align-items: center; font-size: 12px; color: var(--ogency-color); letter-spacing: 4.5px; margin-bottom: 3px; }
.product__item__title { font-size: 20px; line-height: 26px; letter-spacing: -0.8px; margin-bottom: 2px; }
.product__item__title a { color: inherit; }
.product__item__title a:hover { color: var(--ogency-base); }
.product__item__price { display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--ogency-base); margin-bottom: 16px; }
.product__item .ogency-btn { height: 38px; background-color: var(--ogency-black2); font-size: 12px; font-weight: 800; color: var(--ogency-color); padding: 8px 20px; }
.product__item .ogency-btn:hover { color: var(--ogency-white); }
.product__item .ogency-btn::after { background-color: var(--ogency-base); }
.product-details { position: relative; padding: 120px 0px; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .product-details { padding: 80px 0px; }
}
.product-details__img { background-color: var(--ogency-white); position: relative; }
.product-details__img img { width: 100%; height: auto; mix-blend-mode: multiply; }
.product-details__img-search { position: absolute; right: 30px; top: 30px; z-index: 2; line-height: 1; }
.product-details__img-search a { display: inline-block; font-size: 22px; color: var(--ogency-black); }
.product-details__img-search a:hover { color: var(--ogency-base); }
.product-details__content { position: relative; margin: -8px 0px 0px; }
@media (max-width: 991px) {
  .product-details__content { margin: 50px 0px 0px; }
}
.product-details__top { display: flex; flex-wrap: wrap; align-items: baseline; margin-bottom: 17px; }
.product-details__title { font-size: 34px; letter-spacing: -1.36px; margin: 0px; }
.product-details__price { font-size: 20px; line-height: 26px; color: var(--ogency-base); margin: 0px 0px 0px 27px; }
.product-details__review { position: relative; display: flex; align-items: center; letter-spacing: 3px; font-size: 16px; color: var(--ogency-base); }
.product-details__review a { display: inline-block; color: var(--ogency-color); font-size: 15px; letter-spacing: 0px; margin-left: 16px; }
.product-details__review a:hover { color: var(--ogency-base); }
.product-details__divider { width: 100%; height: 1px; background-color: var(--ogency-black3); margin: 23px 0px 20px; }
.product-details__excerpt { margin: 0px; line-height: 30px; }
.product-details__excerpt-text1 { margin: 0px 0px 30px; }
.product-details__excerpt-text2 { margin: 0px; }
@media (max-width: 767px) {
  .product-details__excerpt-text2 br { display: block; }
}
.product-details__quantity { position: relative; display: flex; align-items: center; margin: 22px 0px 30px; }
.product-details__quantity-title { margin: 0px 32px 0px 0px; font-size: 18px; line-height: 30px; letter-spacing: -0.72px; }
.product-details__quantity .quantity-box { position: relative; width: 98px; height: 50px; }
.product-details__quantity .quantity-box input { width: 98px; height: 50px; border: 1px solid var(--ogency-black3); appearance: textfield; font-family: "Playfair Display", serif; color: var(--ogency-color); padding-left: 30px; outline: none; font-size: 18px; font-weight: 500; background-color: transparent; }
.product-details__quantity .quantity-box button { width: 24px; height: 24px; color: var(--ogency-color); font-size: 8px; position: absolute; top: 1px; right: 1px; background-color: transparent; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--ogency-black3); display: flex; align-items: center; justify-content: center; outline: none; transition: 500ms; }
.product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid var(--ogency-black3); }
.product-details__quantity .quantity-box button:hover { color: var(--ogency-base); }
.product-details__buttons { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.product-details__buttons .ogency-btn::after { background-color: var(--ogency-black2); }
.product-details__buttons .ogency-btn:hover { color: var(--ogency-white); }
.product-details__buttons .wishlist { background-color: var(--ogency-black2); margin-right: 10px; }
.product-details__buttons .wishlist::after { background-color: var(--ogency-base); }
@media (max-width: 767px) {
  .product-details__buttons .ogency-btn { padding-left: 30px; padding-right: 30px; }
}
.product-details__socials { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
@media (max-width: 767px) {
  .product-details__socials { display: block; }
}
.product-details__socials__title { font-size: 18px; letter-spacing: -0.72px; margin: 0px 40px 0px 0px; }
@media (max-width: 767px) {
  .product-details__socials__title { margin: 0px 0px 20px; }
}
.product-details__socials a { display: inline-block; background-color: var(--ogency-black2); width: 55px; height: 55px; line-height: 55px; color: var(--ogency-white); font-size: 20px; border-radius: 50%; text-align: center; }
.product-details__socials a:hover { background-color: var(--ogency-base); }
.product-details__socials a + a { margin-left: 10px; }
.product-details__description { position: relative; margin: 51px 0px 0px; }
.product-details__description__title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 23px; }
.product-details__description__text { line-height: 30px; margin-bottom: 30px; }
.product-details__description__lists { margin: 0px 0px 30px; padding: 0px; }
.product-details__description__lists li { display: block; position: relative; padding: 0px 0px 0px 31px; font-size: 16px; line-height: 30px; color: var(--ogency-white); }
.product-details__description__lists li span { position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; display: inline-block; font-size: 17px; line-height: 30px; color: var(--ogency-base); }
.product-details__comment { border-top: 1px solid var(--ogency-black3); margin: 56px 0px 0px; padding: 51px 0px 0px; position: relative; }
.product-details__review-title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 44px; }
.product-details__comment-box { position: relative; padding: 13px 0px 50px 212px; margin-bottom: 50px; min-height: 166px; border-bottom: 1px solid var(--ogency-black3); }
@media (max-width: 767px) {
  .product-details__comment-box { padding-left: 0px; }
}
.product-details__comment-box__thumb { background-color: var(--ogency-black3); width: 166px; height: 166px; position: absolute; left: 0px; top: 0px; border-radius: 50%; margin: 0px; border: none; }
@media (max-width: 767px) {
  .product-details__comment-box__thumb { position: relative; margin: 0px 0px 20px; }
}
.product-details__comment-box__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; mix-blend-mode: luminosity; }
.product-details__comment-box__meta { font-size: 22px; line-height: 30px; letter-spacing: -0.88px; margin: 0px 0px 20px; }
.product-details__comment-box__date { font-size: 15px; line-height: 26px; display: inline-block; color: var(--ogency-base); font-weight: 500; letter-spacing: 0px; margin: 0px 0px 0px 7px; }
.product-details__comment-box__text { line-height: 30px; margin: 0px; }
.product-details__comment-box__ratings { position: absolute; right: 0px; top: 13px; display: flex; align-items: center; letter-spacing: 6px; font-size: 16px; color: var(--ogency-base); }
@media (max-width: 767px) {
  .product-details__comment-box__ratings { position: relative; top: 0px; margin: 0px 0px 22px; }
}
.product-details__form { position: relative; margin: 50px 0px 0px; }
.product-details__form .row { --bs-gutter-x: 20px; }
.product-details__form-title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 16px; }
.product-details__form-ratings { display: flex; align-items: center; letter-spacing: 6px; font-size: 16px; color: var(--ogency-base); margin: 0px 0px 20px; }
.product-details__form-ratings__label { display: inline-block; font-size: 18px; letter-spacing: 0px; color: var(--ogency-color); margin: 0px 17px 0px 0px; }
.product-details .review-form { position: relative; }
.product-details .review-form__input-box { position: relative; display: block; line-height: 1; margin-bottom: 20px; }
.product-details .review-form__input-box input[type="text"], .product-details .review-form__input-box input[type="email"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black2); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); font-family: "Playfair Display", serif; display: block; font-weight: 500; }
.product-details .review-form__input-box textarea { font-size: 14px; font-weight: 500; color: var(--ogency-color); height: 188px; width: 100%; background-color: var(--ogency-black2); font-family: "Playfair Display", serif; padding: 25px 30px 30px; border: none; outline: none; margin-bottom: 0px; }
.cart-page { position: relative; padding: 120px 0px; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .cart-page { padding: 80px 0px; }
}
.cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; }
@media (max-width: 1199px) {
  .cart-page .table-responsive { margin-bottom: 30px; }
}
.cart-page__table { position: relative; width: 100%; border: none; margin: 0px 0px 60px; }
@media (max-width: 1199px) {
  .cart-page__table { min-width: 1170px; }
}
.cart-page__table thead tr th { color: var(--ogency-white); font-size: 20px; line-height: 30px; font-weight: 800; padding: 0px 0px 24px; border-top: none; border-right: none; border-left: none; border-image: initial; background-color: transparent; letter-spacing: -0.8px; box-shadow: none; border-bottom: 1px solid var(--ogency-black3) !important; }
.cart-page__table thead tr th:last-child { text-align: right; }
.cart-page__table tbody tr td { font-size: 18px; font-weight: 500; color: var(--ogency-color); vertical-align: middle; border-right: none; border-left: none; border-image: initial; box-shadow: none; background-color: transparent; border-top: 1px solid var(--ogency-black3); border-bottom: 1px solid var(--ogency-black3); padding: 30px 0px; letter-spacing: 0px; }
.cart-page__table tbody tr td:last-child { text-align: right; }
.cart-page__table__meta { display: flex; align-items: center; }
.cart-page__table__meta-img { width: 119px; height: 119px; background-color: var(--ogency-white); margin-right: 34px; }
.cart-page__table__meta-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.cart-page__table__meta-title { font-size: 20px; letter-spacing: -0.8px; margin: 0px; }
.cart-page__table__meta-title a { color: inherit; }
.cart-page__table__meta-title a:hover { color: var(--ogency-base); }
.cart-page__table__remove { display: block; color: var(--ogency-white); font-size: 16px; }
.cart-page__table__remove:hover { color: var(--ogency-base); }
.cart-page__coupone-form { position: relative; display: flex; }
@media (max-width: 767px) {
  .cart-page__coupone-form { display: block; }
}
.cart-page__coupone-form input[type="text"] { height: 63px; width: 375px; border: none; background-color: var(--ogency-black2); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); font-family: "Playfair Display", serif; display: block; font-weight: 500; margin-right: 10px; }
@media (max-width: 1199px) {
  .cart-page__coupone-form input[type="text"] { width: 290px; }
}
@media (max-width: 767px) {
  .cart-page__coupone-form input[type="text"] { width: 100%; margin: 0px 0px 10px; }
}
.cart-page__cart-total { position: relative; text-align: right; margin: -11px 0px 21px; padding: 0px; }
@media (max-width: 991px) {
  .cart-page__cart-total { text-align: left; margin-top: 45px; }
}
.cart-page__cart-total li { display: block; font-size: 20px; color: var(--ogency-white); letter-spacing: -0.8px; margin: 0px 0px 8px; }
@media (max-width: 991px) {
  .cart-page__cart-total li span { display: inline-block; min-width: 172px; }
}
.cart-page__cart-total-amount { font-size: 18px; color: var(--ogency-color); letter-spacing: 0px; display: inline-block; min-width: 172px; }
.cart-page__buttons { display: flex; justify-content: flex-end; }
@media (max-width: 991px) {
  .cart-page__buttons { justify-content: flex-start; }
}
.cart-page__buttons .ogency-btn { background-color: var(--ogency-black2); }
.cart-page__buttons .ogency-btn::after { background-color: var(--ogency-base); }
.cart-page__buttons .ogency-btn:hover { color: var(--ogency-white); }
.cart-page__buttons .checkout { background-color: var(--ogency-base); margin-left: 10px; }
.cart-page__buttons .checkout::after { background-color: var(--ogency-black2); }
.checkout-page { position: relative; padding: 120px 0px; background-color: var(--ogency-black); }
@media (max-width: 767px) {
  .checkout-page { padding: 80px 0px; }
}
.checkout-page .bs-gutter-x-20 { --bs-gutter-x: 20px; }
.checkout-page__notice { line-height: 26px; margin: 0px 0px 16px; }
.checkout-page__notice a { color: var(--ogency-base); }
.checkout-page__notice a:hover { color: var(--ogency-color); }
.checkout-page__billing-address { position: relative; }
.checkout-page__billing-address__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 34px; }
.checkout-page__billing-address__title span { position: relative; display: inline-block; color: var(--ogency-white); font-size: 8px; top: -5px; left: 6px; height: 19px; width: 19px; background-color: var(--ogency-base); border-radius: 50%; text-align: center; line-height: 19px; }
.checkout-page__shipping-address { position: relative; }
@media (max-width: 991px) {
  .checkout-page__shipping-address { margin: 50px 0px 0px; }
}
.checkout-page__shipping-address__title { font-size: 30px; letter-spacing: -1.2px; margin: 0px 0px 34px; }
.checkout-page__shipping-address__title span { position: relative; display: inline-block; color: var(--ogency-white); font-size: 8px; top: -5px; left: 6px; height: 19px; width: 19px; background-color: var(--ogency-base); border-radius: 50%; text-align: center; line-height: 19px; }
.checkout-page__input-box { position: relative; line-height: 1; margin: 0px 0px 20px; }
.checkout-page__input-box input[type="text"], .checkout-page__input-box input[type="email"], .checkout-page__input-box input[type="tel"] { height: 63px; width: 100%; border: none; background-color: var(--ogency-black2); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--ogency-color); font-family: "Playfair Display", serif; display: block; font-weight: 500; }
.checkout-page__input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { position: relative; display: block; font-family: "Playfair Display", serif; width: 100% !important; }
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after { display: none; }
.checkout-page__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 63px; border-radius: 0px; border: 0px; margin: 0px; padding: 0px 30px; font-size: 14px; line-height: 63px; font-weight: 500; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; outline: none !important; background-color: var(--ogency-black2) !important; color: var(--ogency-color) !important; box-shadow: none !important; }
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::before { position: absolute; top: 0px; bottom: 0px; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--ogency-color); }
.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid var(--ogency-black3); }
.checkout-page__input-box .bootstrap-select .dropdown-menu > li > a { font-size: 14px; font-weight: 500; padding: 15px 30px; color: var(--ogency-color); background-color: var(--ogency-black2); transition: 0.4s; }
.checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a, .checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--ogency-base); color: var(--ogency-white); border-color: var(--ogency-base); }
.checkout-page__input-box textarea { font-size: 14px; font-weight: 500; color: var(--ogency-color); height: 113px; width: 100%; background-color: var(--ogency-black2); font-family: "Playfair Display", serif; padding: 20px 30px 30px; border: none; outline: none; margin-bottom: 0px; }
.checkout-page__check-box { position: relative; display: block; margin-top: -4px; }
.checkout-page__check-box input[type="checkbox"] { display: none; }
.checkout-page__check-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0px; color: var(--ogency-color); font-size: 15px; line-height: 24px; text-transform: none; cursor: pointer; }
.checkout-page__check-box label span::before { position: absolute; top: 4px; left: 5px; display: block; border-bottom: 2px solid var(--ogency-white); border-right: 2px solid var(--ogency-white); content: ""; width: 6px; height: 9px; pointer-events: none; transform-origin: 66% 66%; transform: rotate(45deg); transition: 0.15s ease-in-out; opacity: 0; }
.checkout-page__check-box input[type="checkbox"] + label span { position: absolute; top: 4px; left: 0px; width: 19px; height: 19px; background-color: var(--ogency-base); border-radius: 50%; border: none; vertical-align: middle; cursor: pointer; transition: 300ms; }
.checkout-page__check-box input[type="checkbox"]:checked + label span::before { opacity: 1; }
.checkout-page__your-order { position: relative; margin: 52px 0px 0px; }
.checkout-page__your-order__title { font-size: 30px; letter-spacing: -1.2px; margin-bottom: 35px; }
.checkout-page__order-table { position: relative; width: 100%; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid var(--ogency-black3); margin: 0px; }
.checkout-page__order-table thead tr th { font-size: 20px; color: var(--ogency-white); letter-spacing: -0.8px; font-weight: 800; margin: 0px; padding: 17px 0px 20px; border-right: none; border-left: none; border-image: initial; border-top: 1px solid var(--ogency-black3); border-bottom: 1px solid var(--ogency-black3); }
.checkout-page__order-table thead tr th:last-child { text-align: right; }
.checkout-page__order-table tbody tr td { font-size: 16px; line-height: 26px; color: var(--ogency-color); margin: 0px; padding: 0px 0px 21px; border: none; }
.checkout-page__order-table tbody tr td:last-child { text-align: right; }
.checkout-page__order-table tbody tr:first-child td { padding-top: 21px; }
.checkout-page__payment { background-color: var(--ogency-black2); padding: 47px 50px 3px; margin-bottom: 30px; }
@media (max-width: 991px) {
  .checkout-page__payment { margin-top: 50px; }
}
@media (max-width: 767px) {
  .checkout-page__payment { padding-left: 25px; padding-right: 25px; }
}
.checkout-page__payment__item { position: relative; margin-bottom: 43px; }
.checkout-page__payment__title { display: flex; font-size: 18px; letter-spacing: -0.72px; margin: 0px 0px 28px; align-items: center; cursor: pointer; }
.checkout-page__payment__title::before { content: ""; width: 19px; height: 19px; background-color: var(--ogency-black); border: 1px solid var(--ogency-black3); border-radius: 50%; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 8px; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; margin-right: 14px; position: relative; top: 1px; transition: 500ms; }
.checkout-page__payment__title img { margin-left: 15px; }
.checkout-page__payment__item--active .checkout-page__payment__title::before { background-color: var(--ogency-base); border-color: var(--ogency-base); content: ""; color: var(--ogency-white); }
.checkout-page__payment__content { font-size: 15px; line-height: 26px; color: var(--ogency-color); font-weight: 500; margin-left: 39px; }
.custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--ogency-base); transition: 200ms ease-out; position: fixed; pointer-events: none; left: 0px; top: 0px; transform: translate(calc(-50% + 5px), -50%); z-index: 999991; }
.custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--ogency-base); opacity: 0.3; position: fixed; transform: translate(-50%, -50%); pointer-events: none; transition: width 0.3s, height 0.3s, opacity 0.3s; z-index: 999991; }
.custom-cursor__hover { background-color: var(--ogency-base); opacity: 0.4; }
.custom-cursor__innerhover { width: 25px; height: 25px; opacity: 0.4; }
body.boxed-wrapper { position: relative; }
body.boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: var(--ogency-white); box-shadow: 0px 0px 100px 0px rgba(var(--ogency-black-rgb), 0.08); }
body.boxed-wrapper .main-slider__one-item__content-curved-circle-box { margin-right: 40px; }
body.boxed-wrapper .main-slider__one-item__shape-1 { display: none; }
.main-menu__logo img { width: 130px; }
.chat-icon { position: fixed; z-index: 9999; bottom: 20px; right: 20px; }
.image-popup { visibility: hidden; opacity: 0; transition: opacity 0.2s; position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.image-popup.active { visibility: visible; opacity: 1; }
.swiper { width: 100%; padding: 50px 0px; }
.swiper-slide { width: auto; max-width: 300px; position: relative; }
.gallery-item { position: relative; overflow: hidden; }
.gallery-item img { width: 100%; height: auto; display: block; }
.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 140, 0, 0.8); opacity: 0; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.overlay span { font-size: 40px; color: rgb(255, 255, 255); }
.gallery-item:hover .overlay { opacity: 1; }
.contact-info__item__text a { cursor: pointer; }
.poetsen-one-regular { font-family: "Playfair Display", serif; font-style: normal; font-weight: 300 !important; }
