:root {--main: #3366FF;--main-light: #5d85ff;--main-focus:#2482e680;--main-dark: #2851cc;
       --second:#ffa238;--second-light: #fffb99;--second-focus: #fddc6a80;--second-dark: #f79f2d;
       --text:#7a7a7a;--text-dark:#543c04;--light: #F7F7F7;--border:#CFCFCF}

body{background: #fff;font-family: "Manrope", sans-serif;color:#333}

/*title*/
.tithome{text-align:center;font-size: 24px;font-weight:bold;margin-bottom: 20px;}
.tithome:before{/* content:""; */position:absolute;border-bottom: 2px solid var(--main);width: 50px;left: 0;right: 0;margin: auto;bottom: 0;}
.quote{text-align:center;color:#777;margin-bottom: 30px}
/*title end*/

/*Bootstrap*/
:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff}
:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,0.175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0,0,0,0.15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0,0,0,0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,0.075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13,110,253,0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
.text-start{text-align:left}
.text-end{text-align:right}
.text-center{text-align:center}
.text-decoration-none{text-decoration:none}
.text-decoration-underline{text-decoration:underline}
.text-decoration-line-through{text-decoration:line-through}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-wrap{white-space:normal}
.text-nowrap{white-space:nowrap}
.text-break{word-wrap:break-word;word-break:break-word}
.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))}
.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))}
.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))}
.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))}
.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))}
.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))}
.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))}
.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))}
.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))}
.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))}
.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);--bs-btn-disabled-opacity:.65;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
*,::after,::before{box-sizing:border-box}
body{margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.overflow-hidden{overflow:hidden}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0}
.row-cols-auto > *{flex:0 0 auto;width:auto}
.row-cols-1 > *{flex:0 0 auto;width:100%}
.row-cols-2 > *{flex:0 0 auto;width:50%}
.row-cols-3 > *{flex:0 0 auto;width:33.33333333%}
.row-cols-4 > *{flex:0 0 auto;width:25%}
.row-cols-5 > *{flex:0 0 auto;width:20%}
.row-cols-6 > *{flex:0 0 auto;width:16.66666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.g-0,.gx-0{--bs-gutter-x:0}
.g-0,.gy-0{--bs-gutter-y:0}
.g-1,.gx-1{--bs-gutter-x:.25rem}
.g-1,.gy-1{--bs-gutter-y:.25rem}
.g-2,.gx-2{--bs-gutter-x:.5rem}
.g-2,.gy-2{--bs-gutter-y:.5rem}
.g-3,.gx-3{--bs-gutter-x:1rem}
.g-3,.gy-3{--bs-gutter-y:1rem}
.g-4,.gx-4{--bs-gutter-x:1.5rem}
.g-4,.gy-4{--bs-gutter-y:1.5rem}
.g-5,.gx-5{--bs-gutter-x:3rem}
.g-5,.gy-5{--bs-gutter-y:3rem}
.m-0{margin:0}
.m-1{margin:.25rem}
.m-2{margin:.5rem}
.m-3{margin:1rem}
.m-4{margin:1.5rem}
.m-5{margin:3rem}
.m-auto{margin:auto}
.mx-0{margin-right:0;margin-left:0}
.mx-1{margin-right:.25rem;margin-left:.25rem}
.mx-2{margin-right:.5rem;margin-left:.5rem}
.mx-3{margin-right:1rem;margin-left:1rem}
.mx-4{margin-right:1.5rem;margin-left:1.5rem}
.mx-5{margin-right:3rem;margin-left:3rem}
.mx-auto{margin-right:auto;margin-left:auto}
.my-0{margin-top:0;margin-bottom:0}
.my-1{margin-top:.25rem;margin-bottom:.25rem}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.my-3{margin-top:1rem;margin-bottom:1rem}
.my-4{margin-top:1.5rem;margin-bottom:1.5rem}
.my-5{margin-top:3rem;margin-bottom:3rem}
.my-auto{margin-top:auto;margin-bottom:auto}
.mt-0{margin-top:0}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:1rem}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.mt-auto{margin-top:auto}
.me-0{margin-right:0}
.me-1{margin-right:.25rem}
.me-2{margin-right:.5rem}
.me-3{margin-right:1rem}
.me-4{margin-right:1.5rem}
.me-5{margin-right:3rem}
.me-auto{margin-right:auto}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mb-5{margin-bottom:3rem}
.mb-auto{margin-bottom:auto}
.ms-0{margin-left:0}
.ms-1{margin-left:.25rem}
.ms-2{margin-left:.5rem}
.ms-3{margin-left:1rem}
.ms-4{margin-left:1.5rem}
.ms-5{margin-left:3rem}
.ms-auto{margin-left:auto}
.p-0{padding:0}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:1rem}
.p-4{padding:1.5rem}
.p-5{padding:3rem}
.px-0{padding-right:0;padding-left:0}
.px-1{padding-right:.25rem;padding-left:.25rem}
.px-2{padding-right:.5rem;padding-left:.5rem}
.px-3{padding-right:1rem;padding-left:1rem}
.px-4{padding-right:1.5rem;padding-left:1.5rem}
.px-5{padding-right:3rem;padding-left:3rem}
.py-0{padding-top:0;padding-bottom:0}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:1rem;padding-bottom:1rem}
.py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.py-5{padding-top:3rem;padding-bottom:3rem}
.pt-0{padding-top:0}
.pt-1{padding-top:.25rem}
.pt-2{padding-top:.5rem}
.pt-3{padding-top:1rem}
.pt-4{padding-top:1.5rem}
.pt-5{padding-top:3rem}
.pe-0{padding-right:0}
.pe-1{padding-right:.25rem}
.pe-2{padding-right:.5rem}
.pe-3{padding-right:1rem}
.pe-4{padding-right:1.5rem}
.pe-5{padding-right:3rem}
.pb-0{padding-bottom:0}
.pb-1{padding-bottom:.25rem}
.pb-2{padding-bottom:.5rem}
.pb-3{padding-bottom:1rem}
.pb-4{padding-bottom:1.5rem}
.pb-5{padding-bottom:3rem}
.ps-0{padding-left:0}
.ps-1{padding-left:.25rem}
.ps-2{padding-left:.5rem}
.ps-3{padding-left:1rem}
.ps-4{padding-left:1.5rem}
.ps-5{padding-left:3rem}
.gap-0{gap:0}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:1rem}
.gap-4{gap:1.5rem}
.gap-5{gap:3rem}
.row-gap-0{row-gap:0}
.row-gap-1{row-gap:.25rem}
.row-gap-2{row-gap:.5rem}
.row-gap-3{row-gap:1rem}
.row-gap-4{row-gap:1.5rem}
.row-gap-5{row-gap:3rem}
.column-gap-0{-moz-column-gap:0;column-gap:0}
.column-gap-1{-moz-column-gap:.25rem;column-gap:.25rem}
.column-gap-2{-moz-column-gap:.5rem;column-gap:.5rem}
.column-gap-3{-moz-column-gap:1rem;column-gap:1rem}
.column-gap-4{-moz-column-gap:1.5rem;column-gap:1.5rem}
.column-gap-5{-moz-column-gap:3rem;column-gap:3rem}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(0,0,0,0.65);--bs-navbar-hover-color:rgba(0,0,0,0.8);--bs-navbar-disabled-color:rgba(0,0,0,0.3);--bs-navbar-active-color:rgba(0,0,0,1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0,0,0,1);--bs-navbar-brand-hover-color:rgba(0,0,0,1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833,37,41,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0,0,0,0.15);--bs-navbar-toggler-border-radius:.375rem;--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
img,svg{vertical-align:middle}
.d-flex{display:flex}
/*Bootstrap end*/

