body{
    font-family: 'Roboto', sans-serif;

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
:root{
    --primary:#3498db;
    
}
img{
    width:100%;
}

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

a{
    text-decoration:none;
}

.mobile-menu-bar{
    display:none;
}

.autolist-banner img{
    width:100%;
    height:350px;
    object-fit:cover;
    object-position:top;
}
.bg-autolist-banner{
    position: relative;
}
.bg-autolist-banner:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index:0;
}

.brd-tile{
    position: absolute;
    left: 20%;
    bottom: 5%;
    z-index: 1;
    display: inline-block;
}

.brd-tile h4{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 34px;
    text-transform: uppercase;
    color: #ffffff;
}
.brd-section{
    padding-left:0;
    list-style:none;
    display:flex;
    gap:10px;
    margin-bottom:0px;

}
.brd-section li{
    color:white;
}

.brd-section li a{
    font-size: 16px;
    font-weight:600;
    letter-spacing: 0px;
    color: #ffffff;
    text-decoration:none;
}
.brd-section li.active{
    color: #ffc107;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
}
.bg-automise-section{
    padding:80px 0px;
}
.filter-title h4{
    border-bottom: 1px solid #00000030;
    padding-bottom: 7px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.filter-search-input{
    margin-top:1.5rem;
}

.filter-search-input input{
    display: block;
    width: 100%;
    height: 45px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
    border: 1px solid #2323232e;
    border-radius: 0.25rem;
    margin-bottom:1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.filter-search-input input:focus{
    border:1px solid #ffc107;
    outline:none;
}
.inner-filter-section{
    padding:20px;
    border: 1px solid #e7e7e7 !important;
    border-radius:8px;
}
.ais-category{
    margin-top:1rem;
}
.ais-category .card-header{
    background-color:white;
    padding:0;
    border:unset!important;
    border-radius:8px!important;
}
.ais-category .card{
    margin-bottom:1rem;
}

.ais-category .card-header .btn{
    display: flex !important;;
    justify-content:space-between!important;
    font-size:16px;
    font-weight:600;
    display:block;
    padding:20px;
    text-transform:capitalize;
}

.control {
    width: 100%;
    display: block;
    position: relative;
    padding-left: 31px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    text-transform: capitalize;
    font-weight:500;
}
.control span {
    margin-left: 10px;
    opacity: 0.8;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
}
.job-category .control__indicator{
    border-radius:50%;
}
 .filter_form {
    position: relative;
    margin-bottom: 20px;
}

 .filter_form input {
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    border: 2px solid black;
}

 .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    padding: 16px;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border-radius: 0 5px 5px 0;
}


.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #ffc107;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background:#ffc107;
}
.control input:radio ~ .control__indicator {
    background: #ffc107;
}
.control:hover input:not([disabled]):radio ~ .control__indicator,
.control input:radio:focus ~ .control__indicator {
    background:#ffc107;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control input:radio ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.product-filter {
    border-radius: 3px;
    padding: 15px 25px;
    margin-bottom: 30px;
    background: #f7f7f7;
}
.product-filter .row{
    justify-content: space-between;
}
.product-card-type{
    display: flex;
    list-style: none;
    align-items: center;
}
.filter-slider{
    display: none;
}
.product-card-type li {
    margin-left: 12px;
}
.product-card-type li i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    font-size: 20px;
    background: #8080802b;
}
.inner-list1 {
    margin-bottom: 20px;
}
.sort-by{
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: end;
}
.inner-sort label {
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
}
.inner-sort select {
    border: 1px solid #e7e7e7;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0px 10px;
    margin-left: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.inner-sort select:focus{
    outline: none;
}
.inner-sort1 {
    margin-left: 20px;
}
.tv-host-name{
    padding-left:0;
    list-style:none;
}
.tv-image-section{
    position: relative;
    overflow:hidden;
    margin-bottom: 30px;
}
.tv-image-section a{
    overflow:hidden;
}

.tv-image-section img{
    width:100%;
    overflow:hidden;
}

.tv-box{
    background: white;
    box-shadow: 0px 3px 15px 0px rgba(2, 30.000000000000114, 64, 0.14);
    border-radius: 20px;

    overflow:hidden;
    transition:all 0.5s ease;
}
.tv-image-section img{
    border-radius: 20px;
    height: 300px;
    transition: all 0.5s ease;
}
.tv-info{
    padding:0px 20px 20px;
}

.tv-info h3 a{
    font-size: 18px;
    color: black;
    font-weight: 700;
    margin-bottom: 12px;
    display: block;
    text-decoration:none;
}
.program-social{
    position: absolute;
    top: -45px;
    right: 15px;
    opacity: 0;
    transition: all 0.5s;
    margin-top:10px;
}
.program-social a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#ffc107;
    color:black;
    font-size:16px;
    height:35px;
    width: 35px;
    border-radius: 50%;
    margin-bottom: 15px;
    padding: 5px;
    transition: all 0.5s;
    text-decoration:none;
}
.tv-box:hover .program-social{
    top:0;
    opacity:1;
}
.tv-host-name li{
    margin:10px 0px;
    font-size:16px;
    text-transform:capitalize;
}

