:root{
    --orange:#ff7800;
    --black:#130f40;
    --light-color:#666;
    --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);
    --border:.2rem solid rgba(0,0,0,.1);
    --outline:.1rem solid #0f488e;
    --outline-hover:.2rem solid var(--black);
}

body {
    /* font-family: "PT Sans", sans-serif; */
    font-family: "Encode Sans Expanded", sans-serif;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

*{
    /* font-family: 'Poppins', sans-serif; */
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
    /* text-transform: capitalize; */
    transition: all .2s linear;
}

html{

    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 7rem;
}

/* ==============COMMON CSS============= */

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    width: 0px;
    z-index: 9999;
    background: transparent;
    cursor: default;
    position: fixed;
    top: 0px;
    height: 100%;
    right: 0px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #002868;
    border: 1px solid #002868;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a:focus,
a:hover {
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

a:focus {
    outline: 0 !important;
    /* border: 0 !important; */
}

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

.container,
.container-fluid {
    clear: both;
}

.row {
    clear: both;
}

/*==============Top Header Area Styling ============
		========== */

        
#top-header-bar {
    background-color: #002868;
    padding: 5px 0px;
    box-sizing: border-box;
    width: 100%;
    z-index: 9999;
}
#top-header-bar .fa-phone,
#top-header-bar .fa-envelope {
  color: rgb(255, 255, 255);
  margin-right: 5px;
  padding: 3px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
}
#top-header-bar ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
#top-header-bar ul li {
  box-sizing: border-box;
  line-height: 1.6;
  text-transform: capitalize;
  padding: 0px 5px;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  #top-header-bar ul li {
    padding: 0px 2px;
  }
}

#top-header-bar ul li::after {
  margin-left: 6px;
  color: rgb(255, 255, 255);
  content: "|";
}
#top-header-bar ul li:last-child::after {
  display: none;
}
#top-header-bar p,
#top-header-bar ul li a {
  font-weight: normal;
  font-size: 12px;
  color: #fff;
}



@media (min-width:576.01px) and (max-width:767.98px){
    #top-header-bar p, #top-header-bar ul li a {
        font-size: 10px;
    } 
}


@media (min-width:576.01px) and (max-width:767.98px){
    .pos2-sm-to-md{
        white-space: nowrap;
        left: -20px;
    } 
}






#top-header-bar .icons_view {
  font-size: 13px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
}


@media (min-width:576.01px) and (max-width:767.98px){
        #top-header-bar .icons_view {
        font-size: 10px;
    }
}



#top-header-bar .icons_viewnts i {
  margin-right: 3px;
}
#top-header-bar .myBox_nav li a {
  color: rgb(255, 255, 255);
  text-transform: capitalize;
  font-size: 12px;
}
.pcp-menu-wrapper {
  z-index: -1;
  margin-top: 31px;
}
@media only screen and (max-width: 578px) {
  .mt-top {
    margin-top: 42px;
  }
}
/* .form-inline {
  justify-content: flex-end;
} */
@media (max-width: 575px) {
  #top-header-bar .icons_view {
    display: block;
    margin-bottom: 5px;
    text-align: center;
  }
  #top-header-bar ul {
    margin: 0px;
    text-align: center;
  }
}


@media (min-width:576.01px) and (max-width:767.98px){
    .pos-sm-to-md{
        padding-left: 0;
        padding-right: 0;
        position: relative;
        left: -15PX;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 800.98px) {
    #caret,
    #caret-right {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: relative;
        left: 0%;
        top: -2px;
        border: solid #BF0A30;
        border-width: 0 1.4px 1.4px 0;
        padding: 3px;
        transform: rotate(45deg);
    }

  

    #caret-right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}



.linkssdsd {
    background-color: #BF0A30;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    border-left: solid 1px #BF0A30;
    /* margin-left: 35px; */
    background-image: linear-gradient(bottom, #BF0A30 0%, rgb(62, 184, 229) 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /* box-shadow: inset 0px 1px 0px #fd4505, 0px 5px 0px 0px #19549c, 0px 10px 5px #999; */
}

.linkssdsd li a {
    color: #fff;
}

/* .linkssdsd:active {
    top: 3px;
    background-image: linear-gradient(bottom, rgb(62, 184, 229) 0%, #fd4505 100%);
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
} */
.linkssdsd::before {
    content: "\003E";

    width: 50px;

    height: 100%;

    position: absolute;

    display: block;

    top: 0px;

    right: -50px;

    font-size: 16px;

    font-weight: bold;

    color: #0f488e;

    background: #dedadb;

    text-shadow: 1px 1px 0px #07526e;

    border-right: solid 1px #07526e;

    background-image: linear-gradient(bottom, #fd4505 0%, rgb(14, 139, 184) 100%);

    border-top-right-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-bottom-right-radius: 5px;

    /* box-shadow: inset 0px 1px 0px #1a559d, 0px 5px 0px 0px #fd4505, 0px 10px 5px #999; */
}

/* .linkssdsd:active::before {
    top: -3px;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #fd4505, 1px 1px 0px 0px #fd4505, 2px 2px 0px 0px #fd4505, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
} */
.fa-times:before,
.fa-plus:before,
.fa-bars:before {
    font-family: "font awesome 5 free";
    font-weight: 600;
}

.linkssdsd li a {
    font-size: 20px;
    font-weight: 600;
}


/*nomanpackage*/
/*==============Top slider ============
		========== */
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    bottom: 40%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    color: #f28965;
    font-size: 25px;
    transition: opacity 0.15s ease;
    border: 2px solid #f28965;
}

.carousel-control-prev,
.carousel-control-next {
    display: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
}

/* ================Product-feature-section==============
================ */

#product-feature-section {
    background: #fcc6f8;
}

#product-feature-section .feature-block .inner img {
    width: 60px;
    margin-bottom: 10px;
    transition: 0.35s all;
}