/*Custom*/

.color{color:var(--main)} .second{color:var(--second) }.text{color:var(--text)}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.detail thead, .detail tbody, .detail tfoot, .detail tr, .detail td, .detail th{border-width:1px;border-color: #3333331a;}
td{padding:5px}


.bg-main-dark{background-color: var(--main-dark) ;}
.bg-primary{background-color: var(--main) ;}
.bg-primary-dark{background-color: var(--main-dark) ;}
.btn-square {width: 38px;height: 38px;}
.btn-square, .btn-sm-square, .btn-lg-square{padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
.bg-light{background: #f7f7f7 ;position: relative;}
.btn{}
.btnz{border-radius: 20px;padding: .75rem 2rem;font-size: 18px;}
.btn-outline-light:hover{color: var(--main);}
.btn-outline-primary{color: var(--main);border-color: var(--main);}
.btn-outline-primary:hover{background-color: var(--main);border-color: var(--main);}
.btn-outline-primary:active:focus,.btn-outline-primary:active,.btn-outline-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-outline-secondary{color: var(--second);border-color: var(--second);}
.btn-outline-secondary:hover{background-color: var(--second);border-color: var(--second);}
.btn-outline-secondary:active:focus,.btn-outline-secondary:active,.btn-outline-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.btn-primary{background-color:var(--main);border-color:var(--main)}
.btn-primary:hover{background-color:var(--main-light);border-color:var(--main-light);}
.btn-primary:active:focus,.btn-primary:active,.btn-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-secondary{background-color:var(--second);border-color:var(--second);color:var(--main);font-weight:600}
.btn-secondary:hover{background-color:var(--second-light);border-color:var(--second-light);color:var(--main)}
.btn-secondary:active:focus,.btn-secondary:active,.btn-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.form-control{}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}
.text-light{color:var(--light)}
.text-primary{color:var(--main)}
.text-second{color:var(--second)}
.fs18{font-size:18px}
.fw-m{font-weight:500}
.mt-n4{margin-top: -1.5rem}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}

.btnz{font-size: 15px;padding: 0.375rem 1.5rem;}

.red,.titletb{color:red}
.center{text-align:center}


.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}