.tv-host-name li span{
    color:grey;
}

.tv-box-btn{
    border-top:1px solid #e7e7e7 !important;
    padding-top:10px;
}
.tv-box-btn a{
    background-color:#ffc107;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
    display:block;
    text-decoration:none;
    color:black;
    padding:10px 12px;
    border-radius:8px;
    text-align:center;
}
.tv-box:hover .tv-image-section img{
    transform:scale(1.05);
}

.showing p{
    margin-bottom: 0;
    font-weight: 600;
 }
 .pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
 }
 .page-item {
    margin: 0px 6px;
 }
 .product-filter .row.row1 {
     align-items: center;
 }
 .product-filter1 .page-link {
    padding: 0!important;
    margin-left: -1px;
    width: 35px;
    height: 35px;
    line-height: 35px!important;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: black!important;
    background-color: #8080802b!important;
    border-radius: unset!important;
 }
 .page-link.active {
     color: white!important;
     background: black!important;
     border-color: unset !important;
 }
 .page-link:hover {
    color: white!important;
    background:#ffc107!important;
 }
 .page-link:focus{
     outline: none;
     box-shadow: unset!important;
 }


/* add header css */

  .top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background:#fff;
      color: white;
      
    }

    .logo {
      font-size: 1.6rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      position: relative;
      background-color:#ffc107;
    }
    .logo img{
        width:160px;
    }


    .logo::before{
        background-color:#ffc107;
        content: "";
        height: 100%;
        position: absolute;
        right: 100%;
        top: 0;
        width: 1200px;
    }
    .logo:after{
        border-left: 0 solid #ffc107;
        border-right: 100px solid transparent;
        border-top: 145px solid #ffc107;
        content: "";
        height: 0;
        position: absolute;
        right: -100px;
        top: 0;
        width: 0;
    }

    .logo i {
      color: orange;
      margin-right: 8px;
    }

    .contact-info {
      display: flex;
      align-items: center;
      gap: 30px;
      width: 80%;
      justify-content: end;
    }


    

    .navbar {
      background: #1a1a1a;
      padding:18px 40px;
      display: flex;
      gap: 30px;
      justify-content:center;
    }

    .menu-list ul{
    display:flex;
    /*justify-content:space-between;*/
    flex-wrap: wrap;
    padding:0px 20px;
    column-gap: 30px;
    justify-content: center;
    margin-bottom:0;
}
.menu .row{
    align-items:center;
}
.menu-list ul li{
    /* position: relative; */
}
.menu-list ul li a{
    text-transform:capitalize;
    font-weight:600;
    color:white;
    font-size:17px;
    display:block;
    position: relative;
        transition: all 0.4s ease-in-out;
}

.sub-menu.mega-menu li{
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}


