body{
 font-family: var(--montserrat);
   font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
}
@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-Black.ttf") format("truetype");
    font-display: swap;
     font-style: normal;
  font-weight: 400;
}

@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-BlackItalic.ttf") format("truetype");
    font-display: swap;
  font-style: italic;;
  font-weight: bold;
}

@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
    font-display: swap;
     font-style: normal;
  font-weight: 800;
}

@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
    font-display: swap;
     font-style: normal;
  font-weight: 500;
}


@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
    font-display: swap;
     font-style: normal;
  font-weight: 400;
}


@font-face {
    font-family: montserrat;
    src: url("/fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-display: swap;
     font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

:root {
  --brdr:1px solid #f00;
  --primary:#0F3379;
  --primary1:#1C1F88;
  --primarydrk:#489BD2;
  --secondary:#e8eaf6;
  --green: #1CA449;
  --greenlight: #21F468;
  --light:#DEF2FF;
  --fa:"FontAwesome";
  --montserrat:montserrat;
  --Inter:Inter;

}

/*header css*/
.header-logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin-left: auto;
}
.header-logo img {
    width: 111px;
}
.header-menu{
    background-color: var(--primary);
      max-height: 0;
    transition: max-height 1s;
    overflow: hidden;
}

.header-menu ul li {
    list-style: none;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 43px;
}
.header-menu ul li a {
    text-decoration: none;
    color: #fff;
}

.header-bar:after{
        font-family: var(--fa);
    content: '\f0c9';
    color: #fff;
}
.header-bar{
    background-color: var(--primary);
    padding: 25px;
}
/*header css*/

.banner{
    background-image: url(/img/home/banner.png);
    background-size: cover;
    padding: 20px;
}
.time-set{
    text-align: center;
}
.time-set h2{
 font-size: 70px;
 color: #fff;
}
.time-set p{
    color: #fff;
}



/*slider css*/
#slider-pc{
    display: none;
}
.arrow:after{
 content:'\f053';
 font-family: var(--fa);
}
.arrow-ryt:after{
    content:'\f054';
 font-family: var(--fa); 
}
.slide-container {
    display: flex;
    align-items: center;
    margin: 20px auto;
}
.location-sldr-mob a {
    color: #fff;
    text-decoration: none;
}
.location-sldr-mob{
position: relative;
    color: #fff;
    padding: 10px;
    width: 100%;
    text-align:center;
    margin-right: 10px;
        flex: 0 0 auto;
        transition: all .1s;
}
.location-dt-mob:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(
180deg
, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 100%);
    border-radius: 6px;
}
.location-dt-mob{
    position: relative;
    z-index: 1111;
    padding:12px 12px;
    margin: 5px;
}

.arrow, .arrow-ryt{
    background: #fff;
    padding: 4px 8px;
    border-radius: 20px;
    cursor: pointer;
}
.location-dt-mob a{
    text-decoration: none;
    color: #fff;
}
.lc-time-mob{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin:6px auto;
}
.srch:after{
    font-family: var(--fa);
 content: '\f002';
 color: #fff;
}
.form-rw{
  display: flex;
    justify-content: center;
    background: #f7f7f7;
    width: 100%;
    margin: auto;
    padding: 4px;
    border-radius: 4px;
}
.form-rw > div input {
    padding: 9px;
    border-radius: 5px;
    width: 100%;
    border: 0;
    outline: none;
}
.form-rw > div button {
    background-color: #0685DA;
    padding: 10px 15px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    margin-top: 1px;
}
.form-rw > div:nth-child(1){
    width: 100%;
}


.container{
    position: relative;
    overflow: hidden;
    width: 90%;
    height: 140px;
    margin-left: 10px;
    margin-right: 10px;
}
.slider-flx-mob:first-child{
    left: 0;
}
.slider-flx-mob{
    display: flex;
    justify-content: flex-start;
    position: absolute;
    width: 100%;
    height: 90%;
    left: -100%;
    transition: left 2s;
    margin-top: 20px;
}

/*banner css end*/

.wht-time-cntry{
  background-color: var(--secondary);
  padding: 20px 10px;
  text-align: center;
}
.wht-time-cntry p{
    margin: 10px auto;
}
table {
    width: 90vh;
    margin: auto;
    padding: 2%;
    border-collapse: separate;
    border-spacing: 0 1em;
}
thead {
    background: black;
    color: white;
}
thead tr th {
    padding: 8px;
    text-align: left;
}
tbody {
    background: white;
}
td {
    padding: 8px;
}
.country-list{
    background-color: var(--secondary);
    overflow: auto;
}
td img {
    width: 18px;
    margin-right: 5px;
}
tbody tr td:nth-child(2) {
display: flex;
    align-items: center;
    width: 100%;
}

