* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html,
body {
    font-family: 'Poppins', sans-serif;
    letter-spacing: .5px;
}

body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover {
    text-decoration: none;
}

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

ul,
p {
    margin: 0;
    padding: 0;
    list-style: none;
}

label {
    margin: 0;
}

/*img{
    width: 100%;
}*/

/*header*/

/*.header-section {
    padding: 15px 0px;
}*/

.agent-section ul {
    text-align: right;
    margin-top: 15px;
}

.agent-section ul li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
}

.agent-section ul li img {
    border: 1px solid #4e4c4c;
    padding: 3px;
    border-radius: 50px;
    width: 30px;
}

.agent-section ul li span {
    display: block;
    color: #4e4c4c;
    font-size: 12px;
    font-weight: 600;
}

.navbar-nav li a:hover,
.navbar-nav li a.active {
    color: #f7bd01 !important;
}

.navbar-nav li a {
    position: relative;
    font-size: 16px;
}

.navbar-nav li a.active:after {
    bottom: 10px;
    opacity: 1;
}

.navbar-nav li a:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    width: 50%;
    height: 2px;
    content: '';
    background-color: #f7bd01;
    opacity: 0;
    transition: all 200ms linear;
    margin: 0 auto;
}

.navbar-nav li a:hover:after {
    bottom: 10px;
    opacity: 1;
}

.mail-phone {
    margin-top: 25px;
}

.mail-phone a {
    color: #000000;
    font-weight: 600;
}

.mail-phone img {
    width: 30px;
}

/*header*/

.form-section {
    position: relative;
}

.slider {
    position: relative;
    overflow: hidden;
}

.slider-right-image {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    height: 100%;
}

.slider .item {
    height: 450px;
    position: relative;
}

.slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online-review {
    position: relative;
    margin-top: -55px;
    z-index: 1;
}

.online-review-img {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}

.online-review-img img {
    width: 120px;
}

/*banner-bottom-second*/

.banner-bottom-second {
    padding: 8px 0px;
    background-color: #f5f5f5;
}

.banner-bottom-section {
    text-align: center;
}

.banner-bottom-section h3 img {
    width: 50px;
    margin-right: 10px;
    float: left;
}

.banner-bottom-section h3 {
    font-weight: 700;
    margin-bottom: 10px;
}

/*banner-bottom-second*/

/*content-section*/

.content-section,
.content-section2 {
    margin-top: 50px;
}

.content-section p {
    font-size: 14px;
    /*text-align: justify;*/
}

/*content-section*/

/*why*/

.why-with-us {
    padding: 10px 0px;
    margin-top: 40px;
    background-color: #f5f5f5;
}

.iconbox {
    text-align: center;
}

.iconbox .iconbox-icon {
    min-height: 80px;
    line-height: 80px;
    margin-bottom: 5px;
}

.iconbox-icon img {
    width: auto;
}

.iconbox .iconbox-content h3 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}

/*why*/

/*client-review*/

.all-heading h4 {
    text-align: center;
    font-weight: 600;
    color: #727272;
    font-size: 20px;
}

.all-heading h4 span {
    color: firebrick;
}

.all-heading {
    margin-top: 50px;
    margin-bottom: 50px;
}

.route-list ul {
    column-count: 5;
}

.route-list li {
    list-style: circle;
    list-style-position: outside;
    margin-bottom: 10px;
}

/*client-review*/

/*car-detail*/

.single-offers {
    text-align: center;
    padding: 20px 10px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 2px 2px 9px hsl(0deg 0% 0% / 38%);
    border-radius: 5px;
}

.single-offers h5 {
    margin: 0px;
    background-color: #a94442;
    color: #fff;
    padding: 10px 0px;
    font-size: 16px;
}

.fleet-carousel .tj-heading-style h3 {
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    margin: 0;
}

.offer-image {
    margin: 0 auto;
    display: block;
}

.offer-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.offer-text {
    margin-top: 20px;
}