.menu-list ul.sub-menu li a{
    font-weight: 500;
}
.main-menu{
    position: absolute;
    z-index:3;
    width:100%;
}
.sub-menu{
    position: absolute;
    width: 320px;
    background: white;
    padding: 12px !important;
    border-radius: 0px 0px 8px 8px;
    /* left: 0%; */
    top: 100px;
    z-index:1;
    visibility:hidden!important;
    opacity:0;
    transition:all 0.5s ease;
    justify-content:flex-start !important;
    border-top: 2px solid #ffc107;
}
.sub-menu li{
    padding:0px!important;
    margin-bottom:8px;
    display:block;
    width:100%;
}

.sub-menu li a{
    color:black!important;
}
.menu-list ul li:hover .sub-menu{
    top:43px;
    visibility:visible!important;
    opacity:1;
}
.menu-list li:hover a{
    color:#ffc107;
}
.sub-menu li a:hover{
    color:#ffc107;
}

.menu-list li a.active {
    color:#ffc107;
}
.inner-list{
    list-style:none;
}
.inner-list li a{
    text-decoration:none;
}
.sign-btn{
    border-top:unset!important;
    padding-top:0px!important;
   
}
.sign-btn a{
 padding:10px 30px!important;
}
.header-search{
    width:30%;
}