#product-feature-section .feature-block .inner h2 {
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    margin-bottom: 0;
    margin-bottom: 15px;
    font-weight: 600;
}

.p-tb-60 {
    padding: 80px 0px;
}

#product-feature-section .feature-block .inner img {
    width: 70px;
    margin-bottom: 10px;
    transition: 0.35s all;
}

#product-feature-section .feature-block * {
    transition: none;
    -webkit-transition: none;
}

section#product-feature-section p {
    color: #ffffff;
    margin-bottom: 30px;
    font-weight: lighter;
    letter-spacing: 1px;
    font-size: 15px;
    white-space: pre-wrap;
}

/* ==================Styling pakBoxes-iamgeGallery==================== */
#pakBoxes-iamgeGallery .pakBoxes-iamgeGallery-Heading {
    color: #000000;
    text-transform: uppercase;
}

/*===================Styling pakBoxes-blogsUpdate=================*/
.pakBoxes-blogsUpdate .pakBoxes-iamgeGallery-Heading {
    color: #333333;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.pakBoxes-blogsUpdate .card-body {
    padding: 10px;
}

.pakBoxes-blogsUpdate .card-img {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 250px;
    margin-bottom: 30px;
}

.pakBoxes-blogsUpdate .card-blog {
    font-size: 16px;
    margin-bottom: 30px;
    color: #000;
    font-weight: 600;
}

.pakBoxes-blogsUpdate .card-title {
    margin-bottom: 0.3rem;
}

.pakBoxes-blogsUpdate .cat {
    display: inline-block;
    margin-bottom: 1rem;
}

.pakBoxes-blogsUpdate .fa-users {
    margin-left: 1rem;
}

.pakBoxes-blogsUpdate .card-footer {
    font-size: 0.8rem;
}

/* #wrapper {
	background: url("../images/wrapper_bg.jpg");
} */

/* shipping
  ========================================Styling pakBoxes-aboutUs==================================================== */

.pakBoxes-aboutUs {
    background-color: #c8e8e5;
    border-bottom-left-radius: 30%;
    border-top: 13px solid #fcc6f8;
    border-left: 13px solid #fcc6f8;
}

.pakBoxes-aboutUs.container-fluid {
    width: 95% !important;
}

.aboutUs-inner-content {
    display: flex;
    height: 300px;
    /* justify-content: center; */
    align-items: flex-start;
}

.pakBoxes-aboutUs .img-single-tab {
    height: 300px;
}

.pakBoxes-aboutUs .aboutUs-inner-content p {
    color: #666666;
    font-size: 16px;
    text-align: justify;
    line-height: 1.2;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ======================Styling Testimonial========================= */

/* ===================testimonial styling========
======= */
.testimonial {
    background-color: #f9f9f9;
    padding: 30px 30px 50px;
    margin: 10px 15px 100px;
    position: relative;
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    z-index: 2;
    line-height: 1.4;
    -webkit-box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75);
    /* < !-- margin-top: 168px;
	-->border-radius: 10px; */
}

.testimonial-inners {
    clip-path: polygon(0% 0%, 100% 0%, 100% 84%, 14% 84%, 0 100%, 0 84%, 0 84%);
}