.bncat{background: #232C3B;color:#fff;text-align:center;padding: 90px 0 40px;}
.bncat .h2{text-transform: capitalize;font-size:18px;color: #fff;font-weight: 800;margin-bottom: 0;}
    
.boxes .contain{margin-top:15px;}
.boxes+.boxes{margin-top:25px}
.error{color:red}
.mtop10{margin-top:10px ;}.mtop20{margin-top:20px ;}.mtop30{margin-top:30px ;}.mtop40{margin-top:40px ;}.mtop50{margin-top:50px ;}
.bookhome{position:relative}
.list-group{margin-bottom:20px}

/*Custom*/



/*bread_crumb*/
.bread_crumb{padding: 8px 0;background: var(--bs-light);font-size:13px}
.breadcrumb{display: flex;flex-wrap: wrap; list-style-type:none; padding:0;margin:0}
.breadcrumb-item + .breadcrumb-item {padding-left:.5rem}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: rgba(33, 37, 41, 0.75);
    content: "/";
}
.breadcrumb-item.active{color:rgba(33, 37, 41, 0.75);}
.breadcrumb-item+.breadcrumb-item::before{}
.breadcrumb h2{display:none}

/*bread_crumb end*/


/*detail*/
.detail{font-size:18px}
.detail table{width:100%}
.detail amp-img {max-width: 100%;max-height: fit-content;cursor: zoom-in;height: auto;}
.detail img{max-width:100% ;cursor:zoom-in;height:auto ;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{font-weight:600}

.detail tbody, .detail td, .detail tfoot, .detail th, .detail thead, .detail tr {border-width: 1px;}
.detail h1{font-size:28px}
.detail h2{font-size: 22px}
.detail h3{font-size:20px}
.detail h4{font-size: 18px}
.detail h5{font-size:18px}
.detail img{width: auto;}
/*detail end*/

/*Img*/
.imgA,.imgH,.imgW,.imgHover{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto ;width:auto ;max-width:90%;max-height:90%;position:absolute;transition:.3s;}
.imgH img{height:100%;min-width:100%;width:auto ;position:absolute;transition:.3s;object-fit: cover;}
.imgHover:before{content:"";position: absolute;z-index: 1;top: 0;left: -10%;width: 120%;height: 100%;background: rgba(255, 255, 255, 0.2);transition: transform .8s;transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);opacity: 0;visibility: hidden;}
.imgW img{width:100%;min-height:100%;position:absolute;transition:.3s;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:scale(1.1)}
.imgHover:hover:before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -125%, 0);opacity: 1;visibility: initial;}
/*Img end*/