.cash-for-car{
    background-color: var(--secondary);
    padding: 20px;
}
.cash-for-car img {
    width: 100%;
}

/*----blog section----*/
.latest-update {
    text-align: center;
    margin: 20px auto;
}
.latest-update p{
    margin: 10px auto;
}
.readmore {
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.readmore a {
    background: #333;
    padding: 5px 12px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    border-radius: 3px;
}
.article-div{
 /*   display: flex;*/
    margin: 20px auto;
}
.article-flex {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 4px 2px 12px #a9a4a4;
    align-items: center;
}
.article-flex-img{
    width: 100%;
}
.article-flex-dec{
    width: 100%;
    margin: 10px auto;
}
.article-flex-dec h2 {
font-size: 19px;
}
.article-flex-dec p {
    font-size: 14px;
}

.art-ads-img{
    width: 100%;
    margin: 10px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 4px 2px 12px #a9a4a4;
    height: 200px;
    overflow: hidden;
}
.art-ads-img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: contain;
}
/*-----article css end-----*/

.draft-sec{
    background-color: var(--secondary);
    padding: 40px;
}
.draft{
    background-image: url(/img/home/draft.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}
.draft-heading {
    width: 80%;
    margin: auto;
}
.draft-heading h3{
    text-transform: uppercase;
    margin: 5px auto;
    font-size: 23px;
}
.draft-heading > div {
    margin: 20px auto;
}
.draft-heading > div a {
 background-color: #fff;
 padding: 8px 20px;
 text-decoration: none;
 color: #000;
 border-radius: 20px;
}


/*----footer css----*/

footer{
    background-color: #333;
    padding: 20px;
}

.fb:after{
    font-family: var(--fa);
    content: '\f09a';
}
.tw:after{
        font-family: var(--fa);
    content: '\f099';
}
.insta:after{
        font-family: var(--fa);
    content: '\f16d';
}
.pin:after{
     font-family: var(--fa);
    content: '\f231';
}
.link:after{
     font-family: var(--fa);
    content: '\f0e1';
}
.footer{
    width: 90%;
    margin: auto;
}
.footer > div:nth-child(1){
width: 80%;
}
.footer-flx img {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}
.social ul {
    display: flex;
    margin: 10px auto;
}
.social ul li {
    list-style: none;
    margin-right: 20px;
}
.social ul li a {
    color: #fff;
    text-decoration: none;
}
.footer-link > div ul {
    margin: 5px auto;
}
.footer-link > div ul li {
    list-style: none;
    margin:12px auto;
}
.footer-link > div ul li a {
    text-decoration: none;
    color: #fff;
}
.footer-link h3{
    color: #fff;
}
.footer-link{
    width: 100%;
    color: #fff;
}
.footer-dec, .footer-dec p {
    margin: 10px auto;
}
.footer-top {
    background-color: #000;
    text-align: center;
    padding: 10px;
}
.footer-top p{
    color: #fff;
}
.footer-top a {
    color: #fff;
    text-decoration: none;
}
/*---footer css end---*/
.pagination ul {
 display: flex;
 justify-content: center;
}
.pagination{
    padding: 23px;
    background-color: var(--secondary);
}
.pagination ul li {
    list-style: none;
    margin: auto 8px;
}
.pagination ul li a {
    text-decoration: none;
    padding: 5px 12px;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
}
.pagination ul li:last-child a{
 background-color: var(--primary1) !important;
 color: #fff;
}

.pagination ul li:first-child a{
 background-color: var(--primary1) !important;
 color: #fff;
}

.time-set h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 10px auto;
    font-size: 27px;
}
.world-times{
    background-image: url(/img/world-times/world-times.png);
    background-size: cover;
    padding: 80px 10px;
}
.contributer{
    background-image: url(/img/become-a-contributer/contributer.png);
    background-size: cover;
    padding: 10px;
       width: 100%;
    border-radius: 20px;
    margin: auto;
    box-shadow: 2px 2px 12px 2px #a7a4a4;
}

.our-guidelines {
    background-color: var(--secondary);
    padding: 30px;
}
.contributer-rw {
    text-align: center;
}
.con-heading {
    text-align: center;
}
.con-heading h3 {
    font-size: 23px;
    color: #fff;
    margin: 10px auto;
}
.cn-rw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cn-rw input {
    width: 48%;
    margin: 5px auto;
    padding: 6px;
    border: 0;
    outline: none;
    border-radius: 2px;
}
.hd-serch textarea{
    width: 98%;
    margin: 4px auto;
    border-radius: 5px;
       padding: 6px;
       outline: none;
}
.sb-nt button {
    background-color: var(--primarydrk);
    padding: 9px 73px;
    border-radius: 23px;
    color: #fff;
    cursor: pointer;
    border: 0;
    margin: 6px auto;
}