.breadcrumbs{width:100%;float:left;position:relative;z-index:1;text-align:center;direction:ltr;margin-bottom: 1.5em;}
.breadcrumbs ul li{display:inline-block;font-size:14px;color:#696969;margin-bottom: 20px;}
.breadcrumbs ul li a{color:#000276;}
.breadcrumbs ul li a::after{content:"|";margin:0 15px;}
#paging {width: 100%;height: auto;margin: 0 auto;text-align: center;clear: both;direction: ltr;float: right;margin: 30px 0;}
.page-no.prev-page {font-size: 15px;background: #fff;color: #000276;border: unset;}
.page-no.next-page {font-size: 15px;background: #fff;color: #000276;border: unset;}
.page-no {width: 37px;height: 37px;color: #000276;background: #fff;display: inline-block;line-height: 37px;text-decoration: none;border: 1px solid #ccc;border-left: unset;margin-right: -4px;}
.page-no a {width: 100%;height: 100%;color: #000276;display: block}
.page-no {border-radius: 5px;border: 1px solid #3c71ff;margin: 0 5px;}
.page-no.active-page {color: #fff;padding: 0 !important;background: #000276;}
.page-no .current {color: #fff;padding: 0 !important;background: #000276;}
.fa-angle-left::before {content: "\f104";font-family: 'fontawesome';}
.fa-angle-right::before {content: "\f105";font-family: 'fontawesome';}
.page-notfound img {display: block;margin: 20px auto;width: 95%;height: auto;max-width: max-content;}
/*<!--------------------------------START CSS HOTEL LIST-------------------------------*/
#hotel-list-resize .col-hotel {float: left;width: 25%;margin-bottom: 30px;}
/*<!--------------------------------END CSS HOTEL LIST-------------------------------*/
/*<!--------------------------------START CSS TOUR LIST-------------------------------*/
.col-tour {float: left;width: 25%;margin-bottom: 40px;}
.col-tour .item-card {position: relative;background: #fff;width: 280px;height: 400px;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 20px 0 #e2e2e2;margin: 0 auto;display: block;}
.col-tour .item-card:hover {box-shadow: 0 10px 20px 0 #b0b2b3;}
.col-tour:nth-child(4n+1) .item-card {float: left;}
.col-tour:nth-child(4n) .item-card {float: right;}
.col-tour .item-card figure {overflow: hidden;width: 100%;height: 200px;margin: 0 auto;}
.col-tour .item-card figure img {width: 100%;height: 100%;}
.col-tour header {line-height: 28px;padding: 15px 25px 12px;color: #7e7e7e;font-size: 14px;}
.col-tour header .tour-item-tlt h2 {font-size: 19px;color: #232323;}
.col-tour .item-card:hover header .tour-item-tlt h2 {color: #3c71ff;}
.col-tour header i {margin-right: 10px;vertical-align: middle;}
.col-tour header .tour-airline {padding-top: 12px;}
.col-tour header .tour-airline .airline-logo {float: right;}
.col-tour header .tour-airline .airline-logo img {vertical-align: middle;}
.col-tour header .tour-airline .airline-name {float: left;background-color: #3c71ff;color: #fff;padding: 0 5px;border-radius: 5px;}
.col-tour footer {padding: 0 25px;padding-bottom: 15px;width: 100%;position: absolute;bottom: 0;color: #000276;font-size: 14px;}
.col-tour footer .tour-price {float: left;}
.col-tour footer .tour-price .cost {font-size: 18px;color: #000;margin-left: 5px;font-weight: 500;}
.col-tour footer .tour-view {float: right;}
.col-tour footer .tour-view i {margin-left: 10px;font-family:'fontawesome';}
.la-angle-right::before {content: "\f105";}
.flaticon-location-pin-1::before {content: "\f132";}
.flaticon-wall-clock::before {content: "\f146";}
/*<!--------------------------------END CSS TOUR LIST-------------------------------*/
/*<!--------------------------------START CSS ARTICLE LIST-------------------------------*/
.col-article {width: 33.33%;float: left;margin-bottom: 30px;}
.col-article .item-card {display: block;margin: 0 auto;width: 350px;height: 420px;border-radius: 20px;overflow: hidden;border: 1px solid #9496971a;background: #fff;position: relative;direction: rtl;}
.col-article .item-card:hover {box-shadow: 0 10px 20px 0 rgba(182, 183, 186, 0.5);}
.col-article .item-card-img {overflow: hidden;width: 350px;height: 150px;margin: 0 auto;position: relative;}
.col-article figcaption {position: absolute;top: 20px;right: 20px;}
.col-article figcaption span {width: 70px;height: 45px;background: #3c71ff;color: #fff;border-radius: 6px;font-size: 12px;text-align: center;direction: rtl;line-height: 45px;}
.articles-list .item-card-body header {margin: 10px 0;padding: 0.6em;line-height: 1.7em;}
.articles-list .item-card-body header .article-info {border: 1px solid #e7eaea;padding: 0 10px;margin-bottom: 10px;background: #ecfcff;line-height: 30px;}
.col-article header {direction: ltr;padding: 10px 20px;line-height: 28px;color: #2F3F46;font-size: 14px;}
.col-article header .text-limit-tlt {font-size: 16px;margin-bottom: 10px;font-weight: 700;}
.col-article header p {font-size: 12px;text-align: justify;}
.col-article footer {position: absolute;bottom: 0;width: 100%;padding: 10px 20px;border-top: 1px solid #f5f5f5;}
.col-article .article-info .link {text-align: right;border-radius: 20px;}
.col-article .writer {font-size: 12px;color: #000276;direction: ltr;}
.col-article .writer i {margin-right: 5px;}
.article-item-view {float: right;font-size: 12px;color: #000276;text-align: right;direction: rtl;}
.col-article footer .article-item-view i {margin-left: 5px;}
.col-article .item-card:hover header .text-limit-tlt {color: #3c71ff}
.fa-arrow-right::before {content: "\f061";font-family: "fontawesome";}
/*<!--------------------------------END CSS ARTICLE LIST-------------------------------*/
/*<!--------------------------------START CSS ABOUT US-------------------------------*/
.text-article {width: 100%;text-align: justify;direction: ltr;margin-top: 30px;line-height: 32px;}
.article-box-tlt {font-size: 25px;margin-bottom: 10px;font-weight: bold;color: #3c71ff;}
#about-resize .text-boxt-limit {font-size: 13px;color: #333;}
.about-default-img img {border-radius: 15px;width: 100%;max-width: max-content;height: auto;}
/*<!--------------------------------END CSS ABOUT US-------------------------------*/
/*<!--------------------------------START CSS CONTACT US-------------------------------*/
.contact-section .contact-items, .contact-section .contact-form-box {margin-top: 40px;}
.contact-form-box {margin-bottom: 50px;}
.contact-form {text-align: right;width: 90%;float: right;padding: 30px 20px;box-shadow: 0 5px 20px rgba(0,0,0,.1);background: #fff;border-radius: 15px;}
.contact-frm div {margin-bottom: 0.8em;}
.contact-form input, .contact-form textarea {line-height: 44px;height: 44px;color: #666;background: #fff;padding: 7px 15px;direction: ltr;margin-bottom: 20px;padding: 0.5em;background: #f5f5f5;border: 2px solid #efefef;border-radius: 8px;}
.contact-form textarea {height: auto;}
.contact-form input:nth-child(1) {width: 49%;float: left;}
.contact-form input:nth-child(2) {width: 49%;float: left;margin-left: 2%;}
.contact-form button {font-family: 'dm-sans';display: block;margin: 0 auto;background: unset;border: 1px solid #3c71ff;width: 150px;padding: 15px 5px;cursor: pointer;margin-top: 20px;color: #3c71ff;border-radius: 8px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);overflow: hidden;text-align: center;}
.contact-form button:hover {color: #fff;background: #3c71ff;}
.contact-form .field-captcha {height: 44px;line-height: 44px;}
.contact-form .field-captcha img, .contact-form .field-captcha i {vertical-align: middle;}
.contact-info-box {direction: rtl;}
#contact-resize .contact-info-box li {direction: ltr;text-align: left;padding: .5em 0;width: 100%;font-size: 14px;border-bottom: 1px solid #d1d1d1;color: #333;}
#contact-resize .contact-info-box li:last-child {border-bottom: unset;}
.ans_contact a {color: #333;}
.color_grey i {color: #3c71ff;font-size: 20px;padding-right: 10px;}
.fa-map-marker::before {content: "\f041";color: #3c71ff;}
.ans_contact::after {content: " - ";}
.ans_contact:last-child::after{content: "";}
.contact-info-icon {height: 50px;width: 30px;line-height: 50px;}
.contact-info-icon i {font-weight: normal;font-size: 18px;color: #3c71ff;vertical-align: middle}
.flaticon-location-pin-1::before {content: "\f132";}
.flaticon-phone-call:before{content:"\f136"}
.flaticon-email:before{content:"\f13a"}
.map-box iframe {border-radius: 15px;}
/*<!--------------------------------END CSS CONTACT US-------------------------------*/
/*<!--------------------------------START CSS RESPONSIVE-------------------------------*/
@media (max-width:1200px){
#hotel-list-resize .col-hotel {width: 33.33%;}
.col-tour{width: 33.3%;}
.col-tour:nth-child(4n+1) .item-card{float: none;}
.col-tour:nth-child(4n) .item-card{float: none;}
.col-article {width: 50%;}
}
@media (max-width:950px){
#hotel-list-resize .col-hotel {width: 50%;}
.contact-section .contact-items, .contact-section .contact-form-box {width: 100%;text-align: center;}
#contact-resize .contact-info-box li {text-align: center;}
.contact-form {width: 100%;float: none;}
.col-tour{width: 50%;}
}
@media (max-width:750px){
.text-article {text-align: center;}
.article-box-tlt h1 {font-size: 20px;}
.col-article {width: 100%;}
}
@media (max-width:700px){
#hotel-list-resize .col-hotel {width: 100%;}
.col-tour{width: 100%;}
}
@media (max-width:400px){
.col-article .item-card {width: 90%;height: auto;max-width: max-content;}
.col-article .item-card-img {width: 100%;height: auto;}
.col-article figure img {margin: 0 auto;max-width: 100%;height: auto;}
.col-article footer {position: relative;bottom: unset;float: right;}
}