@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot') format('embedded-opentype'),
         url('../fonts/Helvetica.woff2') format('woff2'),
         url('../fonts/Helvetica.woff') format('woff'),
         url('../fonts/Helvetica.ttf') format('truetype'),
         url('../fonts/Helvetica.svg#Helvetica') format('svg');
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/HelveticaBold.eot');
    src: url('../fonts/HelveticaBold.eot') format('embedded-opentype'),
         url('../fonts/HelveticaBold.woff2') format('woff2'),
         url('../fonts/HelveticaBold.woff') format('woff'),
         url('../fonts/HelveticaBold.ttf') format('truetype'),
         url('../fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}


:root {
    --primary-color: #273A4E;
    --secondary-color: #F3F9FC;
    --white: #fff;
    --d-grey: #616161;
    --black: #282828;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --theme-font: 'Helvetica';
    --font-bold: 'HelveticaBold';
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
 }

body{ font-family:var(--theme-font); background: var(--secondary-color); letter-spacing: 0.04px;}

html, body { height: 100%;}
img{ max-width: 100%;}
.h-inherit {height: inherit; }
.text-grey{ color: var(--d-grey);}
.text-blue{color: #285A6D;}
.text-theme-color{ color: var(--primary-color); text-decoration: none;}
.w-660{width: 660px;}

.page-error {
    height: inherit;
    background: url(../img/bg.png) no-repeat center #EBEBEB;
    align-items: center;
    display: flex;
    justify-content: center;
}
.page-error .card {
    max-width: 1000px;
    width: 100%;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15);
}
.card {
    border-radius: 15px;
    background: #FFF;
    border-color: #fff;
    /* min-height: inherit; */
}
.custom-error-button {
    background: linear-gradient(92deg, #0E8EE2 -5.08%, #16142E 103.97%);
    color: var(--white);
    border: 1px solid rgb(66 150 255 / 80%) !important;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    position: relative;
    z-index: 10;
}

/* authentication */

.auth-pannel{ display: flex; height: inherit; align-items: stretch;}
.auth-left, .auth-right{ display: flex; align-items: center; justify-content: center;}
.auth-left{ flex: 60%; flex-direction: column;}
.auth-right{ flex: 40%; background: #BDDBED; border-radius: 80px 0px 0px 80px; padding: 50px;}

.auth-info{max-width: 660px; width: 100%; padding: 50px 120px; border-radius: 20px; background: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08); margin: auto;}
.auth-info .form-control{min-height: 56px;}
.auth-logo { margin-bottom: 30px;}
.auth-info h3{color: #212121; font-size: 24px; font-family: var(--font-bold); letter-spacing: 0.036px; margin-bottom: 40px;}

.auth-info .btn{ width: 100%; padding: 15px 40px; font-size: 18px; font-family: var(--font-bold);}
.forgot-link a{ color: var(--primary-color); font-size: 16px;letter-spacing: 0.04px; text-decoration: none;}
.copy-right{ color:#757575; font-size: 16px;letter-spacing: 0.04px;}

.form-group { margin-bottom: 20px; position: relative;}
/* .form-group:last-child{ margin-bottom: 0;} */
.form-label{ color: #424242; font-size: 16px; margin-bottom: 5px;}
/* .form-group:last-child{ margin-bottom: 0;} */

.btn { text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border-radius: 8px; box-shadow: none; padding: 12px 40px; transition: all .25s ease-in-out; font-size: 15px; font-family: var(--font-bold); font-weight: normal;}

.homepagebtn{
    font-size: 20px;
}

.btn.only-icon{ padding: 12px; border-radius: 5px; border: 1px solid #BDBDBD;}
.btn.only-icon svg { height: 26px; width: 26px; stroke:#424242;}

.btn.only-icon:hover{ border-color:#BDDBED; background: #BDDBED;}
.btn.only-icon:hover svg{ stroke: #5D7A94;}

.btn-primary { background: var(--primary-color); border-color: var(--primary-color); letter-spacing: 0.95px;}
.btn-primary:hover{background: #BDDBED; border-color: #BDDBED; color: var(--primary-color);}

.btn-light { background: var(--white);  border: 1px solid #5D7A94; color: var(--primary-color);}
.btn-light:hover{background: #DDEEF6; border-color: #DDEEF6; color: #5D7A94;}

.btn-light-blue {background: #DDEEF6; border-color: #DDEEF6; color: #5D7A94;}
.btn-light-blue:hover{ background: var(--primary-color);  color: var(--white);}

.btn-icon svg{stroke: #5D7A94; fill: #5D7A94; }


.btn-sm{ padding: 10px 20px; border-radius: 4px;}

.form-control { border-radius: 5px; border: 1px solid #BDBDBD; padding: 13px 14px;}
.form-control[type=color]{ height: 52px; padding: 10px;}

.iconed-field { position: relative;}
.iconed-field img { position: absolute; top: 0; right: 0; line-height: normal; padding: 10px; cursor: pointer; transform: translate(0px, calc(50% - 12px));}

/*  Homepage setting */
.gallery-box{ display: flex; flex-wrap: wrap; gap: 10px; }
.delete_icon_home_setting { justify-items: center; position: relative; flex:13%; height: 100px; border-radius: 10px; overflow: hidden; border: 1px solid var(--bs-border-color);}
.delete_icon_home_setting .thumb{ max-width: 100%; height: 100%; width: 100%; object-fit: cover;}
.delete-attachment{padding: 4px; font-size: 9px; border-radius: 20px; position: absolute; right: 0; background: #f6f9fc; opacity: 0; transition: .25s; cursor: pointer;}
.delete_icon_home_setting:hover .delete-attachment{ opacity: 1; background:}

/* dashboard */
#sidebar-wrapper{ position: fixed; z-index: 10; top: 0; bottom: 0; left: 0; width: calc(17.5rem + 30px); height: 100%; /*overflow-y: scroll;*/ display: flex; flex-direction: column;}

#sidebar-wrapper:hover::-webkit-scrollbar-thumb {background:rgba(51, 50, 50, 0.219);}
#sidebar-wrapper::-webkit-scrollbar { width:3px; }
#sidebar-wrapper::-webkit-scrollbar-track { background:transparent; border-radius:0px; }
#sidebar-wrapper::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, 0); border-radius:0px; }

.sidebar-heading{ text-align: center; background: #1C2D43;}
#sidebarToggle{position: absolute; background: #BDDBED; padding: 6px 8px; right: 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04); transform: translate(11%, 83%); border-color: #BDDBED;}
#sidebarToggle svg{ fill: #5D7A94; width: 18px; height: 18px; transition: .25s;}
.sb-sidenav-toggled #sidebarToggle svg{transform: rotate(180deg);}

.sb-sidenav-toggled #sidebarToggle{transform: translate(105%, 83%);}

.inner-box{min-height: calc(100vh - 30px); border-radius: 15px; background: var(--primary-color); margin: 15px; overflow: hidden; display: flex; flex-direction: column; overflow: auto;}
/* #sidebar-wrapper{margin-left: calc(-17.5rem + -30px);} */
#sidebar-wrapper .menu-holder { width: 17.5rem; padding: 15px;}

#sidebar-wrapper .navbar-nav li{ margin-bottom: 14px;}
#sidebar-wrapper .navbar-nav li:last-child{ margin-bottom: 0px;}

#sidebar-wrapper .navbar-nav li a{position: relative; display: flex; color: #fff; text-decoration: none; align-items: center; padding:16px; line-height: normal; font-family: var(--font-bold); font-size: 18px; border-radius: 8px;}

#sidebar-wrapper .navbar-nav li a .svg-holder,
.logout button .svg-holder{margin-right: 10px; transition: .25s;}

#sidebar-wrapper .navbar-nav li a svg{ fill: #fff; width: 24px; height: 24px; vertical-align: text-top;}
#sidebar-wrapper .navbar-nav li.active a, #sidebar-wrapper .navbar-nav li a:hover{ color: var(--primary-color); background: #fff;}
#sidebar-wrapper .navbar-nav li.active a svg, #sidebar-wrapper .navbar-nav li a:hover svg{ fill: var(--primary-color);}

.logout{padding:15px;}
.logout button{position: relative; display: flex; color: #fff; text-decoration: none; align-items: center; padding:16px; line-height: normal; font-family: var(--font-bold); font-size: 18px; border-radius: 8px; width: 100%;}
.logout button svg{ fill: #fff; width: 24px; height: 24px; vertical-align: text-top;}
.logout button:hover{color: var(--primary-color); background: #fff;}
.logout button:hover svg{ fill: var(--primary-color);}

.app-nav {min-height: 70px; padding-top:15px; padding-bottom: 15px;}
.app-header{border-radius: 15px; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04); width: 100%; padding: 16px 24px;}
.sb-sidenav-toggled .app-header{ padding-left: 45px;}

.small-title{color: #000; font-size: 24px; font-style: normal; font-family: var(--font-bold); line-height: 36px; letter-spacing: 0.036px; margin: 0; display: flex; align-items: center;}
.small-title svg{vertical-align: text-top; margin: 2px 8px 0 0px; }

/* data table */
.all-db-table { border-radius: 15px;}
.all-db-table .table{ margin: 0;}
.all-db-table .table > thead > tr{ border: 0;}
.all-db-table .table > thead > tr > th { background: #DDEEF6; padding: 16px; color:#273A4E; font-family: var(--font-bold); border:0; text-align: left;}
.all-db-table .table > tbody > tr > td { color: #424242; /*padding: 12px;*/ line-height: normal; vertical-align: middle;}
.all-db-table .table-bordered > :not(caption) > *{ border-color:#EEEEEE;}
.all-db-table .table > tbody > tr > td a{ color: #424242; text-decoration: none;}
.all-db-table .table > tbody > tr > td:first-child a{ text-decoration: underline;}
.table-hover>tbody>tr:hover { background: #F3F9FD;}
.all-db-table .table > :not(caption) > * > *{ box-shadow: none;}
div.dt-container.dt-empty-footer tbody>tr:last-child>*{ border-bottom: 0 !important;}

.all-db-table table.dataTable tr:nth-of-type(even)>* { background-color: #FEFEFE;}

.all-db-table .table > :not(caption) > * > *{ padding-top: 1rem; padding-bottom: 1rem;}

.all-db-table tbody tr td{border-color:transparent;}

.dtb-search{ display: flex; gap: 20px;}

/* start pagination */

div.dt-container .dt-paging .dt-paging-button:hover{background: var(--primary-color) !important; border-color: var(--primary-color) !important; }

.table-responsive div.dt-container .dt-paging .dt-paging-button.current, .table-responsive div.dt-container .dt-paging .dt-paging-button.current:hover{background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important}


.all-db-table div.dt-container .dt-paging .dt-paging-button{border-radius: 25px !important; color: #9E9E9E !important; font-size: 14px; padding: .4em !important; min-width: 34px !important;}

div.dt-container div.dt-layout-cell{padding: 10px 0 !important;}

div.dt-container select.dt-input{border-radius: 5px; border: 1px solid #E0E0E0 !important; background: #FFF;  font-size: 14px;  padding: 11px 10px !important;  margin-right: 15px; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); width: 80px; background-repeat: no-repeat; background-position: 82% 15px; background-size: 12px;}

.all-db-table div.dt-container .dt-paging .dt-paging-button.disabled{ color: #9E9E9E !important; }
.all-db-table div.dt-container .dt-paging .dt-paging-button.previous:hover,
.all-db-table div.dt-container .dt-paging .dt-paging-button.next:hover{ color: #424242 !important; background: transparent !important; border-color: transparent !important; }

.all-db-table div.dt-container .dt-paging .dt-paging-button.disabled:hover, .all-db-table div.dt-container .dt-paging .dt-paging-button.disabled:active{  background: transparent !important; border-color: transparent !important; font-weight: normal !important;}

div.dt-container .dt-paging .dt-paging-button.previous{ margin-left: 0; margin-right: 10px; font-weight:normal !important;}
div.dt-container .dt-paging .dt-paging-button.next{ margin-left: 10px; margin-right: 0px; font-weight: normal !important;}

.dt-search {position: relative; width: 280px;}
.dt-search label{ position: absolute; padding: 9px 10px;}
div.dt-container .dt-search input{ padding:11px 10px 11px 34px !important; margin: 0 !important; border-radius: 8px !important; border: 1px solid #E0E0E0 !important; background: var(--white)!important; color: #9E9E9E; font-family: var(--theme-font); font-size: 14px; letter-spacing: 0.035px; width: 100%;}
div.dt-container .dt-search input:focus-visible{ outline: none;}

.tab-content div.dt-container .dt-search input,
.tab-content div.dt-container select.dt-input{ border: 1px solid #e6eff8 !important;}
.tab-content .dtb-footer{border: 1px solid #e6eff8; }

.dtb-footer .dt-info{color: #616161 !important; font-family: var(--theme-font); letter-spacing: 0.04px; font-size: 14px;}

/* dt dropdown*/
.dt-button-collection { position: absolute; left: 0; top: 100% !important; margin: 0; margin-top: 5px; padding: 0; border-radius: 3px; z-index: 9000; min-width: 180px;  text-align: left; list-style: none; border: 1px solid rgba(154, 162, 172, 0.80); background: #FFF; box-shadow: 0px 4px 10px 0px rgba(138, 142, 148, 0.15);}
.dt-button-collection button { border: none; color: #4A4A4A; padding: 8px 16px; word-wrap: break-word; white-space: normal; font-weight: 400; line-height: 1.42857143; background: transparent; display: block; width: 100%;text-align: left; font-size: 14px;}

.dtb-footer{ display: flex; align-items: center; margin-top: 1.5rem; justify-content: space-between; padding: 10px 20px; border-radius: 8px; background: #FFF; border-color: #fff;}
.dtb-header{display: flex; gap: 10px; margin-bottom: 1.5rem; justify-content: space-between;} 

.dtb-header + .card{ overflow: hidden;}

.action-box{display: flex; gap: 10px; justify-content: center;}
.action-box .btn {border-radius: 5px; color: #212121 !important; font-size: 22px; padding: 0;}
.action-box .btn:hover{ color: #424242 !important; }

.color-box {width: 28px; height: 28px; border-radius: 20px;}
.image-box {width: 28px; height: 28px; border-radius: 50px; overflow: hidden;}
.image-box img{ height: 100%; width: 100%; object-fit: cover;}

/* Modals */

.front-modal.modal{backdrop-filter: blur(6px);}
.modal-backdrop.show { opacity: 1;}
.frontend-body .modal-backdrop{background-color:rgba(33, 33, 33, 0.30);}
.modal-backdrop{background: rgba(0, 0, 0, 0.62);}

.modal-title{color: #212121; font-size: 24px; font-family: var(--font-bold); line-height: normal;}

.modal-header, .modal-body, .modal-footer { padding-left: 35px; padding-right: 35px; border: 0; }
.modal-header{ padding-top: 35px;}
.modal-footer{ padding-bottom: 35px; gap: 20px;}
.modal-footer .btn{ font-size: 18px; width: calc(50% - 10px);}
.modal-footer > * {margin: 0;}
.modal-content{ border-radius: 20px; border: 0;}

.front-modal .modal-header{padding-bottom: 10px;}
.front-modal .modal-header, .front-modal .modal-body, .front-modal .modal-footer{ padding-left: 35px; padding-right: 35px;}
.front-modal .btn{ font-family: var(--theme-font); font-weight: normal !important;}

.tag-strip{position: relative; display: flex; align-items: center; padding-right: 27px;}
.tag-strip .img-holder{ display: flex; align-items: center;}
.tag-strip .img-holder img{border-radius: 4px; width: 38px; height: 38px; object-fit: cover;}
.tag-strip .del{ position: absolute; right: 0;}
.tag-strip .del:after{ content: ''; background: #dc354517; position: absolute; width: 40px; height: 40px; border-radius: 50px; transform: scale(0); transition: .25s; transform-origin: center; left: -10px; top: -10px;}
.tag-strip .del:hover:after{transform: scale(1); left: -8px; top: -8px;}
.tag-strip .del svg{ fill: #616161;}
.tag-strip .del:hover svg{ fill: var(--bs-red);}

.mt-14{ margin-top: 14px;}

/* Modals */

/* Card */

.card{border-radius: 14px; background: #FFF; border: 0;}
.card-footer{padding: 0; background: transparent; border: 0; margin-top: 15px;}
.card-footer .btn{ min-width: 140px;}

h5{  font-size: 20px; font-style: normal; font-family: var(--font-bold);}
.lbl-lblank{ width: 100%;}
.row.repeater{ padding-right: 74px; position: relative;}
.row.repeater .col-auto{ position: absolute; right: 0; text-align: right;}

/* card */

/* frontend panel css */

.map-view{ height: inherit; overflow: hidden;}
.map-view iframe{ width: 100%; height: inherit;}

.app-nav-right{ display: flex; gap: 22px; flex-grow: 1;}
.frnt-header{ position: fixed; top: 0; width: 100%; z-index: 5;}
.frnt-header .top{background: var(--white);  display: flex; align-items: center; justify-content: space-between; padding: 5px 24px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08); gap: 20px;}
.frnt-header .bottom{ padding-top: 16px; text-align: center; position: absolute; left: 50%; top: auto; transform: translate(-107px, 0px);}

.frnt-header .logo-area{ margin-right: 20px;}
.frnt-header .logo-area img{ max-width: 42px; transform: unset !important;}

.frnt-header .btn-icon svg{ display: none; }

.app-nav-right .icn-btn{ position: relative; text-decoration: none; border: 0;}
.app-nav-right .icn-btn svg{ fill: #273A4E; position: relative;}
.app-nav-right .icn-btn:after{ content: ''; background: #BDDBED; position: absolute; width: 42px; height: 42px; border-radius: 50px; transform: scale(0); transition: .25s; transform-origin: center; left: -9px; top: -9px; opacity: .2; z-index: 0;}
.app-nav-right .icn-btn:hover:after { transform: scale(1);}
.app-nav-right .icn-btn:hover svg{fill: #5D7A94;}

.frnt-header .bottom .btn-group{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}

.btn-group .btn-outline-primary, .btn-group .btn-outline-primary:hover{ background-color:var(--white); color: var(--primary-color); border: 0;}
.btn-group .btn-outline-primary:hover{border-color: var(--primary-color);}
.btn-outline-primary{ border-color: var(--primary-color); font-family: var(--theme-font);}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{background-color: var(--primary-color); border-color: var(--primary-color);}
.btn-check:checked + .btn:hover{ color: var(--white);}

.footer-fixed{ position: fixed; bottom: 0; right: 0; padding: 16px 8px; display: flex; flex-direction: column; gap: 12px; z-index: 5;}
.footer-fixed .btn{ border-radius: 50px; padding: 16px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);}
.footer-fixed .btn-wht, .footer-fixed .btn-wht:focus{ background: var(--white); border-color: var(--white);}
.footer-fixed .btn-wht svg{fill:#273A4E;}

.footer-fixed .btn-blue{ background: var(--primary-color); border-color: var(--primary-color);}
.footer-fixed .btn-blue svg{fill:var(--white);}

.list-group-item:first-child{ padding-top: 0;}
.list-group-item:last-child{ padding-bottom: 0;}

.list-group-item{ padding: 16px 0;}

.list-view{ padding: 150px 20px 20px 20px;}
.list-boxed{ border-radius: 10px; background: #FFF; box-shadow: 0px 3px 12px 0px rgba(33, 33, 33, 0.07); border-left:5px solid; padding: 15px; margin-bottom: 12px; line-height: 1.5;}
.list-boxed:last-child{ margin-bottom: 0;}

.list-boxed .top{ display: flex; justify-content: space-between; border-bottom:1px solid #EEE; padding-bottom: 10px; margin-bottom: 10px; align-items: center;}
.list-boxed .top .title-box,
.list-boxed .top .title-box a{color: #212121; font-family:var(--font-bold); font-size: 18px; line-height: 28px; letter-spacing: 0.045px; text-decoration: none;word-break: break-word;}
.list-boxed .top .title-box span{color: #757575; font-size: 14px; line-height: 22px; letter-spacing: 0.035px; font-family: var(--theme-font); display: block;word-break: break-word;}

.list-boxed .top .pointer{ position: relative; margin-left: 10px;}
.list-boxed .top .pointer svg{ fill: #424242;}
.list-boxed .top .pointer:hover svg { fill: #5D7A94;}

.list-boxed .top .pointer:after { content: ''; background: #BDDBED; position: absolute; width: 42px; height: 42px; border-radius: 50px; transform: scale(0); transition: .25s; transform-origin: center; left: -12px; top: -9px; opacity: .2; z-index: 0; }
.gm-style-iw-d .list-boxed .top .pointer:after { top :-10px; }
.list-boxed .top .pointer:hover:after { transform: scale(1); }


.list-boxed .bottom{ display: flex; align-items: center; margin-bottom: 15px;}
.list-boxed .bottom:last-child{ margin-bottom: 0;}
.list-boxed .bottom figure{ border-radius: 10px; width: 36px; height: 36px; margin: 0 10px 0 0; overflow: hidden;flex: 0 0 36px;}
.list-boxed .bottom figure img{ background-size: cover; height: 100%; width: 100%;}

.list-boxed .bottom .title{color: #212121; font-family: var(--font-bold); font-size: 14px; letter-spacing: 0.035px;}
.list-boxed .bottom .title span{ display: block; color: #757575; font-family: var(--theme-font); font-size: 12px; line-height: 18px; letter-spacing: 0.03px; word-break: break-word;}
.list-boxed .bottom .title span + span{ font-family: var(--theme-font);}

.w-300{ width: 300px;}
.gm-style .gm-style-iw-c{ padding: 0;}

/* search */
.search-box{ width: 100%; display: flex; align-items: center; }
.search-box form{position: relative; width: 100%;}
.search-box .form-control{border-radius: 8px; background: #E8EAED; border-color:#E8EAED; padding: 10px 14px 10px 48px; }
.search-box .btn-search{ position: absolute; top: 0; left: 0; padding: 10px 12px; color: #212121;}
.search-box .btn-search svg{fill:#424242;}

.search-box .back-btn{ padding: 12px; border: 0;}

.pages { position: relative; width: 100%; height: 60px; overflow: hidden;  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08); }
.page {box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.page.cached {display: none;}

.page-from-left-to-center {
    -webkit-animation: pageFromLeftToCenter .25s forwards;
    animation: pageFromLeftToCenter .25s forwards;
}

.page-from-center-to-left {
    -webkit-animation: pageFromCenterToLeft .25s forwards;
    animation: pageFromCenterToLeft .25s forwards;
}

.page-from-center-to-right {
    -webkit-animation: pageFromCenterToRight .25s forwards;
    animation: pageFromCenterToRight .25s forwards;
}

.page-from-right-to-center {
    -webkit-animation: pageFromRightToCenter .25s forwards;
    animation: pageFromRightToCenter .25s forwards;
}

@keyframes pageFromLeftToCenter {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes pageFromCenterToLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0.9;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes pageFromRightToCenter {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes pageFromCenterToRight {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

/* frontend panel css */

/* custom check box */

.cst-check input{ display: none;}
.cst-check{ display: flex;}
.cst-check span{height: 22px; flex: 0 0 22px; display: inline-block; position: relative; border-radius: 5px; vertical-align: middle; border: 2px solid #757575;}
.cst-check span:before{content: ""; background: url(../img/check.svg) no-repeat; width: 17px; height: 12px; position: absolute; line-height: normal; left: 1px; top: 3px; opacity: 0; background-size: cover; }
.cst-check input:checked + span{ background: var(--primary-color); border-color: var(--primary-color);}
.cst-check input:checked + span:before{ opacity: 1;}
.cst-check input:disabled + span{ opacity: .55;}

/* custom check box */


/* sweet popup */
div:where(.swal2-container) div:where(.swal2-popup){width: 520px !important; padding-bottom: 35px!important; border-radius: 20px !important; border: 0 !important;}
div:where(.swal2-container) h2:where(.swal2-title){color: #212121 !important; font-family: var(--font-bold) !important; font-size: 28px !important; line-height: 42px; padding: 15px 35px !important;}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation{background: rgba(0, 0, 0, .62) !important;}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{background: var(--white) !important; border: 1px solid #5D7A94 !important; color: var(--primary-color) !important; padding: 12px 40px !important;  border-radius: 8px !important; transition: all .25s ease-in-out !important; font-family: var(--font-bold) !important;}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{ cursor: pointer; user-select: none; border-radius: 8px !important; padding: 12px 40px !important; transition: all .25s ease-in-out !important; font-family: var(--font-bold) !important; background: var(--primary-color) !important; border: 1px solid var(--primary-color) !important; letter-spacing: 0.95px !important;}

div:where(.swal2-container) div:where(.swal2-actions){ padding: 0 35px !important; width: 100% !important; gap: 20px;}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline{font-weight: normal !important; margin: 0 !important; flex: 0 0 calc(50% - 10px);  font-size: 18px !important;}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{ background: #DDEEF6 !important; border-color: #DDEEF6 !important; color: #5D7A94 !important;}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled.swal2-confirm:hover{background: #BDDBED !important; border-color: #BDDBED !important; color: var(--primary-color) !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:none !important}
div:where(.swal2-container) img:where(.swal2-image){margin: 2em auto 0.5em !important;}
div:where(.swal2-container) div:where(.swal2-html-container){ color: #616161 !important; font-size: 16px  !important; line-height: 24px; letter-spacing: 0.04px; padding: .3em 1.6em 1em !important ;}

/* sweet popup */

/* map popup */

.gm-style-iw-chr{ display: none;}
.gm-style .gm-style-iw-d{ overflow: hidden !important;}

.list-boxed .scroll{ max-height: 150px; overflow: auto;}
.list-boxed .scroll::-webkit-scrollbar { width: 18px; height: 12px; -webkit-appearance: none;}
.list-boxed .scroll::-webkit-scrollbar-corner { background: transparent;}
.list-boxed .scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .12);border: 6px solid transparent; border-radius: 9px; background-clip: content-box;}
.list-boxed .scroll::-webkit-scrollbar-track, .list-boxed .scroll::-webkit-scrollbar-track-piece {background: #fff;}

/* no-list */
.no-list{ display: flex; width: 100%; height: calc(100vh - 250px); justify-content: center; align-items: center; color: #757575;}
.no-list-info h4{color: #212121; font-family: var(--font-bold); line-height: 28px;  letter-spacing: 0.045px; margin-bottom: 15px;}

.mt-60{ margin-top: 60px;}
.page-section{ padding: 75px 0;}
h1{ font-family: var(--font-bold); font-size: 3rem;}
h1 small{font-size: 1.5rem; display: block; margin-bottom: 10px; position: relative; padding-bottom: 15px; z-index: 0;}
h1 small:after{ content: ''; border-bottom: 8px solid #2978F5; position: absolute;  width: 100px; bottom: 0; left: 0; z-index: 0;}
h1 small span{ position: relative; z-index: 1;}
.banner{ background: url(../img/bg.jpg) no-repeat top left;}

.white-sec{ background: var(--white);}
.figure-sec figure{ margin-bottom: 0; height: 320px; overflow: hidden;}
.figure-sec figure img{ width: 100%; height: 100%; object-fit: cover; }
.figure-sec [class*="col-"]:nth-child(3n + 1) figure { 
    border-radius: 60px 60px 0 60px; 
}

.figure-sec [class*="col-"]:nth-child(3n + 2) figure { 
    border-radius: 60px 60px 0 0px; 
}

.figure-sec [class*="col-"]:nth-child(3n + 3) figure { 
    border-radius: 60px 60px 60px 0; 
}

.cta{ background: url(../img/bg1.jpg) no-repeat left top; background-size: cover; position: relative;}
.cta:before{ content: ''; background: #161616; opacity: .6; position: absolute; inset: 0; z-index: 0;}
.cta .container{max-width: 1000px;}
.form-box{ background: #fff; border-radius: 60px 0px 60px 0px; position: relative; z-index: 1; overflow: hidden;}
.form-box .blue-bg{background: #C9E0FF;}
.form-box .row{ margin: 0;}
.form-box [class*="col-"]{ padding: 0;}
.form-box figure{ margin-bottom: 0px; border-radius: 0 0 60px 0; overflow: hidden; height: 350px;}
.form-box figure img{ height: 100%; width: 100%; object-fit: cover;}
.form-box .dec-box{ padding: 40px;}
.form-box .dec-box svg{ fill:#6586B2; width: 22px; margin-right: 10px;}
.form-box .dec-box a{ text-decoration: none; color: #6586B2; font-family: var(--font-bold); display: block; margin-bottom: 10px;}
.form-box .form-holder{ padding: 35px;}
.form-box h4{ font-size: 2rem; margin-bottom: 20px; font-family: var(--font-bold);}

.global-footer{ text-align: center; padding: 15px 0;}

.tagged-button .btn{ border-color: #9ebad2; background: #BDDBED; color: #5D7A94;}
.tagged-button .btn-sm{ border-radius: 8px;}
.tagged-button .active, .tagged-button .btn:hover{background: var(--primary-color); color: #fff;}

.event-strip{ border: 2px solid #6CB1DA; margin-bottom: 20px;  /*background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, .07059);*/  border-radius:15px;  position: relative; transition: .25s; height: 100%; display: block; text-decoration: none;}
.event-strip .title-holder{padding:16px 50px 16px 60px;  display: flex; position: relative; font-size: 18px; font-family: var(--font-bold); color: #5D7A94;  gap: 15px; justify-content: space-between; align-items: center;}

.event-strip:last-child{ margin-bottom: 0;}

.event-strip b{ border: 1px solid #6CB1DA; background: #DDEEF6; color: #5D7A94; padding: 6px; font-size: 12px; border-radius: 5px; position: absolute; left: 16px; letter-spacing: 0.095em;}
.event-strip .date{ font-weight: normal;  opacity: .65; }

.event-strip .arrow{border-radius: 50px; position: absolute; right: 10px; border-radius: 50px; border: 2px solid #6CB1DA; transition: .25s; transform: rotate(0); width: 30px; height: 30px; display: flex;align-items: center;}
.event-strip .arrow svg{ fill: #6CB1DA; transition: .25s;}

.event-strip p{ padding:16px; margin: 0;  border-top: 1px dashed #6CB1DA; color: var(--bs-body-color);}

.event-strip:hover{ background: #ddeef6; border-color: #ddeef6;}

.event-strip:hover .date{opacity: 1;}
.event-strip:hover .arrow{ transform: rotate(45deg);}


.event-strip .content{ display: flex; gap: 20px; align-items: center;}
.event-strip figure{ width: 70px; height: 70px; margin: 0; border-radius: 10px; overflow: hidden;}

.mx-h-315{ max-height:315px ;}
.mx-h-810{ max-height:810px ;}
.mx-h-660{ max-height:660px ;}
.mx-h-900{ max-height:900px ;}
.scroll{ overflow: auto;}


/* custom select */

.select2.select2-container { width: 100% !important; }

.select2.select2-container .select2-selection { border-radius: 5px; border: 1px solid #BDBDBD; background: #FFF; color: var(--light-grey); padding: 15px 14px; height: 52px; outline: none !important; transition: all .15s ease-in-out; display: flex ; align-items: center; flex-direction: row-reverse; justify-content: space-between;}
.select2.select2-container .select2-selection.select2-selection--multiple{ padding: 5px;}

.select2.select2-container .select2-selection .select2-selection__rendered {color: var(--light-grey); line-height: normal; padding-left: 0;}

.select2.select2-container .select2-selection .select2-selection__arrow { border-radius: 0 3px 3px 0; height: 100%; width: 33px;}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {}

.select2-container .select2-dropdown { background: transparent; border: none;}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {  background-color: #bddbed !important; color: var(--bs-body-color);}

.select2-container .select2-dropdown .select2-results ul { background: #fff; border: 1px solid #BDBDBD; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent !important;}
.select2-results__option,
.select2-container .select2-dropdown .select2-search input{ position: relative;  padding: 8px 6px !important;}

.select2-container--default .select2-results__option--selected{background-color: #bddbed !important;}

/* .select2-container--default .select2-results__option[aria-selected=true]:after{content: "\e948"; font-family: 'icomoon'; position: absolute; right: 0; padding: 0 10px;} */

.select2-container .select2-dropdown .select2-search input { outline: none !important; border-bottom:0 !important ;}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple { border: 1px solid #34495e;}

.select2.select2-container .select2-selection--multiple { height: auto; min-height: 34px;}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field { margin-top: 0;height: 32px;}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered { display: block; padding: 0 4px;line-height: 29px;}

.select2.select2-container .select2-selection--multiple .select2-selection__choice { background-color: #F1F1F1; border: 0; border-radius: 5px; margin: 4px 4px 0 0; padding: 0 22px 0 6px; height: 24px; line-height: 24px; font-size: 14px; position: relative;}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { position: absolute; top: 0; right: 0; height: 22px; width: 22px; margin: 0; text-align: center; color: #000; font-weight: bold; font-size: 16px; }

.select2-container .select2-dropdown .select2-search { padding: 0;}
.select2-container .select2-dropdown .select2-results { padding: 0;}
.select2-container{z-index: 4;}



@media (min-width: 768px) {
    body.sb-sidenav-toggled #wrapper #sidebar-wrapper { margin-left: calc(-17.5rem - 30px);}
    #page-content-wrapper{margin-left: calc(17.5rem + 30px); transition: margin 0.25s ease-out;}
    body.sb-sidenav-toggled #wrapper #page-content-wrapper { margin-left: 0rem; }
}

@media (max-width: 1550px) {
    .auth-pannel{ height: auto;}
}

@media (max-width: 1300px) {
    .w-660 { width: auto;}
}

@media (max-width: 1100px) {
    .dtb-header{ flex-wrap: wrap;}
}
@media (max-width: 991px) {
    .auth-pannel{ gap: 20px;}
    .auth-info{ padding: 50px 60px;}
    .dtb-header + .card { overflow: auto;}
}

@media (max-width: 767px) {
    .auth-pannel{ flex-wrap: wrap;}
    .auth-left, .auth-right{ flex: auto;}
    .auth-left{ order: 2;}
    .auth-right{border-radius: 0px 0px 80px 80px; order: 1;}
    .auth-right img{ max-width: 40%;}
    .modal-header { padding-top: 25px;}
    .modal-footer{ padding-bottom: 25px;}
    .modal-header, .modal-body, .modal-footer{padding-left: 25px; padding-right: 25px;}
    .front-modal .modal-header, .front-modal .modal-body, .front-modal .modal-footer{padding-left: 25px; padding-right: 25px;}
    .front-modal .btn{ font-size: 16px;}
    .front-modal .modal-header .modal-title{ font-size: 20px;}
    .dt-container .dt-search{ margin-top: 0 !important;}
    .dtb-footer{ flex-wrap: wrap; gap: 10px;}
    .dtb-search{ flex-wrap: wrap; gap: 10px;}
     #sidebarToggle { transform: translate(105%, 83%);} 
     .sb-sidenav-toggled #sidebarToggle { transform: translate(25%, 83%);}
     #sidebarToggle svg {transform: rotate(180deg);}
     .sb-sidenav-toggled #sidebarToggle svg{transform: rotate(0deg);}
     .app-header {padding-left: 45px;}
     .inner-box{margin-right: 5px; margin-left: 5px;}
     .frnt-header .btn-icon svg{ display: block; width: 24px; }
     .frnt-header .btn-icon span{ display: none; }
     .frnt-header .top{ padding-left: 15px; padding-right: 15px;}
     .frnt-header .logo-area{margin-right: 15px;}
     .frnt-header .btn-icon { padding: 8px;}
     .frnt-header .top{ gap: 15px;}
     .mob-ord-1{ order: 1;}
     .mob-ord-2{ order: 2;}
     .homepagebtn{
        font-size: 15px;
    }

}

@media (max-width: 550px) {
    .auth-right{ display: none;}
    .auth-left{ padding: 20px;}
    .auth-info {padding: 30px;}
    .auth-logo {max-width: 20%; margin-left: auto; margin-right: auto;}
    .copy-right{ text-align: center;}
    .w-300{ width: auto;}
}


.front-home-image {
    width: 650px;
    height: 400px;
    object-fit: contain;
}

input[readonly],
select[readonly],
textarea[readonly] {
    background-color: #e9ecef; /* Light gray, like Bootstrap disabled */
    cursor: not-allowed;
    pointer-events: none;
    opacity: 1; /* Keep text readable */
}