:root {
    --red: #d52b1e;
    --navy-blue: #2F4858;
    --navy-blue-dark: #141F26;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakh-Fat.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakh-Bold.woff') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakh-Regular.woff') format('woff2'),
    url('../font/YekanBakh-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh';
    src: url('../font/YekanBakh-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

::selection {
    background-color: #FDE699;
    color: #000;
}
::-moz-selection {
    background-color: #FDE699;
    color: #000;
}

body {font-family: "Yekan Bakh" !important;}

h1{font-weight: 600 !important; font-size: 2.5rem !important; color: var(--navy-blue-dark);}
h2{font-weight: 600 !important; font-size: 1.8rem !important; color: var(--navy-blue-dark);}
h3{font-weight: 600 !important; font-size: 1.3rem !important; color: var(--navy-blue-dark);}
h4{font-weight: 600 !important; font-size: 1.1rem !important; color: var(--navy-blue-dark);}
h5{font-weight: 600 !important; font-size: 1rem !important; color: var(--navy-blue-dark);}
p{ font-size: 1rem !important; line-height: 1.9; color: rgb(113 138 171/1);}

.subtitle{text-align: center; margin-bottom: 25px;}
.hidden{display: none;}
/*.collapsing{height: unset !important; overflow: hidden; transition: height .35s ease;}*/

.btn{padding: 10px 20px 7px !important;}
.btn:active{border: none !important;}
.btn img{width: 20px; height: 20px; position: relative; top: -1px; left: 8px;}
.btn-white{background: #ffffff !important; box-shadow: 0 0 40px rgb(0 0 0 / 10%);}
.btn-news:before{font-family: FontAwesome; content: '\f09e'; color: var(--red); margin-left: 5px;}
.btn-news:hover{transition-duration: 0.2s; color: #ffffff !important; background: var(--red) !important;}
.btn-news:hover:before{transition-duration: 0.2s; color: #ffffff !important;}
.btn-brown{background: #fbb75275 !important; color: rgb(161 111 37/1) !important;}
.btn-gray{background: linear-gradient(to bottom, #F0F5F9, #E4EDF4); box-shadow: 0 0 5px 0px rgb(232 240 246 / 5%); color: #7083A0 !important;}
.btn-gray:hover{transition-duration: 0.4s; background: linear-gradient(to bottom, #E4EDF4, #F0F5F9); box-shadow: 0 0 10px 0px rgb(232 240 246 / 30%);}
.btn-blue{background: linear-gradient(to bottom, #56BEE5, #42B8E2); box-shadow: 0 0 5px 0px rgb(86 190 229 / 5%); color: #ffffff !important;}
.btn-blue:hover{transition-duration: 0.4s; background: linear-gradient(to bottom, #42B8E2, #56BEE5); box-shadow:  0 0 10px 0px rgb(86 190 229 / 30%);}
.btn-green{background: linear-gradient(to bottom, #2bca80, #2fc37e); box-shadow: 0 0 5px 0px rgb(86 190 229 / 5%); color: #ffffff !important;}
.btn-green:hover{transition-duration: 0.4s; background: linear-gradient(to bottom, #2fc37e, #2bca80); box-shadow:  0 0 10px 0px rgb(86 190 229 / 30%);}

.collapse[aria-expanded="true"]{display: block !important;}

.navbar{background: #ffffff; box-shadow: 0 0 40px rgb(0 0 0 / 5%); padding: 25px 0 !important;}
.navbar .nav-item{margin-left: 10px; font-weight: 500; color: var(--navy-blue);}
.navbar-brand{font-size: 24px !important; font-weight: 600; margin-left: 50px!important;}
.navbar-brand img{width: 50px; height: 50px; margin-left: 15px; border-radius: 5px;}
.navbar .navbar-nav .mobile{display: none;}

/*Index*/
/*.index-header{position: relative; height: 430px; background: url(/template/image/index-header-2.webp); box-shadow: 0 0 40px rgb(0 0 0 / 10%); border-bottom: 5px solid var(--navy-blue);}*/
.index-header { position: relative; height: 430px; background: #dcdcdc; background-size: cover; box-shadow: 0 0 40px rgb(0 0 0 / 10%); border-bottom: 5px solid var(--navy-blue); transition: background 0.3s ease-in-out;}
.index-header .navbar{background: #ffffffe8;}
.index-header .position-absolute{width: 100%; bottom: 0; width: 100%;}
.index-header .hero-title{padding: 20px 30px; border-radius: 25px 25px 0 0; background: #00000070;}
.index-header .hero-title h1{position: relative; top: 9px; color: #fff; text-shadow: 0px 0px 7px #000000;}
/*News*/
.news-header{position:relative; height: 300px; background: #dcdcdc; box-shadow: 0 0 40px rgb(0 0 0 / 10%); border-bottom: 5px solid var(--red); transition: background 0.3s ease-in-out;}
.news-header:before{position: absolute; content: ''; border-color: #141f26 transparent #141f269c transparent; border-width: 0 0 300px 200px; border-style: solid; height: 0; width: 61%; bottom: 0;}
.news-header .hero-title{position: relative; top: 75px;}
.news-header .hero-title h1{color: #fff; text-shadow: 0px 0px 7px #000000;}

form{position: relative;}
form i{transform: scaleX(-1); position: absolute; left: 15px; top: 12px; color: #767676;}
form .search{width: 300px; background: #F8F8F8; border: none; border-radius: 5px; padding: 10px 20px 7px !important;}
form .search:focus-visible{outline: none;}

content .lazyloaded{ animation-duration: .2s; animation-name: FadeIn; animation-timing-function: ease-out; opacity: 1; }
@keyframes FadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

content .see-more ul{background: #edfaff; padding: 15px 30px 10px; border-radius: 5px; line-height: 2;}
content .see-more .morelink{text-decoration: none; color: #0000008c; font-size: 14px; font-weight: 300;}
content .see-more .morelink:after{font-family: FontAwesome; content: '\f104'; color: #75d5a2; position: relative; right: 10px; top: 2px;}
content .see-more .morelink:hover:after{right: 11px;}

/*Index*/
content{display: block; margin-top: 80px;}
content .index-showcase{position:relative; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); height: 95%; border-radius: 5px; margin-bottom: 25px; padding-bottom: 15px;}
content .index-showcase:before{position: absolute; content: ''; background: #edfaff; border-radius: 5px; top: 25px !important; bottom: 25px; z-index: -1; right: -15px; left: 0;}
content .index-showcase img{width: -webkit-fill-available; width: -moz-available; border-radius: 5px 5px 0 0; margin-bottom: 18px;}
content .index-showcase h2{margin-right: 20px;}
content .index-showcase h2 a{text-decoration: none; color: var(--navy-blue-dark); font-weight: 600 !important; font-size: 1.3rem !important;}
content .index-showcase .index-event { display: none;}
content .index-showcase .visible { display: block;}
content .index-showcase .progress-bar-container {position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #e9f6fc;}
content .index-showcase .progress-bar { height: 100%; width: 0; background-color: #ffaba4; }
content .index-showcase .dots{position: absolute; bottom: 18px; left: 15px;}
content .index-showcase .dot { height: 15px; width: 15px; margin: 0 5px; background-color: #e8f6fc; border-radius: 50%; display: inline-block; cursor: pointer; }
content .index-showcase .dot.active { background-color: #bed4dd; }
content .index-news{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); height: 95%; border-radius: 5px; padding: 28px 0 0; margin: 0 25px 0 25px;}
content .index-news h2{margin-right: 20px; font-weight: 600 !important; font-size: 1.3rem !important;}
content .index-news h3{font-weight: 400; font-weight: 600 !important; font-size: 1rem !important;}
content .index-news h3 a{text-decoration: none!important; font-weight: 500 !important; color: var(--navy-blue-dark);}
content .index-news .news{margin-top: 5%;}
content .index-news .item{background: #fff; position: relative; width: 105%; left: 10px; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); display: block; padding: 7% 5% 5% 0; margin-bottom: 10px;}
content .index-news .item:before{position: absolute; top: -10px; right: 6px; content: ''; background: #d5d5d5; width: 10px; height: 10px; transform: skew(49deg); z-index: -1;}
content .index-news-btn{display: none;}
content .index-blog{position:relative; margin: 0 0 0 25px;}
content .index-blog .subtitle{position: relative; text-align: revert; margin: 20px 0 10px;}
content .index-blog .subtitle a{color: var(--navy-blue); display: block; position: absolute; top: 3px; left: 0; width: auto; text-decoration: none;}
content .index-blog .subtitle a:after{font-family: FontAwesome; content: '\f104'; position: relative; top: 3px; right: 4px;}
content .index-blog .subtitle a:hover:after{right: 5px;}
content .index-blog:before{position: absolute; content: ''; background: #edfaff; border-radius: 5px; height: 280px; top: 21%; right: -15px; left: -15px;}
content .index-blog .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px;}
content .index-blog .card img{border-radius: 5px 5px 0 0; width: -webkit-fill-available; height: auto;}
content .index-blog .information{padding: 15px; min-height: 208px;}
content .index-blog .information a{text-decoration: none; color: unset; line-height: 1.6;}
content .index-blog .information p{font-weight: 400 !important; color: #0000008c;}
content .index-blog .information .link{text-decoration: none; color: #0000008c; font-size: 14px; font-weight: 300; position: absolute; bottom: 15px; right: 15px;}
content .index-blog .information .link:after{font-family: FontAwesome; content: '\f104'; color: #75D5A2; position: relative; top: 2px; right: 3px;}
content .index-blog .information .link:hover:after{transition-duration: 0.2s; right: 4px;}
content .index-blog .information label{font-size: 12px; background: #F1F5FA; color: #7083A0; padding: 5px 10px; border-radius: 5px; position: absolute; bottom: 15px; left: 15px;}
content .weather{position: relative; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); height: 20%; border-radius: 5px; margin-bottom: 25px;}
content .weather:before{position: absolute; content: ''; background: #edfaff; border-radius: 5px; height: 90px; top: 23%; right: -13px; left: -13px; z-index: -1;}
content .weather .image{text-align: center;}
content .weather .image img{width: 100px; min-height: 100px; position: relative; top: 8px;}
content .weather .weather-footer{width: 100%; display: block; position: absolute; bottom: 0; border-radius: 0 0 5px 10px; background: #000; color: #fff; height: 60px; padding: 0 10px;}
content .weather .weather-footer span{font-size: 30px; font-weight: 600; position: relative; top: 10px; margin-left: 10px; direction: ltr;}
content .weather .weather-footer h2{font-weight: 600; font-size: 1rem !important; color: #ffffff; position: relative; top: 10px;}
content .weather .weather-footer label{font-size: 12px;}
content .weather .weather-footer .date{height: 60px; position: absolute; bottom: 0; left: 0; border-radius: 0 0 0 5px; background: #75D5A2; text-align: center; width: 90px; padding: 19px 0 0;}
content .exchange-rate{position: relative; background: #FDE699; box-shadow: 0 5px 25px rgba(44,79,120,.08); height: 21.4%; border-radius: 5px; margin-bottom: 25px;}
content .exchange-rate h2{position: absolute; top: 25px; right: 15px; color: #6c460e; font-weight: 600 !important; font-size: 1rem !important;}
content .exchange-rate p{position: absolute; top: 45px; right: 15px; font-size: 12px !important; color: #909090;}
content .exchange-rate .price{display: none; color: #a16f25b5; font-size: 30px; font-weight: 600; position: absolute; top: 73px; right: 15px;}
content .exchange-rate .price label{font-size: 20px; margin-right: 3px; color: #a16f25;}
content .exchange-rate canvas {width: 100%; position: absolute; top: 55px;}


content .reminder{position:relative; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border-radius: 5px; padding: 28px 10px 12px;}
content .reminder h2{font-weight: 600 !important; font-size: 1rem !important;}
content .reminder .slider{position: absolute; top: 15px; left: 10px;}
content .reminder .slider button{background: rgb(241 244 250/1); border: none; color: rgb(113 138 171/1); margin-right: 5px; display: inline-block; width: 35px; height: 35px; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
content .reminder .slider .right:after{font-family: FontAwesome; content: '\f105'; position: relative; top: 3px;}
content .reminder .slider .left:after{font-family: FontAwesome; content: '\f104'; position: relative; top: 3px;}
content .reminder .slider .left.blink-color-change { animation: changeColor 0.1s ease;}
@keyframes changeColor {
    0%, 100% {
        background-color: initial;
    }
    50% {
        background-color: #e3eaf8;
    }
}
content .reminder .banner{width: -webkit-fill-available; width: -moz-available; border-radius: 5px; margin: 10px 0 15px;}
content .reminder .reminder-footer{position: relative;}
content .reminder .reminder-footer .date{height: 35px; margin-left: 10px;}
content .reminder .reminder-footer span{position: absolute; right: 2px; top: 13px; background: #ffffff; width: 30px; height: 19px; text-align: center; font-size: 18px; font-weight: 600; line-height: 1.3;}
content .reminder .reminder-footer h3{font-weight: 600; font-size: 1rem;}
content .reminder .reminder-footer label{font-size: 12px; position: relative; top: -10px;}
content .reminder .booking{text-decoration: none; background: var(--navy-blue); color: #fff; display: block; width: 100%; text-align: center; padding: 10px; border-radius: 5px;}
content .reminder .booking:hover{background: var(--navy-blue-dark); box-shadow: 0 5px 25px #141f260d;}
content .cities{position: relative; background: url(/template/image/pattern.png) no-repeat; background-color: #1d1e29; background-position: top 2px center; background-repeat: repeat; overflow: hidden; padding: 50px 0 0; margin: 80px 0 60px; z-index: 0;}
content .cities .pattern{position: relative;}
content .cities .pattern:before{position: absolute; top: 150px; right: 0; content: ''; background: #ff2868a1; transform: rotate(-30deg); width: 150px; height: 150px; border-radius: 15px; z-index: -1; -webkit-filter: blur(100px); filter: blur(100px);}
content .cities .pattern:after{position: absolute; top: 150px; left: 0; content: ''; background: #ff2868a1; transform: rotate(30deg); width: 150px; height: 150px; border-radius: 15px; z-index: -1; -webkit-filter: blur(100px); filter: blur(100px);}
content .cities .back{position: relative; padding-bottom: 15px;}
content .cities .back:before{position: absolute; content: ''; background: rgb(24 21 30 / 75%); border-radius: 25px 25px 0 0; height: 217px; right: -5%; left: -5%; bottom: 0; z-index: -1;}
content .cities h2{color: #ffffff; font-size: 1.3rem !important;}
content .cities .subtitle p{color: #ffffff;}
content .cities .card{text-align: center; border: none; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border-radius: 5px; padding-bottom: 10px; margin-bottom: 25px;}
content .cities .card img{width: 100%; border-radius: 5px 5px 0 0; margin-bottom: 20px; min-height: 150px;}
content .cities .card a{color: #727272; font-weight: 500; text-decoration: none;}
content .cities-news .card{background: none;}
content .cities-news .card img{border-radius: 5px;}
content .cities-news .card h3{width: 120px; display: grid; position: relative; top: 10px; margin: 0 auto; text-align: center;}
content .cities-news .card h3:before{position: absolute; content: ''; background: var(--red); width: 100%; height: 10px; top: -34px;}
content .cities-news .card a{color: #ffffff;}
content .cities-news .back{padding-bottom: 0;}
content .index-attraction{position:relative; margin-bottom: 50px;}
content .index-attraction .background{position: relative;}
content .index-attraction .background:before{position: absolute; content: ''; background: #edfaff; border-radius: 5px; top: 10%; bottom: 10%; left: -3%; right: -3%; z-index: -1;}
content .index-attraction .image{position: relative; background: #c6c6c6; min-height: 120px; border-radius: 5px;}
content .index-attraction .image img{width: 100%; border-radius: 5px; box-shadow: 0 5px 25px rgba(44,79,120,.08);}
content .index-attraction .image .gradient{position: absolute; height: 55%; bottom: 0; left: 0; right: 0; border-radius: 5px; background: linear-gradient(to bottom, #ffffff00, #000000);}
content .index-attraction .image .location{position: absolute; top: 10px; right: 10px; background: #141f26eb; padding: 2px 12px; border-radius: 3px; font-size: 0.8rem; color: #fff;}
content .index-attraction .image .location i{position: relative; top: 2px; margin-left: 5px; font-size: 0.7rem; color: #fdd8a2;}
content .index-attraction .image .information{position: absolute; bottom: 0; left: 10px;}
content .index-attraction .image .information h3{color: #fff; font-size: 1.8rem !important; text-shadow: 0 0 10px #141f26; text-align: left; padding-right: 40px;}
content .index-attraction .link{text-decoration: none; border: 1px solid #75d5a2; color: #75d5a2; width: fit-content; border-radius: 5px; padding: 10px 20px; margin: 35px auto 0;}
content .index-attraction .link:hover{transition-duration: 0.2s; background: #75d5a2; color: #ffffff;}
/*Blog*/
content .blog{margin-bottom: 50px;}
content .blog .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px; margin-bottom: 15px;}
content .blog .card img{border-radius: 5px 5px 0 0; width: -webkit-fill-available; height: auto;}
content .blog .information{padding: 15px; min-height: 208px;}
content .blog .information a{text-decoration: none; color: unset; line-height: 1.6;}
content .blog .information p{font-weight: 400 !important; color: #0000008c;}
content .blog .information .link{text-decoration: none; color: #0000008c; font-size: 14px; font-weight: 300; position: absolute; bottom: 15px; right: 15px;}
content .blog .information .link:after{font-family: FontAwesome; content: '\f104'; color: #75D5A2; position: relative; top: 2px; right: 3px;}
content .blog .information .link:hover:after{transition-duration: 0.2s; right: 4px;}
content .blog .information label{font-size: 12px; background: #F1F5FA; color: #7083A0; padding: 5px 10px; border-radius: 5px; position: absolute; bottom: 15px; left: 15px;}

/*News*/
.news{margin-top: 35px;}
content .categories{margin-bottom: 20px;}
content .categories ul{text-align: center; margin: 0 auto; padding: 0;}
content .categories li{display: inline-block; margin: 0 25px;}
content .categories i{color: #828282; font-size: 3px;}
content .categories a{color: #404040; text-decoration: none;}
content .newsfeed{margin-bottom: 20px;}
content .newsfeed .card{position: relative; background: #333333; border: none; border-radius: 5px; padding: 20px 15px 0;}
content .newsfeed img{width: 25px; height: 25px;}
content .newsfeed .motion{position: inherit; color: #ffffff !important; font-size: 14px !important; animation: caret 1s steps(1) infinite;}
@keyframes caret { 50% { border-color: transparent; } }
content .newsfeed .label{color: var(--red); margin: 0 5px; font-size: 18px !important; position: relative; top: 5px;}
content .newsfeed span{position: absolute; font-size: 14px; color: #fff; top: 23px; left: 15px;}
content .banner .slideshow{display: none;}
content .banner{margin-bottom: 20px;}
content .banner .distance{margin: 0 !important; padding: 0 !important;}
content .banner .padding-left{padding-left: 2px;}
content .banner .padding{padding: 0 0 1px 2px;}
content .banner .gradient {position: absolute; height: 50%; bottom: 0; left: 1px; right: 0; background: linear-gradient(to bottom, #ffffff00, #000000); z-index: 0;}
content .banner .gradient_2 {position: absolute; height: 50%; bottom: 1px; left: 1px; right: 0; background: linear-gradient(to bottom, #ffffff00, #000000); z-index: 0;}
content .banner a{position: relative; display: inline-block; width: 100%;}
content .banner a h3{line-height: 1.5; position: absolute; bottom: 10px; right: 25px; padding-left: 25px; color: #ffffff; text-shadow: 0 3px 20px #000000; z-index: 1;}
content .banner img{width: 100%;}
content .latest-news{background: #F8F8F8; border-radius: 5px; padding: 20px 20px 15px;}
content .latest-news a{text-decoration: none;}
content .latest-news .item{background: #ffffff; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); border-radius: 5px; margin-bottom: 5px; padding: 10px 10px 10px 40px;}
content .latest-news img{width: 160px; height: 80px; border-radius: 5px; margin-left: 10px;}
content .latest-news h3{font-size: 18px!important; margin: 2px 0;}
content .latest-news p{font-size: 14px!important; margin: 0;}
content .review-news{background: #ffffff; border-radius: 5px; border: 2px dashed #FFDDDD; padding: 5px; margin-left: 10px;}
content .review-news .nav-tabs{border: none; border-radius: 5px 5px 0 0; padding: 15px 0; background: #333333; box-shadow: 0px 5px 8px rgb(44 79 120 / 16%);}
content .review-news .nav-tabs li{width: 50%; text-align: center;}
content .review-news .nav-tabs a{color: #ffffff; text-decoration: none;}
content .review-news .nav-tabs .title{font-size: unset !important; font-weight: unset !important;}
content .review-news .nav-tabs .active{position: relative;}
content .review-news .nav-tabs .active:after{position: absolute; content: ''; background: var(--red); border-radius: 5px; height: 6px; right: 5px; left: 0; bottom: -18px;}
content .review-news .tab-content .item{border-bottom: 1px solid #D9D9D9; margin: 15px 15px; padding: 5px 0;}
content .review-news .tab-content .item:last-child{border-bottom: none;}
content .review-news .tab-content .item .icon{background: #FFA7A7; width: 25px; height: 25px; border-radius: 5px; text-align: center;}
content .review-news .tab-content .item .icon label{color: var(--red); font-size: 14px; position: relative; top: 2px;}
content .review-news .tab-content .item h3{font-size:1rem !important; font-weight: 400 !important; position: relative; top: 4px; right: 6px;}
content .review-news .tab-content .item a{color: var(--navy-blue-dark); text-decoration: none;}
content .news-editor{position: relative; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border-radius: 5px; padding: 11px 0 3px; margin-bottom: 21px;}
content .news-editor h2{font-size: 1.3rem !important; margin-right: 20px;}
content .news-editor .button{background: var(--red); color: #ffffff; font-size: 12px; position: absolute; top: 9px; left: 20px; padding: 5px 13px !important;}
content .news-editor .button:hover{box-shadow: 0 5px 25px rgb(213 43 30 / 5%);}
content .news-editor h3{font-size: 1rem !important; font-weight: 400;}
content .news-editor h3 a{text-decoration: none; !important; color: var(--navy-blue-dark);}
content .news-editor .news{margin-top: 5%;}
content .news-editor .item{background: #fff; position: relative; width: 105%; left: 10px; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); display: block; padding: 10% 5% 5% 0; margin-bottom: 10px;}
content .news-editor .item:before{position: absolute; top: -10px; right: 6px; content: ''; background: #d5d5d5; width: 10px; height: 10px; transform: skew(49deg); z-index: -1;}
content .news-categories{border-top: 1px solid #D9D9D9; margin: 50px 0 0; padding: 40px 0 0;}
content .categories-border{border: none;}
content .news-categories .category-subtitle{position: relative;}
content .news-categories .category-subtitle span{position: relative; top: -5px; display: inline-block; width: 45px; height: 45px; background: var(--red); border-radius: 5px; color: #fff; text-align: center; margin-left: 8px;}
content .news-categories .category-subtitle span i{font-size: 20px; position: relative; top: 8px;}
content .news-categories .category-subtitle .link{text-decoration: none; position: absolute; border: 1px solid var(--red); border-radius: 5px; color: var(--red); padding: 7px 10px 5px 30px; top: 0; left: 0;}
content .news-categories .category-subtitle .link:after{font-family: FontAwesome; content: '\f191'; position: absolute; top: 6px; left: 12px;}
content .news-categories .category-subtitle .link:hover:after{transition-duration: 0.2s; left: 11px;}
content .news-categories .news-section{position: relative; display: flex; margin-top: 20px; padding: 20px 20px 15px 0;}
content .news-categories .news-section:before{position: absolute; content: ''; background: #F8F8F8; border-radius: 5px; top: 0; bottom: 0; right: 0; left: 5%; z-index: -1;}
content .news-categories .news-section .big-box{width: 35%; margin-left: 5px;}
content .news-categories .news-section .big-box a{text-decoration: none;}
content .news-categories .news-section .big-box article{border: none; background: #ffffff; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); border-radius: 5px;}
content .news-categories .news-section .big-box article .image{background: #f7f7f7; height: 170px; border-radius: 5px 5px 0 0;}
content .news-categories .news-section .big-box article .image img{width: 100%; height: 170px; object-fit: cover; border-radius: 5px 5px 0 0;}
content .news-categories .news-section .big-box article .article-body{padding: 10px 15px;}
content .news-categories .news-section .big-box article h3{font-size: 18px!important; min-height: 44px;}
content .news-categories .news-section .big-box article p{font-size: 14px!important; margin: 0;}
content .news-categories .news-section .big-box article .footer{position: relative; margin-top: 12px;}
content .news-categories .news-section .big-box article .footer .commentcount{color: #A6A6A6; font-size: 14px;}
content .news-categories .news-section .big-box article .footer .commentcount img{width: 25px; position: relative; top: -1px; margin-left: 5px;}
content .news-categories .news-section .big-box article .footer label{position: absolute; left: 0; background: #FFA7A7; color: var(--red); font-size: 12px; border-radius: 3px; padding: 2px 11px;}
content .news-categories .news-section .card-box{width: 65%;}
content .news-categories .news-section .card-box a{text-decoration: none;}
content .news-categories .news-section .card-box .card{min-height: 116px; border: none; background: #ffffff; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); border-radius: 5px; margin-bottom: 5px; padding: 10px 10px 10px 40px;}
content .news-categories .news-section .card-box .card .image{background: #f7f7f7; width: 160px; height: 95px; border-radius: 5px; margin-left: 10px;}
content .news-categories .news-section .card-box .card .image img{width: 160px; height: 95px; border-radius: 5px;}
content .news-categories .news-section .card-box .card h3{font-size: 18px!important; margin: 20px 0 8px;}
content .news-categories .news-section .card-box .card .commentcount{color: #A6A6A6; font-size: 14px;}
content .news-categories .news-section .card-box .card .commentcount img{width: 25px; position: relative; top: -1px; margin-left: 5px;}
content .news-category a{text-decoration: none; color: unset;}
content .news-category .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px; margin-bottom: 15px;}
content .news-category .card .image img{border-radius: 5px 5px 0 0; width: -webkit-fill-available; width: -moz-available; height: auto;}
content .news-category .card .information { padding: 15px; }
content .news-category .card .information h2{font-weight: 600 !important; font-size: 1.3rem !important; min-height: 50px;}
content .news-category .card .information p{margin-bottom: 45px;}
content .news-category .card .information .date{font-size: 12px; background: #F1F5FA; color: #7083A0; padding: 5px 10px; border-radius: 5px; position: absolute; bottom: 15px; left: 15px;}
content .news-sidebar-advertisement{position: relative; background: #F8F8F8; border-radius: 5px; width: 100%; margin-top: 13px;}
content .news-sidebar-advertisement img{width: 100%; border-radius: 5px;}
content .news-advertisement-1{margin-bottom: 15px;}
content .news-advertisement-2{height: auto;}
content .news-sidebar-advertisement label{font-size: 12px; color: #9c9c9c; line-height: 1; background: #ffffff; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); border-radius: 5px; padding: 6px 12px 3px; position: absolute; top: 15px; right: 15px;}
content .feed-sidebar{position: sticky; position: -webkit-sticky; top: 20px; margin-bottom: 25px;}
content .feed-sidebar .related-news{background: #F8F8F8; border-radius: 5px; padding: 20px 20px 15px;}
content .feed-sidebar .related-news .subtitle{position: relative; margin-bottom: 50px;}
content .feed-sidebar .related-news .subtitle h2{position: absolute; top: 6px; right: 0;}
content .feed-sidebar .related-news .subtitle p{font-weight: 600 !important; font-size: 1.3rem !important; color: var(--navy-blue-dark); position: absolute; top: 6px; right: 0;}
content .feed-sidebar .related-news .subtitle .link{text-decoration: none; position: absolute; border-radius: 5px; color: var(--navy-blue); padding: 7px 10px 5px 30px; top: 1px; left: -12px;}
content .feed-sidebar .related-news .subtitle .link:after{font-family: FontAwesome; content: '\f104'; position: absolute; top: 6px; left: 12px;}
content .feed-sidebar .related-news .subtitle .link:hover:after{transition-duration: 0.2s; left: 11px;}
content .feed-sidebar .related-news a{text-decoration: none;}
content .feed-sidebar .related-news a:hover{position: relative; top:1px;}
content .feed-sidebar .related-news item{display: block; background: #ffffff; box-shadow: 0px 4px 8px rgb(44 79 120 / 16%); border-radius: 5px; margin-bottom: 5px; padding: 10px 10px 10px 10px;}
content .feed-sidebar .related-news item img{width: 100%; object-fit: cover; border-radius: 5px; margin-left: 10px;}
content .feed-sidebar .related-news item .title{color: var(--navy-blue-dark); font-size: 1rem !important; font-weight: 600 !important; line-height: 1.9; position: relative; top: 8px;}

/*Auth*/
content .auth{text-align: center; margin: 0 0 100px;}
content .auth .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px; text-align: right; padding: 10px 0 25px;}
content .auth .card form{border: none;}
content .auth .card form button{background: linear-gradient(to right,#1DC195,#0FA889); color: #ffffff;}

/*Article*/
content .progress{position: fixed; top: 0; z-index: 1; height: 2px; width: 100%;}
content .progress .progress-bar {height: 2px; background: var(--red); width: 0%;}

content .article .share{position: relative; color: #707070;}
content .article .share a{text-decoration: none;}
content .article .share .icon{background: #eff1f8; color: #585858; display: inline-block; width: 35px; height: 35px; border-radius: 5px; text-align: center; line-height: 0; position: relative; top: -14px; right: 2px;}
content .article .share .icon:hover{transition-duration: 0.2s; background: #e7edff;}
content .article .share .icon .telegram{color: #2481cc; font-size: 16px; position: relative; top: 16px; line-height: 0;}
content .article .share .icon .whatsapp{color: #47c357; font-size: 17px; position: relative; top: 17px; line-height: 0;}
content .article .date{color: #b5b5b5; position: absolute; left: 0; top: 0;}
content .article .date span{margin-right: 4px;}
content .article .date i{position: relative; top: 1px; margin-left: 5px;}
content .article .header .breadcrumb span{color: var(--navy-blue);}
content .article .header .breadcrumb a{text-decoration: none; color: var(--navy-blue);}
content .article .header .breadcrumb i{margin: 0 5px;}
content .article .header .breadcrumb .fa-house{margin-left: 5px!important;}
content .article .header .breadcrumb .fa-angle-left{font-size: 12px; position: relative; top: 5px; color: #848dab;}
content .article .header h1{font-size: 2rem !important;}
content .article .header .thumbnails{width: 100%; border-radius: 5px; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.15)); margin: 20px 0; min-height: 150px; background: #F8F8F8;}
content .article .body{position:relative; box-shadow: 0 5px 25px rgba(44,79,120,.08); padding: 18px 15px 30px; border-radius: 5px; margin-bottom: 20px;}
content .article .body .abstract{line-height: 2; background: #f6f7fa; border-right: 4px solid #d52b1e; padding: 20px 10px; margin-bottom: 20px;}
content .article .body h2:before{content: ''; position: absolute; width: 5px; height: 34px; right: 0; background: #d52b1e; border-radius: 5px 0 0 5px; padding-right: 5px;}
content .article .body p{color: var(--navy-blue);}
content .article .body strong{background: #f0f0f0; color: var(--navy-blue); border-radius: 5px; font-weight: 600;}
content .article .body a{text-decoration: none; color: #141F26; font-weight: 600; border-bottom: 1px dashed #d52b1e;}
content .article .body a:hover{transition-duration: 0.2s; border-bottom: 1px dashed #000000;}
content .article .body img{width: 100%; margin: 10px auto; border-radius: 5px; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.15));}
content .article .body ul, ol{background: #edfaff; padding: 15px 30px 10px; border-radius: 5px; line-height: 2;}
content .article .body table{width: 100%;}
content .article .body table strong{font-weight: 400; background: none; color: var(--navy-blue);}
content .article .body table tr{height: 3rem;}
content .article .body table tr:first-child{background: #f4fcff; border-color: var(--navy-blue-dark); border-bottom-width: 2px; border-radius: 5px 5px 0 0;}
content .article .body table tr:last-child{border: none;}
content .article .body table tr:first-child td strong{font-weight: 600; font-size: 16px;}
content .article .body table td{padding: 0 10px; font-size: 14px;}
content .article .body blockquote{margin: 10px 0; padding: 15px 20px 15px 0; position: relative;}
content .article .body blockquote:before{font-family: FontAwesome; content: '\f10e'; color: rgba(0,0,0,.05); font-size: 160px!important; position: absolute; right: 18px; top: -68px; transform: rotate(4deg); z-index: -1;}
content .article .body .video{background: #f6f6f6; width: 100%; height: 470px; border-radius: 5px;}
content .article .body .video iframe{width: 100%; height: 470px; border-radius: 5px;}
content .article .feedbody h2:before{display: none;}
content .article .invitation{position: relative; background: #edfaf6; border-radius: 5px; padding: 25px 35px; margin-bottom: 20px; min-height: 136px; z-index: 0; overflow: hidden;}
content .article .invitation img{position: absolute; z-index: -1; right: 32px; bottom: 0;}
content .article .invitation p{font-size: 20px !important; color: #3B7564; position: relative; top: 28px;}
content .article .invitation span{display: inline; background: #fff; box-shadow: 10px 10px 25px rgba(24, 104, 97, 0.10); border-radius: 15px; padding: 13px 20px; margin-left: 10px;}
content .article .invitation i{color: #08B78B; font-size: 18px; position: relative; top: 5px;}
content .article .invitation b{margin: 0 3px; color: #08B78B;}
content .article .invitation a{position: absolute; left: 35px; top: 47px; text-decoration: none;}

/*dollar-price*/
content .dollar-price .exchange-rate{position: unset; height: unset; background: linear-gradient(to bottom, #0c1019, #182132); border-radius: 5px; padding: 20px 25px; margin-bottom: 45px;}
content .dollar-price .exchange-rate h1{color: #ffffff;}
content .dollar-price .exchange-rate .date{background: #43e77d; width: fit-content; border-radius: 5px; font-size: 0.8rem; padding: 5px 15px;}
content .dollar-price .exchange-rate .date strong{margin-right: 5px;}
content .dollar-price .exchange-rate .price{display: block; position: unset; color: #fff; font-size: 2.5rem; margin: 15px 0 0;}
content .dollar-price .exchange-rate .price label{color: #7d1851;}
content .dollar-price .exchange-rate .update{display: block; background: #141e2a; box-shadow: 0 5px 20px rgb(66 229 124 / 3%); border-radius: 5px; color: #fff; font-size: 14px; padding: 15px;}
content .dollar-price .chart{margin-bottom: 45px;}
content .dollar-price .chart canvas{width: 100% !important;}
content .body-more{position: relative; background: #edfaff; border: 5px solid #e9f9ff; border-radius: 5px; padding: 15px; line-height: 1.9; margin-bottom: 30px;}
content .body-more h2{color: var(--navy-blue-dark); font-size: 1.5rem !important; line-height: 1.8; text-align: right; margin-bottom: 15px;}
content .body-more h2:before { content: ''; position: absolute; width: 5px; height: 43px; right: -5px; background: #d52b1e; border-radius: 5px 0 0 5px; padding-right: 5px; }
content .body-more h3{color: var(--navy-blue); font-size: 1.2rem !important; text-align: right; margin-bottom: 10px;}
content .body-more ul{font-size: 0.9rem; background: #ffffff; padding: 15px 30px 10px; border: 1px dashed #cceaf5; border-radius: 5px; line-height: 2; list-style: circle;}
content .dollar-price .faq .accordion .accordion-item{border: none;}
content .dollar-price .faq .accordion .accordion-button{box-shadow: 0 3px 10px #2c4f7814; border-radius: 0.25rem; margin-bottom: 0.75rem; background: #fff; color: #5f656d;}
content .dollar-price .faq .accordion .accordion-button:focus{box-shadow: none;}
content .dollar-price .faq .accordion .accordion-button label{display: flex; background: #fbb75238 !important; width: 33px; height: 33px; align-items: center; justify-content: center; border-radius: 100%; margin-left: 12px;}
content .dollar-price .faq .accordion .accordion-button label i{color: rgb(211 171 113) !important; font-size: 11px;}
content .dollar-price .faq .accordion .accordion-button::after{background: none; font-family: FontAwesome; content: '\f106';}

/*Attraction*/
content .attraction{position:relative; margin-bottom: 50px;}
content .attraction .background{position: relative;}
content .attraction .background:before{position: absolute; content: ''; background: #edfaff; border-radius: 5px; top: 5%; bottom: 5%; left: 0; right: 0; z-index: -1;}
content .attraction .image{position: relative; background: #c6c6c6; min-height: 100px; border-radius: 5px; margin-bottom: 15px;}
content .attraction .image img{width: 100%; border-radius: 5px; box-shadow: 0 5px 25px rgba(44,79,120,.08);}
content .attraction .image .gradient{position: absolute; height: 55%; bottom: 0; left: 0; right: 0; border-radius: 5px; background: linear-gradient(to bottom, #ffffff00, #000000);}
content .attraction .image .location{position: absolute; top: 10px; right: 10px; background: #141f26eb; padding: 2px 12px; border-radius: 3px; font-size: 0.8rem; color: #fff;}
content .attraction .image .location i{position: relative; top: 2px; margin-left: 5px; font-size: 0.7rem; color: #fdd8a2;}
content .attraction .image .information{position: absolute; bottom: 0; left: 10px;}
content .attraction .image .information h3{color: #fff; font-size: 1.8rem !important; text-shadow: 0 0 10px #141f26; text-align: left; padding-right: 40px;}
content .attraction .link{text-decoration: none; border: 1px solid #75d5a2; color: #75d5a2; width: fit-content; border-radius: 5px; padding: 10px 20px; margin: 35px auto 0;}
content .attraction .link:hover{transition-duration: 0.2s; background: #75d5a2; color: #ffffff;}
content .attraction .attractions-scroll{height: 600px; overflow-y: scroll; scrollbar-width: none;}
content .attraction .attractions-scroll::-webkit-scrollbar{display: none;}
content .attraction .map{height: 600px; border-radius: 5px;}
content .sight{text-align: center; margin: 0 0 65px;}
content .sight .breadcrumb{display: block; text-align: center;}
content .sight .breadcrumb span{color: var(--navy-blue);}
content .sight .breadcrumb a{text-decoration: none; color: var(--navy-blue);}
content .sight .breadcrumb i{margin: 0 5px;}
content .sight .breadcrumb .fa-house{margin-left: 5px!important;}
content .sight .breadcrumb .fa-angle-left{font-size: 12px; position: relative; top: 1px; color: #848dab;}
content .sight .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px; text-align: center; padding: 10px 10px;}
content .sight .card .image{position: relative; width: 100%; min-height: 175px; background: #eee; border-radius: 5px; margin-bottom: 25px;}
content .sight .card .image img{width: 100%; border-radius: 5px;}
content .sight .card .location{position: absolute; top: 10px; right: 10px; background: #141f26eb; padding: 2px 12px; border-radius: 3px; font-size: 0.8rem; color: #fff;}
content .sight .card .location i{position: relative; top: 2px; margin-left: 5px; font-size: 0.7rem; color: #fdd8a2;}
content .sight .card h1{font-size: 1.9rem !important;}
content .sight .card .subtitle{margin: 20px 0 0; border-top: 1px solid #2f48582e;}
content .sight .card .subtitle h2{font-size: 1.4rem !important; color: #676767; background: #fff; position: relative; top: -14px; width: fit-content; margin: 0 auto; padding: 0 15px;}
content .sight .card .description{background: #edfaff; border: 5px solid #e9f9ff; border-radius: 5px; padding: 15px 20px; text-align: justify; line-height: 1.9;}
content .sight .card .visit{text-align: right;}
content .sight .card .visit p{margin: 0; padding: 20px 0 15px; color: #141f26;}
content .sight .card .visit .fa-clock{color: #75D5A2; font-size: 18px; position: relative; top: 3px; margin-left: 5px;}
content .sight .card .visit .dot{display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #141f26; margin: 0 10px;}
content .sight .card .visit label{color: #75D5A2; font-weight: 600;}
content .sight .card  .map{width: 100%; min-height: 175px; background: #eee; border-radius: 5px;}
content .sight .card  .map iframe{display: block; width: 100%; min-height: 175px; border-radius: 5px;}
content .sight .card .map .address{background: #2f4756; border-radius: 0 0 5px 5px; padding: 10px 5px;}
content .sight .card .map .address p{margin: 0; color: #ffffff; font-weight: 300;}
content .sight .nearby-title{color: var(--navy-blue); text-align: right; font-size: 1.5rem !important; margin: 30px 0 25px;}
content .sight .nearby{text-decoration: none;}
content .sight .nearby:hover{transition-duration: 0.2s; position: relative; top: 1px;}
content .sight .nearby-places{display: flex; position: relative; height: 67px; background: #ffffff; box-shadow: 0 5px 25px rgb(44 79 120 / 10%); border: none; border-radius: 5px; padding: 10px 10px 0; margin: 10px 0; text-align: right;}
content .sight .nearby-places:after{position: absolute; top: 16px; left: 15px; font-family: FontAwesome; content: '\f104'; color: #6b7881; box-shadow: 0 0 25px rgb(44 79 120 / 20%); padding: 5px 13px; border-radius: 100%; }
content .sight .nearby-places span{display: inline-block; background: #fbb75238 !important; color: rgb(211 171 113) !important; width: 50px; height: 45px; border-radius: 5px; text-align: center; margin-left: 10px;}
content .sight .nearby-places span i{font-size: 18px; position: relative; top: 13px;}
content .sight .nearby-places h3{font-size: 1.1rem !important; margin-top: 3px;}
content .sight .nearby-places p{margin: 0; position: relative; top: -9px;}

/*About*/

/*Contact*/
content .contact{text-align: center; margin: 0 0 65px;}
content .contact .breadcrumb{display: block; text-align: center;}
content .contact .breadcrumb span{color: var(--navy-blue);}
content .contact .breadcrumb a{text-decoration: none; color: var(--navy-blue);}
content .contact .breadcrumb i{margin: 0 5px;}
content .contact .breadcrumb .fa-house{margin-left: 5px!important;}
content .contact .breadcrumb .fa-angle-left{font-size: 12px; position: relative; top: 1px; color: #848dab;}
content .contact .card{background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border: none; border-radius: 5px; text-align: center; padding: 10px 10px;}
content .contact .card form label{text-align: right;}

/*Comment*/
content .comment-section{display: none; margin-bottom: 20px;}
content .comment-section .comments-title-outer .comments-title-inner span{font-weight: bold; font-size: 24px; color: #7f8187;}
content .comment-section .comments-title-outer .comments-title-inner .comments-number{color: #fcb853; font-size: 30px;}
content .comment-section .comment-form-outer form{padding: 0;}
content .comment-section .comment-form-outer input{text-align: right;}
content .comment-section .comment-form-outer button{width: 100%; padding: 3px 0 !important;}
content .comment-section .comment-form-outer button:before{font-family: FontAwesome; content: '\f055'; color: #fff; position: relative; top: 2px; margin-left: 5px;}

content .review{margin-bottom: 20px;}
content .review .dialog-box{background: #f6f7fa; padding: 30px; border-radius: 5px; margin-top: 15px;}
content .review .dialog-box img{width: 60px; height: 60px;}
content .review .dialog-box .dialog{margin-right: 15px;}
content .review .dialog-box .dialog h5{}
content .review .dialog-box .dialog span{color: #a9a9a9; font-size: 14px; position: relative; top: -7px;}
content .review .dialog-box .dialog p{margin: 0;}

/*Dashboard*/
content .dashboard{padding: 100px 0;}
content .dashboard h1{font-size: 30px !important; color: #404040; font-weight: 600;}
content .dashboard .btn-header{text-align: left; margin-bottom: 15px;}
content .dashboard .btn-header a{margin-right: 10px;}
content .dashboard .btn-header .search{display: inline-block;}
content .dashboard .btn-header .search input{border: none; border-radius: 5px; background: linear-gradient(to bottom, #F0F5F9, #E4EDF4); box-shadow: 0 0 5px 0px rgb(232 240 246 / 5%); color: #7083A0 !important; padding: 9px 15px;}
content .dashboard .btn-header .search input:focus-visible{outline-color: #efefef; background: #f6fdff!important;}
content .dashboard .sidebar{position:relative; border: none; border-radius: 5px; background: var(--navy-blue-dark); box-shadow: 0 20px 30px #576b9a1a; padding: 27px 30px; position: sticky; position: -webkit-sticky; top: 20px;}
content .dashboard .sidebar ul{list-style: none; margin: 0; padding: 0;}
content .dashboard .sidebar li{line-height:3.5; border-bottom: 1px solid var(--navy-blue);}
content .dashboard .sidebar li:last-child{border: none;}
content .dashboard .sidebar a{color: #fff; text-decoration: none;}
content .dashboard .sidebar i{width: 25px; text-align: center; margin-left: 5px; color: var(--navy-blue);}
content .dashboard .page{position:relative; border: none; border-radius: 5px; background: #fff; box-shadow: 0 20px 30px #576b9a1a; padding: 27px 30px;}

content .dashboard .setting i{display: contents;}



footer{position:relative; border-top: 1px solid #2f48582e; padding: 55px 0 0; margin-top: 25px;}
footer .flag{position: absolute; background: url(/template/image/canada_flag.webp); opacity: 0.1; bottom: 95px; right: 20px; width: 200px; transform: rotate(-20deg); z-index: -1;}
footer .slogan{padding-left: 80px;}
footer ul{list-style: none; padding: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
footer li{line-height: 1.9;}
footer ul a{text-decoration: none; color: rgb(115 122 132/1) !important;}
footer ul a:hover{transition-duration: 0.2s; color: #000000 !important;}
footer .news-promot{position: relative; background: #fff4e5; border-radius: 5px; padding: 70px 18px 25px; margin-bottom: 25px;}
footer .news-promot span{position: absolute; display: block; text-align: center; background: #ffffff; box-shadow: 0 5px 25px rgba(44,79,120,.08); border-radius: 5px; top: -33px; right: 18px; width: 70px; height: 70px;}
footer .news-promot i{color: rgb(252 184 83/1) !important; font-size: 35px; position: relative; top: 18px;}
footer .news-promot label{display: block; font-size: 14px; line-height: 2.5; color: rgb(252 184 83/1) !important;}
footer .news-promot h5{color: rgb(161 111 37/1) !important;}
footer .news-promot a{position: absolute; bottom: 37px; left: 18px;}
footer .news-promot a:after{font-family: FontAwesome; content: '\f137'; color: rgb(161 111 37/1); position: relative; right: 10px; top: 2px;}
footer .news-promot a:hover{box-shadow: 0 5px 25px rgb(161 111 37 / 15%);}
footer .news-promot a:hover:after{right: 11px;}
footer .social .items a{background: rgb(241 244 250/1) !important; color: rgb(113 138 171/1) !important; margin-left: 5px; width: 35px; height: 35px; text-align: center; border-radius: 5px; text-decoration: none;}
footer .social .items a:after{font-family: FontAwesome; color: rgb(113 138 171/1); position: relative; top: 5px;}
footer .social .items a:hover{transition-duration: 0.2s; background: rgb(113 138 171/1) !important;}
footer .social .items a:hover:after{transition-duration: 0.2s; color: rgb(241 244 250/1);}
footer .social .items .instagram:after{content: '\f16d';}
footer .social .items .telegram:after{content: '\f1d8';}
footer .social .items .linkedin:after{content: '\f0e1';}
footer .social .items i{position: relative; top: 9px; font-size: 16px;}
footer .copyright{font-weight: 400; background: var(--navy-blue-dark); color: #ffffff; margin-top: 40px; padding: 20px 0 10px;}
footer .copyright p{font-weight: 300; color: #ffffff;}
footer .copyright  a{font-weight: 600; text-decoration: none; color: #ffffff; margin: 0 3px;}

.border-section{border: 1px solid #f1f5ff; border-radius: 25px; padding: 40px; margin: 30px 0;}
.border-section .thumbnail{width: 100%; border-radius: 5px; box-shadow: 0 0 10px 2px rgb(0 0 0 / 19%);}
.ck.ck-reset{direction: rtl;}
.ck-reset_all :not(.ck-reset_all-excluded *){color:#838383; border-color: #e5e5e5;}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){min-height: 400px; border-color: #e5e5e5; border-radius: 0 0 5px 5px;}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){min-height: 400px; border-color: #e5e5e5; box-shadow: none; outline-color: #efefef; background: #f6fdff; direction: rtl; text-align: right;}

.form-control{border: none !important;}
.form-control label{display: block; color: #7F7F7F; font-weight: 600; font-size: 16px; margin: 15px 0 5px;}
.form-control input{display: block; width: 100%; padding: 5px 10px; border: 1px solid #e5e5e5; border-radius: 5px;}
.form-control input::placeholder{color: #BFBFBF;}
.form-control input:focus-visible{outline-color: #efefef; background: #f6fdff;}
.form-control textarea{display: block; width: 100%; padding: 5px 10px; margin: 15px 0 20px; border: 1px solid #e5e5e5; border-radius: 5px;}
.form-control textarea::placeholder{color: #BFBFBF;}
.form-control textarea:focus-visible{outline-color: #efefef; background: #f6fdff;}
.form-control select{display: block; width: 100%; padding: 5px 10px; border: 1px solid #e5e5e5; border-radius: 5px; appearance: none;}
.form-control select:focus-visible{outline-color: #efefef; background: #f6fdff;}
.form-group{display: flex;}
.form-group input{border-radius: 0 5px 5px 0;}
.form-group span{margin: 0; background: #eee; padding: 5px 10px; color: #4d4d4d; border-radius: 5px 0 0 5px;}

table tr{border-color: #e8efff;}
table thead th{color: #787878; font-size: 16px;}
table thead th label{color: #919191; font-weight: 400; font-size: 12px; margin-right: 5px;}
table tbody tr:hover{transition-duration: 0.4s; background: #fafafa; cursor: pointer;}
table tbody td{color: #6f6f6f;}
table tbody td a{color: #6f6f6f; text-decoration: none;}
table tbody td a:hover{color: #56bee5;}
table input{margin-bottom: 3px;}

.admin-paginate{padding: 25px 0 0!important;}
.admin-paginate .page-item{min-width: 35px; text-align: center;}
.admin-paginate .page-link{color: var(--navy-blue);}
.admin-paginate .page-link:focus{box-shadow: none;}
.admin-paginate .active>.page-link{border-color: #2dc880; background-color: #2dc880;}

@media screen and (min-width: 1201px) and ( max-width: 1400px)
{
    h5{font-size: .9rem !important;}
    p{font-size: .9rem !important;}

    content .exchange-rate canvas{top: 75px;}
    content .news-categories .news-section .big-box{width: 40%;}
    content .news-categories .news-section .card-box{width: 60%;}
    content .cities .back:before{height: 178px; right: 0; left: 0;}
    content .index-attraction .background:before{right: 0; left: 0;}

}

@media screen and (min-width: 991px) and ( max-width: 1200px)
{
    h5{font-size: .9rem !important;}
    p{font-size: .9rem !important;}

    content .exchange-rate canvas{top: 75px;}
    content .news-categories .news-section .big-box{width: 50%;}
    content .news-categories .news-section .card-box{width: 50%;}
    content .news-categories .news-section .card-box .card .image{display: none;}
    content .cities .back:before{height: 178px; right: 0; left: 0;}
    content .index-attraction .background:before{right: 0; left: 0;}
}

@media screen and (min-width: 501px) and ( max-width: 990px)
{
    h3{font-size: 1rem !important;}

    .news-header .search{width: 230px;}

    /*Index*/
    content .index-showcase:before{top: 3%;}
    content .index-news{margin: 0;}
    content .index-news .item{padding: 13px 5% 2px 0;}
    content .index-blog{margin: 0 0 25px 0;}
    content .index-blog:before{height: unset; top: 75px; bottom: 25px;}
    content .weather{display: none;}
    content .exchange-rate{display: none;}
    content .reminder{display: none;}
    content .cities{margin-top: 45px;}
    content .cities:after{height: 145px;}
    content .cities .back:before{height: 130px;}
    content .index-attraction .background:before{top: 5%; bottom: 10%; right: 5%; left: 5%;}
    content .index-attraction .image{min-height: 85px; margin-bottom: 15px;}
    /*News*/
    content .newsfeed span{display: none;}
    content .banner .gradient {left: 0; bottom: 0px; border-radius: 0 0 5px 5px;}
    content .banner .gradient_2 {left: 0; bottom: 0px; border-radius: 0 0 5px 5px;}
    content .banner img{margin-top: 6px; border-radius: 5px; padding: 0 !important;}
    content .latest-news{margin-bottom: 20px;}
    content .latest-news .item{padding: 10px 10px 10px 8px;}
    content .review-news{margin: 0 0 20px;}
    content .news-editor{margin: 0 10px 20px; height: unset;}
    content .news-categories .news-section .big-box{width: 50%;}
    content .news-categories .news-section .card-box{width: 50%;}
    content .news-categories .news-section .card-box .card .image{display: none;}
    /*content .news-sidebar-advertisement{display: none;}*/


    footer h4{text-align: center;}
    footer .slogan{text-align: center; padding: 0 25px;}
    footer .flag{right: unset; left: 30px; width: 110px; transform: rotate(20deg);}
    footer .access{margin-bottom: 55px;}
    footer .access button, footer .access button:hover, footer .access button:active, footer .access button:focus-visible{display: block; width: 100%; padding: 8px 0 10px !important; text-align: center; border-radius: 5px; border:1px solid rgb(227 234 241/1) !important;}
    footer .access button:after{font-family: FontAwesome; content: '\f107'; color: rgb(113 138 171/1) !important; position: relative; top: 4px; left: -5px;}
    footer .access button[aria-expanded="true"]:after{display: inline-block; transition-duration: 0.2s; transform: rotate(180deg);}
    footer .collapse ul, footer .collapsing ul{background: rgb(241 244 250) !important; padding: 15px 0 17px !important; margin: 2px 0; border-radius: 5px;}
}

@media screen and (min-width: 280px) and ( max-width: 500px)
{
    h1{font-size: 2rem !important;}
    h2{font-size: 1.5rem !important;}
    h3{font-size: 1.2rem !important;}

    .subtitle{margin-bottom: 10px;}

    .navbar{padding: 8px 0 !important;}
    .navbar .navbar-toggler{width: 40px; height: 35px; text-align: center;}
    .navbar .navbar-toggler:after{font-family: FontAwesome; content: '\f0c9'; position: relative; top: 3px; left: 1px;}
    .navbar .navbar-toggler[aria-expanded="true"]:after{content: '\f00d'}
    .navbar .navbar-toggler:focus{box-shadow: none;}
    .navbar .collapsing{height: 100% !important;}
    .navbar .collapsing ul{display: none;}
    .navbar .navbar-collapse{position: fixed; top: 0; left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 75%; height: 100%; }
    .navbar .navbar-collapse[aria-expanded="true"]{right: 0; background: var(--navy-blue-dark); border: none; box-shadow: -4px 0px 12px 0px rgb(20 31 38 / 26%); z-index: 10;}
    .navbar .navbar-nav{padding: 35px 0 0;}
    .navbar .navbar-nav .nav-item{border-bottom: 1px solid #ffffff14; padding:15px 0;}
    .navbar .navbar-nav .nav-item:last-child{border: none;}
    .navbar .navbar-nav a{color: #ffffff; font-weight: 300;}
    .navbar .navbar-nav .mobile{display: block;}

    /*Index*/
    .index-header{height: 245px; background-size: cover !important;}
    .index-header .hero-title{top: 98px; padding: 10px 30px;}
    .index-header .hero-title h1{text-align: center;}

    /*News*/
    .news-header{height: 205px; background-size: cover;}
    .news-header:before{border-width: 0 0 205px 100px;}
    .news-header .hero-title{top: 50px;}
    .news-header form{display: none;}
    content .categories li{margin: 0 15px;}
    content .newsfeed span{display: none;}
    content .banner img{margin-top: 6px; border-radius: 5px; padding: 0 !important;}
    content .latest-news{margin-bottom: 20px;}
    content .latest-news .item{padding: 10px 10px 10px 8px;}
    content .review-news{margin: 0 0 20px;}
    content .news-editor{margin: 25px 10px 0; height: unset;}

    content .news-categories{margin: 50px 0 0;}
    content .news-categories .category-subtitle h2{font-size: 1.2rem !important;}
    content .news-categories .category-subtitle span{width: 35px; height: 35px; top: -8px;}
    content .news-categories .category-subtitle span i{font-size: 16px;}
    content .news-categories .category-subtitle .link{font-size: 12px; top: -6px;}
    content .news-categories .news-section{display: block; padding: 20px;}
    content .news-categories .news-section:before{left: 0;}
    content .news-categories .news-section .big-box{width: 100%; margin: 0 0 5px 0;}
    content .news-categories .news-section .big-box article h3{line-height: 1.8; min-height: unset;}
    content .news-categories .news-section .card-box{width: 100%;}
    content .news-categories .news-section .card-box .card .image{display: none;}
    content .news-categories .news-section .card-box .card h3{margin: 15px 5px 8px; line-height: 1.8;}
    content .news-categories .news-section .card-box .card .commentcount img{margin: 0 5px;}
    content .cities-news .card h2{top: 0;}
    content .cities-news .card h2:before{height: 6px; top: -13px;}
    /*content .news-sidebar-advertisement{display: none;}*/

    /*Index*/
    content{margin-top: 45px;}
    content .index-showcase{height: unset;}
    content .index-showcase:before{display: none;}
    content .index-showcase img{height: auto;}
    content .index-showcase .dots{bottom: unset; top: 19px;}
    content .index-news{margin: 0 10px 25px; height: unset;}
    content .index-news-btn{display: block; background: var(--red); color: #ffffff; border-radius: 5px; padding: 16px 13px; text-decoration: none; font-size: 18px; text-align: center; margin-bottom: 15px;}
    content .index-news-btn:hover{color: #ffffff;}
    content .index-blog{margin:0;}
    content .index-blog .subtitle{margin: 20px 0 10px; text-align: center;}
    content .index-blog .subtitle a{position: unset; margin: 0 auto 12px; background: #fff4e5; color: rgb(161 111 37/1) !important; border-radius: 5px; padding: 6px 13px; font-size: 12px;}
    content .index-blog .subtitle a:after{display: none;}
    content .index-blog .card{margin-bottom: 25px;}
    content .index-blog:before{display: none;}
    content .index-blog .card img{width: 100%;}
    content .weather{height: 180px;}
    content .weather:before{display: none;}
    content .exchange-rate{height: 180px;}
    content .reminder .banner{width: 100%;}
    content .cities{margin: 50px 0 60px;}
    content .cities:before{position: absolute; content: ''; background: rgb(24 21 30 / 75%); box-shadow: 0 5px 25px rgb(0 0 0); top: 193px; bottom: 100px; right: 15px; left: 15px; border-radius: 5px;}
    content .cities .back:before{display: none;}
    content .cities .pattern:before{right: 0; height: 450px;}
    content .cities .pattern:after{left: 0; height: 450px;}
    content .cities:after{display: none;}
    content .cities .subtitle p{font-size: 0.8rem !important;}
    content .cities .card{padding-bottom: 5px; margin: 0 25px 25px;}
    content .cities .card img{margin-bottom: 10px;}
    content .index-attraction .image{min-height: 85px; margin-bottom: 15px;}
    content .index-attraction .background:before{left: 0; right: 0;}
    /*Blog*/
    content .blog .card{margin-bottom: 25px;}
    /*Article*/
    content .article .header .breadcrumb{font-size: 14px; display: block; margin: 0 auto 15px; text-align: center;}
    content .article .header .breadcrumb .fa-angle-left{top:1px;}
    content .article .header h1{font-size: 1.4rem !important; text-align: center; line-height: 1.5;}
    content .article .header .thumbnails{margin: 10px 0 20px;}
    content .article .invitation{padding: 25px 15px;}
    content .article .invitation span{display: none;}
    content .article .invitation a{left: 15px;}
    content .article .body blockquote{margin: 10px 0 0; padding: 15px 20px 3px 0;}
    /*News*/
    content .newsfeed{display: none;}
    content .banner .desktop{display: none;}
    content .banner .slideshow{display: block;}
    content .slideshow-container { max-width: 1000px; position: relative; margin: auto; }
    content .banner .fade:not(.show){opacity: 1 !important;}
    content .slideshow-container .slider-arrow{position:absolute; background-color: #ffffff; color: #000000; opacity: 0.8; transition: opacity 0.3s ease; box-shadow: 0px 4px 8px rgb(45 45 45 / 38%); margin-right: 5px; display: inline-block; width: 35px; min-height: 35px; text-align: center; border-radius: 5px; text-decoration: none; cursor: pointer;}
    content .slideshow-container .next{top: 98px; right: -11px;}
    content .slideshow-container .prev{top: 98px; left: -5px;}
    content .slideshow-container .next:after{font-family: FontAwesome; content: '\f105'; position: relative; top: 5px;}
    content .slideshow-container .prev:after{font-family: FontAwesome; content: '\f104'; position: relative; top: 5px;}
    content .latest-news img{width: 80px; height: 80px; object-fit: cover;}
    content .latest-news h3{/*position: relative; top: 14px; */font-size: 16px !important; line-height: 1.7;}
    content .latest-news p{/*display: none;*/}
    content .article .share .icon{width: 30px; height: 30px;}
    content .article .share .icon .telegram{font-size: 14px; top: 15px;}
    content .article .share .icon .whatsapp{font-size: 15px; top: 15px;}
    content .article .date{top: 2px;}
    content .article .body .video{background: #f6f6f6; width: 100%; height: 195px; border-radius: 5px;}
    content .article .body .video iframe{width: 100%; height: 195px; border-radius: 5px;}

    /*Attraction*/
    content .attraction .map{height: 300px; margin-bottom: 15px;}
    content .attraction .attractions-scroll{height: unset; overflow-y: unset;}

    /*Comment*/
    content .comment-section .comment-form-outer input{margin-bottom: 10px;}
    content .comment-section .comment-form-outer button{width: auto; padding: 8px 25px !important;}
    content .review .dialog-box img{display: none;}
    content .review .dialog-box .dialog{margin: 0;}

    footer{padding: 35px 0 0;}
    footer .flag{left: 25px; right: unset; bottom: 70px; transform: rotate(20deg); width: 75px;}
    footer h4{text-align: center;}
    footer .slogan{text-align: center; padding: 0 25px;}
    footer .access{margin-bottom: 55px;}
    footer .access button, footer .access button:hover, footer .access button:active, footer .access button:focus-visible{display: block; width: 100%; padding: 8px 0 10px !important; text-align: center; border-radius: 5px; border:1px solid rgb(227 234 241/1) !important;}
    footer .access button:after{font-family: FontAwesome; content: '\f107'; color: rgb(113 138 171/1) !important; position: relative; top: 4px; left: -95px;}
    footer .access button[aria-expanded="true"]:after{display: inline-block; transition-duration: 0.2s; transform: rotate(180deg);}
    footer .collapse ul, footer .collapsing ul{background: rgb(241 244 250) !important; padding: 15px 0 17px !important; margin: 2px 0; border-radius: 5px;}
    footer .social{text-align: center;}
    footer .social .items{display: inline-flex!important;}
    footer .copyright{padding: 14px 0 0;}
    footer .copyright p{font-size: 12px !important;}
}