:root { --black-clr: #000; --white-clr: #fff; --theme-clr: #2a3f60 ; --link-clr: #ff6000; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Bold.woff2') format('woff2'), url('../fonts/Lora-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-SemiBold.woff2') format('woff2'), url('../fonts/Lora-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Medium.woff2') format('woff2'), url('../fonts/Lora-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('../fonts/Lora-Regular.woff2') format('woff2'), url('../fonts/Lora-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
body { padding: 0; margin: 0; font-size: 16px; font-family: 'Lora'; font-weight: normal; }
ul { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; color: var(--link-clr); }
img { max-width: 100%; }
/*=========================header-css=========================*/
.header-wrapper .navbar-nav li {margin-right: 40px;position: relative;overflow: hidden;}
.header-wrapper .navbar-nav li:last-child { margin-right: 0; }
.header-wrapper .navbar-nav li .nav-link { padding: 0; font-size: 18px; color: #f9f5f5; text-transform: uppercase; font-weight: 600; position: relative; padding-top: 15px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; display: block; }
.header-wrapper .navbar-nav li .nav-link.active { color: var(--link-clr); }
.header-wrapper .navbar-nav li .nav-link:before { left: -100%; opacity: 0; z-index: 1; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; content: ""; background: var(--link-clr); width: 100%; height: 3px; top: 0; position: absolute; }
.header-wrapper .navbar-nav li .nav-link.active:before { opacity: 1; left: 0; content: ""; background: var(--link-clr); width: 100%; height: 3px; top: 0; position: absolute; }
.header-wrapper .navbar-nav li:hover .nav-link::before { left: 0; opacity: 1; }
.header-wrapper { background: var(--theme-clr); }
.page-title p { font-size: 18px; color: var(--white-clr); }
.fix-heading h1 { font-size: 60px; font-weight: bold; color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px #000; animation: back 20s linear infinite; background-image: url("../images/heading-bg.png"); margin-bottom: 0; }
.fix-heading h6 { font-size: 26px; font-weight: 600; margin-bottom: 0; }
.image-box { background: var(--white-clr); align-items: center; display: flex; justify-content: center; padding: 10px 0; position: relative; margin-right: 15px; border-radius: 10px; }
.content-box h4 { font-size: 36px; font-weight: 500; color: var(--white-clr); }
.card-sub-heading { font-size: 18px; border-bottom: 1px solid #a1a1a1; display: flex; padding: 12px 0; color: var(--white-clr); flex-wrap: wrap; margin-bottom: 0; }
.card-sub-heading li { min-width: 130px; margin-bottom: 5px; }
.card-sub-heading strong { color: var(--link-clr); padding-right: 20px; min-width: 130px;font-weight:500; }
.f_link, .f-text { font-size: 16px; color: var(--white-clr); display: block; transition: .5s; font-weight: normal; }
.f_link:hover { color: var(--link-clr) }
.f_titel { font-weight: 500; font-size: 25px; color: var(--link-clr); margin-bottom: 15px; }
.usapad-logo { background: var(--white-clr); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 6px; }
.usapad-logo img {max-width: 120px;}
.content-box {background-image: url("../images/sec-bg.png");position: relative;z-index: 1;background-attachment: fixed;}
.content-box:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color:rgba(0, 0, 0, 0.8);z-index: -1;}
.contact-details .icon-box span { color: var(--link-clr); font-weight: 600; }
.payment-icon li { padding-right: 10px; }
.page-title h2 { font-size: 36px; color: var(--link-clr); margin-bottom: 10px; font-weight: 600; }
.contact-details .icon-box { display: flex; align-items: baseline; margin-bottom: 20px; }
.contact-details .icon-box:last-child {margin-bottom: 0;}
.contact-details .icon-box img {margin-right: 5px;}
.address { line-height: 1.6; }

/* ===========contact-page-css===========*/
.small-box {border-radius: 10px; transition: .3s all ease-in;color: var(--white-clr);text-align: center;background: var(--white-clr);border: 1px solid #fff;height: 100%;padding: 15px;display: flex;justify-content: center;flex-flow: column;}
.small-box .box-label{margin: 10px 0 5px; font-size: 24px; color: var(--black-clr); font-weight: 600;}
.hover_img { display: none; }
.small-box span{color: var(--theme-clr);font-weight: 500;font-size: 18px; }
.disclaimer-heading {font-size: 30px;color: var(--white-clr);font-weight: 600;margin-bottom:15px;}
.disclaimer-box p{font-size: 18px;color: var(--white-clr);margin-bottom: 5px;}
.disclaimer-box p strong{color: var(--link-clr);padding-right: 15px;}
.small-box:hover{background: var(--theme-clr);}
.small-box:hover .hover_img{display: inline-block; }
.small-box:hover .block_img{display: none; }
.small-box:hover .box-label{ color: var(--link-clr);  }
.small-box:hover span{ color: var(--white-clr);  }
.bg-theme {  background: var(--theme-clr);}
.item-coad { display: flex; color: var(--white-clr); flex-wrap: wrap; }
.it-coad { min-width: 135px; margin-bottom: 10px; font-size: 18px; }
.cube-item strong { color: var(--link-clr); font-size: 18px; padding-right: 10px; font-weight: 600; }
.cube-item p {font-size: 18px;}
.cube-item h5 { font-size: 24px; font-weight: 600; }
.shado-box { margin-bottom: 50px; padding: 20px 15px 30px; background: var(--white-clr); color: var(--black-clr); }
.cube-item table { width: 100%; text-align: center; background: var(--white-clr); line-height: 40px; }
.cube-item table tr th { border: 1px solid #ccc; color: var(--white-clr); font-weight: 600; text-transform: uppercase; background: var(--theme-clr); font-size: 16px; line-height: 30px; padding: 5px 10px; }
.cube-item table tr td { border: 1px solid #ccc; font-size: 16px; padding: 5px 10px; line-height: 30px; }
.cube-item .teb-heading {font-size: 24px;font-weight: bold;}
.inner-item-box {background-color: #000000;}
.not-available::before { content: "Discontinued"; color: red; position: absolute; bottom: 0; font-size: 28px; right: 0; left: 0; text-align: center; padding: 0 10px; font-weight: bold; }

@media (max-width:1199px) {
    .container { max-width: 100%; }
    .f_link, .f-text { font-size: 16px; }
}
@media (min-width:992px) and (max-width:1199px){
 footer .f_link, footer .f-text {
   font-size: 15px;
}
}
@media (max-width:991px) {
    .header-wrapper .navbar-nav li{ margin-right:16px; }
    .header-wrapper .navbar-nav li .nav-link{ font-size: 16px;}
    .fix-heading h1 { font-size: 50px; }
    .fix-heading h6 { font-size: 24px; }
    .page-title h2 { font-size: 30px; }
    .page-title p { font-size: 18px; }
    .content-box h4 { font-size: 30px; }
    .card-sub-heading { font-size: 16px; padding: 10px 0; }
}


@media (max-width:767px) {
    .fix-heading h1{ font-size:40px; }
    .fix-heading h6{font-size: 20px;}
    .page-title h2 { font-size: 26px;}
    .f_titel { font-size: 26px; }
    .image-box { margin-right: 0; }
    .card-sub-heading { border-bottom: 0; padding: 5px 0; }
    .mob-box{margin:20px 0px; border: 1px solid #fff;}
     .shado-box {padding: 20px 10px 30px;}
    .small-box .box-label{  font-size: 20px;margin: 5px 0 0px; }
    .small-box span {  font-size: 16px; }
    .disclaimer-heading{font-size: 26px;}
    .disclaimer-box p{font-size: 16px; margin-bottom: 10px;}
    .cube-item table tr th {font-size: 14px;line-height: 25px;padding: 5px 5px;}
    .cube-item table tr td {font-size: 14px;padding: 5px 5px;line-height: 23px;}
   /*  mobile-nav  */
   .header-wrapper .navbar-nav li a::before {display: none;}
    .navbar.coustom-nav .navbar-collapse {position: absolute;z-index: 9999;top: 93px;right: -12px;background: var(--theme-clr);width: 242px;}
    .header-wrapper .navbar-nav li {margin-right: 0;border-bottom: 1px solid #fff;}
    .navbar-toggler { position: absolute; right: 0; top: -12px; border: none; background: var(--white-clr); padding: 5px 10px; border-radius: 4px; }
    .navbar-toggler:focus { box-shadow: none; }
    .header-wrapper .navbar-nav li:last-child {border-bottom: none;}
    .header-wrapper .navbar-nav li .nav-link {display: block;font-weight: 500;padding: 15px 0 15px 10px;font-size: 14px;}
}

@media (max-width:413px){
    .fix-heading h1{ font-size:36px; }
    .fix-heading h6{font-size: 18px;}
    .page-title h2{font-size: 24px;}
.content-box h4{font-size: 20px;}
.card-sub-heading{font-size: 15px;}
.card-sub-heading strong{width: auto;}
.f_titel { font-size: 22px; }
}
/*=======fade-left-animation css========*/
@keyframes fadeInLeft {
   0% {
      opacity: 0;
      transform: translateX(-50px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
} 
@-webkit-keyframes fadeInLeft {
   0% {
      opacity: 0;
      transform: translateX(-50px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
/*=========text-animation=========*/
@keyframes back {
    100% { background-position: 500px 0; }
}