.header-search input{
    display: block;
    width: 100%;
    height: 45px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #232323;
    border: 1px solid #2323232e;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}





/* new */
.project-details{
    row-gap: 24px;
}
.product-filter1{
    margin-top: 30px;
}

.footer-main {
    padding: 60px 50px 10px;
    position: relative;
    background-color: #1a1a1a;
    z-index: 2;
}
.footer-logo {
    margin-bottom: 24px;
}
.footer-logo a {
   width: 160px;
    display: inline-block;
}
.footer-logo img {
    width: 100%;
    filter: invert(1);
}
.custom-site h6{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}
.custom-select select{
    background: #fff;
    border: none;
    outline: none;
    padding: 10px 20px;
    width: 100%;
    border-radius: 8px;
    color: #49515b;
    font-weight: 400;
}

.footer-menu span {
    position: relative;
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.custom-select {
    background: #fff;
    padding-right: 5px;
    width: 90%;
    border-radius: 8px;
}

.footer-menu ul li a {
    color: #CDD5D7;
    position: relative;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    padding-left: 20px;
}

.footer-menu ul li a:before{
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 6px;
    background-color: #715603;
    transition: all 0.4s ease-in-out;
}

.footer-menu ul{
  list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-menu ul li {
    margin-bottom: 20px;
}

.footer-menu ul li a i {
    margin-left: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    transform: rotate(45deg);
    color: #ffc107;
}

.footer-menu ul li:hover a i {
    visibility: visible;
    opacity: 1;
}

.footer-menu ul li:hover a{
    color: #ffc107;
}

.footer-menu ul li:hover a::before{
    background-color: #ffc107;
}

.border-main {
    border-image: linear-gradient(90deg, rgb(39 34 19 / 30%) 0%, rgb(255 193 7 / 30%) 46.5%, rgb(39 34 19 / 30%) 100%);
    border-top: 1px solid transparent;
    border-image-slice: 1;
    padding: 40px 0 30px;
}

.footer-links{
    padding-bottom: 40px;
}

.copyright-main p{
    margin: 0;
    color: #CDD5D7;
    font-size: 16px;
}

.copyright-main p span{
    color: #ffc107;
}

.footer-menu ul li:last-child {
    margin-bottom: 0;
}

.icon-box a{
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.4s ease-in-out;
}

.icon-box a:hover {
    color: #ffc107;
}

.icon-box a:hover i{
     color: #ffc107;
}
.tv-box-btn a{
    position: relative;
    overflow: hidden;
}

.icon-box a i{
    background-color: rgb(143 108 2 / 15%);
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.social-links {
    display: flex;
    align-items: revert;
    justify-content: end;
    gap: 30px;
}
.footer-main:after {
    position: absolute;
    content: '';
    background-image: url(footer-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-position: right;
    opacity: 0.5;
    z-index: -1;
}


.main-btn {
    position: relative;
    display: inline-block;
    transition: all 0.5s linear;
    overflow: hidden;
    z-index: 1;
}

.main-btn:hover {
  color: #fff;
}

.main-btn:before {
  position: absolute;
  content: "";
  background-color: #1a1a1a;
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -110%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  z-index: -1;
}

.main-btn:hover::before {
  transform: translate3d(0, 0, 0) scale3d(1.2, 1.2, 1.2);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.main-btn:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #1a1a1a;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  z-index: -1;
}

.main-btn:hover::after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}

.navbar .container{
    justify-content: center;
    position: relative;
}


.inner-list  li  a:hover:before {
    right: auto;
    left: 0;
    width: 100%;
}

.inner-list  li  a:before {
    content: '';
    position: absolute;
    height: 1px;
    left: auto;
    right: 0;
    background: #ffc107;
    width: 0%;
    margin-top: 30px;
    transition: width 0.4s ease;
    transform-origin: left;
}

.sub-menu li a::before{
    content: none;
}

.mega-menu{
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    text-align: start;
    width:100% !important;
     left: 0%;

}

.program-social a:hover{
    color: #ffc107;
    background-color: #1a1a1a;
}
.menu-list ul.sub-menu li a:hover{
     color: #ffc107 !important;
}

.language-box {
    /* border: 1px solid var(--white); */
    border-radius: 4px;
    padding-right: 4px;
}

.language-box .dropdown-toggle {
   text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.language-box.dropdown .dropdown-menu {
    padding: 0;
}

.language-box.dropdown .dropdown-menu li:first-child .dropdown-item {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.language-box .dropdown-item {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    padding: 8px 16px;
}

.language-box .dropdown-item img {
    width: 20px;
    margin-right: 10px;
}
.contact-info{
    gap: 25px  !important;
}

.notification i{
    color: #4a4a4a;
    font-size: 20px;
}
.language-box .dropdown-toggle img{
    margin-right: 0  !important;
}


.currency .dropdown-toggle {
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mobile-menu-bar a i {
    color: var(--black);
    font-size: 28px;
}

.mobile-menu-section .offcanvas-header button {
    outline: none;
    box-shadow: none;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white);
    margin-left: auto;
}

.mobile-menu-section .offcanvas-header button i {
    font-size: 20px;
    line-height: normal;
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu-main {
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    padding-bottom: 25px;
}

.mobile-main-menu > li > a {
    display: flex;
    justify-content: space-between;
    color: var(--black);
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;

}

.mobile-main-menu li {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #d7d7d7;
}

.mobile-main-menu li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.mobile-menu-section .offcanvas-header {
    margin-bottom: 0px;
}

.mobile-sub-menu-box {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
}

.mobile-sub-menu li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
}

.mobile-sub-menu li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.mobile-sub-menu li a {
    color: var(--black);
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    line-height: normal;
}

.mobile-location-box {
    display: none;
}


.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

::-webkit-scrollbar {
    width: 0px;
}


/***** Section program detail page *****/


        .bg-program-detail{
            padding:80px 0px;
        }

        .program-image{
            width:100%;
        }
        .program-image img{
            width:100%;
        }
        .date-section{
            border: 1px solid #ddd;
            border-radius: 50px;
            padding: 10px 30px;
            margin-bottom:20px;
            display: inline-flex;
            align-items: center;
            gap:12px;
        }
        .program-title h4{
            font-size:24px;
            font-weight:600;
            margin-bottom:1rem;
        }
        .program-title p{
            font-size:16px;
            font-weight:400;
        }
        
        .date-section i{
            color:#ffc107;
        }
        

    .program-right {
        position: relative;
        padding: 30px;
        border-radius: 15px;
        margin-bottom: 40px;
        background-color: #f8f7f3;
        box-shadow: none;
    }

.program-right ul{
    padding-left:0px;
}

.program-right h2 {
    font-size: 24px;
    color:#ffc107;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px dashed #ffc107;
    margin-bottom: 15px;
}

.program-right ul li {
    margin-bottom: 12px;
    display: flex;
}

.program-right ul li strong {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding-right: 8px;
    width: 40%;
}

.program-right ul li span  {
    font-size: 16px;
    display: inline-block;
    width: 60%;
}

.program-right ul li:last-child {
    margin-bottom: 0;
}
.program-share ul {
    display: flex;
    gap: 12px;
    PADDING-LEFT: 0;
    LIST-STYLE: NONE;
}

.info-row{
    padding-top:1.5rem;
}
.date-section span{
    font-size:16px;
    text-transform:capitalize;
    font-weight:500;
}
.program-share {
    margin-top: 25px;
}

.program-share ul {
    display: flex;
    gap: 12px;
}
.program-share span {
    font-size: 16px;
    text-transform: uppercase;
    color:black;
    margin-bottom: 12px;
    display: inline-block;
}


.program-share ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #ffc107;
    color:black ;
    transition: all 0.5s;
    text-decoration:none;
}

.program-share ul li:hover a {
    color: #ffc107;
    border: 1px solid #ffc107;
    background-color: transparent;
}
.tv-item img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:20px;
    padding:0px 6px;
}


.gallery-title h2{
    font-size:24px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:1rem;
}

.recent-program-section{
    padding:80px 0px;
}
.program-image iframe{
    width:100%;
    height:500px;
    border-radius:10px;
}





/***** End Section program detail page *****/









 /***** job listing page css *****/  /***** End job listing page css *****/

 .job-listing-box {
    border-radius:8px;
    padding:30px;
    border:1px solid #dedede;
    position: relative;
}

 .job-listing-box .job-image{
    width:150px;
 }
  .job-listing-box .job-image img{
    border-radius:8px;
 }
 .job-listing-inner{
    display:flex;
    gap:30px;
 }
 .job-listing-heading h4 a{
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
    color:black;
    text-decoration:none;
 }

 .job-listing-heading span{
    font-size: 16px;
    font-weight: 500;
    color: grey;
    margin-top:10px;
    display:block;
 }
 .job-tags-list{
    margin-top:1.5rem;
 }

 .job-tags-list ul{
    display:flex;
    gap:10px;
 }
 .job-row{
    gap:30px;
 }



.job-tags-list ul li {
    display:inline-block;
}

 .job-tags-list ul li a{ 
    font-size: 14px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 50px;
    display: inline-block;
    background-color: rgb(255 193 7 / 20%);
    color: black;
    text-decoration: none;
    font-weight: 500;
 }
 .job-tags-list {
    display:flex;
    justify-content:space-between;
    align-items:center;
 }
.ft-btn{
    color: #007456 !important;
    padding: 6px 30px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: black;
    background-color: rgb(59 183 126 / 30%);
    text-transform: capitalize;
}
.job-icon{
    flex-grow: 1;
    justify-self: end;
    text-align: end;
    display: flex;
    gap: 10px;
    justify-content: end;
}

.job-icon a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    color: black;
    font-size: 16px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-bottom: 15px;
    padding: 5px;
    transition: all 0.5s;
    text-decoration: none;
    border:1px solid #ffc107;
    color:black;
}


/***** job-detail css *****/  /***** End job-detail css *****/

.job-detail-banner{
    width:100%;
    height:400px;
}
.job-detail-banner img{
    height:100%;
    object-fit:cover;
    border-radius:20px;
}
.bg-job-detail{
    padding:100px 0px;
}
.job-detail-information{
    text-align:center;
    margin-top:1.5rem;
}
.job-detail-information h4{
    font-size:34px;
    font-weight:800;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom:1rem;
}
.job-detail-information span{
    font-size:16px;
}
.job-detail-information span strong{
    color:#ffc107;
}
.job-detail-information .job-icon{
    justify-content:center;
    justify-self:center;
    margin-top:1rem;
}
.job-detail-information .job-icon a{
    margin-bottom:0;
}
.jd-row{
    padding-top:50px;
}
.jod-overview h4{
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 1rem;
}
.jod-overview{
    margin-bottom:1.5rem;
}

.jod-overview p{
    font-size:16px;
    line-height:1.6;
}
.jod-overview ul{
    padding-left:20px;
}

.jod-overview ul li{
  margin-bottom:1rem;
  font-size:16px;
  list-style: disc;
}
.jd-skill-box{
    background: rgba(0, 116, 86, .05);
    border: 1px solid rgba(0, 116, 86, .07);
    padding: 28px;
    border-radius: 16px;
}
.job-skill{
    margin-bottom:1rem;
}
.job-skill h4{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.jod-listing span{
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    text-transform: capitalize;
    letter-spacing: 0.5px;
    display:block;
}

.jod-listing h5{
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0.3rem;
    margin-bottom:0px;
}
.jod-listing {
    margin-bottom:1.2rem;
}
.jod-listing a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: black;
    font-size: 16px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    padding: 5px;
    transition: all 0.5s;
    text-decoration: none;
    border: 1px solid #ffc107;
    color: black;
    display: inline-flex;
    margin-right: 8px;
    margin-top:8px;
}
.jod-similar{
    display:flex;
    justify-content:space-between;
}
.jod-similar a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: black;
}
.bg-similar{
    margin-top:2.5rem;
}
.bg-similar .job-listing-box{
    margin-bottom:1rem;
}
.jod-similar{
    margin-bottom:1rem;
}









/* blog css */


.recentblog-image {
    position: relative;
    display: flex;
    height: auto;
    gap:0px 12px;
}

.recentblog-image img{
    width:30%;
    height:auto;
    display:flex;
}
.recentblog-image p{
  font-size:16px;
  font-weight:500;
  line-height:1.3;
  margin-bottom:12px;
  color:#000;
  
}
.recent-blog-section{
    margin-bottom: 24px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding:24px 30px 24px 30px;
}


.recent-blog-section h2{
    font-size:24px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:1.5rem;
}

.recentblog-right {
    width: 70%;
}
    
.recentblog-left {
    width:30%;
    height:auto;
    display:flex;
    overflow:hidden;
    border-radius:8px;
}
.recentblog-left img {
    height:auto;
    display:flex;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
    transition:all 0.5s ease;
}

.recentblog-left a{
    display:flex;
    height:100px;
    width:100%;
}
.recentblog-right a{
    text-decoration:none;
}

.recentblog-right  p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:1.5;
}
    
.recent-.date i{
    color:#ffc107;
}

.recentblog-image:hover .recentblog-left img{
    transform:scale(1.05);
}
.recent-blog-list{
    display:flex;
    flex-direction:column;
    gap:24px;
}
.blog-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 12px 10px;
}