.testimonial__main__hadings {
    color: #333;
    font-size: 2.5rem;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.testimonial:before {
    content: "";
    display: block;
    height: 90px;
    width: 90px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    bottom: -53px;
    left: 0px;
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    box-shadow: -15px 0 15px -15px inset rgba(0, 0, 0, 0.75);
    box-shadow: 12px 0 15px -4px -12px 0 8px -4px rgba(0, 0, 0, 0.75);
    transform: rotate(-270deg);
    border-radius: 0 0 0 0.25em;
    background-color: #f9f9f9;
}

.testimonial .icon {
    display: inline-block;
    font-size: 80px;
    color: #bd986b;
    margin-bottom: 20px;
    opacity: 0.6;
}

.testimonial .description {
    font-size: 13px;
    color: #191919;
    font-weight: 300;
    text-align: left;
}

.testimonial .description a {
    text-decoration: none;
    color: #aa225a;
}

.testimonial .testimonial-content {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    text-align: center;
}

.testimonial-content {
    color: #282828;
    font-size: 17px;
    letter-spacing: 1px;
}

.testimonial .pic {
    display: inline-block;
    /* border: 6px solid white; */
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

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

.testimonial .title {
    font-size: 15px;
    font-weight: bolder;
    color: #000;
    text-transform: capitalize;
    margin: 0px 5px 0px;
}

.testimonial .post {
    /* display: block; */
    font-size: 13px;
    color: #333333;
    font-weight: 500;
}

.owl-theme .owl-controls {
    margin-top: 60px;
}

.owl-theme .owl-controls .owl-page span {
    width: 32px;
    height: 10px;
    background: #fff;
    border: 0px solid transparent;
    margin: 5px;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #8b1bad !important;
    width: 15px !important;
    height: 15px !important;
}

.owl-theme .owl-controls .owl-page span {
    background: #ae4bcc !important;
    border-color: #ae4bcc !important;
    width: 15px !important;
    height: 15px !important;
    opacity: 1 !important;
}

.pic img {
    width: 80px !important;
    height: 50px;
}

.owl-theme .owl-controls .owl-page span {
    display: none;
}

.stars {
    margin: 15px 0px;
    height: 15px;
}

.myBoxPackeging_power_icons a .icon-img-truck,
.myBoxPackeging_power_icons a .icon-img-dollar-sign,
.myBoxPackeging_power_icons a .icon-img-print,
.myBoxPackeging_power_icons a .icon-img-clock,
.myBoxPackeging_power_icons a .icon-img-box-open,
.myBoxPackeging_power_icons a .icon-img-file-download {
    color: #e1934a;
    font-size: 80px;
}

.myBoxPackeging_power_icons a .icon-img-dollar-sign {
    color: #ee815c;
}

.myBoxPackeging_power_icons a .icon-img-print {
    color: #43b4af;
}

.myBoxPackeging_power_icons a .icon-img-clock {
    color: #914a44;
}

.myBoxPackeging_power_icons a .icon-img-box-open {
    color: #eb983a;
}

.myBoxPackeging_power_icons a .icon-img-file-download {
    color: #85b428;
}

.myboxpackaging-h {
    text-align: center;
    font-size: 14px;
    padding: 12px 0px;
    text-transform: capitalize;
}

/* global style end
  ============================================================================================ */
/* header style start
  ============================================================================================ */
.pakBoxes_header_area {
    width: 100%;
    height: auto;
    background: #ffffff;
    z-index: 99;
    transition: background 0.4s, all 0.3s linear;
}


.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
    opacity: 1;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

/* .navbar-toggler[aria-expanded="true"] span:first-child {
    transform: rotate(-45deg);
    position: relative;
    top: 7.5px;
} */

/* .navbar-toggler[aria-expanded="true"] span:last-child {
    transform: rotate(45deg);
    bottom: 6px;
    position: relative;
} */

.navbar-toggler span {
    display: block;
    /* width: 25px;
    height: 3px; */
    /* background: #f0632a; */
    margin: auto;
    margin-bottom: 4px;
    transition: all 400ms linear;
    cursor: pointer;
}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 15px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
}

.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
    padding-right: 30px;
}

/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
    position: absolute;
    right: 0;
    margin: -3px 15px 0 0;
    padding: 0;
    width: 32px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}

.navbar-nav.sm-collapsible .caret:before {
    content: "+";
    font-family: monospace;
    font-weight: bold;
}

.navbar-nav.sm-collapsible .open > a > .caret:before {
    content: "-";
}

.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 50px;
}

/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret,
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
    position: static;
    margin: 0 0 0 2px;
    padding: 0;
    width: 0;
    height: 0;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
    content: "" !important;
}

.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
    padding-right: 15px;
}

/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up,
.navbar-nav span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    height: 20px;
    overflow: hidden;
    text-align: center;
}

.navbar-nav span.scroll-up-arrow,
.navbar-nav span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 7px dashed transparent;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid;
    border-left: 7px dashed transparent;
}

.navbar-nav span.scroll-down-arrow {
    top: 6px;
    border-top: 7px solid;
    border-right: 7px dashed transparent;
    border-bottom: 7px dashed transparent;
    border-left: 7px dashed transparent;
}

/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
    padding-left: 35px;
}

.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left: 45px;
}

.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 55px;
}

.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left: 65px;
}

/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
}

.navbar-nav ul.sm-nowrap > li > a {
    white-space: nowrap;
}

.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
    white-space: normal;
}

/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
    left: 0;
    right: auto;
}

/*=================Services Styling=======
	=========	*/
.pakBoxes-byBox-Style {
    padding: 25px 0px;
}

#myBoxPackeging-works .our-printing-view,
.myboxPrinting-video-section {
    padding: 10px;
}

.pakBoxes-byBox-Style .byBox-Style-heading {
    padding: 30px 10px 0px;
}

.pakBoxes-byBox-Style .byBox-Style-heading h1 {
    color: #ba2aa3;
    background-color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
}

.owl-theme .item_owl .card {
    margin: 17px 0px;
    border: 1px solid #ba2aa3;
    /*width: 222px !important;*/
    border-radius: 0px;
}

.owl-theme .item_owl .card-header {
    padding: 0px;
    background: transparent;
    border: 2px solid transparent;
    transition: all 200ms linear;
}

.owl-theme .item_owl .card-header:hover {
    padding: 0px;
    background: transparent;
    border: 2px solid #ba2aa3;
    transition: all 200ms linear;
}

.owl-theme .item_owl .card-header img.card-img-top {
    max-width: 100%;
    height: 250px;
}

.owl-theme .item_owl .card-block .img-footer {
    border-top: 1px solid #ba2aa3;
}

.owl-theme .item_owl .card-block .img-footer h3 {
    font-family: "Lato", sans-serif;
    /* color: #6c6c6c; */
    color: #000;
    text-align: center;
    font-size: 14px;
    margin: 0px;
    padding: 10px;
}

.owl-theme .item_owl .card-block .boxes-link:hover {
    text-decoration: underline;
    text-decoration-color: #262626;
    /*border-bottom: 1px solid #262626 !important;*/
}

/*.owl-theme .item_owl .card-header:hover{
   border: 5px solid #fd926d; 
   transition: all 500ms ease-in;
 }*/
.owl-theme .owl-nav {
    position: absolute;
    right: 0px;
    top: -45px;
}

/*=================Footer Styling =======
		=========	*/
.footer-big p {
    font-size: 15px;
    /* line-height: 30px; */
    color: #ffffff;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
}

.foter-logo {
    margin: 0px 0 25px;
}

