@font-face {
font-family: BaiJamjuree;
src: url(../fonts/BaiJamjuree-Regular.ttf);
}

@font-face {
font-family: BaiJamjuree-Bold;
src: url(../fonts/BaiJamjuree-Bold.ttf);
}

.footer-address li {
color: #fff;
}
/*================================================
02 - DEFAULT CSS
==================================================*/

body {
font-size: 16px;
line-height: 28px;
font-style: normal;
color: #000;
font-family: BaiJamjuree;
font-weight: 400;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
p.ptxt {
   color: #2720a2;
   font-size: 18px;
   font-weight: bold;
}
.welcome_area .site-heading h2 {
    margin-bottom: 25px;
}
.welcome_area .site-heading p em{width:100%;}
.welcome_area .site-heading {
margin: 0px;
    margin-bottom: 15px;
text-align: left;
}
.welcome_area h6 {
font-weight: bold;
font-size:20px;
margin-bottom: 10px;
}
.welcome_area h5 {
color: #2720a2;
font-weight: bold;
font-size: 26px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.about-page-right {
    padding-top: 60px;
}
html,
body {
height: 100%;
}

img {
max-width: 100%;
height: auto
}

p {
margin: 0
}

.fix {
overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}

a {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #6b739c;
text-decoration: none;
}

a:focus {
text-decoration: none;
outline: medium none;
color: inherit
}

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

input:focus,
textarea:focus,
button:focus,
select:focus {
outline: medium none
}

::-moz-placeholder {
color: #7c8a97;
text-transform: capitalize;
}

::-webkit-input-placeholder {
color: #7c8a97;
text-transform: capitalize;
}

::-webkit-select-placeholder {
color: #7c8a97;
text-transform: capitalize;
}

::-webkit-textarea-placeholder {
color: #7c8a97;
text-transform: capitalize;
}

tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

ul,
ol {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}

.gauto-btn,
button.gauto-theme-btn {
color: #fff;
background: transparent;
border-width: 2px;
border-style: solid;
font-family: BaiJamjuree !important;
font-size: 15px;
border-color: #2720a2;
background: #2720a2;
position: relative;
margin: 1em;
display: inline-block;
padding: 8px 15px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.about-first_sec {
    padding-bottom: 40px;
}
.gauto-btn:before,
.gauto-btn:after,
button.gauto-theme-btn:before,
button.gauto-theme-btn:after {
content: '';
display: block;
position: absolute;
border-color: #2720a2;
box-sizing: border-box;
border-style: solid;
width: 1em;
height: 1em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.gauto-btn:before,
button.gauto-theme-btn:before {
top: -6px;
left: -6px;
border-width: 2px 0 0 2px;
z-index: 5;
}

.gauto-btn:after,
button.gauto-theme-btn:after {
bottom: -6px;
right: -6px;
border-width: 0 2px 2px 0;
}

.gauto-btn:hover:before,
.gauto-btn:hover:after,
button.gauto-theme-btn:hover:before,.gauto-theme-btn:hover:before
button.gauto-theme-btn:hover:after,.gauto-theme-btn:hover:after {
width: calc(100% + 12px);
height: calc(100% + 12px);
border-color: #fc9b00
}

.gauto-btn:hover,
button.gauto-theme-btn:hover {
color: #fff;
background-color: #fc9b00;
border-color: #fc9b00
}

button.gauto-theme-btn ,.gauto-theme-btn{
color: #fff;
background: #2720a2;
border-width: 2px;
border-style: solid;
border-color: #2720a2;
position: relative;
font-family: BaiJamjuree-Bold;
display: block;
padding: 8px 15px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
margin: 0;
width: 100%
}

button.gauto-theme-btn:before,.gauto-theme-btn:before,
button.gauto-theme-btn:after,.gauto-theme-btn:after{
content: '';
display: block;
position: absolute;
border-color: #2720a2;
box-sizing: border-box;
border-style: solid;
width: 1em;
height: 1em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.gauto-btn:before,
button.gauto-theme-btn:before{
top: -6px;
left: -6px;
border-width: 2px 0 0 2px;
z-index: 5;
}
.gauto-theme-btn:before{
top: -6px;
left: -6px;
border-width: 2px 0 0 2px;
z-index: 5;
}

.gauto-btn:after,
button.gauto-theme-btn:after {
bottom: -6px;
right: -6px;
border-width: 0 2px 2px 0;
}
.gauto-theme-btn:after{bottom: -6px;border-width: 0 2px 2px 0;right: -6px;}
button.gauto-theme-btn:hover:before,
button.gauto-theme-btn:hover:after,.gauto-theme-btn:hover:before,
.gauto-theme-btn:hover:after {
width: calc(100% + 12px);
height: calc(100% + 12px);
border-color: #fc9b00
}

.gauto-btn:hover,
button.gauto-theme-btn:hover,.gauto-theme-btn:hover {
color: #fff;
background-color: #fc9b00;
border-color: #fc9b00
}

.site-heading {
margin-bottom: 30px;
width:100%;
margin: 0 auto;
text-align: center
}
.site-heading span {
color: #fb9a00;
}
.site-heading h4 {
font-size: 20px;
color: #fc9b00;
margin-bottom: 10px;
display: block;
font-weight: bold;
text-transform: capitalize;
font-family: BaiJamjuree;
}
.single-blog p {
min-height: 52px;
font-size: 16px;
}
.welcome_area h2 {
    margin-bottom: 10px;
}

.site-heading h2 {
font-size: 44px;
color: #0d106b;
letter-spacing: 1px;
margin-bottom: 15px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: capitalize;
font-weight: 600;
font-family: BaiJamjuree-Bold;
margin-bottom: 50px;
}

.section_70 {
padding: 50px 0;
}


/*================================================
03 - RESPONSIVE CSS
==================================================*/

.gauto-responsive-menu {
display: none;
position: relative;
right: 0;
top: 2px;
width: 100%;
z-index: 999999;
}


/*================================================
04 - PAGINATION CSS
==================================================*/

.pagination-box-row {
text-align: left;
position: relative;
display: flex;
align-items: center;
}

.pagination-box-row p {
display: inline-block;
font-size: 15px;
color: #444;
margin-right: 15px
}

.pagination {
margin: 0;
text-align: center;
float: none;
display: inline-flex;
}

.pagination li {
display: inline-block;
margin-right: 5px
}

.pagination li:last-child {
margin-right: 0
}

.pagination li a {
display: block;
width: 35px;
height: 35px;
font-size: 15px;
line-height:31px;
border-radius: 5px;
color: #111;
font-weight: 500;
}

.pagination li.active a,
.pagination li a:hover {
background: #101010 none repeat scroll 0 0;
color: #fff
}


/*================================================
05 - BREADCROMB CSS
==================================================*/

.gauto-breadcromb-area {
background: url(../images/breadcromb.webp) no-repeat fixed 0 0/cover;
position: relative;
z-index: 1;
}

.gauto-breadcromb-area:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.72) none repeat scroll 0 0;
z-index: -1;
}

.breadcromb-box {
text-align: center;
}

.breadcromb-box h3 {
font-size: 40px;
color: #fff;
letter-spacing: 2px;
margin-bottom: 15px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: uppercase;
font-family: BaiJamjuree-Bold;
font-weight: 600;
}

.breadcromb-box li {
display: inline-block;
margin: 0 2px;
color: #fff !important;
font-size: 16px
}

.breadcromb-box li a {
color: #fff
}

.breadcromb-box li i {
color: #fc9b00
}


/*================================================
06 - BTN TOP CSS
==================================================*/

.btntoTop:before {
color: #fff;
content: "";
display: inline-block;
font: 20px "FontAwesome";
vertical-align: middle;
}

.btntoTop {
background-color: #fc9b00;
border: 2px solid #fc9b00;
border-radius: 5px;
bottom: 70px;
cursor: pointer;
height: 50px;
line-height: 47px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: fixed;
right: 20px;
text-align: center;
-webkit-transition: opacity 0.4s ease 0s;
transition: opacity 0.4s ease 0s;
width: 50px;
z-index: 99999;
}

.btntoTop.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s
}

.btntoTop.active:hover {
background: #212121 none repeat scroll 0 0;
border: 2px solid #fc9b00;

}

.btntoTop.active.btntoTop:hover:before {
color: #fff;
}


/*================================================
07 - HEADER TOP CSS
==================================================*/

.gauto-header-top-area {
background: #2720a2 none repeat scroll 0 0;
color: #eee;
margin-bottom:0px
}

.header-top-left {
position: relative;
z-index: 1;
padding:5px 0;
}

.header-top-right {
text-align: right;
padding:5px 0;
}

.header-top-left p {
position: relative;
top:0px;
font-size: 14px;
color: #ffffff;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 1px;
}

.header-top-left p i {
width: 25px;
text-align: center;
height: 25px;
line-height: 25px;
background: #fff none repeat scroll 0 0;
color: #fc9b00;
border-radius: 50%;
margin: 0 2px;
}

.header-top-right>.dropdown {
display: inline-block;
}
.header-top-right>.dropdown button i.fa.fa-sort-desc.dropboxto {
margin-left: 10px;
float: right;
}
.header-top-right>.dropdown button {
background: none !important;
color: #fff !important;
border: none;
padding: 0;
cursor: pointer;
outline: none !important;
font-size: 12px;
}
.header-top-right>.dropdown button:hover:before,.header-top-right>.dropdown button:hover:after{ border: none;}
.header-top-right ul.dropdown-menu {
background: #000;
padding: 0;
}
.header-top-right>.dropdown button:focus-visible{    border: none;
outline: none !important;
box-shadow: none !important;}
.header-top-right ul.dropdown-menu li{   padding: 5px 10px;
border-bottom: 1px solid #444;
font-size: 14px;
font-weight: 400;}
.header-top-right>.dropdown .dropdown-menu.show {
border-radius: 0;
border: medium none;
background: #020202 none repeat scroll 0 0;
color: #fff;
margin: 0;
left: auto !important;
right: 0;
padding: 0;
min-width: 130px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s
}

.header-top-right>.dropdown .dropdown-menu li {
padding: 5px 10px;
border-bottom: 1px solid #444;
font-size: 14px;
font-weight: 400;
cursor: pointer
}
.header-top-right>.dropdown .dropdown-menu li a {
color: #fff;
background: no-repeat;font-size: 15px;
padding: 0px;
}
.header-top-right>.dropdown .dropdown-menu li:hover {
background: #2e2e2e none repeat scroll 0 0;
}

.header-top-right>.dropdown .dropdown-menu li img {
margin-right: 5px
}

.header-top-right>a {
color: #eee;
text-transform: capitalize;
margin-right: 13px;
}


/*================================================
08 - MAIN HEADER CSS
==================================================*/

.gauto-main-header-area {
padding:5px 0;
}

.header-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
    gap: 30px;
    max-width: 713px;
    float: right;
}

.single-header-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.header-promo-icon {
font-size: 45px;
margin-right:8px;
}

.header-promo-info {
color: #555;
}


.header-promo-info h3, a {
font-size: 18px;
color: #001238;
font-family: BaiJamjuree !important;
}
.header-promo h3, a{font-family: BaiJamjuree-Bold !important;}
.gauto-main-header-area .row {
align-items: center;
display: flex;
}
.form-control{
border-color: #ccc;
}
/*================================================
09 - MAINMENU CSS
==================================================*/
.menu-toggle {
display: none !important;
}

@media (max-width: 767px) {
.mainmenu ul li ul{width: 100% !important;}
.mainmenu {
display: none;
width: 100%;
}
.mainmenu ul {
display: block;
}
.mainmenu ul li {
display: block !important;
border-right: none;
border-bottom: 1px solid #453fb2;
}
.mainmenu ul li a {
padding: 10px 20px; /* same feel */
}
.mainmenu ul li ul {
position: static;
width: 100%;
display: none;
opacity: 1;
visibility: visible;
background: #fff;
}
.mainmenu ul li.open > ul {
display: block;
}

.menu-toggle {
display: block !important;
}
}

.menu-toggle i.fa.fa-bars {
color: #fff;
padding: 10px 0px;
font-size: 23px;
text-align: right;
float: right;
width: 100%;
}

.gauto-mainmenu-area {
background: #2720a2;
border-bottom: 1px solid #453fb2;
}

.mainmenu ul {
text-align: left
}
.mainmenu ul li {
display: inline-block;
position: relative;
border-right: 1px solid #453fb2;
}
.header-promo-info p {
line-height: 12px;font-weight: 600;    font-size: 14px;
}
.mainmenu ul li a {
color: #eee;
display: block;
padding: 10px 45px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600
}

.mainmenu ul li:hover>a,
.mainmenu ul li.active>a {
color: #fc9b00
}

.mainmenu ul li ul {
position: absolute;
top: 120%;
left: 0;
width: 180px;
background: #fff none repeat scroll 0 0;
z-index: 9999;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.mainmenu ul li:hover ul {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 100%
}

.mainmenu ul li ul li {
display: block;
border-bottom: 1px solid #eee;
}

.mainmenu ul li ul li:last-child {
border-bottom: 1px solid #2720a2;
}

.mainmenu ul li ul li a {
color: #001238;
padding: 10px 15px;
display: block;
font-size: 14px;
}


/*================================================
10 - MAIN SLIDER CSS
==================================================*/

.gauto-slider-area {
position: relative;
max-height: 500px;
}
.gauto-main-slide {
background-color: #eee;
background-position: center center;
background-size: cover;
/*	height:500px;*/
}

.slider-text {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}

.gauto-main-caption {
display: table;
height: 100%;
width: 100%;
background: #000;
background: linear-gradient(31deg, rgb(0 0 0 / 59%) 5%, rgb(0 0 0 / 0%) 95%);
position: absolute;
z-index: 999;
top: 0;
 max-height: 500px;

}

.gauto-caption-cell {
display: table-cell;
vertical-align: middle;
text-align: left;
}

.slider-text h2 {
color: #fff;
font-size:44px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
text-transform: capitalize;
line-height: 1.2;
margin-bottom: 20px;
font-family: BaiJamjuree-Bold;
}

.slider-text h2 span {
color: #fc9b00;
font-style: italic;
font-weight: 600
}

.slider-text p {
color: #fff;
font-size: 24px;
margin-bottom: 15px;
text-transform: capitalize;
font-weight: bold;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.gauto-slide .owl-nav>.owl-prev {
visibility: hidden;
-webkit-transition: all 0.2s cubic-bezier(.83, .8, .11, .64) 0s;
transition: all 0.2s cubic-bezier(.83, .8, .11, .64) 0s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.gauto-slide:hover .owl-nav>.owl-prev {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
left: 30px
}

.gauto-slide .owl-nav>.owl-next {
visibility: hidden;
-webkit-transition: all 0.2s cubic-bezier(.83, .8, .11, .64) 0s;
transition: all 0.2s cubic-bezier(.83, .8, .11, .64) 0s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.gauto-slide:hover .owl-nav>.owl-next {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
right: 30px
}

.gauto-slide .owl-prev {
left: -30px;
position: absolute;
top: 45%;
}

.gauto-slide .owl-next {
right: -30px;
position: absolute;
top: 45%;
}
.contact_phone h4 {
    font-weight: 900;
    color: #000;
    line-height: 28px;
    margin-bottom: 15px;
    font-size: 20px;
}
.contact_phone h6 {
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
    color: #2720a2;
    border-bottom: 1px dashed #c9c3c3;
}
.contact-right.cccr {
    margin-top: 0;
    padding-top: 5px;
}
.contact_phone img {
    height: 230px;
}
.contact_phone h6 a{color:#fc9b00 ;}
section.gauto-blog-area.section_70{
  border-top:5px solid;
    border-image: linear-gradient(to right,#F4D40A,#FFB800) 1;
    border-radius:10px;
}

/*================================================
11 - FIND AREA CSS
==================================================*/

.gauto-find-area {
margin-top: -100px;
}

.find-box {
background: #e7e7e8;
padding:5px;
position: relative;
z-index: 999;
box-shadow:6px 7px 18px #484747;
border-radius: 5px;
}
.find-form {
background: #fff;
padding:20px 30px 30px 30px;
border-radius: 5px;
}
.find-form.listing_filter_v {
padding: 20px;
border-radius: 5px;
box-shadow: 1px 8px 5px #d5d3e5;;
border: 1px solid #e7e6ef;
margin-bottom: 30px;padding-top: 0px;
margin-top: 30px;
}
.find-form.listing_filter_v p {
margin-top: 0;    font-size: 14px;
font-family: BaiJamjuree-Bold;
}
.find-box .input-group.clockpicker {
width: 100%;
}
.find-box .row.alin .col-md-4 {
padding-right: 0;
height: 100%;
}
.find-text {
background: #2720a2;
height: 100%;
border-radius: 5px;
padding:87px 30px;
}

.find-text h3 {
color: #fff;
font-size: 33px;
font-weight: 600;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
line-height: 40px;
}

.find-form input, .find-form select{
font-size: 15px;
width: 100%;
border: 2px solid #f0f0ff;
padding: 5px 10px;
height: 45px;
color: #111;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-radius: 5px;
}

.find-form input:focus {
border: 2px solid #fc9b00
}

.find-form .nice-select {
width: 100%;
border: 2px solid #f0f0ff;
height: 45px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-radius: 0
}

.find-form .nice-select .list {
top: 100%;
left: 0px;
margin: 0px;
min-width: 100%;
border-radius: 0px;
}

.find-form form p {
margin:10px 0 0 0;font-weight: 600;color: #696969;text-wrap: nowrap;font-size: 15px;
}

.datepicker {
z-index: 9999
}

.datepicker {
border: 2px solid #f0f0ff;
margin-top: -5px;
}
.find-form button.gauto-theme-btn {
margin-top: 35px;
}
.datepicker .cell.day.selected,
.datepicker .cell.month.selected,
.datepicker .cell.year.selected,
.datepicker .cell.decade.selected {
background: #ca3d26 none repeat scroll 0 0;
color: #fff;
}

.datepicker .cell.day:hover,
.datepicker .cell.month:hover,
.datepicker .cell.year:hover,
.datepicker .cell.decade:hover {
background: #ca3d26 none repeat scroll 0 0;
color: #fff;
}

.text-primary,
.clockpicker-popover .popover-title {
color: #ef4836;
}

.datepicker .row.header a {
margin: 0 3px;
cursor: pointer;
display: block;
text-align: center;
width: 100%;
}

.datepicker .day {
font-size: 14px;
text-align: center
}

.popover-title span {
color: #ef4836
}

.popover-title .text-primary {
color: #111 !important
}

.clockpicker input {
font-size: 14px;
color: #000000
}

.clockpicker input:focus {
box-shadow: 0 0 0 rgba(0, 123, 255, 0.25);
border: 2px solid #f0f0ff;
border-radius: 0
}


/*================================================
12 - ABOUT AREA CSS
==================================================*/


/*================================================
13 - SERVICE AREA CSS
==================================================*/
.van_img {
background: #f1f1f1;
padding: 15px;
text-align: center;
position: relative;
bottom: 0;
min-height: 225px;
transition:all 0.5s;
}
.van_img:hover{
bottom:10px;
background: #ccc;

}
.van_img img {
height: 150px;
width: auto;
margin: 0px auto;
}
.van_img h3 {
color: #011338;
font-size: 27px;
margin: 10px 0 0 0;
font-weight: bold;
}
.welcome_area {
background: #f1f1f1;
padding: 70px 0;
}



/*================================================
14 - PROMO AREA CSS
==================================================*/

.gauto-promo-area {
position: relative;
background: url(../images/banner.webp) no-repeat fixed 0 0/cover;
z-index: 1;
}

.gauto-promo-area:after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(23, 26, 133, 0.9) none repeat scroll 0 0;
z-index: -1;
}

.promo-box-left {
position: relative;
z-index: 1;
padding-top: 30px;
padding-bottom:20px;
}

.promo-box-right {
padding: 72px 0
}

.promo-box-left:after {
position: absolute;
background: #fc9b00 none repeat scroll 0 0;
content: "";
top: 0;
right: 55%;
width: 2030px;
height: 100%;
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
z-index: -1;
}

.promo-box-left:before {
position: absolute;
background: #fff none repeat scroll 0 0;
content: "";
top: 0;
right: 43%;
width: 70px;
height: 100%;
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
z-index: -1;
}

.promo-box-right h3 {
font-size:42px;
color: #fff;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: uppercase;
font-weight:900;
line-height: 50px;
}
.promo-box-right p {
color: #fff;
}
.promo-box-left {
position: relative;
z-index: 1;
padding-top: 30px;
padding-bottom: 20px;
}
.promo-box-left img{
height:225px;
margin-left:20%;
}
/*================================================
15 - HOT OFFERS AREA CSS
==================================================*/
.single-offers {text-align:left;padding:15px;border: 1px solid #f0f0ff;margin-top: 30px;}
.btntoTop{background-color: rgb(252, 155, 0);bottom: 70px;cursor: pointer;height: 50px;line-height: 47px;opacity: 0;
position: fixed;right: 20px;text-align: center;width: 50px;z-index: 99999;border-width: 2px;border-style: solid;border-color: rgb(252, 155, 0);
border-image: initial;border-radius: 5px;transition: opacity 0.4s;}
.btntoTop:hover{background:#0146b3;}
.offer-image {/*	width: 235px;*/margin: 0 auto;display: block;}
.offer-image img {width: 100%;}
.offer-text_btn_area {margin-top: 20px;display: flex;align-items: center;gap:15px;justify-content: space-between;}
.offer-text h3 {font-size: 18px;color: #001238;margin-bottom: 10px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;display: inline-block;text-transform: capitalize;font-family: BaiJamjuree-Bold;font-weight: 600;     padding-bottom: 10px;
min-height: 44px;}
.offer-text h4 {color: #000 ;font-size: 18px;text-transform: capitalize;margin-top: 8px;font-weight: bold;}
.offer-text h4 span {text-transform: capitalize;color: #fc9b00;font-size: 16px;}
.offer-action {background:#2720a2;position: relative;z-index: 1;/*overflow: hidden;*/width:auto;margin: 0px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;/*border: 2px solid #202090;border-radius: 5px;*/}
a.offer-btn-1.btn-2 {color: #2720a2;font-weight: bold;font-size: 15px;background: #f6f5fd;padding: 10px;border: 1px solid #ccc;}
.car-features.clearfix h4 {font-weight: bold;font-size: 22px;}
.car-features.clearfix h4 span {color: #2720a2;font-family: BaiJamjuree-Bold;}

a.offer-btn-1.btn-2:hover{color: #fc9b00;}
.car-features.clearfix h6{font-size: 16px; padding-top: 12px;}
.car-features.clearfix h6 span {float: right;color: #000;font-weight: bold;}
.offer-text ul li span {color: #2720a2;padding-left: 5px;}
.name_with_price h6 {font-size: 14px; padding-top: 12px;background: #e9e9e9;border-radius: 2px; padding: 10px; color: #000;}
.offer-action.vew_all {max-width: 300px;border: none;border-radius: 10px;margin-top: 30px;}
.offer-action.vew_all .offer-btn-2 {width: 100%;background: #fc9b00;color: #000;font-size: 20px;font-weight: bold;text-transform: capitalize;padding: 10px 15px 10px 15px;}
.offer-action.vew_all .offer-btn-2:hover{background: #2720a2;color: #fff;}
.offer-action a {display: inline-block;text-transform: uppercase;padding: 7px 15px;font-weight: 900;color: #fff;font-size: 14px;}
.offer-action:hover {background: #2720a2 none repeat scroll 0 0;}
.offer-action:hover a{color: #fff;}
.offer-action:hover:after {background: #020202 none repeat scroll 0 0;}
.offer-text ul {margin-top: 10px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;float: left;}
.offer-text ul li {display: inline-block;font-size: 16px;margin: 0 3px;text-align: left;color: #000;font-weight: bold;padding:0 15px 0 0px;float: left;}
.offer-text ul li i {margin-right: 5px;color: #2720a2;font-size: 18px;font-weight: bold;width:20px;}


/*================================================
19 - BLOG AREA CSS
==================================================*/
.single-blog.blogdetails .blog-image img {min-height: 360px;max-height: 350px;min-width: 100%;max-width: 100%;object-fit: cover;}
.single-blog {border: 3px solid #f0f0ff;}
.blog-text {padding: 15px 20px;}
.blog-text h3 {font-size: 18px;color: #001238;letter-spacing: 1px;margin-bottom: 15px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;display: inline-block;text-transform: capitalize;font-family: BaiJamjuree-Bold;font-weight: 600;border-bottom: 2px solid #f0f0ff;width: 100%;}
.blog-text h3 a {color: #001238;}
.blog-text h3 a:hover {color: #fc9b00}
.blog-image img {width: 100%}

.gauto-blog-page-area {
padding-top: 40px
}

.blog-page-left .blog-text h3 {
font-size: 24px
}

.blog-text ul {
margin-bottom: 20px;
}

.blog-text ul li {
display: inline-block;
margin-right: 10px;
}

.blog-text ul li i {
margin-right: 5px;
color: #fc9b00;
}

.blog-text ul li a {
color: #111;
}

.blog-text a.gauto-btn {
color: #fc9b00
}

.blog-text a.gauto-btn:hover {
color: #fff;
}

.blog-text a.gauto-btn {
color: #ffffff;
margin: 20px 0 0 0;
}

.blog-page-right .sidebar-widget {
margin-top: 30px;
margin-bottom: 0
}

.blog-page-right .recent-text h4 {
font-size: 14px;
line-height: 22px;
margin-bottom: 1px;
}


/*================================================
20 - FOOTER AREA CSS
==================================================*/

.footer-top-area {
padding: 50px 0;
/*	background: url(../img/footer-bg.jpg)no-repeat scroll 0 0/cover;*/
position: relative;
z-index: 1;
}

.footer-top-area:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background:#2720a2 ;
z-index: -1;
}
h4.text-center span {
color: #fc9b00;
}
.footer-top-area h4.text-center {
font-weight: bold;
color: #fff;
margin-top: 30px;
line-height: 42px;
font-size: 20px;
}

.footer-address ul li a {
color: #fff;
font-family: BaiJamjuree !important;
font-size: 16px;
}
.quick-links {
float: left;
}

.footer-logo {
margin-bottom: 15px;
}

.single-footer h3,
.footer-address h3 {
font-size: 17px;
color: #eee;
letter-spacing: 1px;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: block;
text-transform: uppercase;
font-family: BaiJamjuree-Bold;
font-weight: 600;
position: relative;
}

.single-footer>h3:after,
.footer-address>h3:after {
position: absolute;
content: "";
bottom: -13px;
width: 18%;
height: 2px;
background: #fc9b00;
left: 0;
}

.quick_links {
overflow: hidden
}

.quick-links li a {
color: #fff;font-size: 15px;font-family: BaiJamjuree !important;
}
.quick-links li a:hover{
color:#fc9b00; padding-left: 3px;
}
.quick-links li a:hover {
color: #fc9b00;
}

.footer-bottom-area {
padding: 20px 0;
background: #2720a2;
border-top: 1px solid #cecece;
}

.copyright p {
color: #fff;
font-size: 14px;
text-transform: capitalize;
}

.copyright p i {
color: #fc9b00;
margin: 0 2px;
}

.copyright p a {
color: #aaa
}

.footer-social ul {
text-align: right;
}

.footer-social ul li {
display: inline-block;
margin-left: 10px;
}

.footer-social ul li a {
display: block;
color: #eee;
font-size: 18px;
}


/*================================================
21 - ABOUT PAGE CSS
==================================================*/

.about-page-left h4 {
font-size: 20px;
color: #fc9b00;
margin-bottom: 10px;
display: block;
font-weight: 500;
text-transform: capitalize;
font-family: BaiJamjuree;
}

.about-page-left h3 {
font-size: 29px;
color: #001238;
margin-bottom: 15px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 45px;
}

.about-page-left p span {
color: #111;
text-transform: capitalize;
}

.about-page-left p {
margin: 0 0 10px
}

.about-page-call {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.page-call-icon {
font-size: 50px;
margin-right: 30px;
color: #fc9b00;
}

.call-info p {
text-transform: capitalize;
color: #fc9b00;
font-size: 17px;
margin-bottom: 5px;
}

.call-info h4 {
color: #001238;
font-size: 20px;
letter-spacing: 2px;
}

.call-info h4 a {
color: #001238;
}

.about-promo-text {
padding-top: 30px;
text-align: center;
width: 55%;
margin: 0 auto;
}

.gauto-about-promo {
padding-bottom: 50px;
background: #fbfbfd none repeat scroll 0 0
}

.about-promo-text h3 {
font-size: 36px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 15px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 45px;
}

.about-promo-text h3 span {
color: #fc9b00
}

.about-promo-image {
margin-top: 30px;
}


/*================================================
22 - SERVICE DETAILS CSS
==================================================*/
.sidebar-widget {
margin-bottom: 30px
}

.sidebar-widget:last-child {
margin-bottom: 0
}

.service-menu {
padding: 15px;
background: #f4f4f5 none repeat scroll 0 0;
}

.service-menu li {
margin-bottom: 5px;
}

.service-menu li:last-child {
margin-bottom: 0
}

.service-menu li a {
display: block;
padding: 10px 20px;
background: #fff none repeat scroll 0 0;
color: #001238;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
}

.service-menu li a span {
margin-left: 5px
}

.service-menu li.active a,
.service-menu li a:hover {
color: #fc9b00;
padding-left: 25px
}


.sidebar-widget h3 {
font-size: 30px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 45px;
}


.sidebar-widget h3 {
font-size: 20px
}


/*================================================
23 - CAR LISTING CSS
==================================================*/

.sidebar-widget form p input {
width: 100%;
border: 2px solid #fff;
padding: 5px 10px;
height: 45px;
color: #111;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.sidebar-widget form p .nice-select {
width: 100%;
border: 2px solid #fff;
height: 45px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-radius: 0;
margin-bottom: 10px
}

.sidebar-widget form p input:focus {
border: 2px solid #fc9b00;
}

.sidebar-widget form {
background: #f4f4f5 none repeat scroll 0 0;
padding: 15px;
}

.sidebar-widget form p {
margin-bottom: 10px
}

.sidebar-widget form p:last-child {
margin-bottom: 0
}

.sidebar-widget form p .nice-select.open .list {
width: 100%
}

.sidebar-widget form p button {
margin-top: 20px;
background: #fff none repeat scroll 0 0
}

.propertu-page-shortby {
float: left;
width: 100%;
padding: 10px;
margin-top: 10px;
border-radius: 5px;
}
.propertu-page-shortby .nice-select {
background-color: #fff;
border-radius:5px;
border: solid 1px #e8e8e8;
width: 100%;
margin-bottom: 10px;
}
.name_with_price {
display:flow-root;
align-items: center;
gap: 50px;
}
.name_with_price h4 span {
font-size: 24px;
font-weight: bolder;
font-family: BaiJamjuree-Bold;
}
.name_with_price h3 {
margin-bottom: 0;
}
.name_with_price h4 {float: right;text-align: right;font-size: 18px;margin-top: 0;}
.propertu-page-shortby label {margin-top: 5px;margin-bottom: 10px;margin-right: 10px;color: #111;font-size:16px;float: left;font-weight: bold;}
.propertu-page-shortby button.gauto-theme-btn {margin-bottom: 10px;float: left;margin-top: 10px;}
.listing_page .car-features.clearfix ul {width:100%;margin-top: 0;min-height: 105px;}
.listing_page .car-features.clearfix ul li {margin: 5px 0;font-size: 14px;}
.single-offers.listing_page {margin-top: 0;margin-bottom: 22px;padding-bottom: 28px;border-radius: 13px;border: 1px solid #fdfdfd00;box-shadow: 0px 0px 4px 1px #ccc;}
.propertu-page-shortby label i {margin-right: 5px;}


/*================================================
24 - CAR BOOKING CSS
==================================================*/

.car-features ul {
width: 32%;
float: left;
margin-top: 20px;
}

/*.car-features ul li {
margin: 5px 0;
}*/

.listingdetaildiv .car-features ul li {
width: 30%;
margin: 0px;
margin-bottom: 0px;
display: inline-block;
font-size: 14px;
font-weight: 500;
border-bottom: dashed 1px #8c8c8c;
margin-right: 15px;
}
.car-features ul li i {
color: #2e7b3a;
}
.single-offers.listing_page img {
height: 150px;
width: auto;
object-fit: contain;
margin: 10px auto;
}
.single-offers.listing_page .offer-image {
text-align: center;
}

.booking-right h3 {
font-size: 23px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 28px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0ff
}

.gauto-payment .payment {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
}

.gauto-payment .payment input[type=radio] {
position: absolute;
visibility: hidden;
}

.gauto-payment .payment label {
display: inline-block;
position: relative;
padding: 0 0 0 30px;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
color: #020202;
font-weight: 500;
}

.gauto-payment .payment .check {
display: block;
position: absolute;
border: 3px solid #AAAAAA;
border-radius: 100%;
height: 20px;
width: 20px;
top: 14px;
left: 0;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}

.gauto-payment .payment .check:before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 8px;
width: 8px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}

input[type="radio"]:checked~.check {
border: 3px solid #fc9b00;
}

input[type="radio"]:checked~.check:before {
background: #fc9b00;
}

input[type="radio"]:checked~label {
color: #fc9b00;
}

.payment img {
float: right;
margin-top: 15px;
}

.action-btn {
text-align: right
}

.action-btn a.gauto-btn {
color: #fc9b00;
margin: 30px 0 0 0
}

.action-btn a.gauto-btn:hover {
color: #fff;
}
.home_product .offer-text ul{
border-top: none;
border-bottom: none;
}
.home_product .offer-text ul li {
display: block;
font-size: 16px;
margin: 0 3px;
text-align: left;
color: #2720a2;
font-weight: bold;
border-bottom: 1px solid #f1f1f1;
padding: 5px 0;
width: 100%;
}
.home_product .offer-action {
text-align: center;
background: none;
position: relative;
z-index: 1;
overflow: hidden;
width: auto;
margin: 15px auto 0;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border: 2px solid #2720a2;
border-radius: 100px;
}
.home_product .offer-action a {
color: #2720a2;
}
.home_product .offer-text h4 {
color: #000;
font-size: 18px;
text-transform: capitalize;
margin-top: 8px;
font-weight: bold;
}
.home_product  .offer-text h4 {
margin-top: 8px;
float: left;
width: 100%;
margin-bottom: 22px;
}

/*================================================
26 - PRODUCT PAGE CSS
==================================================*/

.product_search {
width: 100%;
background: #f4f4f5 none repeat scroll 0 0 !important;
padding: 0 !important;
height: 50px;
position: relative;
border-radius: 5px 0 0 5px;
}

.product_search input {
position: absolute;
width: 100%;
height: 100%;
border: medium none;
padding: 5px 15px;
background: transparent;
}

.product_search button {
position: absolute;
right: 0;
border: medium none;
height: 100%;
width: 20%;
color: #fff;
cursor: pointer;
background: #001238 none repeat scroll 0 0;
font-size: 15px;
border-radius: 0 5px 5px 0px;
}

.top-products {
padding: 15px;
background: #f4f4f5 none repeat scroll 0 0;
}

.top-products li {
border-bottom: 1px solid #ddd;
padding: 10px;
background: #fff none repeat scroll 0 0;
overflow: hidden
}

.top-products li:last-child {
border-bottom: 0px solid #ddd
}

.recent-img {
margin-right: 15px;
width: 80px;
float: left;
}

.recent-text {
vertical-align: middle;
overflow: hidden;
}

.recent-text h4 {
font-size: 17px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: uppercase;
font-family: BaiJamjuree-Bold;
font-weight: 600;
}

.recent-text h4 a {
color: #001238;font-size: 14px;
}

.recent-text p {
color: #fc9b00;
font-weight: 500;
}
.listingdetaildiv .offer-text ul {float: left;width: 100%;padding: 10px 0px;}
.listingdetaildiv .car-features ul {width: 100%;margin-bottom: 25px;margin-top: 5px;}
.car-features h4 {color: #2720a2;font-size: 22px !important;font-family: BaiJamjuree-Bold;}
.listingdetaildiv .name_with_price h3 {padding-bottom: 13px;}
p.confirm_booking {font-size: 16px; font-weight: bold; background: #2720a2;  color: #fff !important; padding: 5px; border-radius: 5px; margin-bottom: 18px; }
.transmissiontxt {color: #2720a2;font-weight: bold;font-size: 18px;padding-bottom: 10px;}
ul.priceBoxdiv li {display: inline-block;}
ul.priceBoxdiv h4 {color: #2720a2;font-weight: bold;}
.listingdetaildiv .offer-text_btn_area{    margin-top: 0px;}
.product-details-image img {width: 100%;padding: 15px;background: #f4f4f5 none repeat scroll 0 0;}

/*================================================
29 - CHECKOUT PAGE CSS
==================================================*/

.checkout-left-box h3 {
font-size: 23px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 45px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0ff;
}

.checkout-left-box form .checkout-form {
margin-top: 15px;
}

.checkout-left-box form input {
width: 100%;
border: 2px solid #f0f0ff;
padding: 5px 10px;
height: 45px;
color: #111;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.checkout-left-box form textarea {
width: 100%;
border: 2px solid #f0f0ff;
padding: 5px 10px;
height: 135px;
color: #111;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.checkout-left-box form input:focus {
border: 2px solid #fc9b00;
}

.checkout-left-box form label {
color: #001238
}


/*================================================
30 - BLOG DETAILS PAGE CSS
==================================================*/


/*================================================
31 - NOTFOUND PAGE CSS
==================================================*/

.notfound-box {
width: 50%;
margin: 0 auto;
text-align: center;
}

.notfound-box h2 {
font-size: 130px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: inline-block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 130px;
}

.notfound-box h3 {
font-size: 30px;
color: #001238;
letter-spacing: 1px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: block;
text-transform: capitalize;
font-family: BaiJamjuree-Bold;
font-weight: 600;
line-height: 40px;
}

.notfound-box a.gauto-btn {
margin: 30px 0 0 0;
color: #fc9b00;
}

.notfound-box a.gauto-btn:hover {
color: #fff
}


/*================================================
32 - LOGIN PAGE CSS
==================================================*/

.gauto-login-area {
background: #fbfbfd none repeat scroll 0 0;
}

.login-box {
background: #fff none repeat scroll 0 0;
box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
margin: 0 auto;
padding: 40px;
text-align: center;
width: 40%;
}

.login-page-heading {
padding-bottom: 20px;
}

.login-page-heading i {
font-size: 22px;
margin-right: 5px;
color: #fc9b00;
}

.login-page-heading>h3 {
font-family: BaiJamjuree-Bold;
font-weight: 600;
color: #001238;
font-size: 25px;
text-transform: capitalize;
margin-bottom: 5px;
display: inline-block;
}

.account-form-group {
height: 45px;
margin-bottom: 15px;
position: relative;
}

.account-form-group>input {
width: 100%;
border: 1px solid #ccc;
padding: 5px 10px 5px 60px;
height: 45px;
color: #111;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.account-form-group i {
border-right: 2px solid #ccc;
color: #b7b7b7;
font-size: 16px;
height: 100%;
left: 0;
line-height: 45px;
margin-right: 5px;
padding-right: 0;
position: absolute;
text-align: center;
top: 0;
width: 48px;
-webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s
}

.login-box button.gauto-theme-btn {
margin: 20px 0 0 0;
width: auto;
display: inline-block;
}

.login-sign-up {
margin-top: 25px;
padding-top: 10px;
border-top: 1px solid #ccc;
}

.login-sign-up>a {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
color: #001238;
}

.login-sign-up>a:hover {
color: #fc9b00
}

.remember-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.remember-row .checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}

.remember-row .checkbox.signup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}

.lost-pass a {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
color: #001238;
margin-right: 15px;
}

.lost-pass a:hover {
color: #fc9b00;
}

.checkbox label {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
color: #001238;
}

@-webkit-keyframes pull {
0% {
height: 0;
}
100% {
height: 1.2rem;
}
}

@keyframes pull {
0% {
height: 0;
}
100% {
height: 1.2rem;
}
}

@-webkit-keyframes pop {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
75% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}

@keyframes pop {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
75% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}

.checkbox-spin+label span {display: inline-block;width: 25px;height: 16px;margin: 0 10px -3px 0;}
.checkbox-spin+label span:before,
.checkbox-spin+label span:after {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";position: absolute;z-index: 1;width: 16px;width: 16px;width: 16px;width: 1rem;height: 16px;height: 16px;height: 16px;height: 1rem;background: #fff none repeat scroll 0 0;border: 2px solid #dbdbdb;}
.checkbox-spin+label span:after {z-index: 0;border: none;}
.checkbox-spin:checked+label span:before {-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);background: #fc9b00;border: 1px solid #fc9b00;}
/*================================================
33 - CONTACT PAGE CSS
==================================================*/
.gauto-contact-area.section_70,.checkout-page-area.section_70 {background: #f1f1f1;}
.contact-left,.contact-right,.checkout-left-box,.booking-right,.order-summury-box {background: #fff;padding: 30px;border-radius: 5px;}
.booking-right {margin-top: 15px;}
.contact-left h3,
.contact-right h3 {font-size: 24px;color: #001238;letter-spacing: 1px;margin-bottom: 15px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;display: inline-block;text-transform: capitalize;font-family: BaiJamjuree-Bold;font-weight: 600;}
.contact-left form input {width: 100%;border: 1px solid #b1b1b1;padding: 5px 10px;height: 45px;color: #111;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;margin: 10px 15px 10px 0px;}
.contact-left form textarea {border: 1px solid #b1b1b1;padding: 5px 10px;margin: 10px 0;color: #111;width: 100%;height: 135px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.contact-left form input:focus,
.contact-left form textarea:focus {border: 1px solid #b1b1b1}
.single-contact-field button.gauto-theme-btn {width: auto;display: inline-block;margin-top: 20px}
.contact-details p i {color: #fc9b00;margin-right: 5px;}
.single-contact-btn {display:block;margin-right: 10px;margin-bottom: 10px;margin-top: 15px;}
.single-contact-btn h4 {font-size: 16px;color: #001238;margin-bottom:0px;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;display: block;text-transform: capitalize;font-family: BaiJamjuree-Bold;font-weight: 600;}
.single-contact-btn a {display: block;text-transform: lowercase;color: #000; font-family: BaiJamjuree !important;    padding-top: 7px;}
.single-contact-btn a:hover {color: #001238 none repeat scroll 0 0}
.mainmenu ul li a i {margin-left: 2px;vertical-align: text-top;}
.find-form.listing_page .propertu-page-shortby.row {margin-top: 0px;padding-top: 0;justify-content: end;}
.find-form.listing_page {padding: 0px;}
.find-form.listing_page .propertu-page-shortby.row .col-md-3 {text-align:right;}
.find-form.listing_page .propertu-page-shortby label{float: unset !important;}
.find-form.listing_filter_v .col-md-3.col-sm-6 {padding-left: 0px;}
.row.pickdivbox {padding-bottom: 25px;}
/*slider-css*/
.custom-slider {position: relative;}
/* FIX: prevent blank flicker */
.custom-slider .slide {position: absolute;width: 100%;top: 0;left: 0;opacity: 0;transition: opacity 0.6s ease-in-out;}
.custom-slider .slide.active {opacity: 1;position: relative;z-index: 2;}
/* Buttons */
.custom-slider button {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);color: #fff;border: none;padding: 10px 15px;z-index: 10;cursor: pointer;}
.custom-slider .prev { left: 10px; }
.custom-slider .next { right: 10px; }

/* Click fix */
.gauto-main-caption {pointer-events: none;}
.slider-text {pointer-events: auto;}

/*slider-css*/

/*testimonial-css*/
.testimonial-section{position: relative;background: url(../images/test.webp) no-repeat fixed 0 0 / cover;z-index: 1;padding: 60px 0;}
.testimonial-section:after {position: absolute;content: "";top: 0;right: 0;width: 100%;height: 100%;background: rgb(39 32 162 / 81%) none repeat scroll 0 0;z-index: -1;}
.testimonial-section .carousel-control-next,.testimonial-section .carousel-control-prev{width: 30px;border-radius: 0;}
.testimonial-section .carousel-control-prev {left: -45px;}
.testimonial-section .carousel-control-next{right: -45px;  }
.testimonial-section .site-heading {padding-bottom: 50px;}
.testimonial-section .site-heading h2 {color: #fff;margin-bottom: 0;}
.testimonial-box{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);height:100%;}
.testimonial-box img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-bottom:15px;}
.testimonial-box h5{font-weight:600;margin-bottom:3px;}
.testimonial-box span{font-size:14px;color:#fc9b00;}
.testimonial-box .client_name {display: flex;align-items: center;gap: 15px;}
.testimonial-box p{font-size:15px;margin-top:10px;color:#555; height: 175px;overflow-y: scroll;}
.carousel-control-prev-icon,
.carousel-control-next-icon{background-color:#fc9b11;padding:18px;border-radius:5px;}
/*testimonial-css*/
.send_btnbox button.gauto-theme-btn {margin-top: 0px;}
.header-top-left a {font-size: 14px;color: #fff;font-weight: 500;}
.home_product .offer-action:hover{background: #fc9b00;border: solid 2px #fc9b00;}
.home_product .offer-action a:hover{color: #000;}
.sendbtnbox button.gauto-theme-btn {margin-top: 24px;font-size: 14px;}
.listing_filter_top .container-fluid {width: 96%;}
.listing_filter_top span.input-group-text i.fa.fa-map-marker {color: #2720a2;}
.listing_filter_top select.form-select {font-size: 13px;border-left: none;font-weight: bold;padding-right: 31px;padding-left: 7px;}
.listing_filter_top span.input-group-text {background: #fff;padding-left: 7px;padding-right: 0px;}
.offer-action.book_btn_one button.gauto-theme-btn {padding: 4px 13px;}
.pagination-box .pagination-box-row {text-align: center;display: unset;}
.pagination-box {text-align: center;padding-bottom: 25px;}
/*faq*/
.questionfaqdiv {padding: 55px 0px;}
.questionfaqdiv .accordion-item h2.accordion-header button.accordion-button {background: #2720a2 !important;margin-bottom: 1px;color: #fff;font-weight: 600;font-size: 15px;}
.questionfaqdiv .accordion-button:not(.collapsed)::after {filter: brightness(0) invert(1);}
.questionfaqdiv .accordion-button::after {filter: brightness(0) invert(1);}
/*faq*/
ul.weekdaydiv li {display: inline-block;width: 49%;}
ul.weekdaydiv li {border-bottom: dashed 1px #ccc;padding-bottom: 10px;padding-top: 10px;}
ul.weekdaydiv {padding-top: 15px;}
.gauto-breadcromb-area.section_70 {padding: 20px 0;}

.btn.btn-primary,
.btn.btn-success {
color: #fff;
background: #2720a2;
border-width: 2px;
border-style: solid;
border-color: #2720a2;
position: relative;
font-family: BaiJamjuree-Bold;
display: block;
padding: 8px 15px;
border-radius: 0px;
transition: all 0.3s ease-in-out;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
margin: 0;
width: 100%;
}

.btn.btn-primary:before,
.btn.btn-primary:after,
.btn.btn-success:before,
.btn.btn-success:after {
content: '';
display: block;
position: absolute;
border-color: #2720a2;
box-sizing: border-box;
border-style: solid;
width: 1em;
height: 1em;
transition: all 0.3s ease-in-out;
}

.btn.btn-primary:before,
.btn.btn-success:before {
top: -6px;
left: -6px;
border-width: 2px 0 0 2px;
z-index: 5;
}

.btn.btn-primary:after,
.btn.btn-success:after {
bottom: -6px;
right: -6px;
border-width: 0 2px 2px 0;
}

.btn.btn-primary:hover,
.btn.btn-success:hover {
color: #fff;
background-color: #fc9b00;
border-color: #fc9b00;
}

.btn.btn-primary:hover:before,
.btn.btn-primary:hover:after,
.btn.btn-success:hover:before,
.btn.btn-success:hover:after {
width: calc(100% + 12px);
height: calc(100% + 12px);
border-color: #fc9b00;
}
.gauto-contact-area.section_70, .checkout-page-area.section_70 {
.card.p-3{
.col-md-4.text-end{
display: flex;
justify-content: end;
.btn.btn-primary{
width: fit-content;
}
}
}
.table tbody tr th {
background-color: #f2f2f2; 
}

.table tbody tr td {
background-color: #ffffff; 
}
table {
margin-bottom: 0;
th{
font-weight: 600;
}
tr {
font-size: 14px;
/* display: flex;*/
justify-content: space-between;
}
}
.mb-3.text-end {
display: flex;
justify-content: end;
.btn.btn-success{
width: fit-content;
}
}
.card h4 {
font-size: 20px;
font-weight: 700;
color: #2720a2;
}
}

div#faqAccordion h2 {
padding: 0px 18px;
font-size: 22px;
}

.gauto-breadcromb-area.section_70 {
margin-bottom:0px;
}

.row.vehicle-list-container {
align-items: stretch;
.single-offers.listing_page {
height: 95%;
}
}


section.blog-area.blog-standard-style{
padding:50px 0px 40px;
input.form-control.btn.btn-primary {
font-size: 13px;
text-align: center;
}

.single-blog .gauto-btn {
padding: 0px 8px;
}
}

section.gauto-product-page.section_70.listing_filter_top{
ul.priceBoxdiv {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
}
/*----29-04-2026-----*/
section.inner-pages {
padding: 50px 0px 40px;
}
.home_product .single-offers{height:95%;}
.listing_filter_top {padding-top: 0;}
.vehicle_listing::after {background: none;}
.vehicle_listing {background:#443bde; padding: 10px 0 !important; margin: 0px !important;}
.offer-text ul li img {height: auto !important; object-fit: inherit !important;margin:0 5px 0px 0 !important;width: 15px !important;}
.single-offers.listing_page .offer-text ul {margin-bottom: 5px;}
.checkout-page-area h4 {margin-bottom: 5px;}
table.table.table-borderless.table-striped tr td {
text-align: right; font-weight: 600;
}
tr.check_total {
background-color: #2720a2 !important;
font-size: 18px !important;
}
tr.check_total td{color: #2720a2;}
section.gauto-header-top-area button.btn.btn-warning.dropdown-toggle {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
&:hover, &:focus{
&:after{
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
}
}
#checkout-fixed {
position: sticky;
top: 20px;
}
.login-box.registerdiv {
width: 100%;
}
table.checkout_total tr{
background: #e4e4fa;
border-bottom: 1px dashed #c2c0ec;
}

table.checkout_total {
width: 100%;
}
table.checkout_total th, table.checkout_total td {
padding: 10px;
font-size: 16px;
}
tr.check_total th, tr.check_total td {
color: #fff;
}
.countrydivbox select.form-control {
padding-left: 56px;    height: 45px;
}
tr.check_total td {
text-align: right;
}
table.checkout_total tr {
border-bottom: 1px dashed #afabf4;
}
table.checkout_total tr:first-child,table.checkout_total tr:last-child{ border-bottom:none}
table.checkout_total tr td {
text-align: right;
font-weight: bold;
}
table.table1.table-borderless.table-striped h3 {
color: #fff;
font-weight: 900;
font-size: 16px;
padding: 10px 0;
}
table.checkout_total.table-striped h3{
color: #000;
font-size: 16px;
font-weight: 900;
}
table.checkout_total tr:first-child, table.table1.table-borderless.table-striped tr:first-child th {
background: #050151;
}
table.checkout_total tr:first-child h3{color: #fff; padding: 10px 0;}
.offer-text_btn_area ul.priceBoxdiv {
display: inline !important;
}
.tab-content.p-4.border.border-top-0 h5.transmissiontxt {
font-size: 14px;
font-weight: bolder;
}
table.table1.table-borderless.table-striped tr{
border-bottom: 1px dashed #ccc;

}
table.table1.table-borderless.table-striped tr td,table.table1.table-borderless.table-striped th{
padding:2px 10px;
}
.remember-row.text-left p.checkbox.remember.signup {
display: inline !important;
text-align: left;
}
.home_product .offer-text_btn_area a.offer-btn-1.btn-2 {
background: no-repeat;
padding: 5px 10px;
border-radius: 4px;
}
span.home-product-list,span.vehicle-price-list {
float: right;
}
span.home-product-list small {
font-size: 12px;
color: #000;
}
.offer-action.book_btn_one a{    padding: 7px 10px;}
.form-control {
appearance: auto !important;
-webkit-appearance: auto !important;
}
table.checkout_total.table-striped th, table.checkout_total.table-striped td {
padding: 2px 10px;
}
.profile-main-content h5.text-primary.border-bottom.pb-2 {
color: #261f9c !important;
font-weight: bold;
}
.profile-main-content button.gauto-theme-btn.border-0.py-2.px-5.shadow-sm {
width: auto;
}
.profile-main-content table.table.table-bordered.table-striped th {
background: #2720a2;
color: #fff;
border: 2px solid #332cb6;
}
.succes_page a.btn.btn-primary.me-2 {
width: auto;
max-width: 210px;
margin: 0px auto;
display: inline;
}
.succes_page table.table.table-borderless tr td,.succes_page table.table.table-borderless tr th {
border: 1px solid #f1f1f1;
}
.succes_page table.table.table-borderless tr td {
font-weight: bold;
}
.single-offers.listing_page .alert.alert-warning.mt-2 {
padding: 5px 10px;
padding-bottom: 0;
background: #f5ead9;
line-height: 20px;
overflow: hidden;

}
.single-offers.listing_page .alert.alert-warning.mt-2 a{
font-size: 14px !important;
float: left;
margin-bottom: 10px;
color: #000 !important;
display: table-caption;
}
ul.pagination a,ul.pagination strong {

margin: 5px;
padding: 5px 10px;
color: #fff;
border-radius: 4px;
}
ul.pagination strong {
background: #2720a2;
}
ul.pagination a{    background: #fc9b00;}
.priceBoxdiv .alert.alert-warning.mt-2 {
padding: 5px 10px;
background: #f5ead9;
line-height: 20px;
overflow: hidden;
padding-bottom: 0;
}
.priceBoxdiv .alert.alert-warning.mt-2 a{font-size: 14px !important;float: left;margin-bottom: 10px;color: #000 !important;}
.listingdetaildiv .offer-text_btn_area {display: inline;}
.pricetotaldays {margin-top: -35px;margin-bottom: 14px;}
.form-check-input{    border:2px solid #050151;}
._rw_vehicle.bg-blue {background: #2720a2;color: #fff;}
._rw_content.cyt_pd {padding: 0px 20px;}
._rw_content.cyt_pd p {font-size: 15px;}
._rw_content.cyt_pd a {color: #fff;}
._rw_content.cyt_pd h3 {font-weight: 600;margin-bottom: 5px;}
.van_hireimg img {width: 80%;}
.list_brand h3 {font-weight: bold;font-size: 21px;padding: 18px 0px;}
.list_brand ul li i {font-size: 12px;padding-right: 5px;color: #2720a2;}
.list_brand ul li {font-weight: 500;}
p.checkbox.remember.signup .checkbox-spin+label span:before, .checkbox-spin+label span:after{position: unset !important;    border: none;}
.van_mottesting img {height: 200px;width: 100%;object-fit: cover;border-radius: 5px;}
.list_brand.brandsbox { padding-bottom: 20px;}
.terms_vans_rw_content h3 {font-size: 21px;font-weight: bold;padding: 10px 0px;}
.terms_vans_rw_content h4 {font-size: 18px;font-weight: bold;padding: 10px 13px;}
.terms_vans_rw_content ul li {list-style-type: disc;margin-left: 22px;}
.is-invalid {border: 2px solid red !important;}
ul.weekdaydiv li:nth-child(2) {text-align: right;}
ul.weekdaydiv li:nth-child(4) {text-align: right;}
.successBox{    margin-top: 5% !important;}
.successBox .btn-blue-light {background-color: #2720a2 !important;padding: 6px 15px !important;margin-top: 15px !important;}
.great-services-div p {font-size: 17px; }
.welcome_area .site-heading h2 {margin-bottom: 5px !important; }
.great-services-div h3 {color: #2720a2; font-weight: bold; font-size: 42px; padding-bottom: 10px; }
.great-services-div ul li i.fa.fa-car {font-size: 12px; padding-right: 5px; color: #2720a2; } 
.great-services-div ul li {font-size: 18px; font-weight: bold; padding-bottom: 7px; color: #2720a2; border-bottom: dashed 1px #2720a2; margin-bottom: 10px; } 
.pb_text_inner h2 {font-size: 27px; margin-top: 15px; } .help_businesdiv {margin-top: 20px; }
.great-services-div h3 {font-size: 26px; color: #2720a2; font-weight: 600; }
span.divider {
    border-left: double;
    padding-left: 8px;
}