.blog-tags a{
    font-size: 14px !important;
    position: relative;
    font-weight: 400;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 22px;
    z-index: 1;
    padding: 12px 24px;
    display: inline-block;
    text-decoration: none;
    color: black;
    text-transform: capitalize;
    letter-spacing:0.5px;
}
.blog-tags a:hover{
    background-color:rgb(255 193 7 / 50%);
    border:1px solid transparent;
}
.blog-image{
    width:100%;
    height:300px;
    border-radius:20px;
}

.blog-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
}
.blog-image-info{
    padding-top:1.5rem;
}

.blog-image-info h2 a{
  font-size:24px;
  font-weight:500;
  color:black;
  text-decoration:none;
  margin-bottom:15px;
  display:block;
}


.blog-image-info h2 p{
    font-size:16px;
    font-weight:400;
    line-height:1.5;
}
.blog-user-section{
    display:flex;
    align-items:center;
    gap:20px;
}
.blog-user{
    display:flex;
    align-items:center;
    gap:10px;
}
.blog-user i{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-user span{
    font-size:14px;
    color:black;
    text-transform:capitalize;
}


.recent-date{
    gap:10px;
    display:flex;
    align-items:center;
}
.post-btn-wrap a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: black;
    text-transform: capitalize;
}
.post-btn-wrap a:hover{
    color:#ffc107;
}
.post-btn-wrap a svg:hover path{
    fill:#ffc107;
}