.thecustomboxesSSL {
    margin: 20px 0 13px;
}

.fourlogos img {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: auto;
}

#pakBoxes-footer-area .no-padding {
    padding: 0 !important;
}

.footer-big {
    padding: 30px 0px 30px;
}

/* .footer-big .footer-widget {
       margin-bottom: 40px
       } */

.pakBoxes-footer-light {
    background: #002868;
    /* background: url(../images/PAKBOXESfooter.jpg);
	background-size: cover; */
}

.footer-big .footer-menu ul li a,
.footer-big p,
.footer-big ul li {
    color: #ffffff;
    font-weight: lighter;
    text-decoration: none;
}

.footer-menu {
    /* padding-left: 48px */
}

.footer-menu ul li a {
    font-size: 14px;
  
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.footer-menu--1 li a ,
.footer-menu--2 li a {
    line-height: 32px;
}
.footer-menu--1 {
    width: 100%;
}

.footer-widget-title {
    line-height: 42px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-transform: capitalize;
    letter-spacing: 2px;
}

.mini-footer {
    background: #1b2838;
    padding: 20px 0;
    /* margin-top: 30px; */
    display: table;
    width: 100%;
    color: #fff;
}

.mini-footer p {
    margin: 0;
    /* padding-top: 8px; */
    font-size: 14px;
    color: #ffffff;
}

.mini-footer p a {
    color: #ffffff;
    font-size: 14px;
}

.widget-about p {
    font-weight: 400;
    line-height: 25px;
}

.footericon_arrow.fa-caret-right {
    position: static;
}

.footericon_arrow {
    color: #fd926d !important;
}

.social_media_icons {
    list-style: none;
}

.footer-widget .footer-menu .social_media_icons li a,
.footer-big .pakboxes-socials .social_media_icons li a {
    display: inline-block;
    height: 30px;
    width: 30px;
    padding: 10px;
    border-radius: 100%;
    transition: 0.1s ease-in-out;
    background-color: transparent;
    border: 2px solid #ffffff;
}

.footer-big .pakboxes-socials .social_media_icons li a {
    background-color: #BF0A30;
    border: 2px solid #BF0A30;
}
.footer-menu .copyright-text p {
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 300;
    letter-spacing: 2px ;
}
.footer-widget .footer-menu .social_media_icons li a i,
.footer-big .pakboxes-socials .social_media_icons li a i {
    padding: 10px 5px;
    color: #ffffff;
    position: relative;
    top: -13px;
    left: -9px;
}

@media (min-width: 992.98px){
    .lg-border {
        border-bottom: 1px solid #5f5f5f;
    }
}

.footer-menu form input.form-control {
    padding: 0.375rem 2.75rem;
    border-radius: 0px;
}


@media (min-width: 576px){
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
   
}



.footer-menu form .btn-success {
    padding: 0.375rem 1rem;
    background: #BF0A30;
    color: rgb(255, 255, 255);
    border-color: #BF0A30;
    border-radius: 0px;
}
@media (max-width: 992px){
    .footer-menu form input.form-control {
        padding: 0.375rem 1rem;
    }
}

@media (max-width: 680px){
    .footer-menu form input.form-control, .footer-menu form .btn-success {
      font-size: 12px;
    }
}

.footer-menu form .btn-success:hover, .footer-menu form .btn-success:focus, .footer-menu form .btn-success:active {
    box-shadow: none !important;
    background:  #bf0a30 !important ;
    border-color: #bf0a30 !important;
}
.footer-big .pakboxes-socials .social_media_icons li a:nth-of-type(1) i {
    left: -7px;
}

.footer-big .pakboxes-socials .social_media_icons li a:nth-of-type(2) i {
    left: -7px;
}


.our-services,
.contact-info {
    margin-top: 20px;
}


.contact-info > li , .contact-info > li ~ li {
     line-height: 2;
     margin-bottom: 20px;
}

.contact-info li a  {
    line-height: 16px;
}

/* .blcki_clr {
	color: #686868 !important;
	font-size: 12px !important;
}

.pd_lft_adph {
	padding-left: 20px !important;
	font-size: 14px !important;
	padding-top: 5px;
	padding-bottom: 5px;
} */

.form-detail {
    padding-bottom: 30px;
}

.myRightNav {
    transition: all 0.3s ease;
}

#goback2Top {
    width: 40px !important;
    line-height: 40px !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    position: fixed !important;
    bottom: 50px !important;
    left: 10px !important;
    background-color: #bf0a30  !important;
    display: inline !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 30px !important;
    text-decoration: none !important;
}

.navbar {
    padding: 0px 1rem;
}

/* .modal-dialog {
	transform: translate(0, -50%);
	top: 20%;
	margin: 0 auto;
	bottom: 20%;
} */

.modal-content {
    top: 100px;
}

/* .footerups {
	background: rgba(0, 0, 0, 0) url("https://www.thecustomboxes.com/dist/css/../img/footerup.jpg") no-repeat scroll center bottom / contain;
	min-height: 432px;
	position: relative;
	z-index: -1;
} */

/* -----------------------
    32. Blog Post CSS
--------------------------*/

.RelatedProductSlider-pakboxs .product-item .product-img .product-img-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0;
    text-align: center;
    z-index: 10;
    padding: 20px;
    opacity: 0;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.RelatedProductSlider-pakboxs .product-item .product-img {
    position: relative;
    overflow: hidden;
}

.RelatedProductSlider-pakboxs .product-item .product-img img {
    width: 100%;
    height: 250px;
}

