@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@font-face{font-family:'AlQalamQuran';src:url("/fonts/arabic/Al Qalam Quran.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'AlQalamQuranMajeed';src:url("/fonts/arabic/Al Qalam Quran Majeed.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'UthmanicHafs';src:url("/fonts/arabic/KFGQPC Uthmanic Script HAFS Regular.otf") format("opentype");font-weight:normal;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{font-family:"Inter", sans-serif;font-weight:normal;font-style:normal;color:#000000;overflow-x:hidden;font-size:15px;background:linear-gradient(to top, #E9D2A7, #C6A367);min-height:100vh;position:relative}body::before{content:'';position:fixed;bottom:-120px;right:-150px;width:500px;height:500px;background-image:url(/assets/arabesque.png);background-repeat:no-repeat;background-size:contain;background-position:center;opacity:0.15;z-index:-1;pointer-events:none}@media (max-width: 768px){body::before{width:200px;height:200px;bottom:-30px;right:-30px;opacity:0.2}}p{margin:0;padding:0;font-size:15px;line-height:24px}*{margin:0;padding:0}.navbar-toggler:focus,a:focus,input:focus,textarea:focus,button:focus,.btn:focus,.btn.focus,.btn.active:not(:disabled):not(.disabled),.btn:not(:disabled):not(.disabled):active{text-decoration:none;outline:none;outline:none !important;border-color:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.form-check-input:checked{background-color:#ff6b81;border-color:#ff6b81}select{-webkit-writing-mode:horizontal-tb !important;text-rendering:auto;color:#081828;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:start;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:pre;-webkit-rtl-ordering:logical;background-color:-internal-light-dark(white, #3b3b3b);cursor:default;margin:0em;font:400 14px;border-radius:0px;border-width:1px;border-style:solid;border-color:-internal-light-dark(#767676, #858585);-o-border-image:initial;border-image:initial}span,a{display:inline-block;text-decoration:none;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0px;color:#081828}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h1{font-size:50px}h2{font-size:40px}h3{font-size:30px}h4{font-size:25px}h5{font-size:20px}h6{font-size:16px}ul,ol{margin:0px;padding:0px;list-style-type:none}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mt-205{margin-top:205px}.mt-210{margin-top:210px}.mt-215{margin-top:215px}.mt-220{margin-top:220px}.mt-225{margin-top:225px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.mb-205{margin-bottom:205px}.mb-210{margin-bottom:210px}.mb-215{margin-bottom:215px}.mb-220{margin-bottom:220px}.mb-225{margin-bottom:225px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-205{padding-top:205px}.pt-210{padding-top:210px}.pt-215{padding-top:215px}.pt-220{padding-top:220px}.pt-225{padding-top:225px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-205{padding-bottom:205px}.pb-210{padding-bottom:210px}.pb-215{padding-bottom:215px}.pb-220{padding-bottom:220px}.pb-225{padding-bottom:225px}.img-bg{background-position:center center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}@media only screen and (min-width: 480px) and (max-width: 767px){.container{width:450px}}.breadcrumbs{position:relative;padding-bottom:100px;padding-top:180px;z-index:2;text-align:left;background-color:#ff6b81}@media only screen and (min-width: 768px) and (max-width: 991px){.breadcrumbs{padding-bottom:60px;padding-top:120px}}@media (max-width: 767px){.breadcrumbs{padding-bottom:60px;padding-top:120px}}.breadcrumbs .breadcrumbs-content{position:relative;text-align:center}.breadcrumbs .breadcrumbs-content .page-title{font-size:32px;color:#fff;font-weight:700;position:relative;line-height:50px}@media only screen and (min-width: 768px) and (max-width: 991px){.breadcrumbs .breadcrumbs-content .page-title{font-size:28px;line-height:42px}}@media (max-width: 767px){.breadcrumbs .breadcrumbs-content .page-title{font-size:25px;line-height:38px}}.breadcrumbs .breadcrumbs-content .breadcrumb-nav{background:transparent;border-radius:0;margin-bottom:0;padding:0;display:inline-block}.breadcrumbs .breadcrumb-nav{text-align:center;margin-top:15px}@media only screen and (min-width: 768px) and (max-width: 991px){.breadcrumbs .breadcrumb-nav{margin-top:10px}}@media (max-width: 767px){.breadcrumbs .breadcrumb-nav{margin-top:8px}}.breadcrumbs .breadcrumb-nav li{display:inline-block;position:relative;padding-right:15px;margin-right:15px;text-transform:capitalize}.breadcrumbs .breadcrumb-nav li:after{content:"\ea5c";font-family:lineIcons;font-size:10px;position:absolute;top:4px;right:-7px}.breadcrumbs .breadcrumb-nav li:last-child{margin:0;padding:0}.breadcrumbs .breadcrumb-nav li:last-child::after{display:none}.breadcrumbs .breadcrumb-nav li,.breadcrumbs .breadcrumb-nav li a{color:#fff;font-size:14px;font-weight:500}.breadcrumbs .breadcrumb-nav li a{position:relative}.breadcrumbs .breadcrumb-nav li a:hover{text-decoration:underline}.section{padding-top:100px;padding-bottom:100px;position:relative}@media only screen and (min-width: 768px) and (max-width: 991px){.section{padding-top:60px;padding-bottom:60px}}@media (max-width: 767px){.section{padding-top:50px;padding-bottom:50px}}.section-title{text-align:center;margin-bottom:80px;padding:0 300px;position:relative;z-index:5}.section-title h3{font-size:15px;font-weight:600;display:block;margin-bottom:8px;color:#ff6b81;text-transform:uppercase}.section-title h2{font-size:34px;margin-bottom:25px;line-height:42px;text-transform:capitalize;position:relative;font-weight:800}.section-title p{font-size:15px}@media only screen and (min-width: 992px) and (max-width: 1199px){.section-title{padding:0px 200px;margin-bottom:70px}}@media only screen and (min-width: 768px) and (max-width: 991px){.section-title{padding:0px 20px;margin-bottom:70px}.section-title h3{font-size:14px}.section-title h2{font-size:24px;line-height:32px;margin-bottom:20px}.section-title p{font-size:14px}}@media (max-width: 767px){.section-title{padding:0px 10px;margin-bottom:60px}.section-title h3{font-size:14px}.section-title h2{font-size:20px;line-height:30px;margin-bottom:18px}.section-title p{font-size:14px}}.section-title.align-right{padding:0;padding-left:600px}.section-title.align-right h2:before{display:none}.section-title.align-right h2:after{position:absolute;right:0;bottom:-1px;height:2px;width:50px;background:#ff6b81;content:""}.section-title.align-left{padding:0;padding-right:600px}.section-title.align-left h2:before{left:0;margin-left:0}.scroll-top{width:45px;height:45px;line-height:45px;background:#ff6b81;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff !important;position:fixed;bottom:30px;right:30px;z-index:9;cursor:pointer;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:5px}.scroll-top:hover{-webkit-box-shadow:0 1rem 3rem rgba(35,38,45,0.15) !important;box-shadow:0 1rem 3rem rgba(35,38,45,0.15) !important;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);background-color:#081828}.overlay{position:relative;z-index:1}.overlay::before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;background:#081828;content:"";-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:-1}.pagination{text-align:left;margin:40px 0 0 0;display:block}.pagination.center{text-align:center}.pagination.right{text-align:right}.pagination.left{text-align:left}.pagination .pagination-list{display:inline-block;overflow:hidden}.pagination .pagination-list li{margin-right:5px;display:inline-block;margin-top:10px}.pagination .pagination-list li:last-child{margin-right:0px}.pagination .pagination-list li a{background:#ffffff;color:#000000;font-weight:400;font-size:14px;border-radius:5px;padding:8px 20px;text-align:center;border:2px solid #8C6E37;transition:all 0.3s ease}.pagination .pagination-list li.active a,.pagination .pagination-list li:hover a{background:#8C6E37;color:#ffffff;border-color:#8C6E37;transform:translateY(-1px);box-shadow:0 4px 8px rgba(140,110,55,0.2)}.pagination .pagination-list li a i{font-size:13px}.blog-grids.pagination{margin-top:50px;text-align:center}.button .btn{display:inline-block;text-transform:capitalize;font-size:15px;font-weight:600;padding:13px 30px;background-color:#ff6b81;color:#fff;border:none;-webkit-transition:0.2s;transition:0.2s;border-radius:5px;position:relative;z-index:1;margin-right:7px;overflow:hidden}@media only screen and (min-width: 768px) and (max-width: 991px){.button .btn{padding:12px 25px;font-size:14px;font-weight:500}}@media (max-width: 767px){.button .btn{padding:12px 25px;font-size:14px;font-weight:500}}.button .btn i{display:inline-block;margin-right:5px}.button .btn:last-child{margin:0}.button .btn:hover{color:#fff;background-color:#081828;-webkit-box-shadow:0px 4px 4px #0000000f;box-shadow:0px 4px 4px #0000000f}.button .btn-alt{color:#fff !important;background:transparent !important;border:2px solid #fff;padding:11px 30px}@media only screen and (min-width: 768px) and (max-width: 991px){.button .btn-alt{padding:10px 30px}}@media (max-width: 767px){.button .btn-alt{padding:10px 30px}}.button .btn-alt:hover{background-color:#fff !important;color:#ff6b81 !important}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.preloader{position:fixed;top:0;left:0;z-index:999999999;width:100%;height:100%;background-color:#fff;overflow:hidden}.preloader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.preloader-icon{width:100px;height:100px;display:inline-block;padding:0px}.preloader-icon span{position:absolute;display:inline-block;width:100px;height:100px;border-radius:100%;background:#C6A367;-webkit-animation:preloader-fx 1.6s linear infinite;animation:preloader-fx 1.6s linear infinite}.preloader-icon span:last-child{animation-delay:-0.8s;-webkit-animation-delay:-0.8s}@keyframes preloader-fx{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0);opacity:0.5}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0}}@-webkit-keyframes preloader-fx{0%{-webkit-transform:scale(0, 0);opacity:0.5}100%{-webkit-transform:scale(1, 1);opacity:0}}.header{width:100%;position:absolute;width:100%;left:0;top:0}@media only screen and (min-width: 768px) and (max-width: 991px){.header{padding:18px 0 !important}.header .mobile-menu-btn .toggler-icon{background-color:#fff}.header .button{margin:0 !important}.header .navbar-collapse{position:absolute;top:67px !important;left:0;width:100%;background-color:#fff;z-index:9;-webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);padding:10px 20px;max-height:350px;overflow-y:scroll;border-top:1px solid #eee;border-radius:6px}.header .navbar .navbar-nav .nav-item a:hover{color:#ff6b81 !important}.header .navbar .navbar-nav .nav-item a.active{color:#ff6b81 !important}.header .navbar-nav .nav-item{margin:0}.header .navbar-nav .nav-item:hover a{color:#ff6b81}.header .navbar-nav .nav-item a{padding:12px 16px !important}.header .navbar-nav .nav-item a::before{display:none}.header .navbar-nav .nav-item .sub-menu{position:static;width:100%;opacity:1;visibility:visible;-webkit-box-shadow:none;box-shadow:none;padding:0;border:none;margin-left:15px;margin-right:15px}.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:12px 12px}.header .navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#ff6b81 !important}.header .navbar-nav .nav-item a{color:#051441;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.header .navbar-nav .nav-item a::after{opacity:1;visibility:visible}.header .navbar-nav .nav-item .sub-menu li.active{background:#fff !important;color:#ff6b81 !important}.header .navbar-nav .nav-item .sub-menu .nav-item{margin:0 !important}.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:10px 12px !important}.header .navbar-nav .nav-item .sub-menu li:hover{background:#fff !important;color:#ff6b81 !important}.header .navbar-nav .nav-item a{font-size:14px}.header .navbar-nav .nav-item a:hover{color:#ff6b81}}@media (max-width: 767px){.header{padding:18px 0 !important}.header .mobile-menu-btn .toggler-icon{background-color:#fff}.header .navbar-collapse{position:absolute;top:58px !important;left:0;width:100%;background-color:#fff;z-index:9;-webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);padding:10px 20px;max-height:350px;overflow-y:scroll;border-top:1px solid #eee;border-radius:6px}.header .navbar .navbar-nav .nav-item a:hover{color:#ff6b81 !important}.header .navbar .navbar-nav .nav-item a.active{color:#ff6b81 !important}.header .navbar-nav .nav-item{margin:0}.header .navbar-nav .nav-item:hover a{color:#ff6b81}.header .navbar-nav .nav-item a{padding:12px 16px !important}.header .navbar-nav .nav-item a::before{display:none}.header .navbar-nav .nav-item .sub-menu{position:static;width:100%;opacity:1;visibility:visible;-webkit-box-shadow:none;box-shadow:none;padding:0;border:none;margin-left:15px;margin-right:15px}.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:12px 12px}.header .navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#ff6b81 !important}.header .navbar-nav .nav-item a{color:#051441;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0}.header .navbar-nav .nav-item a::after{opacity:1;visibility:visible}.header .navbar-nav .nav-item .sub-menu li.active{background:#fff !important;color:#ff6b81 !important}.header .navbar-nav .nav-item .sub-menu .nav-item{margin:0 !important}.header .navbar-nav .nav-item .sub-menu .nav-item a{padding:10px 12px !important}.header .navbar-nav .nav-item .sub-menu li:hover{background:#fff !important;color:#ff6b81 !important}.header .navbar-nav .nav-item a{font-size:14px}.header .navbar-nav .nav-item a:hover{color:#ff6b81}}@media (max-width: 767px){.header .button{display:none}}.header .button .btn{background-color:transparent;border:2px solid #fff;color:#fff;padding:12px 30px}.header .button .btn:hover{background-color:#fff;color:#ff6b81}.header .navbar-brand img{width:160px}@media only screen and (min-width: 768px) and (max-width: 991px){.header .navbar-brand img{width:170px}}@media (max-width: 767px){.header .navbar-brand img{width:160px}}.header.sticky .navbar-brand .white-logo{opacity:0;visibility:hidden}.header.sticky .navbar-brand .dark-logo{opacity:1;visibility:visible}.header.sticky .button .btn{background-color:#ff6b81;color:#fff;border-color:transparent}.header.sticky .button .btn:hover{background-color:#081828;color:#fff}.sticky{position:fixed;z-index:99;background-color:#fff;-webkit-box-shadow:0px 20px 50px 0px rgba(0,0,0,0.05);box-shadow:0px 20px 50px 0px rgba(0,0,0,0.05);-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;top:0}.navbar-expand-lg .navbar-nav{margin:0;margin-left:auto !important;margin-right:auto !important}.header .navbar .navbar-nav .nav-item a.active{color:#fff}.sticky .navbar .navbar-nav .nav-item a.active{color:#ff6b81}.sticky .navbar .navbar-nav .nav-item a{color:#081828}.header .navbar .navbar-nav .nav-item .sub-menu a.active{color:#fff}.sticky .navbar .navbar-nav .nav-item .sub-menu a.active{color:#fff}.sticky .navbar .mobile-menu-btn .toggler-icon{background:#333}.navbar-area{width:100%;z-index:99;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;padding:0;height:100px;padding-top:30px}.navbar-area.sticky{position:fixed;z-index:99;background:#ff6b81;-webkit-box-shadow:0px 20px 50px 0px rgba(0,0,0,0.05);box-shadow:0px 20px 50px 0px rgba(0,0,0,0.05);-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;background:#fff;padding:0px 0}.navbar{padding:0;position:relative;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.navbar-brand{padding-left:0;border-radius:0}.mobile-menu-btn{padding:0px}.mobile-menu-btn:focus{text-decoration:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.mobile-menu-btn .toggler-icon{width:30px;height:2px;background-color:#222;display:block;margin:5px 0;position:relative;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}.mobile-menu-btn.active .toggler-icon:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:7px}.mobile-menu-btn.active .toggler-icon:nth-of-type(2){opacity:0}.mobile-menu-btn.active .toggler-icon:nth-of-type(3){-webkit-transform:rotate(135deg);transform:rotate(135deg);top:-7px}.navbar-nav .nav-item{z-index:1;position:relative;margin-right:40px}.navbar-nav .nav-item:last-child{margin-right:0 !important}.navbar-nav .nav-item:hover a{color:#fff}.sticky .navbar-nav .nav-item:hover a{color:#ff6b81}.navbar-nav .nav-item a{font-size:15px;color:#fff;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;position:relative;padding:35px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;transition:all 0.3s ease-out 0s;position:relative;text-transform:capitalize}.navbar-nav .nav-item a::after{opacity:0;visibility:hidden}.navbar-nav .nav-item:hover a:before{width:100%}.navbar-nav .nav-item a.active{color:#fff}.navbar-nav .nav-item a.dd-menu::after{content:"\ea58";font:normal normal normal 1em/1 "LineIcons";position:absolute;right:17px;font-size:10px;top:50%;margin-left:5px;margin-top:0px;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;height:10px}@media only screen and (min-width: 992px) and (max-width: 1199px){.navbar-nav .nav-item a.dd-menu::after{right:13px}}@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px){.navbar-nav .nav-item a.dd-menu::after{top:18px;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px){.navbar-nav .nav-item a.collapsed::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.navbar-nav .nav-item:hover>.sub-menu{top:100%;opacity:1;visibility:visible}.navbar-nav .nav-item:hover>.sub-menu .sub-menu{left:100%;top:0}.navbar-nav .nav-item .sub-menu{padding:30px;min-width:240px;background:#fff;-webkit-box-shadow:0px 5px 20px #0000001a;box-shadow:0px 5px 20px #0000001a;position:absolute;top:110% !important;left:0;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;border-radius:0 0 4px 4px;border-radius:5px}.navbar-nav .nav-item:hover .sub-menu{top:100% !important}.navbar-nav .nav-item .sub-menu .nav-item{width:100%;margin-bottom:15px}.navbar-nav .nav-item .sub-menu .nav-item:last-child{margin:0}.navbar-nav .nav-item .sub-menu .nav-item a{padding:0;color:#888;display:block;width:100%;font-size:14px;font-weight:500;text-transform:capitalize;position:relative;z-index:1;border-radius:4px;overflow:hidden;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.navbar-nav .nav-item .sub-menu .nav-item a:hover{color:#ff6b81}.navbar-nav .nav-item .sub-menu.left-menu{left:-100%}.navbar-nav .nav-item .sub-menu.collapse:not(.show){display:block}@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px){.navbar-nav .nav-item .sub-menu.collapse:not(.show){display:none}}.navbar-nav .nav-item .sub-menu>li{display:block;margin-left:0}.navbar-nav .nav-item .sub-menu>li:last-child{border:none}.navbar-nav .nav-item .sub-menu>li.active>a{color:#ff6b81 !important}.navbar-nav .nav-item .sub-menu>li>a{font-weight:400;display:block;padding:12px 15px;font-size:14px;color:#222;font-weight:400}.navbar-nav .nav-item .sub-menu>li:first-child a{border:none}.add-list-button{display:inline-block;margin-left:10px}.add-list-button .btn i{font-size:14px;display:inline-block;margin-right:5px}.hero-area{position:relative;padding:180px 0 120px 0;background:linear-gradient(to top, #E9D2A7, #C6A367);height:100vh}@media only screen and (min-width: 768px) and (max-width: 991px){.hero-area{padding:150px 0 60px 0;height:auto}}@media (max-width: 767px){.hero-area{padding:120px 0 50px 0;height:auto}}.hero-image{margin-top:120px;margin-left:100px}.hero-area .hero-image .first-img{width:28%}.hero-area .hero-image .second-img{width:28%;margin-left:15px;margin-top:40px}.hero-area .hero-image .third-img{width:28%;margin-left:15px}.navbar-brand{text-align:center}@media only screen and (min-width: 768px) and (max-width: 991px){.hero-area .wow{margin-top:70px}.hero-area .hero-image{margin-left:10px}.hero-area .hero-image .first-img{width:31%}.hero-area .hero-image .second-img{width:31%;margin-left:15px;margin-top:40px}.hero-area .hero-image .third-img{width:31%;margin-left:15px}}@media (max-width: 767px){.hero-area .wow{margin-top:70px}.hero-area .hero-image{margin-top:100px;margin-left:0px}.hero-area .hero-image .first-img{width:30%}.hero-area .hero-image .second-img{width:30%;margin-left:10px;margin-top:40px}.hero-area .hero-image .third-img{width:30%;margin-left:10px}.navbar-brand{text-align:center;width:100%}}.btn[title]:hover:after{content:"Coming soon!";position:absolute;left:50%;transform:translateX(-50%);padding:6px 10px;background-color:rgba(0,0,0,0.8);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap}.btn[title]{position:relative}.btn[title]:hover:before{content:"";position:absolute;border:6px solid transparent;border-top-color:rgba(0,0,0,0.8);top:-12px;left:50%;transform:translateX(-50%)}.hero-area .hero-content{border-radius:0;position:relative;z-index:1;text-align:left}.hero-area .hero-content h1{font-size:38px;font-weight:800;line-height:50px;color:#fff;text-shadow:0px 3px 8px #00000017;text-transform:capitalize;margin-bottom:20px}.hero-area .hero-content h1 span{display:block}.hero-area .hero-content p{margin-top:30px;font-size:16px;color:#fff;line-height:24px;max-width:500px}.hero-area .hero-content .button{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-area .hero-content .button .btn{background-color:#fff;color:#ff6b81;flex-shrink:0}.hero-area .hero-content .button .btn i{font-size:17px}.hero-area .hero-content .button .btn:hover{background-color:#081828;color:#fff}.hero-area .hero-content .button .btn.btn-alt{background-color:#ffffff6b;color:#fff}.hero-area .hero-content .button .btn.btn-alt:hover{background-color:#fff;color:#ff6b81}@media (max-width: 767px){.hero-area .hero-content .button .video-button{margin-top:20px}}.hero-area .hero-content .button .video-button .text{display:inline-block;margin-left:15px;color:#fff;font-weight:500}.hero-area .hero-content .button .video-button:hover .video{color:#fff;background-color:#081828}.hero-area .hero-content .button .video-button .video{height:50px;width:50px;line-height:50px;text-align:center;color:#ff6b81;background-color:#fff;border-radius:50%;margin-left:10px;font-size:16px;padding-left:3px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative}.hero-area .hero-content .button .video-button .video:before{position:absolute;content:'';left:0;top:0;height:100%;width:100%;border:1px solid #fff;border-radius:50%;-webkit-animation:pulse-border-2 2s linear infinite;animation:pulse-border-2 2s linear infinite}@-webkit-keyframes pulse-border{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes pulse-border{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@-webkit-keyframes pulse-border-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes pulse-border-2{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@media only screen and (min-width: 992px) and (max-width: 1199px){.hero-area .hero-content h1{font-size:40px}}@media only screen and (min-width: 768px) and (max-width: 991px){.hero-area .hero-content{text-align:center}.hero-area .hero-content h1{font-size:30px;font-weight:700;line-height:38px;margin-bottom:15px}.hero-area .hero-content p{font-size:15px;line-height:22px;max-width:400px;margin:0 auto}.hero-area .hero-content .button{flex-direction:row;justify-content:center;flex-wrap:wrap}}@media (max-width: 767px){.hero-area .hero-content{padding:0 15px;text-align:center}.hero-area .hero-content h1{font-size:24px;line-height:32px;font-weight:700;margin-bottom:15px}.hero-area .hero-content p{margin-top:15px;font-size:14px;line-height:22px;max-width:100%;padding:0 10px}.hero-area .hero-content .button{flex-direction:column;align-items:stretch;margin-top:30px}.hero-area .hero-content .button .btn{width:100%;margin:0;margin-bottom:10px;padding:12px 20px;font-size:14px}.hero-area .hero-content .button .btn:last-child{margin-bottom:0}}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #8C6E37;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.loading-dots{display:inline-block;position:relative;width:80px;height:80px}.loading-dots div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#8C6E37;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.loading-dots div:nth-child(1){left:8px;animation:loading-dots1 0.6s infinite}.loading-dots div:nth-child(2){left:8px;animation:loading-dots2 0.6s infinite}.loading-dots div:nth-child(3){left:32px;animation:loading-dots2 0.6s infinite}.loading-dots div:nth-child(4){left:56px;animation:loading-dots3 0.6s infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loading-dots1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loading-dots3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes loading-dots2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.loading-state{text-align:center;padding:40px 20px;color:#8C6E37;font-size:18px;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state-icon{font-size:48px;margin-bottom:20px;opacity:0.6}.empty-state-title{font-size:24px;font-weight:600;color:#8C6E37;margin-bottom:10px}.empty-state-description{font-size:16px;color:#666;max-width:400px;margin:0 auto;line-height:1.5}.features{background-color:#f9f9f9}.features .section-title{margin-bottom:30px}.features .single-feature{text-align:left;padding:35px;background-color:#fff;border-radius:6px;position:relative;margin-top:30px;border:1px solid #eee;-webkit-transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s}.features .single-feature:hover{-webkit-box-shadow:0px 3px 5px #00000017;box-shadow:0px 3px 5px #00000017;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.features .single-feature i{height:60px;width:60px;line-height:60px;text-align:center;display:inline-block;background-color:#ff6b81;color:#fff;font-size:20px;border-radius:7px;-webkit-box-shadow:0px 4px 6px #0000002a;box-shadow:0px 4px 6px #0000002a;margin-bottom:30px}.features .single-feature h3{font-size:18px;font-weight:500;margin-bottom:20px}.features .single-feature p{line-height:22px}.our-achievement{background-color:#ff6b81;text-align:center;padding:130px 0}@media only screen and (min-width: 768px) and (max-width: 991px){.our-achievement{padding:80px 0}}@media (max-width: 767px){.our-achievement{padding:60px 0}}.our-achievement .title h2{color:#fff;font-weight:700;font-size:35px;margin-bottom:10px}.our-achievement .title p{color:#fff}.our-achievement .single-achievement{margin-top:50px;text-align:center;padding:0px 10px}.our-achievement .single-achievement h3{font-size:35px;font-weight:800;display:block;margin-bottom:5px;color:#fff}.our-achievement .single-achievement p{font-size:15px;color:#fff;font-weight:500;text-transform:capitalize}@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px){.our-achievement .title h2{font-size:24px;line-height:32px}.our-achievement .single-achievement{margin-top:30px}.our-achievement .single-achievement h3{font-size:28px}}.pricing-table{background-color:#f9f9f9}.pricing-table .section-title{margin-bottom:50px}@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px){.pricing-table .section-title{margin-bottom:30px}}.pricing-table .single-table{border:1px solid #eee;border-radius:10px;margin-top:30px;background-color:#fff;-webkit-transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;transition:all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s}.pricing-table .single-table:hover:hover{-webkit-box-shadow:0px 3px 5px #00000017;box-shadow:0px 3px 5px #00000017;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pricing-table .single-table .table-head{padding:25px;border-bottom:1px solid #eee}.pricing-table .single-table .table-head .title{font-size:16px;font-weight:600;margin-bottom:20px}.pricing-table .single-table .table-head p{font-weight:400;font-size:14px;line-height:22px}.pricing-table .single-table .table-head .price{padding:30px 0}.pricing-table .single-table .table-head .price .amount{font-size:30px;font-weight:700;display:inline-block}.pricing-table .single-table .table-head .price .amount .duration{display:inline-block;font-size:14px;color:#888;font-weight:400;margin-left:3px}.pricing-table .single-table .table-head .button .btn{width:100%;padding:12px 30px;font-size:13px;background-color:#081828}.pricing-table .single-table .table-head .button .btn:hover{background-color:#ff6b81;color:#fff}.pricing-table .single-table .table-content{padding:25px}.pricing-table .single-table .table-content .middle-title{font-size:13px;font-weight:500;text-transform:uppercase;margin-bottom:25px}.pricing-table .single-table .table-content .table-list li{position:relative;padding-left:25px;font-size:14px;margin-bottom:13px}.pricing-table .single-table .table-content .table-list li:last-child{margin:0}.pricing-table .single-table .table-content .table-list li i{color:#ff6b81;font-size:14px;position:absolute;left:0;top:4px}.call-action{background-color:#ff6b81}.call-action .cta-content{text-align:center;padding:0px 50px}@media only screen and (min-width: 768px) and (max-width: 991px){.call-action .cta-content{padding:0}}@media (max-width: 767px){.call-action .cta-content{padding:0}}.call-action .cta-content h2{color:#fff;line-height:50px;font-size:38px;font-weight:700;margin-bottom:30px}@media only screen and (min-width: 768px) and (max-width: 991px){.call-action .cta-content h2{font-size:32px;line-height:45px}}@media (max-width: 767px){.call-action .cta-content h2{font-size:25px;line-height:35px}}.call-action .cta-content p{color:#fff;padding:0px 50px}@media only screen and (min-width: 768px) and (max-width: 991px){.call-action .cta-content p{padding:0}}@media (max-width: 767px){.call-action .cta-content p{padding:0}}.call-action .cta-content .button{margin-top:40px}.call-action .cta-content .button .btn{background-color:#fff;color:#ff6b81}.call-action .cta-content .button .btn:hover{color:#fff;background-color:#081828}.error-area{height:100vh;text-align:center;width:auto;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}.d-table{width:100%;height:100%}.d-table{display:table !important}.d-table-cell{vertical-align:middle}.d-table-cell{display:table-cell !important}.error-area .error-content h1{font-size:100px;color:#ff6b81;margin-bottom:25px;font-weight:800;line-height:100px}@media only screen and (min-width: 768px) and (max-width: 991px){.error-area .error-content h1{font-size:60px;line-height:50px}}@media (max-width: 767px){.error-area .error-content h1{font-size:45px;line-height:30px}}.error-area .error-content h2{font-size:25px;margin-bottom:10px;color:#081828;font-weight:700}@media only screen and (min-width: 768px) and (max-width: 991px){.error-area .error-content h2{font-size:22px}}@media (max-width: 767px){.error-area .error-content h2{font-size:18px}}.error-area .error-content p{font-weight:400;margin-bottom:40px;color:#888}.footer{background-color:#081828;position:relative}.footer .footer-top{padding:100px 0}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-top{padding:80px 0;padding-top:40px}}@media (max-width: 767px){.footer .footer-top{padding:60px 0;padding-top:20px}}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .single-footer{margin-top:40px}}@media (max-width: 767px){.footer .single-footer{margin-top:40px;text-align:center}}.footer .single-footer.f-about{padding-right:30px}@media (max-width: 767px){.footer .single-footer.f-about{padding:0}}.footer .single-footer.f-about .logo img{width:180px}.footer .single-footer.f-about p{color:#D2D6DC;margin-top:20px;font-size:14px}.footer .single-footer.f-about .social{margin-top:30px}.footer .single-footer.f-about .social li{display:inline-block;margin-right:17px}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .single-footer.f-about .social li{margin-bottom:10px}}@media (max-width: 767px){.footer .single-footer.f-about .social li{margin-bottom:10px}}.footer .single-footer.f-about .social li:last-child{margin:0}.footer .single-footer.f-about .social li a{color:#D2D6DC;font-size:15px}.footer .single-footer.f-about .social li a:hover{color:#ff6b81}.footer .single-footer.f-about .social li:last-child{margin:0}.footer .single-footer.f-about .copyright-text{color:#D2D6DC;font-size:14px;margin-top:40px}@media (max-width: 767px){.footer .single-footer.f-about .copyright-text{margin-top:20px}}.footer .single-footer.f-about .copyright-text a{color:#D2D6DC}.footer .single-footer.f-about .copyright-text a:hover{color:#ff6b81}.footer .single-footer.f-link li{display:block;margin-bottom:12px}.footer .single-footer.f-link li:last-child{margin:0}.footer .single-footer.f-link li a{font-size:15px;font-weight:400;color:#D2D6DC}.footer .single-footer.f-link li a:hover{color:#ff6b81}.footer .single-footer h3{font-size:18px;font-weight:600;display:block;margin-bottom:35px;color:#D2D6DC}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .single-footer h3{margin-bottom:25px}}@media (max-width: 767px){.footer .single-footer h3{margin-bottom:25px}}.footer .footer-newsletter{padding-bottom:100px}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-newsletter{padding-bottom:80px}}@media (max-width: 767px){.footer .footer-newsletter{padding-bottom:60px;text-align:center}}.footer .footer-newsletter .inner-content{border:2px solid rgba(238,238,238,0.171);padding:50px;border-radius:8px}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-newsletter .inner-content{padding:30px}}@media (max-width: 767px){.footer .footer-newsletter .inner-content{padding:30px}}.footer .footer-newsletter .title{position:relative}.footer .footer-newsletter .title h3{color:#D2D6DC;font-size:18px;display:block;margin-bottom:10px;font-weight:600;text-transform:capitalize}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-newsletter .title h3{font-size:16px}}@media (max-width: 767px){.footer .footer-newsletter .title h3{font-size:16px}}.footer .footer-newsletter .title p{font-size:15px;color:#D2D6DC}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-newsletter .title p{font-size:14px}}@media (max-width: 767px){.footer .footer-newsletter .title p{font-size:14px}}.footer .footer-newsletter .title p a{color:#ff6b81;text-decoration:underline}.footer .footer-newsletter .title p a:hover{color:#fff}.footer .footer-newsletter .newsletter-form{position:relative}@media (max-width: 767px){.footer .footer-newsletter .newsletter-form{margin-top:30px}}.footer .footer-newsletter .newsletter-form input{height:48px;width:300px;display:inline-block;background:transparent;border:none;color:#fff;border-radius:0;padding:0 20px;color:#fff !important;font-size:14px;background-color:#fff3;border-radius:5px;float:right;margin-right:148px}@media only screen and (min-width: 768px) and (max-width: 991px){.footer .footer-newsletter .newsletter-form input{width:100%;margin:0;padding-right:144px}}@media (max-width: 767px){.footer .footer-newsletter .newsletter-form input{width:100%;margin:0;text-align:center}}.footer .footer-newsletter .newsletter-form ::-webkit-input-placeholder{color:#fff;opacity:1}.footer .footer-newsletter .newsletter-form :-ms-input-placeholder{color:#fff;opacity:1}.footer .footer-newsletter .newsletter-form ::-ms-input-placeholder{color:#fff;opacity:1}.footer .footer-newsletter .newsletter-form ::placeholder{color:#fff;opacity:1}.footer .footer-newsletter .newsletter-form :-ms-input-placeholder{color:#fff}.footer .footer-newsletter .newsletter-form ::-ms-input-placeholder{color:#fff}.footer .footer-newsletter .newsletter-form .button{display:inline-block;position:absolute;right:0}@media (max-width: 767px){.footer .footer-newsletter .newsletter-form .button{position:relative;margin-top:10px;left:0;bottom:0;width:100%}.footer .footer-newsletter .newsletter-form .button .btn{width:100%}}.footer .footer-newsletter .newsletter-form .button .btn{display:inline-block;background:#ff6b81;color:#fff;height:48px;line-height:48px;padding:0 30px}.footer .footer-newsletter .newsletter-form .button .btn::before{background-color:#fff}.footer .footer-newsletter .newsletter-form .button .btn:hover{color:#ff6b81;background-color:#fff}.navbar-actions{display:flex;align-items:center;gap:15px}.language-dropdown{position:relative;z-index:1000}.language-button{background:#FDF8F0;border:2px solid #8C6E37;color:#000000;padding:16px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative;overflow:hidden}.language-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(74,158,255,0.1), transparent);transition:left 0.5s ease}.language-button:hover::before{left:100%}.language-button:hover{border-color:#A67C52;background:#FBF4E8;color:#8C6E37;transform:translateY(-1px);box-shadow:0 4px 12px rgba(140,110,55,0.2)}.language-options{position:absolute;top:100%;right:0;background:#FDF8F0;border:2px solid #8C6E37;border-radius:8px;min-width:160px;z-index:1000;display:none;box-shadow:0 8px 24px rgba(0,0,0,0.1);margin-top:8px}.language-options.show{display:block}.language-option{padding:10px 16px;color:#000000;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid #e0e0e0;font-weight:500;position:relative}.language-option:first-child{border-radius:8px 8px 0 0}.language-option:last-child{border-bottom:none;border-radius:0 0 8px 8px}.language-option:hover{background:#FBF4E8;color:#8C6E37}.hamburger-menu{display:none;position:fixed;top:20px;left:20px;z-index:1001}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:6px;transition:all 0.3s ease}.hamburger-btn:hover{background:rgba(255,255,255,0.1)}.hamburger-line{width:24px;height:2px;background:#ffffff;margin:3px 0;transition:all 0.3s ease;border-radius:1px}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, #FDF8F0 0%, #FBF4E8 100%);z-index:11000;transform:translateX(-100%);transition:transform 0.3s ease;overflow-y:auto;padding:20px;box-sizing:border-box}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #8C6E37}.mobile-menu-logo{width:120px;height:auto}.mobile-menu-close{background:none;border:none;font-size:24px;color:#8C6E37;cursor:pointer;padding:8px;border-radius:6px;transition:all 0.3s ease}.mobile-menu-close:hover{background:rgba(140,110,55,0.1)}.mobile-menu-content{display:flex;flex-direction:column;gap:20px}.mobile-menu-section{background:rgba(255,255,255,0.7);border-radius:12px;padding:20px;border:2px solid #8C6E37;box-shadow:0 4px 12px rgba(140,110,55,0.1)}.mobile-menu-section h3{color:#8C6E37;font-size:18px;font-weight:600;margin-bottom:15px;text-align:center;text-transform:uppercase;letter-spacing:1px}.mobile-nav-links{display:flex;flex-direction:column;gap:12px}.mobile-nav-link{display:flex;align-items:center;padding:15px 20px;background:#FDF8F0;border:2px solid #8C6E37;border-radius:8px;color:#8C6E37;text-decoration:none;font-weight:500;font-size:16px;transition:all 0.3s ease;position:relative;overflow:hidden}.mobile-nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(140,110,55,0.1), transparent);transition:left 0.5s ease}.mobile-nav-link:hover::before{left:100%}.mobile-nav-link:hover{background:#8C6E37;color:#FDF8F0;transform:translateY(-2px);box-shadow:0 6px 16px rgba(140,110,55,0.2)}.mobile-nav-link.active{background:#8C6E37;color:#FDF8F0;box-shadow:0 4px 12px rgba(140,110,55,0.3)}.mobile-nav-link i{margin-right:12px;font-size:18px}.mobile-language-section{background:rgba(255,255,255,0.9);border-radius:16px;padding:25px;border:2px solid #8C6E37;box-shadow:0 8px 24px rgba(140,110,55,0.15);position:relative;overflow:hidden}.mobile-language-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #8C6E37, #A67C52, #8C6E37)}.mobile-language-section h3{color:#8C6E37;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;position:relative}.mobile-language-section h3::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg, #8C6E37, #A67C52);border-radius:2px}.mobile-language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mobile-language-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:linear-gradient(135deg, #FDF8F0 0%, #FBF4E8 100%);border:2px solid #8C6E37;border-radius:12px;color:#8C6E37;cursor:pointer;font-weight:600;font-size:14px;transition:all 0.3s ease;position:relative;overflow:hidden;text-align:center;min-height:80px}.mobile-language-option::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(140,110,55,0.1), transparent);transition:left 0.5s ease}.mobile-language-option:hover::before{left:100%}.mobile-language-option:hover{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);color:#FDF8F0;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(140,110,55,0.3);border-color:#A67C52}.mobile-language-option.current{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);color:#FDF8F0;box-shadow:0 6px 16px rgba(140,110,55,0.4);border-color:#A67C52;transform:scale(1.05)}.mobile-language-option i{font-size:20px;margin-bottom:8px;display:block}.mobile-language-option .language-name{font-size:13px;font-weight:600;line-height:1.2}.mobile-language-option .language-flag{font-size:24px;margin-bottom:6px;display:block}.mobile-font-controls-section{background:rgba(255,255,255,0.9);border-radius:16px;padding:25px;border:2px solid #8C6E37;box-shadow:0 8px 24px rgba(140,110,55,0.15);position:relative;overflow:hidden}.mobile-font-controls-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #8C6E37, #A67C52, #8C6E37)}.mobile-font-controls-section h3{color:#8C6E37;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;position:relative}.mobile-font-controls-section h3::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg, #8C6E37, #A67C52);border-radius:2px}.mobile-font-control-group{margin-bottom:20px;padding:15px;background:linear-gradient(135deg, #FDF8F0 0%, #FBF4E8 100%);border:2px solid #8C6E37;border-radius:12px}.mobile-font-control-group:last-child{margin-bottom:0}.mobile-font-control-label{display:block;color:#8C6E37;font-weight:600;font-size:16px;margin-bottom:12px;text-align:center}.mobile-font-control-buttons{display:flex;align-items:center;justify-content:center;gap:15px}.mobile-font-control-btn{width:40px;height:40px;border:2px solid #8C6E37;background:#ffffff;color:#8C6E37;border-radius:8px;font-size:18px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.mobile-font-control-btn:hover{background:#8C6E37;color:#ffffff;transform:scale(1.1);box-shadow:0 4px 12px rgba(140,110,55,0.3)}.mobile-font-size-display{min-width:60px;text-align:center;color:#8C6E37;font-weight:600;font-size:16px;padding:8px 12px;background:#ffffff;border:2px solid #8C6E37;border-radius:8px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.hamburger-menu{display:block;position:fixed;top:20px;left:20px;z-index:1001}.navbar-actions{display:none}.header-right .nav-links{display:none}.header-right .language-dropdown{display:none}.header-right{display:flex;align-items:center;gap:15px}.hamburger-btn .hamburger-line{background:#ffffff}.language-dropdown{order:2}.language-button{font-size:14px;padding:12px 16px;min-width:120px;text-align:center}.language-options{right:auto;left:0;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}}@media (max-width: 576px){.hamburger-menu{display:block;position:fixed;top:15px;left:15px;z-index:1001}.navbar-actions{display:none}.header-right .nav-links{display:none}.header-right .language-dropdown{display:none}.language-dropdown{width:100%;display:flex;justify-content:center}.language-button{font-size:13px;padding:10px 14px;min-width:100px;border-radius:6px}.language-options{left:50%;transform:translateX(-50%);min-width:140px}.mobile-menu{padding:15px}.mobile-menu-section,.mobile-language-section{padding:15px}.mobile-nav-link{padding:12px 16px;font-size:15px}.mobile-language-option{padding:12px 8px;font-size:13px;min-height:70px}.mobile-language-options{grid-template-columns:1fr 1fr;gap:8px}.mobile-language-option .language-flag{font-size:20px;margin-bottom:4px}.mobile-language-option .language-name{font-size:12px}.mobile-font-controls-section{padding:20px}.mobile-font-control-group{padding:12px;margin-bottom:15px}.mobile-font-control-label{font-size:14px;margin-bottom:10px}.mobile-font-control-btn{width:35px;height:35px;font-size:16px}.mobile-font-size-display{font-size:14px;padding:6px 10px;min-width:50px}}header.admin-header-modern{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%) !important;box-shadow:0 2px 12px rgba(0,0,0,0.15) !important;position:sticky !important;top:0 !important;z-index:1000 !important;margin-bottom:0 !important;width:100% !important;border:none !important}nav.admin-navbar-modern{padding:0 !important;background:transparent !important;border:none !important}.admin-navbar-wrapper{max-width:1400px !important;margin:0 auto !important;padding:14px 28px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:20px !important}.admin-navbar-left{display:flex !important;align-items:center !important}.admin-nav-brand-modern{display:flex !important;align-items:center !important;gap:10px !important;color:#fff !important;font-size:18px !important;font-weight:600 !important;text-decoration:none !important;padding:10px 18px !important;border-radius:10px !important;background:rgba(255,255,255,0.12) !important;backdrop-filter:blur(10px) !important;transition:all 0.3s ease !important;border:1px solid rgba(255,255,255,0.2) !important}.admin-nav-brand-modern:hover{background:rgba(255,255,255,0.2) !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.2) !important;text-decoration:none !important}.admin-nav-brand-modern i{font-size:22px}.admin-navbar-right{display:flex !important;align-items:center !important;gap:16px !important}.admin-user-card{display:flex !important;align-items:center !important;gap:12px !important;background:rgba(255,255,255,0.15) !important;padding:10px 18px !important;border-radius:12px !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.2) !important;transition:all 0.3s ease !important}.admin-user-card:hover{background:rgba(255,255,255,0.2) !important;transform:translateY(-1px) !important}.admin-user-avatar-modern{font-size:32px !important;color:#fff !important;display:flex !important;align-items:center !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important}.admin-user-info-modern{display:flex !important;flex-direction:column !important;gap:2px !important}.admin-user-email-modern{color:#fff !important;font-size:14px !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:0.3px !important;display:block !important}.admin-user-role-modern{color:rgba(255,255,255,0.85) !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:1px !important;font-weight:500 !important;display:block !important}.admin-signout-btn-modern{display:flex !important;align-items:center !important;gap:8px !important;color:#fff !important;background:rgba(255,255,255,0.18) !important;padding:11px 20px !important;border-radius:10px !important;text-decoration:none !important;font-size:14px !important;font-weight:500 !important;transition:all 0.3s ease !important;border:1px solid rgba(255,255,255,0.25) !important;backdrop-filter:blur(10px) !important}.admin-signout-btn-modern:hover{background:rgba(255,255,255,0.25) !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 4px 16px rgba(0,0,0,0.25) !important;border-color:rgba(255,255,255,0.35) !important;text-decoration:none !important}.admin-signout-btn-modern i{font-size:17px}@media (max-width: 768px){.admin-navbar-wrapper{padding:12px 16px;gap:12px}.admin-nav-brand-modern{padding:8px 14px;font-size:16px}.admin-nav-brand-modern span{display:none}.admin-user-card{padding:8px 14px;gap:8px}.admin-user-info-modern{display:none}.admin-user-avatar-modern{font-size:28px}.admin-signout-btn-modern{padding:10px 14px}.admin-signout-btn-modern span{display:none}.admin-signout-btn-modern i{margin:0}}@media (max-width: 480px){.admin-navbar-wrapper{padding:10px 12px}.admin-nav-brand-modern,.admin-user-card,.admin-signout-btn-modern{padding:8px 12px}}.surah-edit-wrapper{max-width:1400px;margin:0 auto;padding:24px}.page-header-card{background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-bottom:24px;border:1px solid rgba(140,110,55,0.1);overflow:hidden}.page-header-content{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:20px}.header-left,.header-center,.header-right{display:flex;align-items:center}.header-center{flex:1;justify-content:center}.page-title{margin:0;font-size:32px;font-weight:700;display:flex;align-items:baseline;gap:12px}.title-text{color:#8C6E37}.title-number{color:#666;font-weight:500;font-size:24px}.header-nav-btn{display:flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);padding:12px 24px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(140,110,55,0.2)}.header-nav-btn:hover{background:linear-gradient(135deg, #A67C52 0%, #8C6E37 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(140,110,55,0.3);color:#fff;text-decoration:none}.header-nav-btn i{font-size:18px}.export-btn{display:flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg, #17a2b8 0%, #138496 100%);padding:12px 24px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(23,162,184,0.2)}.export-btn:hover{background:linear-gradient(135deg, #138496 0%, #117a8b 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(23,162,184,0.3);color:#fff;text-decoration:none}.language-indicator-card{background:linear-gradient(135deg, #FDF8F0 0%, #FBF4E8 100%);border-radius:12px;padding:16px 24px;margin-bottom:24px;border:2px solid #8C6E37;box-shadow:0 2px 8px rgba(140,110,55,0.1)}.lang-indicator-content{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lang-indicator-content i{font-size:20px;color:#8C6E37}.lang-text{font-weight:600;color:#8C6E37;font-size:14px}.lang-tags{display:flex;gap:8px;flex-wrap:wrap}.lang-tag{background:#8C6E37;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(140,110,55,0.2)}.info-card,.verses-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-bottom:24px;overflow:visible;border:1px solid rgba(140,110,55,0.1);position:relative}.card-header{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);padding:20px 28px;display:flex;align-items:center;gap:12px;color:#fff}.verses-header{position:sticky;top:70px;z-index:10;margin:0}.card-header i{font-size:24px}.card-header h3{margin:0;font-size:20px;font-weight:700;color:#fff}.section-subtitle{font-size:13px;opacity:0.9;font-weight:400;margin-top:4px}.header-left-content{display:flex;align-items:center;gap:12px}.card-body{padding:28px}.field-group{margin-bottom:32px}.field-group:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#081828;margin-bottom:16px}.field-label i{color:#8C6E37;font-size:18px}.language-fields-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.lang-field-wrapper{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg, #FDF8F0 0%, #fff 100%);padding:18px;border-radius:12px;border:2px solid #E8D9B8;transition:all 0.3s ease;position:relative;overflow:hidden}.lang-field-wrapper::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(140,110,55,0.1), transparent);transition:left 0.6s ease}.lang-field-wrapper:hover::before{left:100%}.lang-field-wrapper:hover{border-color:#8C6E37;box-shadow:0 6px 20px rgba(140,110,55,0.15);transform:translateY(-2px)}.lang-field-wrapper.read-only-field{background:linear-gradient(135deg, #f5f5f5 0%, #fafafa 100%);border-color:#ddd;opacity:0.85}.lang-field-wrapper.read-only-field:hover{transform:none;box-shadow:none;border-color:#ddd}.lang-badge-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px}.lang-badge{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 6px rgba(140,110,55,0.3)}.readonly-indicator{color:#999;font-size:12px;display:flex;align-items:center}.styled-textarea{width:100%;padding:14px 18px;border:2px solid #E8D9B8;border-radius:10px;font-size:14px;font-family:'Inter', sans-serif;line-height:1.7;color:#081828;background:#fff;resize:vertical;transition:all 0.3s ease;min-height:80px}.styled-textarea:focus{outline:none;border-color:#8C6E37;box-shadow:0 0 0 4px rgba(140,110,55,0.15);transform:translateY(-1px);background:#fff}.styled-textarea:disabled{background:#f9f9f9;color:#666;cursor:not-allowed;border-color:#ddd}.styled-textarea::placeholder{color:#aaa;font-style:italic}.verses-content{padding:28px;display:flex;flex-direction:column;gap:24px;overflow:visible;position:relative}.verse-item{background:#fff;border-radius:12px;border:2px solid #E8D9B8;overflow:visible;transition:all 0.3s ease;position:relative}.verse-item:hover{box-shadow:0 6px 24px rgba(140,110,55,0.15);transform:translateY(-3px)}.verse-item.main-topic{background:linear-gradient(135deg, #FDF8F0 0%, #fff 100%);border-color:#8C6E37;border-left:5px solid #8C6E37}.verse-item.subtopic-level-1{margin-left:32px;background:#fff;border-color:#A67C52;border-left:5px solid #A67C52}.verse-item.subtopic-level-2{margin-left:64px;background:#fafafa;border-color:#C6A367;border-left:5px solid #C6A367}.verse-header-bar{padding:16px 20px;background:rgba(140,110,55,0.08);border-bottom:2px solid #E8D9B8;display:flex;align-items:center;justify-content:flex-start;border-radius:12px 12px 0 0;position:relative;overflow:visible}.main-topic .verse-header-bar{background:rgba(140,110,55,0.12);border-bottom-color:#8C6E37}.verse-number-badge{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#8C6E37;padding:8px 16px;background:rgba(255,255,255,0.8);border-radius:8px;box-shadow:0 2px 6px rgba(140,110,55,0.15);position:relative;z-index:1;white-space:nowrap}.verse-number-badge i{font-size:18px}.verse-number-badge.subtopic{color:#A67C52;background:rgba(255,255,255,0.9)}.verse-item .language-fields-grid{padding:20px;gap:20px;overflow:visible}.verse-item>.language-fields-grid{border-radius:0 0 12px 12px}.bottom-nav-section{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:24px 0;border-top:2px solid #e8e8e8;flex-wrap:wrap}.nav-button-group{display:flex;gap:12px;align-items:center}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease;border:2px solid transparent}.nav-button i{font-size:16px}.nav-button.primary-nav{background:linear-gradient(135deg, #8C6E37 0%, #A67C52 100%);color:#fff;box-shadow:0 2px 8px rgba(140,110,55,0.2)}.nav-button.primary-nav:hover{background:linear-gradient(135deg, #A67C52 0%, #8C6E37 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(140,110,55,0.3);color:#fff;text-decoration:none}.nav-button.secondary-nav{background:#FDF8F0;color:#8C6E37;border-color:#8C6E37}.nav-button.secondary-nav:hover{background:#8C6E37;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(140,110,55,0.2);text-decoration:none}@media (max-width: 768px){.surah-edit-wrapper{padding:16px}.page-header-content{flex-direction:column;align-items:stretch;gap:16px}.header-left,.header-center,.header-right{justify-content:center;width:100%}.page-title{font-size:24px;text-align:center;justify-content:center}.title-number{font-size:20px}.language-fields-grid{grid-template-columns:1fr}.verse-item.subtopic-level-1{margin-left:16px}.verse-item.subtopic-level-2{margin-left:32px}.bottom-nav-section{flex-direction:column;align-items:stretch}.nav-button-group{width:100%;flex-direction:column}.nav-button{width:100%;justify-content:center}.card-body,.verses-content{padding:20px}}.auto-save-status{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:1000;font-size:14px;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3)}.auto-save-status.saving{background:rgba(23,162,184,0.9);color:#fff}.auto-save-status.success{background:rgba(40,167,69,0.9);color:#fff}.auto-save-status.error{background:rgba(220,53,69,0.9);color:#fff}.status-icon{display:flex;align-items:center;font-size:18px}.status-icon.saving i{animation:spin 1s linear infinite}.status-text{white-space:nowrap}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){.auto-save-status{bottom:16px;right:16px;left:16px;justify-content:center;padding:10px 16px;font-size:13px}}