/*info*/
.info{font-size: 14px;color: #979797;overflow:hidden;display: flex;}
.info li{padding-right:20px}
.info > span{padding-right:20px;margin-bottom:5px}
.info > span+span{}
.ifbv{display:flex;flex-flow: wrap;row-gap: 5px;}
.ifbv >*{padding-right:20px}
.info .fb-like{padding-left:0;}

/*info end*/

/*line-clamp*/
.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*line-clamp*/

/*pager*/
.pager{margin-top:20px;font-size:13px;}
.pager span,.pager a{background-color:#0d7aa3;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #0d7aa3;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#00A857;border-color:#00A857}
.pager span{background-color:#fff;color:#0d7aa3;border-color:#ddd;}
/*pager*/

/*banner, slideshow*/
.banner {
    position: relative;
    height: auto;
    padding: 40px 0 30px;
    background-image: linear-gradient(rgba(47, 127, 192, 0.9), rgba(47, 127, 192, 0.9)),url('/Design/banner.jpg');
    align-content: center;
}
#slideshow {border-radius:20px; overflow:hidden}
#slideshow .row-slider{flex-wrap:nowrap; overflow:auto}
#slideshow img{width:100%;height:auto;}
/*banner, slideshow end*/

/*search-car*/
.search-car{}
.search-car{}
.search-car .title-wrap{color:#fff; text-align:center; margin-bottom:36px}
.search-car .title{font-size:36px; font-weight:bold;}

.search-car-form {background:#fff;padding:12px; padding-left:12px; border-radius:10px; max-width:1000px; margin:auto; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
.search-car-form .search-car-form-wrap{display:flex; align-items:center;flex-direction:column;gap:20px}
.search-car-form .search-car-form-wrap .item{flex:1;width:100%;}
.search-car-form .search-car-form-wrap .item:last-of-type{border-right:none;}
.search-car-form label{display:block;font-size:14px;font-weight:600; margin-bottom:6px}
.search-car-form .form-control{ height:46px; padding: .375rem .75rem; padding-right:20px;min-height:fit-content; border:1px solid #ccc;border-radius:4px; align-content:center}
.search-car-form .form-control{background:#fff;}
.search-car-form .form-control:focus{background:#fff; border:none; box-shadow:none}
.search-car-form .btn{height:46px; width:fit-content;padding:6px 24px;font-size:16px;border-radius:4px;background:rgba(36, 55, 76, 0.8); color:#fff; font-weight:bold; border:none; align-content:center}
.search-car-form .btn:hover{background:rgba(36, 55, 76, 1)}
.search-car-form .btn:focus-visible{box-shadow:none}
.search-car-form .btn i{margin-right:3px}

.search-car-form .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:46px;padding-left:12px; font-weight:600}
.search-car-form .select2-container .select2-selection--single{border:none;height:46px;border:1px solid #ccc;}
.search-car-form .select2-container--default .select2-selection--single .select2-selection__arrow{display:block; height:100%;width:30px}
.search-car-form .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2; outline:none;border-radius:3px}
/*search-car end*/

/*header*/
header{background:#fff;position: relative;z-index: 2;}
.tophead {border-bottom: #e8e8e8 1px solid;}
.tophead .container{display:flex;justify-content: space-between;}
.dch i{color:var(--main);margin-right:8px;animation: fadeInLeft 2s infinite;}
.phoneh:before{content: "\f2a0";font-family:fontawesome;margin-right:8px;color:var(--main);animation: swing 1s infinite;display: inline-block;}

.midhead{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.midhead .container{height:auto;display:flex;justify-content: space-between;align-items:center;padding-top: 12px;padding-bottom: 12px;}
.logo{height: 50px;position:relative;animation: zoomIn 1s;}
.logo img{height:100%}
.logo:before, .logo:after{content: "";position: absolute;top: 50%;width: 2px;height: 100%;transform: translateY(-50%);background-color: rgba(255,255,255,.75);z-index: 1;}
.logo:before{left: -5%;animation: light-left 2.5s infinite alternate linear;}
.logo:after{right: -5%;animation: light-right 2.5s infinite alternate linear;}
.btnh{display:none}
.nav_main{background:#fff}
.menu_main{position: fixed;display:block; gap:26px; z-index: 1005;overflow:auto;top: 0;background: #fff;height: 100%;left:0;width:250px;gap: unset;margin: 0;padding: 0;}

.lihome a{background:transparent}
.mnlic1{position:relative;}
.mnlic1:not(:first-child){border-top: 1px solid #dfdfdf;}

.mnliac1{padding: 15px 0;padding-left: 15px;color:#212121;width:calc(100% - 42.4px);text-align: left;display:block;text-transform: unset;font-size: 16px;border-radius: unset;font-size: 16px;font-weight: 500;}
.mnliac1 i{color:#333 }

.havesub .mnliac1:after{content: "\f107";font-family: 'FontAwesome';margin-left:3px;font-weight: 300;}
.havesub.mnlic1 span:after,.mnliac1:after{display:none}

.mnlic1:hover .mnliac1{color:var(--main);}

.openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.5px;width:42.4px;display:flex;}
.openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.havesub.active .openmn:before{transform:rotate(90deg)}

.menusub{position:relative;padding:0;display:none;visibility:visible;margin: 0;background-color:#fff;color: #777;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.mnlic1:hover .menusub{display:block}
.menusub li{border-top: 1px solid #00000021;}
.menusub li a{display:block;color: #212529;padding:15px 0;padding-left: 10%;}
.menusub li:hover a{color:var(--main)}

.nav_main.scroll-to-fixed-fixed{box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%)}
.fix-menu{position:fixed;width: 100%;top: 0;z-index: 1000;animation: fadeInDown 1s;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) ;}
.midhead.scroll-to-fixed-fixed{border-bottom: 1px solid #eee;}

header .lang{margin-left:20px;text-align:center;align-content:center}
header .lang img{width:24px;height:24px;border-radius:50px;object-fit:cover}


#ShowMenu{z-index: 10;}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
#ShowMenu .navbar-toggler{padding: .125rem .25rem; font-size: 1rem;}  
/*header end*/


/*footer*/
footer {background-image: url('/Design/bg-footer.jpg'); background-size:cover}
.tenctyf{display:block;text-align: center;margin-bottom: 20px;}
.tenctyf img{height:70px}
.tenctyf h2{color: #fff;font-size: 24px;font-weight: bold;margin: 0;margin-top: 8px;}
footer .desc{font-size:15px; margin-bottom:20px}
.titf{font-size: 18px;font-weight: bold;text-transform: capitalize;margin-top:20px;margin-bottom:16px;position: relative;}
.iff{}
.iff >*{font-size: 15px;position: relative;display: flex;align-items: center;}
.mnf{font-size:18px}
.mnf a:hover{color:var(--main-light)}
.mnf::-webkit-scrollbar{display:none;width:6px;height:6px;transition:10s}
.mnf::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
.mnf::-webkit-scrollbar-thumb{background:#9f9f9f;border-radius:10px}
.mnf::-webkit-scrollbar-thumb:hover{background:#666}
.mnf:hover::-webkit-scrollbar{display:block}
.mxhf{gap:5px}
.mxhf a{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}
.mxhf a:hover{color:var(--main)}
.foot{}
.foot .container{display:block;text-align:center;border-top:1px solid #929292}
.foot a:hover{color:var(--main)}
/*footer end*/


/*about-home*/
.about-home {}
.about-home .detail{max-width: 92%; font-size:18px; text-align:center;  margin:auto }
.about-home .row-img{flex-wrap:nowrap; overflow:auto; padding-bottom:14px}
.about-home .row-img .col{width:78%}
.about-home .img{border-radius:5px}
/*about-home end*/

/*Destination-home*/
.destination-home{background-image:linear-gradient(rgba(36,55,76,0.8),rgba(36,55,76,0.8)),url(/Design/bg-destination.jpg);background-size:cover;background-repeat:no-repeat}
.destination-home .tithome{color:#fff}
.destination-home .row-destination{flex-wrap:nowrap; overflow: auto; padding-bottom:16px}
.destination-home .row-destination .col{width:75%}
.destination-home .item{background:#fff;font-weight:600;border-radius:20px;overflow:hidden}
.destination-home .item .title{font-size:18px;padding:10px 22px; background:#dcf2fb}
/*Destination-home end*/

/* promotions-home */
.promotions-home{}
.promotions-home .row{flex-wrap:nowrap; overflow:auto; padding-bottom:20px}
.promotions-home .col{width:85%;}
.promotions-home .img{border-radius:5px}
/* promotions-home end */

/*dvhome*/
.car-rental-home{background-image:url(/Design/bg-footer.jpg);background-size:cover;background-repeat:no-repeat}
.row-car-retail .item{}
.row-car-retail .item .img{border-radius:6px}
.row-car-retail .item .content{}
.row-car-retail .item .title{font-size:20px; font-weight:bold; text-transform:capitalize;margin: 8px 0 6px;}
.row-car-retail .item .price{font-size:15px; font-weight:bold; color:red;margin-bottom:8px}
.row-car-retail .item .title:hover{color:var(--main)}
/*dvhome end*/

/*booking-home*/
.booking-home{background:linear-gradient(#ddf1ff, #eaf5fd)}
.booking-home .tithome{}
.booking{position:static;top:50px;right: 10%;z-index:1;width: 100%;max-width: 94%;background: #fff;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 12px;padding: 20px; margin:auto;}
.booking .title{font-size:24px;font-weight:bold;text-align: center;margin-bottom: 30px;}
.rowbk { --bs-gutter-x: 2.375rem;--bs-gutter-y: 1.125rem;align-items:flex-end}
.rowbk label{display:inline-block;font-weight:600; font-size:15px; color:#555;margin-bottom:6px}
.rowbk label span{font-weight:normal}
.rowbk .form-control {height:44px; font-size:16px; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.08) 0px 0px 6px;}
.rowbk .form-control:focus {box-shadow: rgba(17, 17, 26, 0.06) 0px 1px 0px, rgba(17, 17, 26, 0.2) 0px 0px 8px; border-color: #dee2e6}
.rowbk .btn{font-size:20px;width:100%;height:44px; background:#4f5e6f; border:none;}
.rowbk .btn:hover{background:#6a7e95}
.rowbk .refresh{display:flex;align-items:center;gap:20px}
.btnRefresh{width:35px;height:35px;background:url(/Design/refresh.png) no-repeat;background-size:contain;border:none}
/*booking-home end*/

/* reviews-home */
.reviews-home{background:#F2F7FF}
.reviews-home .item{padding:10px 26px 36px}
.reviews-home .item .top{text-align:center;margin-bottom:15px}
.reviews-home .item .top .img{margin:auto;height:60px;width:60px;border-radius:50%;border: 3px solid var(--main); margin-bottom:8px}
.reviews-home .item .top .name{font-size:16px;font-weight:bold; margin-bottom:4px}
.reviews-home .item .top .desc{font-size:16px;}
.reviews-home .item .text{font-size:15px; padding:16px 12px; background:#fff; border-radius:10px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);}
.reviews-home .col-img img {max-width:100%; max-height:100%}
/* reviews-home end */

/*services-home*/
.services-home{background-image:linear-gradient(rgba(36,55,76,0.8),rgba(36,55,76,0.8)),url(/Design/bg-destination.jpg);background-size:cover;background-repeat:no-repeat}
.services-home .tithome{margin-bottom:20px}
.services-home .row-services {flex-wrap:nowrap; overflow:auto; padding-bottom:20px}
.services-home .row-services .col {width:90%}
.services-home .item{height:100%;border-radius:10px; overflow:hidden;  background:#fff}
.services-home .item .content{padding:12px 11px 18px; background:#fff}
.services-home .item .title{font-size:18px; font-weight:700; margin-bottom:8px}
/*services-home end*/

/*newshome*/
.news-home{background: #F9F9F9;}
.news-home .tithome{margin-bottom:20px}
.news-home .row-news{flex-wrap:nowrap; overflow:auto; padding-bottom:20px;}
.article-list{padding-bottom:40px;}
.article-list .swiper-slide{height:auto;}
.article-list .item{height:100%;border-radius:10px; background:#fff; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}
.article-list .content{padding:14px}
.article-list .title{font-size:18px; font-weight:700; margin-bottom:16px}
.news-home .btn{margin-top:16px; padding:8px 24px; font-size:16px;font-weight:bold; background:rgba(51, 51, 51, 1); border:none;border-radius:8px}
.news-home .btn:hover{background:rgba(51, 51, 51, .8);}
/*newshome end*/

.inner_page{padding:30px 0}

/*sidebar*/
.col_side .td{font-size:24px;font-weight:600;text-transform:capitalize;margin-bottom:25px}
.boxside+.boxside{margin-top:50px}
.ulttside li{display:flex}
.ulttside li+li{margin-top:20px}
.imgside{height:70px;width:70px;margin-right:20px}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:68px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#333;font-weight:600;margin-bottom:5px}
.ulttside li .nd h4:hover{color:#1f1f1f}
.ulttside li .nd p{color:#999;font-size:12px}
.tagside a{padding:7px 26px 5px;color:#6f6f6f;background:#f5f5f5;display:inline-block;margin-right:5px;margin-bottom:10px}
.tagside a:hover{background:#1f1f1f;color:#fff}
/*sidebar end*/

/*thuexepage*/
.thuexepage{}
.rowthuexe .item{display:flex;justify-content: space-between;gap: 10px;box-shadow: 0 2px 4px 3px rgba(173, 173, 173, 0.3);padding: 15px;align-items: center;}
.rowthuexe .imgz{width: 27%;flex-shrink: 0;align-self: flex-start;}
.rowthuexe .nd{margin-right: auto}
.rowthuexe .td{color:var(--main);font-size: 16px; margin:0}
.rowthuexe .star{font-size:14px}
.rowthuexe .btn{font-size:14px;padding:4px 8px;border-radius:5px;text-wrap: nowrap;}
.row-cattx .btn{display:block}
.row-cattx .btn.active{background:var(--second);border-color: var(--second-light);}
.row-cattx .btn.active:hover{background:var(--second-dark);border-color: var(--second-dark);}
/*thuexepage end*/


/*bvpage*/
.bvpage{padding:25px 0;border-bottom:1px solid #e1e1e1;}
.titpost{font-size:1.25rem;border-bottom: 1px solid var(--bs-gray);margin-bottom: 12px;}
.tagbv{font-family:rob;margin-bottom:10px}
.tagbv a{color:#6f6f6f}
.tagbv a+a:before{content:",";margin-right:5px;color:#6f6f6f}
.tagbv a:hover{color:#1f1f1f}
.bvothers{padding:70px 0 50px}
/*bvpage end*/


/*dppage*/
.dppage{padding-top:15px}
.dptop .row{flex-direction: column-reverse;}
.dpsame .row{flex-direction: row}
.info_contain{}
.slider_contain {}
#slider{height:380px;background:#fff}
#slider .slides li{position:relative;}
#slider .slides img{position:absolute;height:auto;width:auto;max-width: 100%;max-height: 100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
#carousel{margin-top:20px;}
#carousel .slides > li{height: 50px;background:#f3f6fb;cursor:pointer;opacity:.5}
.flex-active-slide{opacity:1 }
#carousel .slides > li img{max-width:90%;max-height:90%}
.titproduct{font-size: calc(1.325rem + .9vw);text-transform:capitalize;}
.giadp{color:#D8232A;font-size: 24px;margin:20px 0 10px;font-family:rob}
.statusdp .g{color:#4CAF50}.statusdp .r{color:#F44336}
.infodp{flex-flow: wrap;justify-content: space-between;color:#6f6f6f;margin-top:20px}
.cartdp{overflow:hidden;margin-top:45px;display:flex;}
.cartdp .textbox{background:#f5f5f5;color:#6f6f6f; margin-bottom:10px}
.cartdp .tinh{cursor:pointer;width:45px;height:55px;line-height:55px;text-align:center;float:left;box-sizing:border-box;}
.cartdp .txt{width:50px;height:55px;text-align:center;float:left;outline:0;background:#f5f5f5}
.cartdp .gio-hang{margin-left:10px;height:55px;padding:0 28px;background: #F44336;color: #fff;letter-spacing:2px;text-transform:uppercase; margin-left:0}
.carderror{color:#1f1f1f;font-size:14px}
.phonedp{padding-top:50px;margin-top:30px;border-top:1px solid #ebebeb}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background: #EDB723;color:#1f1f1f;height:55px;line-height:55px;}
.ct-dp .title{text-align:center;position: relative;}
.ct-dp .title:before{content:"";position: absolute;border-bottom: 1px dashed var(--main);width: 100%;left: 0;bottom: 15px;}
.ct-dp .title span{border: 1px solid var(--main);color:var(--main);font-size: 18px;text-transform: uppercase;padding: 4px 18px;background: #fff;display: inline-block;position: relative;}
.ultabdp{color:#999999;font-family:rob;display:flex;justify-content: center;padding:0;position:relative}
.ultabdp:before{content:"";position:absolute;width:100%;height: 0;left:0;border-bottom:1px solid #ebebeb;top:0;bottom:0;margin:auto;}
.ultabdp li{position:relative;background:#fff;padding:0 5px}
.ultabdp li+li{padding-left:65px}
.ultabdp li.active{color:#495057}
.tab-over{margin-top:40px}
.fb-comments{display:block ;width: 100% }
.sidesp{}
.boxssp{background:var(--bs-light);padding:10px;margin-bottom:5px;box-shadow: #f2f2f2 1px 1px 0px 0px inset, #f2f2f2 -1px -1px 0px 0px inset;border-radius: 4px;}
.boxssp .td{text-transform:uppercase;border-bottom: 1px solid #dee2e6;padding-bottom: 5px;}
.phonessp a{position: relative;margin: 15px 0;padding-left: 50px;display: block;line-height: 1.2;font-size: 15px;}
.phonessp i{color:var(--main);position: absolute;left: 0;font-size: 40px;}
.phonessp strong{display:block;color: var(--main);font-size: 18px;}
.ckssp .item{display:flex;align-items: center;margin:15px 0}
.ckssp img{width:35px;margin-right: 10px;}
.ckssp .nd{display:inline-block;line-height: .8;}
.ckssp h3{font-size:13px;text-transform:uppercase;margin: 0;}
.ckssp small{color:var(--bs-gray);font-size:13px}
.boxssp.i3{font-size: 14px;}
.boxssp.i3 .nd{max-width: 200px;margin: 10px auto;}
.boxssp.i3 a{color:red}
/*dppage end*/


/*Contact page*/
.iflhp{display:flex;padding:80px 0 50px}
.iflhp >*{text-align:center;color:#666666;flex:1}
.iflhp >* strong{display:block;font-size:24px;font-weight:600;color:#1c1c1c;margin-bottom:6px}
.google_map{height:500px;}
.botlhp{padding:80px 0}
.titlhp{font-weight:600;text-align:center;font-size:36px;margin-bottom:50px;text-transform:capitalize}

.formlhp{overflow:hidden;margin-bottom:30px}
.formlhpl{float:left;width:49%;}
.tblh{position:relative;padding-top:20px}
.tblh+.tblh{margin-top: 14px;}
.tblh input{width:100%;border:1px solid #ebebeb;color:#1c1c1c;height:50px;padding-left:20px;box-sizing:border-box;border-radius:4px;outline:0}
.tblh input::placeholder{color:#6f6f6f}
.erolh{position:absolute;color:red;font-size:11px;left:0;top:0}
.tbnd{margin-top:20px;width:49%;float:right;border:1px solid #ebebeb;color:#1c1c1c;border-radius:4px;padding:20px;box-sizing:border-box;height: 218px;outline:0;}
.tbnd::placeholder{color:#6f6f6f}
.tblhp{display:block;text-align:center;}
.btnlhp{color:#fff;background:var(--main);text-transform: uppercase;padding:13px 30px;cursor:pointer;font-family:rob;font-size:18px}

@media only screen and (max-width: 600px){ 
.iflhp{flex-direction: column;padding:30px 0}
    .iflhp >*{margin-bottom:20px}
    .botlhp{padding:30px 0}
    .titlhp{font-size:24px;margin-bottom:10px}
    .formlhpl,.tbnd{float:none;width:100%}
}
/*Contact page end*/


/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -15px;margin-left: -15px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 5px;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;border-radius:10px;}
@media only screen 
and (max-width: 576px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}
/*photo-page end*/


/*hotline-phone-ring*/
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}
.text-hotline{color:#fff;font-size:20px}

.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:90px;height:90px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:25px;left:25px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}

.hotline-bar{position:absolute;background:#3578e5;height:45px;width:185px;line-height:45px;border-radius:3px;padding:0 50px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:50px;left:52px;bottom:31px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:700;text-indent:32px;letter-spacing:1px;display:block;line-height:45px;font-family:Arial}
.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}

.hotline-phone-ring-wrap.whatsapp{position:fixed;bottom:180px;left:0;z-index:999999}
.hotline-phone-ring-wrap.whatsapp .hotline-phone-ring-circle{background-color:#30b945; border-color: #30b945}
.hotline-phone-ring-wrap.whatsapp .hotline-phone-ring-circle-fill{background-color:#30b945;}
.hotline-phone-ring-wrap.whatsapp .hotline-phone-ring-img-circle{background-color:#04c241;}

.hotline-phone-ring-wrap.zalo{position:fixed;bottom:90px;left:0;z-index:999999}
.hotline-phone-ring-wrap.zalo .hotline-phone-ring-circle{background-color:#0182ca; border-color: #0182ca}
.hotline-phone-ring-wrap.zalo .hotline-phone-ring-circle-fill{background-color:#0182ca;}
.hotline-phone-ring-wrap.zalo .hotline-phone-ring-img-circle{background-color:#0182ca;}

/*thu nho buton x0.8*/
.hotline-phone-ring-wrap{-webkit-transform:translateZ(0) scale(.8) translateX(-12px)}
.hotline-phone-ring-wrap.zalo{bottom:72px;}
.hotline-phone-ring-wrap.whatsapp{bottom:144px;}
/*thu nho buton x0.8 end*/
/*hotline-phone-ring end*/

@keyframes light-left {
0%{left:-5%;opacity:0}
50%{left:50%;opacity:1}
100%{left:105%;opacity:0}
}
@keyframes light-right {
0%{right:-5%;opacity:0}
50%{right:50%;opacity:1}
100%{right:105%;opacity:0}
}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}