.offer-text 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: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.offer-text h4 {
    color: #020202;
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 8px;
    font-weight: 700;
}

.offer-text h4 span {
    color: #f7bd01;
}

.offer-text ul {
    text-align: center;
    margin-top: 10px;
}

.offer-text ul li {
    display: inline-block;
    font-size: 16px;
    margin: 0 3px;
    width: 30%;
    font-weight: 700;
}

.offer-text ul li:nth-child(2) {
    border-left: 1px solid #382f2f;
    border-right: 1px solid #382f2f;
}

.offer-text ul li i {
    margin-right: 5px;
    color: #065c7c;
}

.offer-action {
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    margin: 25px auto 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.offer-action a {
    display: inline-block;
    text-transform: uppercase;
    padding: 7px 15px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    width: 47%;
    border-radius: 50px;
}

.offer-btn-1 {
    background-color: #f7bd01;
}

.offer-btn-2 {
    background-color: #002945;
}

.btn-outline-white {
    background-color: #f7bd01;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 8px 15px;
    font-weight: 600;
}

.btn-outline-white:hover {
    border-color: #f7bd01;
}

.btn.btn-outline-white {
    border-width: 2px;
    cursor: pointer;
    line-height: normal;
    padding: 12px 30px;
    text-transform: capitalize;
    transition: all 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-outline-white::before {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    background-color: #fff;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.btn-outline-white::after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

.btn-outline-white:hover::before {
    left: 0%;
    right: auto;
    width: 100%;
}

/*car-detail*/

/*package*/

.holder {
    height: 100%;
    background: #ffffff;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
    margin-bottom: 20px;
    box-shadow: 2px 2px 9px hsl(0deg 0% 0% / 38%);
    border-radius: 5px;
}

.holder:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.img-holder {
    position: relative;
}

.img-holder img {
    vertical-align: top;
    border-radius: 5px 5px 0 0;
    height: 180px;
}

.img-holder .price-holder {
    background: #1292aa;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    left: -5px;
    position: absolute;
    bottom: 15px;
}

.img-holder .price-holder span:before {
    width: 0;
    height: 0;
    border-top: 20px solid #1292aa;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
}

.img-holder .price-holder span:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid #1292aa;
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    right: -20px;
    content: '';
}

.img-holder .price-holder:after {
    background: #1292aa;
    border-bottom-left-radius: 4px;
    bottom: -6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 5px;
}

.img-holder .price-holder span {
    display: block;
    padding: 6px 15px;
    position: relative;
}

.img-holder .price-holder strike {
    margin-right: 10px;
}

.img-holder .discount-holder {
    color: #fff;
    background: #e54b4b;
    top: 20px;
    right: -5px;
    position: absolute;
    border-radius: 0 5px 0 0;
    font-size: 16px;
    font-weight: 600;
}

.img-holder .discount-holder span {
    display: block;
    position: relative;
    padding: 3px 17px 3px 25px;
}

.img-holder .discount-holder span:before {
    width: 0;
    height: 0;
    border-top: 17px solid #e54b4b;
    border-left: 15px solid transparent;
    position: absolute;
    top: 0;
    left: -15px;
    content: '';
}

.img-holder .discount-holder span:after {
    width: 0;
    height: 0;
    border-bottom: 17px solid #e54b4b;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: 0;
    left: -15px;
    content: '';
}

.img-holder .discount-holder:after {
    background: #830000;
    border-bottom-right-radius: 4px;
    bottom: -6px;
    content: "";
    height: 6px;
    right: 0;
    position: absolute;
    width: 5px;
}

.text-holder {
    padding: 15px 0 14px;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.text-holder .title2 {
    font-size: 14px;
    font-weight: 600;
    /*font-family: "Montserrat", sans-serif;*/
    padding: 6px 0px;
}

.text-holder .title2 a {
    color: #111;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
}

.text-holder .btn-holder {
    padding: 15px 20px 0px;
    /*border-top: 1px solid #e5e5e5;*/
}

.btn-holder .btn.btn-outline-white {
    padding: 5px 20px;
}

.text-holder .meta-info i {
    font-size: 16px;
    margin-right: 5px;
    color: coral;
}

.text-holder .meta-info span {
    display: block;
    margin: 0px 0px 7px;
    font-size: 12px;
    font-weight: 600;
}

.text-holder .meta-info {
    padding: 0 20px;
    font-size: 14px;
}

.text-holder .itHighlights .tt_bottom img {
    width: 30px;
}

.btn-more:hover {
    background: #fb7e01;
    color: #fff;
    border: 2px solid #fb7e01;
}

/*package*/

/*testimonial*/

.client-review {
    padding: 0px 0px 0px;
}

.testimonial {
    text-align: center;
    padding: 0 20px;
}

.testimonial .icon {
    font-size: 20px;
    line-height: normal;
    color: #1ec4f3;
}

.testimonial .description {
    font-size: 14px;
    font-style: italic;
    color: #777;
    line-height: 20px;
    margin-top: -20px;
}

.testimonial .pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .testimonial-title {
    font-size: 16px;
    font-weight: bold;
    color: #474740;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial .post {
    display: block;
    font-size: 14px;
    color: #1ec4f3;
}

/*testimonial*/

/*footer*/

.footer-png {
    position: relative;
    margin-bottom: -80px
}

.footer {
    padding: 10px 0px 5px;
    background-color: #333;
    z-index: 1;
}

.footer-section h5 {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-transform: capitalize;
}

.footer-section ul li {
    color: #fff;
    font-size: 13px;
}

.footer-section li a {
    display: inline-block;
    color: #fff;
    padding: 5px 0 5px 6px;
}

.footer hr {
    margin: 0px 0px 5px;
    border-top: 1px solid yellow;
}

/*social*/

/*sociallink*/

.social li i,
.social li a {
    font-size: 1.2em;
    color: #2a2a2a;
}

.minimal .social-img-wrp {
    margin-right: 6px;
    margin-bottom: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
}

.minimal a {
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 16px;
}

.bg-shifter i {
    color: #fff;
}

.websure-socialink:hover .bg-shifter {
    top: 0;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.websure-social {
    line-height: 0;
    width: 100%;
}

.websure-social-inner {
    font-size: 14px;
}

.minimal .social-img-wrp {
    margin-right: 6px;
    margin-bottom: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    background: #fff;
}

.minimal a {
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 16px;
}

.websure-social a {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.websure-socialink {
    width: 35px;
    height: 35px;
    line-height: 25px !important;
    position: relative;
}

.websure-socialink.websure-behance,
.websure-socialink.websure-behance a {
    border-color: #0287e5;
    color: #0287e5;
}

.websure-socialink.websure-behance .bg-shifter {
    background-color: #0287e5;
}

.websure-socialink.websure-facebook,
.websure-socialink.websure-facebook a {
    border-color: #1f69b3;
    color: #1f69b3;
}

.websure-socialink.websure-facebook .bg-shifter {
    background-color: #1f69b3
}

.websure-socialink.websure-google-plus,
.websure-socialink.websure-google-plus a,
.websure-socialink.websure-gplus,
.websure-socialink.websure-gplus a {
    border-color: #d34836;
    color: #d34836;
}

.websure-socialink.websure-google-plus .bg-shifter,
.websure-socialink.websure-gplus .bg-shifter {
    background-color: #d34836;
}

.websure-socialink.websure-instagram,
.websure-socialink.websure-instagram a {
    border-color: #c41d78;
    color: #c41d78;
}

.websure-socialink.websure-instagram .bg-shifter {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.websure-socialink.websure-pinterest,
.websure-socialink.websure-pinterest a {
    border-color: #df2126;
    color: #df2126;
}

.websure-socialink.websure-pinterest .bg-shifter {
    background-color: #df2126;
}

.websure-socialink.websure-tumblr,
.websure-socialink.websure-tumblr a {
    border-color: #374a61;
    color: #374a61;
}

.websure-socialink.websure-tumblr .bg-shifter {
    background-color: #374a61
}

.websure-socialink.websure-twitter,
.websure-socialink.websure-twitter a {
    border-color: #43b3e5;
    color: #43b3e5;
}

.websure-socialink.websure-twitter .bg-shifter {
    background-color: #43b3e5
}

.websure-socialink.websure-youtube,
.websure-socialink.websure-youtube a {
    border-color: #fb2d39;
    color: #fb2d39;
}

.websure-socialink.websure-youtube .bg-shifter {
    background-color: #fb2d39
}

.websure-socialink.websure-linkedin,
.websure-socialink.websure-linkedin a {
    border-color: #1a7696;
    color: #1a7696;
}

.websure-socialink.websure-linkedin .bg-shifter {
    background-color: #1a7696
}

.prk_bordered {
    border: 1px solid #26272a;
}

.bg-shifter {
    position: absolute;
    top: -60px;
    width: 50px;
    height: 49px;
    -moz-transition-property: -moz-transform, top;
    -o-transition-property: -o-transform, top;
    -webkit-transition-property: -webkit-transform, top;
    transition-property: transform, top;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: -1;
}

#websure-to-top,
.popup-close {
    position: fixed;
    cursor: pointer;
}

.websure-socialink .bg-shifter {
    top: -30px;
    width: 30px;
    height: 28px;
    z-index: 2;
    left: -1px;
}

/*footer*/

/*about-us*/

.page-title-light {
    position: relative;
    margin-bottom: 20px;
}

.page-title-light img {
    height: 60px;
    object-fit: cover;
}

.page-title-light::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #1a9694;
    height: 100%;
}

.page-title-second {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    left: 40px;
    right: 40px;
}

.page-title h1 {
    margin: 0px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}

.breadcrumb_section .breadcrumb {
    background: none;
    padding: 0px;
}

.breadcrumb_section .breadcrumb li {
    color: #fff;
    color: #fff;
    font-size: 14px;
}

.breadcrumb_section .breadcrumb li a {
    color: yellow;
}

/*about-us*/

/*vehicle-detail*/

.vehicle-detail-image {
    position: relative;
    overflow: hidden;
    width: 450px;
    float: right;
    margin-left: 15px;
    margin-bottom: 30px;
    /* background-color: #d1651a; */
}

.vehicle-detail {
    margin-bottom: 30px;
    position: relative;
    /* border: 1px solid #eeeeee; */
    /* box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);*/
    /*padding: 25px 22px 25px;*/
}

.vehicle-detail .car-name {
    position: relative;
    color: #222222;
    font-weight: 600;
    line-height: 1.4em;
    font-size: 20px;
    margin-bottom: 10px;
}

.sidebar-widget-two .widget-content {
    position: relative;
    padding: 25px 25px;
    border-top: 2px solid #d1651a;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
}

.sidebar-title-two {
    position: relative;
    margin-bottom: 20px;
}

.sidebar-title-two h4 {
    position: relative;
    color: #222222;
    font-size: 23px;
    margin-bottom: 15px;
}

.blog-cat-two {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    border: 1px solid #dddddd;
}

.blog-cat-two li a {
    position: relative;
    color: #444444;
    font-size: 14.5px;
    padding: 12px 25px;
    display: flex;
    font-weight: 600;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-bottom: 1px solid #dddddd;
}

.blog-cat-two li a:hover {
    color: #ffffff;
    background-color: #eb463e;
}

.sidebar-widget {
    position: relative;
    margin-bottom: 30px;
}

.contact-form {
    background: #fff;
    width: 100%;
}

.contact-form .form-control {
    border-radius: 0px;
    padding: 5px 12px;
    height: auto;
}

.contact-form .form-group {
    margin-bottom: 5px;
}

.contact-image {
    text-align: center;
}

.contact-image img {
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}

.contact-form form {
    box-shadow: 0px 1px 4px 1px #eae7e7;
    margin-bottom: 10px;
    padding: 20px;
}

.contact-form h3 {
    margin: 0px 0px 10px 0px;
    text-align: center;
    color: #000;
    font-weight: 600;
}

.contact-form .btnContact {
    width: 150px;
    border: none;
    padding: 2.5%;
    background: #f7bd01;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/*vehicle-detail*/

/*contact-us*/

.all-contact-information {
    box-shadow: 0px 1px 4px 1px #eae7e7;
    padding: 20px;
}

.contact-information {
    padding: 37px 20px;
}

.contact-information:nth-child(2) {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.contact-information a {
    color: #000;
}

.contact-information h4 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #dc3545;
}

/*contact-us*/

/*modal*/

.modal-box .show-modal {
    color: #fff;
    background: #0c6cb4;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 80px auto 0;
    border: none;
    outline: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: block;
    transition: all 0.3s ease 0s;
}

.modal-box .show-modal:hover,
.modal-box .show-modal:focus {
    color: #fff;
    outline: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.modal-backdrop.in {
    opacity: 0;
    position: relative;
}

.modal-box .modal-dialog {
    width: 330px;
    margin: 70px auto 0;
}

.modal.fade .modal-dialog {
    transform: translate(-100px);
}

.modal.in .modal-dialog {
    transform: translate(0);
}

.modal-box .modal-dialog .modal-content {
    border: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    position: relative;
}

.modal-box .modal-dialog .modal-content .close {
    color: #bc1a1a;
    background: #fff;
    font-size: 45px;
    font-weight: 400;
    text-shadow: none;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    left: auto;
    right: -15px;
    top: -15px;
    z-index: 1;
    transition: all 0.3s;
}

.modal-box .modal-dialog .modal-content .close:hover {
    color: #bc1a1a;
}

.modal-box .modal-dialog .modal-content .modal-body {
    padding: 50px 20px !important;
}

.modal-footer .btn-default {
    color: #fff;
    background-color: #ebc206;
    border-color: #eac204;
}

/*@media only screen and (max-width: 767px){
    .modal-dialog{ width: 90% !important; }
}*/

/*modal*/

.route-tab-content {
    box-shadow: none !important;
    border: none !important;
}

.route-testimonial {
    background-color: #f5f5f5;
    padding: 10px;
    margin: 10px 0px;
}

.route-testimonial img {
    margin-bottom: 20px;
}

.route-inner-review p {
    text-align: right;
    margin-bottom: 10px;
}

.ytt-logo {
    width: 200px;
    margin-top: 9px;
    border-radius: 15px;
}

@media only screen and (max-width: 768px) {
    .tab.route-testi .nav-tabs li {
        width: 33.33%;
        float: left;
        text-align: center;
    }
    .ytt-logo {
        width: 200px;
    margin-top: 9px;
    border-radius: 15px;
    }
    .agent-section ul {
        margin-top: 10px;
    }
    .form-section {
        position: inherit;
    }
}

table {
    width: 100% !important;
}

.content-section table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    overflow-x: auto !important;
}

.content-section .table-responsive::-webkit-scrollbar {
    height: 2px !important;
}

.content-section .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey !important;
    border-radius: 0% !important;
}

.content-section .table-responsive::-webkit-scrollbar-thumb {
    background: #f7bd01 !important;
    border-radius: 10px !important;
}

.content-section .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #f7bd01 !important;
}

.content-section table p {
    text-align: left !important;
}

table>tbody>tr>td,
table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/*blog*/

.blog {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    float: left;
    padding: 10px;
}

.post-slide .post-header {
    padding: 10px;
}

.post-slide .title {
    margin-bottom: 5px;
    height: 40px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.post-slide .title a {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

.post-slide .title a:hover {
    color: #fd6058;
    text-decoration: none;
}

.post-slide .post-bar {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}

.post-slide .post-bar li {
    display: inline-block;
    margin-right: 20px;
    color: #808080;
    font-size: 14px !important;
}

.post-slide .post-bar li a {
    font-size: 15px;
    color: #808080;
    text-transform: capitalize;
}

.post-slide .post-bar li a:hover {
    text-decoration: none;
    color: #fd6058;
}

.post-slide .post-bar li img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.post-slide .post-bar li i,
.post-slide .post-bar li img {
    margin-right: 5px;
}

.post-slide .pic {
    overflow: hidden;
    position: relative;
}

.post-slide .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    transition: all 0.9s ease 0s;
}

.post-slide:hover .pic:after {
    background: rgba(255, 255, 255, 0.2);
}

.post-slide .pic img {
    width: 100%;
    height: 200px;
    transform: rotate(0deg) scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
}

.post-slide:hover .pic img {
    transform: rotate(10deg) scale(1.5, 1.5);
}

.post-slide .post-category {
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fd6058;
    z-index: 1;
}

.post-slide .post-category li {
    display: inline-block;
    text-transform: uppercase;
}

.post-slide .post-category li:after {
    content: " ,";
    color: #fff;
}

.post-slide .post-category li:last-child:after {
    content: "";
}

.post-slide .post-category li a {
    color: #fff;
}

.post-slide .post-category li a:hover {
    text-decoration: none;
    color: #333;
}

.post-slide .post-description {
    font-size: 14px;
    color: #808080;
    padding: 10px 0px;
    text-align: justify;
    height: 130px;
    display: block;
}

@media only screen and (max-width: 480px) {
    .post-header .post-bar li {
        margin-right: 5px;
    }
}

/*blog*/

/*pagination*/

.pagination-outer {
    text-align: center;
}

.pagination {
    font-family: 'Ubuntu', sans-serif;
    display: inline-flex;
    position: relative;
}

.pagination li a.page-link {
    color: #fff;
    background: linear-gradient(#3c6382, #0a3d62);
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    height: 36px;
    width: 36px;
    padding: 0;
    margin: 0 5px;
    border: none;
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link {
    color: #fff;
    background: linear-gradient(#3c6382, #0a3d62);
    border-radius: 0;
    opacity: 1;
}

.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link {
    font-size: 16px;
    width: auto;
    padding: 0 10px;
    border-radius: 0;
}

@media only screen and (max-width: 480px) {
    .pagination {
        font-size: 0;
        display: inline-block;
    }
    .pagination li {
        display: inline-block;
        vertical-align: top;
        margin: 5px 0;
    }
}

.blog-right {
    margin-top: 20px;
}

.blog-right h2 {
    font-size: 16px;
    font-weight: 600;
}

.blog-right hr {
    margin-top: 10px;
    border-top: 1px solid skyblue;
}

/*pagination*/

.blog-right li {
    margin-bottom: 15px;
    list-style: circle;
    list-style-position: inside;
}

.blog-right li a {
    color: #000;
    font-weight: 600;
}

.slick-image {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

/*.slick-image::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000073;
}*/

/*.slick-image:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}*/

.slick-image {
    margin-bottom: 20px;
}

.slick-image img {
    min-height: 270px;
    transition: 0.5s;
}

.slick-image h3 {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
}

.inner-heading {
    padding: 30px 0px;
}

h2.inner-heading-title {
    font-size: 36px;
    text-transform: none;
    letter-spacing: 0px;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.owl-prev span,
.owl-next span {
    background: yellow;
    color: #000;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 100px;
    font-size: 20px;
}

.owl-prev span:hover,
.owl-next span:hover {
    background: #ff4e00;
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.owl-next {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.owl-prev:hover,
.owl-next:hover {
    background: transparent !important;
}

.blogs-details-section {
    margin-top: 50px;
}

.blog-cat-two li img {
    padding-bottom: 16px;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .blog-navbar .ytt-logo {
        width: 90px;
    }
    .why-with-us {
        margin-top: 0px;
    }
    table {
        width: 100% !important;
    }
}

.desktop-section {
    margin-top: 20px;
}

.mobile-section {
    margin-top: 5px !important;
}