.RelatedProductSlider-pakboxs .product-item .product-img .product-img-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(242, 241, 241, 1);
    opacity: 0.8;
    /* border-radius: 5px 5px 0 0; */
    z-index: -1;
    -webkit-transition: 0.25s opacity ease;
    transition: 0.25s opacity ease;
}

.RelatedProductSlider-pakboxs .product-item:hover .product-img-content {
    top: 0;
    opacity: 1;
}

.RelatedProductSlider-pakboxs .product-item .product-img .product-img-content .product-link {
    display: inline-block;
    font-size: 27px;
    color: rgba(242, 241, 241, 1);
    background: rgb(191 10 48);
    width: 50px;
    height: 50px;
    padding-top: 0px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.RelatedProductSlider-pakboxs .product-item .product-img .product-img-content .product-link:hover {
    opacity: 1;
    color: #ffffff rgba(242, 241, 241, 1);
    background: rgba(45, 40, 62, 1);
}

/* ------------------------------------
    02. Global CSS
---------------------------------------*/
#RelatedProductSlider-pakboxs.sec-bg {
    background-color: #ffffff !important;
    /* #fcfdf3 !important */
}

.RelatedProductSlider-pakboxs.sec-spacer {
    padding: 20px 0 100px;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.owl-carousel {
    padding-top: 0;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 21%;
    width: 100%;
    transform: translateY(-21%);
}

.owl-carousel .owl-nav [class*="owl-"] {
    background: red;
    color: #000;
    font-size: 70px !important;
    font-weight: bold;
    outline: 0;
    width: 120px;
    height: 200px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease 0s;
}

.RelatedProductSlider-pakboxs:hover .owl-carousel .owl-nav [class*="owl-"] {
    opacity: 1 !important;
    visibility: visible !important;
}

.owl-carousel .owl-nav [class*="owl-"]:before {
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.owl-carousel .owl-nav [class*="owl-"].owl-prev {
    left: 0;
}

.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {
    /* content: "\f104"; */
}

.owl-carousel .owl-nav [class*="owl-"].owl-next {
    right: 0;
}

.owl-carousel .owl-nav [class*="owl-"].owl-next:before {
    /* content: "\f105"; */
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
}

.item-1-img,
.item-3-img {
    height: 450px;
    width: 370px;
}

.item-2-img {
    height: 218px;
    width: 370px;
}

/* =======homepage Tabs ===========*/

.pakboxes-newTabs-pure {
    min-height: 700px;
    /* background-color: teal; */
}

.pakboxes-newTabs-pure .pakbox-tabbed {
    /* max-width: 700px; */
    text-align: center;
    margin: 50px auto;
}

.pakboxes-newTabs-pure .pakbox-tabbed > input {
    display: none;
}

.pakboxes-newTabs-pure .pakbox-tabbed > label {
    /* display: block;
            float: left; */
    font-weight: 600;
    color: #000000;
    padding: 10px 50px 15px;
    margin-right: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.pakboxes-newTabs-pure .pakbox-tabbed > label:hover {
    background: #2d283e !important;
    color: #fcc6f8;
}

.pakboxes-newTabs-pure .pakbox-tabbed > input:checked + label {
    background: transparent;
}

/* .pakboxes-newTabs-pure .tabs_container_tabs {
            clear: both;
            perspective: 600px;
        } */

.pakboxes-newTabs-pure .tabs_container_tabs > div {
    /* max-width: 700px; */
    position: absolute;
    /* border: 2px solid #4EC6DE; */
    text-align: left;
    /* padding: 10px 30px 40px;
            line-height: 1.4em; */
    /* left: 100px; */
    margin-top: 50px;
    opacity: 0;
    transform: rotateX(-20deg);
    transform-origin: top center;
    transition: opacity 0.3s, transform 1s;
    z-index: 0;
}

.pakboxes-newTabs-pure #tab-nav-1:checked ~ .tabs_container_tabs > div:nth-of-type(1),
.pakboxes-newTabs-pure #tab-nav-2:checked ~ .tabs_container_tabs > div:nth-of-type(2),
.pakboxes-newTabs-pure #tab-nav-3:checked ~ .tabs_container_tabs > div:nth-of-type(3),
.pakboxes-newTabs-pure #tab-nav-4:checked ~ .tabs_container_tabs > div:nth-of-type(4) {
    transform: rotateX(0deg);
    opacity: 1;
    z-index: 1;
    /* transform: scale(1); */
}

.pakbox-tabbed .arrow-down-entity {
    font-size: 24px;
    color: #fcc6f8;
}

.Portfolio-gallery:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.pakboxes-newTabs-pure .Portfolio-gallery {
    position: relative;
    transition-duration: 0.4s;
    animation: scaleanim 0.5s;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.pakboxes-newTabs-pure .Portfolio-gallery img {
    width: 100%;
    height: auto;
    border-radius: 0px;
}

@keyframes scaleanim {
    0% {
        opacity: 0 !important;
        transform: scale(0) !important;
        /* transform: scale3d(.3, .3, .3) !important; */
    }

    50% {
        opacity: 1 !important;
        transform: scale(2) !important;
    }

    100% {
        opacity: 1 !important;
        transform: scale(1) !important;
    }
}


/* category page css */
.card-relative {
    width: 100%;
    height: auto;
    position: relative;
    /* display: inline-block; */
    /* margin: 50px; */
    transition: all 0.4s ease-out;
    box-shadow: rgb(0 0 0 / 30%) 0 0 5px;
    transition: all linear 0.3s 0s;
    /* transform: scale(0.96); */
    background: radial-gradient(ellipse at center,#fff 44%,#ddd 100%);
    transform: matrix(1, -0.14, 0, 1, 0, 20);
    /* font: status-bar; */
    background: #002868;
}


.card-relative .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    transform: scale(0);
    transition: all linear 0.5s 1s;
}
.card-relative:hover .img-top {
    display: block;
    transform: scale(1);
}
.cosmatics---MAIN--Menu .collapse ul ul li:hover {
    background-color: #777777;
    color: #fff;
}




.card-relative .btn-hover {
        /* display: none;  */
        width: 100%;
        z-index: 99;
        background-color: #BF0A30;
        color: rgb(255, 255, 255);
        border-radius: 4px;
        /* margin-top: 30px; */
        max-width: 150px;
        margin-bottom: 10px;
 }
 .card-relative .card-title {
    margin-bottom: 0.75rem;
    color: #BF0A30;
    font-weight: 900;
}
.btn-hover:hover, .btn-hover:focus {
    background-color: #ffffff;
    border-color: #0f488e;
    box-shadow: none;
    color: #fd4505;
}

.card-relative:hover .btn-hover {
    z-index: 99;
    display: block;
    transition: all 0.4s linear;
    margin-left: auto;
    margin-right: auto;
}


.card-relative .card-body {
    padding: 15px 0 0 0;
}
.card-relative .card-body .card-text {
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
}
a.btn-products {
    padding: 15px 20px;
    width: 250px;
    background: radial-gradient(ellipse at center, #fff 44%, #ddd 100%);
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn-products:hover {
    background: radial-gradient(ellipse at center, rgb(22, 22, 22) 44%, rgb(20, 20, 20) 100%);
    color: #fff;
}

/* product page */

.pb-prod-detail {
    margin-top: 40px;
  }
  .product-details {
    padding-top: 80px;
  }
  
  @media (max-width: 480px) {
    .product-details {
      padding-top: 40px;
    }
  }
  
  .prod-items {
       /* border: 4px solid rgb(15 72 142); */
       box-shadow: rgb(222 218 219) 0px 1px 5px;
  }
  
  @media (min-width: 992px) {
    /* .prod-items {
      height: 600px;
    } */
  }
  
  /* .prod-items img {
    min-width: 100%;
  }
   */
  @media (min-width: 992px) {
    .prod-items img {
      /* height: 590px; */
      object-fit: contain;
    }
  }
  
  .prod-sm-items img {
    cursor: pointer;
  }
  
  .prod-sm-items.owl-carousel .owl-item img {
    width: auto;
    padding: 10px;
    border: 1px solid #dddddd;
    /* height: 90px; */
    /* border:1px solid #333333; */
  }
  
  
  /*=====================product-slider====================*/
  /* .mySlides {display:none}
  
  .w3-button img{
  display:inline:block;
  width:144px;
  height:150px;
  }
  .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .w3-content, .w3-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .w3-red:hover {
    color: #fff!important;
    background-color: #f44336!important;
    background: url(https://www.w3schools.com/w3css/img_snow_wide.jpg);
    width: 144px;
    height: 150px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }*/
  ul#pakBoxes-image-gallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 35px 0px 0px;
  }
  
  /* -----.demo_1 .item{
            margin-top: 60px;
        }------
  */
  .content-slider li {
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
  }
  
  .content-slider h3 {
    margin: 0;
    padding: 70px 0;
  }
  
  /*================== Tabs=================
  ===============*/
  #tabs {
    background-color: #f2f1f1;
    padding: 40px 0;
    color: #333;
  }
  
  #tabs .nav {
    justify-content: center;
  }
  
  #tabs nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    border-radius: 0;
    border-radius: 4px;
  }
  
  #tabs nav>div a.nav-item.nav-link,
  #tabs nav>div a.nav-item.nav-link.active {
    background: #BF0A30;
    color: white;
    /*padding: 10px 30px;*/
    margin: 0px 2px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    /* border-color: transparent transparent transparent;
    border-bottom: 4px solid transparent !important; */
  
  }
  
  #tabs nav>div a.nav-item.nav-link.active {
    z-index: 1;
    border-radius: 4px;
    background: #dfedff;
    color: #000000;
  }
  
  /* nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -60px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: #e74c3c;
  } */
  
  .tab-content {
    background: #f2f1f1;
    line-height: 25px;
    /* border: 1px solid #ddd;
    border-top: 5px solid #e74c3c;
    border-bottom: 5px solid #e74c3c; */
    padding: 30px 25px;
  }
  
  #tabs .nav-fill .nav-item {
    flex: 0 0 auto;
    color: #ffffff;
  }
  
  #tabs nav>div a.nav-item.nav-link {
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
  
  }
  
  #tabs .tab-content .tab-pane h3 {
    color: #333;
    font-weight: 600;
  
  }
  
  #tabs .tab-content .tab-pane p {
    color: #333;
    line-height: 1.5;
  }
  
  /* #tabs .nav-tabs {
    border-bottom: 1px solid #777777 !important;
  } */
  
  /* =======================Styling Product
  =================== */
  
  .p-tb-60 {
    padding: 0px 0px 30px;
  }
  
  /*=====================request a quote stylying====================*/
  .form-for-Request {
    padding: 30px 10px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    margin: auto;
    max-width: 600px;
  }
  
  .our-Breadcrumb-Nav .breadcrumb .breadcrumb-item a {
    color: #0f488e;
  }
  
  .request-quote-row {
    border-bottom: 6px solid #0f488e;
    display: table;
    width: 100%;
    padding-top: 30px;
  }
  
  .request-quote-row .request-quote-title h1 {
    font: 500 38px sans-serif;
    text-align: left;
    font-family: "PT Sans", sans-serif;
  }
  
  .request-quote-from .label-view {
    color: #f47822;
    font-weight: 600;
  }
  
  
  .request-quote-from .form-group .form-control {
    height: 35px;
    line-height: 23px;
    padding: 5px 10px;
    font-size: 12px;
    border-color: #e7ebf1;
    -webkit-appearance: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fafafa;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
  
  }
  
  .request-quote-from .form-group textarea.form-control {
    height: auto;
  }
  
  /*  .our-offer's .category-headings{
        
    }*/
  
  .our-offers .category-headings h2 {
    position: relative;
    z-index: 1;
    font-size: 26px;
    padding: 10px 0px;
  }
  
  .our-offers .category-headings h2::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    z-index: -1;
  
  }
  
  
  .blue-color {
    color: #0f65dc;
  }
  
  
  .pro-item:nth-child(odd) img{
    transform: matrix(1, -0.14, 0, 1, 0, 20); font: status-bar; background: #dfedff; display: block; margin: 0 auto 30px;border-radius: 4px;padding:2px;
  }
  .pro-item:nth-child(even) img{
    transform: matrix(1, 0, -0.14, 1, 0, 18); font: status-bar; background: #BF0A30; margin: 0 auto 30px; border-radius: 4px;padding:2px;
  }
  