.post-btn-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:2rem;
}

.post-btn-wrap span{
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    margin-right:20px;
}

.share-flex{
    display:flex;
    align-items:center;
}

.post-btn-wrap ul{
    padding-left: 0;
    display:flex;
    gap:10px;
    list-style:none;
    margin-bottom:0;
}
.post-btn-wrap  ul li a{
    border-radius: 100px;
    width: 42px;
    height: 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgb(255 193 7 / 30%);
}
.blog-box{
    padding-top: 42px;
    border-top: 1px solid #ebebeb;
    margin-top: 42px;
}
.blog-section .row .col-md-12:first-child .blog-box{
    margin-top:0px;
    padding-top:0;
    border-top:unset;
}

.blog-pagi{
    margin-top:2rem;
}
.blog-detail-section .blog-image-info{
    padding-bottom:1rem;
    padding-top:0rem;
    text-align:center;
}
.blog-detail-section .blog-user-section{
    justify-content:center;
}

.blog-detail-para{
    padding-top:2rem;
}
.blog-detail-para p{
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
}  


/* responsive css  */


/* blog page responsive css */

@media only screen and (min-width:992px) and (max-width:1200px){
    .recent-blog-section{
        padding:24px 12px 24px 12px;
    }

    .recentblog-left a{
        height:80px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .recent-blog-section{
        padding:24px 16px 24px 16px;
    }
    .recentblog-left a{
        height:80px;
    }
    .blog-image-info h2 a{
        font-size:20px;
    }
    .recentblog-image p{
        margin-bottom:10px;
    }
    .post-btn-wrap span{
        margin-right:8px;
    }
    .post-btn-wrap ul li a{
        width:35px;
        height:35px;
    }
    .post-btn-wrap ul{
        gap:8px;
    }
    .showing p{
        margin-bottom:1rem;
        text-align:center;
    }
    .pagination{
        justify-content:center;
    }
     .recent-blog-section h2{
        font-size:20px;
    }
    .recentblog-left {
        width: 30%;
    }

}

@media only screen and (max-width:767px){
    .showing p{
        text-align:center;
    }
    .pagination {
        justify-content:center;
        margin-top: 0.5rem;
    }
    .recent-blog-section {
        padding: 24px 18px 24px 18px;
    }
    .recentblog-left a{
        height:85px;
    }
    .blog-image-info h2 a {
        font-size: 20px;
    }
    .post-btn-wrap {
        align-items: self-start;
        flex-direction: column;
        gap: 12px;
    }
    .post-btn-wrap{
        margin-top:1.5rem;
    }
    .bg-automise-section .row{
        flex-direction:column-reverse;
        gap:30px;
    }
    .autolist-banner img{
        height:250px;
    }
    .brd-tile h4{
        font-size:24px;
    }
    .bg-automise-section .blog-section .row{
        flex-direction:column;
    }


}

@media only screen and (max-width:375px){
    .blog-image{
        height:250px;
    }
    .recent-blog-section h2{
        font-size:18px;
    }


}

@media only screen and (max-width:320px){
    .recentblog-image p{
        margin-bottom:8px;
    }
    .recentblog-left a{
        height:85px;
    }
    
    .recent-blog-section {
        padding: 24px 12px 24px 12px;
    }
    .blog-image{
        height:220px;
    }
    .blog-image-info h2 a {
        font-size: 18px;
    }
    .pagination{
        flex-wrap:wrap;
        gap:8px;
    }
}


/* program page responsive css */

@media only screen and (min-width:992px) and (max-width:1199px){
    .tv-image-section img{
        height:250px;
    }

    .sign-btn a{
        padding:10px 20px!important;
        font-size:16px;
    }

    .contact-info {
        gap: 20px !important;
    }
    .footer-main{
        padding:60px 0px 10px;
    }


    
}

@media only screen and (min-width:768px) and (max-width:991px){
    .inner-sort label{
        font-size:14px;
    }
    .product-filter {
        padding: 15px 12px;
    }
    .tv-image-section img{
        height:250px;
    }
    .footer-links{
        gap:20px 0px;
    }
    .footer-main {
        padding: 60px 0px 10px;
    }
    .copyright-main .row{
        gap:6px;
    }

    .copyright-main p{
        text-align:center;
    }
    .social-links{
        justify-content:center;
    }
}

@media only screen and (max-width:767px){
    .sort-by{
        gap:6px;
    }
     .copyright-main .row{
        gap:6px;
    }

    .copyright-main p{
        text-align:center;
    }
    .social-links{
        justify-content:center;
        gap:10px;
    }
    .footer-links{
        gap:12px;
    }
    .footer-main {
        padding: 60px 0px 10px;
    }

}


@media only screen and (max-width:375px){
    .inner-sort label{
        font-size:14px;
    }
    .product-filter {
        padding: 15px 10px;
    }

    .inner-sort select{
        margin-left:5px;
    }
    .sort-by{
        gap:8px;
    }
    .tv-image-section img{
        height:250px;
    }
    .tv-box-btn a{
        font-size:16px;
    }
    .social-links .icon-box span{
        display:none;
    }
    .footer-menu span {
        font-size: 20px;
        margin-bottom: 16px;
    }


}


/* header responsive css */

@media only screen and (max-width:991px){
    .logo{
        background-color:transparent;
    }
    .logo:after{
        display:none;
    }
    .logo:before{
        display:none;
    }
    .sign-btn a {
        padding: 8px 20px !important;
        font-size: 16px;
    }

    .contact-info {
        gap: 5px 25px !important;
        padding: 12px 0px;
        flex-wrap:wrap;
    }
    .header-search{
        width:100%;
        order:1;
    }
    .navbar{
        display:none;
    }
    .mobile-menu-bar{
        display:block;
    }   
    .mobile-menu-bar a{
        color: #4a4a4a;
        font-size: 20px;
    }
    .sign-btn{
        display:none;
    }
    .notification{
        display:none;
    }
    .sidebar-header{
        display: flex;
        justify-content: space-between;
        padding: 0px 12px;
        margin-bottom: 1.5rem;
        align-items:center;
    }

    .sidebar-header .sign-btn{
        display:block;
    }
     .sidebar-header .notification{
        display:block;
    }
    .sidenotification{
        display:flex;
        align-items:center;
        gap:30px;
    }


}

@media only screen and (max-width:575px){
    .logo img {
        width: 100px;
    }

}

@media only screen and (max-width:375px){
    .language-box .dropdown-toggle{
        gap:6px;
    }
    .contact-info {
        gap: 5px 10px !important;
    }
    .mobile-menu-bar a i{
        font-size:20px;
    }
    .logo img {
        width: 70px;
    }
}



/* program dettail page responsive  */


@media only screen and (min-width:992px) and (max-width:1199px){
    .tv-item img{
        height:250px;
    }
    .brd-tile{
        left:5%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .info-row{
        gap:50px 0px;
    }
    .recent-list-section .row{
        gap:30px 0px;
    }
        .brd-tile{
        left:5%;
    }
}

@media only screen and (max-width:767px){
    .info-row{
        gap:50px 0px;
    }
    .recent-list-section .row{
        gap:30px 0px;
    }
        .brd-tile{
        left:5%;
    }
}



/* job page responsive css */



@media only screen and (max-width:767px){
    .job-automise-section .row{
        flex-direction:column;
    }
}

@media only screen and (max-width:575px){
    .job-tags-list ul{
        width:74%;
        flex-wrap:wrap;
    }
}

@media only screen and (max-width:375px){
    .job-listing-inner{
        gap: 20px;
        flex-direction: column;
    }
    .job-tags-list {
        align-items: start;
        flex-direction: column;
        gap: 20px;
        margin-top:1.0rem;
    }
    .job-icon {
        justify-content: start;
    }
    .job-tags-list ul{
        width:100%;
        flex-wrap:wrap;
    }
}


/* job-detail page responsive css */


@media only screen and (min-width:768px) and (max-width:991px){
     .bg-similar .job-listing-inner{
        gap: 20px;
        flex-direction: column;
    }
    .bg-similar .job-tags-list {
        align-items: start;
        flex-direction: column;
        gap: 20px;
        margin-top:1.0rem;
    }
    .bg-similar .job-icon {
        justify-content: start;
    }
    .bg-similar .job-tags-list ul{
        width:100%;
        flex-wrap:wrap;
    }
}

@media only screen and (max-width:767px){
    .job-detail-banner{
        height:300px;
    }
    .job-detail-information h4{
        font-size:28px;
    }
    .jod-similar h4{
        font-size:18px;
        margin-bottom:0px;
    }
    
}