.newsletter .main-title{color: #333;margin-bottom: 2rem;margin-top: 1rem;font-size: 32px;font-weight: 700;text-align: center;}.newsletter .owl-carousel{margin: 2rem 0;}.newsletter .owl-carousel .owl-nav{margin-top: 20px !important;}.newsletter .owl-carousel .owl-nav.disabled {display: flex;justify-content: center;align-items: center;}.newsletter .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{background: #173d65 !important;color: white !important;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 6px;transform: rotate(180deg);}.newsletter .owl-carousel .owl-nav .owl-prev {margin-inline-end: 8px;}.newsletter .item{text-align: center;text-decoration: none;}.newsletter .item .title{display: flex;align-items: center;justify-content: center;border: 1px solid #777777;border-radius: 8px;max-width: 90%;margin: auto;padding: 16px;color: #333;}.nusuk-banner {position: relative;height: 50vh;background: linear-gradient(#000000a6, #000000a6), url(../img/nusuk-banner.webp);background-size: cover;background-position: 100% 87%;}.nusuk-banner .content {position: absolute;inset: 0;width: 100%;height: 100%;padding: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}.nusuk-banner .content .title {color: white;margin-top: 25px;}.nusuk-banner .content p {color: white;margin-bottom: 0;border: 1px solid white;padding: 8px;border-radius: 8px;transition: all 0.3s linear;}.nusuk-banner .content:hover p {background: white;color: #2D3954;}.about-nusuk .cards {position: relative;padding: 30px 0;}.about-nusuk .cards .card {border: 0;border-radius: 0;overflow: hidden;}.about-nusuk .cards .card::before, .about-nusuk .cards .card img {transition: all 0.3s linear;}.about-nusuk .cards .card::before {content: '';position: absolute;width: 100%;height: 100%;inset: 0;background: #111111a4;z-index: 0;}.about-nusuk .cards .card span {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;}.about-nusuk .download-nusuk {position: relative;padding: 80px 0;}.about-nusuk .title {color: #eac86e;}.about-nusuk .download-nusuk .content p {font-size: 20px;margin-bottom: 20px;}.about-nusuk .download-nusuk .content ul li:not(:last-of-type) {margin-inline-end: 8px;}.about-nusuk .about-img{border-radius: 16px;overflow: hidden;}.about-nusuk .about-img img{width: 100%;object-fit: cover;transition: transform .3s linear;}.about-nusuk .about-img img:hover{transform: scale(1.1);}.about-nusuk .visit-umrah {height: 30vh;background: linear-gradient(#000000bd, #00000045), url(../img/umrah.webp);background-size: cover;background-attachment: fixed;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 80px 0;border-radius: 8px;}.about-nusuk .visit-umrah .title {color: white;font-size: 24px;}.about-nusuk .visit-umrah .title {color: white;font-size: 24px;}.about-nusuk .hajj {position: relative;}.about-nusuk .hajj .row .col-md-6 .card {width: 100%;height: 220px;overflow: hidden;border: 0;}.about-nusuk .hajj .row .col-md-6 .card a {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: white;}.about-nusuk .hajj .row .col-md-6 .card a::before {content: '';position: absolute;width: 100%;height: 100%;inset: 0;background: #111111a4;z-index: 1;}.about-nusuk .hajj .row .col-md-6 .card a span {position: relative;font-size: 32px;transition: all 0.3s linear;z-index: 1;}.about-nusuk .hajj .row .col-md-6 .card a img {position: absolute;inset: 0;width: 100%;height: 100%;transition: all 0.3s linear;z-index: 0;object-fit: cover;}.about-nusuk .about-mecca {position: relative;padding: 80px 0;}.about-nusuk .about-mecca .btn {background: #7c5f39;padding: 6px 32px;margin-top: 16px;display: flex;width: max-content;border-radius: 6px;color: white;}.about-nusuk .about-mecca img {border-radius: 10px;}.about-nusuk .about-mecca .row .col-md-6:nth-child(1), .about-nusuk .about-mecca .row .col-md-6:nth-child(2) {margin-bottom: 56px;}.about-nusuk .cards .col-md-4 {padding: 0;}.about-nusuk .cards .card:hover::before {background: #11111166;}.about-nusuk .social-media {position: relative;padding: 80px 0;background: #f7f7f7;text-align: center;}.about-nusuk .social-media p {text-align: center;}.about-nusuk .social-media ul {display: flex;justify-content: center;align-items: center;margin-top: 32px;}.about-nusuk .social-media ul li {list-style: none;}.about-nusuk .social-media ul li a {position: relative;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 20px;text-align: center;margin: 0 10px;border-radius: 50%;padding: 6px;box-sizing: border-box;text-decoration: none;box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);background: linear-gradient(0deg, #ddd, #fff);transition: 0.5s;}.about-nusuk .social-media ul li a:hover {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);text-decoration: none;}.about-nusuk .social-media ul li a .img, .about-nusuk .social-media ul li a .ti {width: 100%;height: 100%;display: block;background: linear-gradient(0deg, #fff, #ddd);border-radius: 50%;line-height: calc(60px - 12px);font-size: 24px;color: #262626;transition: 0.5s;}.headnavbar{height: 100px;}.nav-mobile{position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding: 16px 0;background: #ffffff;box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1);display: none;}.nav-mobile .d-flex{align-items: center;justify-content: space-between;}.d-flex{display: flex;}.hero-banner{position: relative;min-height: calc(100vh - 108px);}.hero-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0 !important;}.jssocials-share-twitter .jssocials-share-link{background: #494949 !important;}.jssocials-share-twitter .jssocials-share-link:hover{background: #353535 !important;}.jssocials-share-twitter .jssocials-share-link .fa-twitter{background: url(../img/twitter.svg);background-size: cover;}.jssocials-share-twitter path{opacity: 0;}.jssocials-share-twitter .jssocials-share-link .fa-twitter::before{content: "";width: 20px;height: 24px;display: flex;}.guides-sites .owl-nav{display: flex;justify-content: center;align-items: center;margin-top: 16px;}.guides-sites .owl-nav .owl-prev, .guides-sites .owl-nav .owl-next{width: 40px;height: 40px;border: 1px solid #173d65 !important;color: #173d65 !important;background: transparent !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .3s linear;}.guides-sites .owl-nav .owl-prev{transform: rotate(180deg);margin-inline-end: 8px;}.guides-sites .owl-nav .owl-prev:hover, .guides-sites .owl-nav .owl-next:hover{color: white !important;background: #173d65 !important;}.guides-sites .card-img {padding: 20px;height: 150px;display: flex;align-items: center;justify-content: center;background: #f9f9f9;}.footer-widget .footer-bottom-social a svg{transition: fill .3s linear;}.footer-widget .footer-bottom-social a:hover svg{fill: #007bff;}.guides-sites .card-body .card-title {text-align: center;color: #333;font-weight: bold;font-size: 20px;margin: 0;}@media (max-width: 992px){.nav-mobile{display: flex;}.header{display: none;}}@media (max-width: 768px){.hero-banner h1{font-size: 32px;margin-top: 88px;}}@media (max-width: 580px){.newsletter .main-title{font-size: 24px;}}.offcanvas-toggle-btn {display: flex;flex-direction: column;justify-content: center;gap: 5px;background: none;border: none;cursor: pointer;padding: 6px;margin-right: auto;}.offcanvas-toggle-btn span {display: block;width: 26px;height: 2px;background: #173d65;border-radius: 2px;transition: all 0.3s ease;}.offcanvas-backdrop {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 1049;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}.offcanvas-backdrop.is-visible {opacity: 1;visibility: visible;}.offcanvas-panel {position: fixed;top: 0;right: -320px;width: 300px;max-width: 85vw;height: 100%;background: #fff;z-index: 1050;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);overflow-y: auto;transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);direction: rtl;}.offcanvas-panel.is-open {right: 0;}body.offcanvas-open {overflow: hidden;}.offcanvas-header {display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid #eee;}.offcanvas-logo img {height: 40px;}.offcanvas-close-btn {background: none;border: none;font-size: 18px;color: #555;cursor: pointer;padding: 4px 8px;line-height: 1;margin-inline-start: auto;}.offcanvas-close-btn:hover {color: #173d65;}.offcanvas-levels-wrapper {position: relative;overflow: hidden;}.offcanvas-level {position: absolute;top: 0;left: 0;width: 100%;transform: translateX(100%);visibility: hidden;will-change: transform;}.offcanvas-level.is-active {position: relative;transform: translateX(0);visibility: visible;}.offcanvas-level-header {display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: #f4f6f9;border-bottom: 1px solid #e0e4ea;}.offcanvas-back-btn {display: flex;align-items: center;gap: 6px;background: none;border: none;color: #173d65;font-size: 13px;font-weight: 600;cursor: pointer;padding: 4px 6px;}.offcanvas-back-btn:hover {color: #0f2540;}.offcanvas-level-title {font-size: 14px;font-weight: 700;color: #333;}.offcanvas-menu-list {list-style: none;margin: 0;padding: 0;}.offcanvas-menu-list > li {border-bottom: 1px solid #f0f0f0;}.offcanvas-menu-list > li:last-child {border-bottom: none;}.offcanvas-link {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 14px 20px;color: #333;font-size: 15px;font-weight: 600;text-decoration: none;background: none;border: none;cursor: pointer;text-align: right;transition: color 0.2s, background 0.2s;}.offcanvas-link:hover, .offcanvas-link:focus {color: #173d65;background: #f4f6f9;text-decoration: none;outline: none;}.offcanvas-link i {font-size: 11px;opacity: 0.6;}