/* request a quote */
/* navbar style */
#stickyHeader-sticky-wrapper.header-effect-shrink .header-container {
    box-shadow: 0 3px 3px #cecece;
}
#stickyHeader-sticky-wrapper .header-body {
    background: #002868;
    border-top: 3px solid #ededed;
    border-bottom: 1px solid transparent;
}

/* //  ======================= 
Navbar Customization  
=============== //// */

#unique-bg ,.uniq---ul{
background: #002868;
}


@media (min-width: 992px) {
.header-container-width .container {
width: 970px;
}

#stickyHeader-sticky-wrapper .container {
}
}
@media (min-width: 768px) {
#stickyHeader-sticky-wrapper .container {
max-width: 1140px;
}
}
.jcb_navigationWrap .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(251,251,251,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link {
font-weight: 500;
padding: 10px 10px;
text-transform: capitalize;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
}

.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:hover, 
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:hover .sub-arrow,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:focus,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:active {
color: #BF0A30 !important;
}
@media (max-width: 578px) {
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:hover,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:focus,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:active {
padding: 5px 24px;
/* background: #3092c0;
color: #292b2c; */
}
}



@media (min-width: 992px) {


.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link,
.uniq---ul a:hover,
.uniq---ul a:focus,
.uniq---ul a:active,
.uniq---ul a.highlighted {
padding: 22px 10px;
background: #002868;
color: #292b2c;
text-shadow: 1px 1px 0 rgb(0 0 0 / 13%);
text-decoration: none;
white-space: nowrap;
color: #fff;
/* font-size: 14px; */
font-weight: 500;
text-transform: capitalize;
letter-spacing: 3px;
}
}
@media (max-width: 578px) {
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:hover,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:focus,
.navbar-expand-lg .uniq---ul.navbar-nav a.nav-link:active {
font-size: 13px;
font-weight: 600;
}

.navbar-nav.sm-collapsible .sub-arrow {
width: 30px;
height: 26px;
font-size: 16px;
line-height: 26px;
}
}




.uniq---ul.navbar-nav ul a,.uniq---ul.navbar-nav ul ul a {
border: 0 !important;
padding: 2px 23px;
background: transparent;
color: #ffffff;
border-radius: 0 !important;
}



.uniq---ul.navbar-nav ul a:hover,
.uniq---ul.navbar-nav ul a:focus,
.uniq---ul.navbar-nav ul a:active,
.uniq---ul.navbar-nav ul ul a:hover,
.uniq---ul.navbar-nav ul ul a:focus,
.uniq---ul.navbar-nav ul ul a:active,
.dropdown-item:focus,
.dropdown-item:hover {
/* background:transparent; */
background-image: transparent;
color:  #ffffff !important ;
}

.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
font-size: 14px;
letter-spacing: 0;
text-transform: lowercase;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {

border: solid #6c757d;
border-width: 0 1.4px 1.4px 0;
display: inline-block;
padding: 2.5px;
transform: rotate(45deg);
margin-left: 5px;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;

vertical-align: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
}
.navbar-nav.sm-collapsible .sub-arrow{
border: 1px solid rgb(255 255 255);
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
border: solid #bf0a30 !important;
border-width: 0 1.4px 1.4px 0 !important;
display: inline-block !important;
padding: 2.5px !important;
transform: rotate(45deg) !important;
margin-left: 5px;
/* display: none; */
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow {
border: solid#ffffff !important;
border-width: 0 1.4px 1.4px 0 !important;
display: inline-block !important;
padding: 2.5px !important;
transform: rotate(-45deg) !important;
margin-top: -2px !important;
margin-left: 3px !important;
}/* display: none; */

.navbar-nav:not(.sm-collapsible) .dropdown-item:hover .sub-arrow,
.navbar-nav:not(.sm-collapsible) .nav-link:hover .sub-arrow {
border-color: #BF0A30;
}

.navbar-toggler,
.navbar-toggler:focus {
position: relative;
float: right;
padding: 5px 7px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #292b2c;
background-image: none;
border: 1px solid transparent;
border-radius: 4px !important;
font-size: 20px;
outline: 0px;
}

@media (max-width: 992px) {
.navbar-toggler,
.navbar-toggler:focus {
padding: 0px 1px;
margin-top: 8px;
/* margin-right: 6px; */
margin-bottom: 5px;
background-color: transparent;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu.mega-dropdown-2 {
min-width: 500px !important;
}

.mega-dropdown-items {
width: 30% !important;
display: inline-block !important;
}
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
border: 0;
}
@media (max-width: 578px) {
#unique-bg {
background:#002868 ;
max-height: 450px;
width: 100%;
/* overflow-y: scroll; */
}
.uniq---ul{
  margin-top: 10px;
}
}
.dark_skin .logo_dark, .light_skin .logo_light {
display: block;
}
.ftr-logo-set {
/* width: 170px; */
height: 70px;
object-fit: fill;
}
.nav-item .nav-link .fas.fa-chevron-down,
.dropdown-item.has-submenu .fas.fa-chevron-down {
display: none !important;
}


.linkssdsd {
background-color: #BF0A30;
font-family: "Open Sans", sans-serif;
font-size: 12px;
text-decoration: none;
color: #fff;
position: relative;
padding: 10px 20px;
border-left: solid 1px #BF0A30;
/* margin-left: 35px; */
background-image: linear-gradient(bottom, #BF0A30 0%, rgb(62, 184, 229) 100%);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
/* box-shadow: inset 0px 1px 0px #fd4505, 0px 5px 0px 0px #19549c, 0px 10px 5px #999; */
}

.linkssdsd li a {
color: #fff;
}

/* .linkssdsd:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62, 184, 229) 0%, #fd4505 100%);
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
} */
.linkssdsd::before {
content: "\003E";

width: 50px;

height: 100%;

position: absolute;

display: block;

top: 0px;

right: -50px;

font-size: 16px;

font-weight: bold;

color: #0f488e;

background: #dedadb;

text-shadow: 1px 1px 0px #07526e;

border-right: solid 1px #07526e;

background-image: linear-gradient(bottom, #fd4505 0%, rgb(14, 139, 184) 100%);

border-top-right-radius: 5px;

display: flex;

justify-content: center;

align-items: center;

border-bottom-right-radius: 5px;

/* box-shadow: inset 0px 1px 0px #1a559d, 0px 5px 0px 0px #fd4505, 0px 10px 5px #999; */
}

/* .linkssdsd:active::before {
top: -3px;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #fd4505, 1px 1px 0px 0px #fd4505, 2px 2px 0px 0px #fd4505, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
} */
.fa-times:before,
.fa-plus:before,
.fa-bars:before {
font-family: "font awesome 5 free";
font-weight: 600;
}

.linkssdsd li a {
font-size: 20px;
font-weight: 600;
}
.dropdown-menu {
    background-color: #BF0A32;
}
.bg-light {
    background-color: #BF0A32 !important;
}
.text-dark {
    color: #ffffff !important;
}
a.bg-light:hover {
    background-color: #BF0A32 !important;
}
 /* ========================= User Dashboard ========================= */
 @media screen and (min-width:768px){

}

 @media screen and (max-width:768px){
       .tab button {
   padding: 10px 0px !important;
   font-size:12px !important;
}
}
 
 
 
 
 
 .login-user {
     display: inline-flex;
     /*padding: 10px 35px 10px 38px;*/
 }
 .dashboard-pad {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px 0px 30px 40px;
 }
 .dashboard-section {
    background-color: #f2f3f3;
    padding: 50px 0px 50px 0px;
 }
 .login-user .dashboard-img {
    border-radius: 50%;
    display: inline-block;
    width: 100px !important;
    height: 100px;
    object-fit: fill;
 }
 .login-user .dashboard-img {
     max-width: 100px !important;
 }
 .mar-bot-p {
     margin-bottom:7px;
 }
 .button-pad {
    padding: 7px 55.8px 7px 55.8px;
    margin-right: -4px !important;
    border-radius: 0px;
    color: #464e60;
 }
 .button-pad:hover {
     border-bottom: 1px solid blue;
     border-right: 1px solid blue;
     border-left: 1px solid blue;
 }
 .button-pad:target{
    background-color: #f7f8fa;
 }
 
/* Style the tab */
.tab {
overflow: visible;
border: 1px solid #ccc;
background-color: #f1f1f1;
background-color: #ffff;
border: 1px solid #EAEDEF;
display: flex;
justify-content: space-around;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}

/* Style the tab content */

.tab button {
padding: 8px 16px;
border-bottom: 1px solid #EAEDEF;
border-right: 1px solid #EAEDEF;
border-left: 1px solid #EAEDEF;
flex-grow: 1;
color: #002868;
}

.tab button.active{
background-color: #f7f8fa;
border-bottom: 2px solid #bf0a30;
position: relative;
color: #bf0a30;
}
.tab button.active::before{
content: ' ';
position: absolute;
display: block;
left: 50%;
bottom: -12px;
border: 5px solid #bf0a30;
border-color: #bf0a30 transparent transparent;
margin-left: -5px;
}
.tabcontent {
margin-top: 50px;
display: none;
padding: 6px 12px;
border: 1px solid #EAEDEF;
background: white;
}
.txt-cen-padd {
text-align: center;
padding: 20px 0px 10px 0px;
background-color: #ffffff;
}
.img-upd-btn {
padding: 20px 0px 20px 10px;
}
.dashboard-btn {
    background: #bf0a30;
    color: #ffffff;
    border-radius: 0px;
}
 /* ========================= User Dashboard ========================= */