/***** Comman  *****/



body{

    font-family: "Montserrat", sans-serif;

    font-size: 1.1rem;

    color: #555555;

}



.text-pink ::marker {

    color: #de004b !important;

}



.arrow-pink{

    padding-right: 5px;

}



.arrow-pink ::marker{

    font-family: 'FontAwesome';

    content: "\f061";

    font-size: 12px;

}



.text-pink{

    color: #de004b  !important;

}



.text-hoverpink{

    color: #555555;

}



.text-hoverpink:hover{

    color: #de004b;

}





.pink-btn {

    padding: 5px 15px;

    background-color: #de004b;

    color: #fff !important;

    font-size: 1.2rem;

    border-radius: 50px;

    text-decoration: none;

    display: inline-block;

    font-family: "Montserrat", sans-serif;

}



@media (max-width:768px){

    .pink-btn {

        font-size: 1rem;

    }

}



.pink-btn:hover {

    background-color: #444444;

}











.text-gray {

    color: #555555;

    font-family: "Montserrat", sans-serif;

}



.bg-pink {

    background-color: #de004b;

}



.bg-blue{

    background-color: #0054c9;

}



.sub-heading {

    font-size: 1.3rem;

    text-transform: uppercase;

}



@media (max-width:576px){

    .sub-heading {

        font-size: 1.2rem; 

    }   

}



.pink-heading {

    color: #de004b;

    font-size: 3rem;

    font-weight: 400;

    font-family: "Libre Baskerville", serif;

}



@media (max-width:767px){

    .pink-heading {

        font-size: 2.2rem; 

    }   

}



.pink-title {

    color: #de004b;

    font-size: 1.5rem;

    font-weight: 400;

    font-family: "Montserrat", sans-serif;

    margin-bottom: 20px;

}



.text-pink li {

    color: #555555;

    font-family: "Montserrat", sans-serif;

}



.bluestyled-font{

    color: #0054c9;

    font-family: "Libre Baskerville", serif;

    font-size: 1.7rem;

}



@media (max-width:576px){

    .bluestyled-font{

        font-size: 1.4rem; 

    }   

}



.styled-font{

    font-family: "Libre Baskerville", serif !important;

    font-size: 1rem;

}



.boder-orange{

    border-top: 5px solid rgba(222, 75, 0, 0.40);

    padding-top: 15px;

}



.form-control{

    font-size: 1rem;

    padding: 15px;

}



.form-select{

    font-size: 1rem;

    padding: 15px;

    color: #555555;

}



.form-check{

    font-size: 1rem;

}



.fs-56{

    font-size: 56px;

}



@media (max-width:768px){  

.fs-56{

    font-size: 36px;

} 

}



/***** Comman  *****/



/***** header  *****/



nav{

    background: rgba(255, 255, 255, 0.97);

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

}



.desktop-ul {

    display: flex;

    max-width: 95%;

    flex-wrap: wrap;

    justify-content: center;

}





@media (min-width:991px) {

    .shrink .logo {

        transform: 2s ease-in-out;

        height: auto;

        width:170px;

        margin: 0 auto;

        transition: opacity 0.5s ease-out, top 0.5s ease-out;

        -webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out;

    }

}



.logo {

    max-width: 200px !important;

}



@media (max-width:991px) {

    .logo {

        max-width: 50% !important;

    }

}



@media (max-width:991px) {

    .navbar-brand {

        max-width: 50% !important;

    }

}





.navbar-nav>li {

    margin-left: 7px;

    margin-right: 7px;

}



.nav-item>a {

    padding: 2px;

    font-size: 1rem;

    font-weight: 600;

    color: #555555;

    font-family: "Montserrat", sans-serif;

}



@media only screen and (min-width:991px) and (max-width:1200px) {

    .nav-item>a {

        font-size: 0.8rem;

    }

}



.nav-item>a:hover,.active-menu {

    color: #de004b;

}



.nav-item>a.active-menu {

    color: #de004b;

}



.nav-item>a.active-menu2 {

    color: #de004b;

}



.navbar-toggler:before {

    content: "Menu";

    color: #333;

    margin-left: 10px;

    line-height: 50px;

    float: left;

    font-weight: 700;

    font-size: 18px;

    position: relative;

    top: 1px;

    text-transform: uppercase;

    border: 0%;



}



.navbar-toggler-icon {

    margin-top: 10px;

}



.shrink {

    background-repeat: no-repeat !important;

    background-size: cover;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    z-index: 999;

}



.shrink .first-container {

    display: none !important;

    max-width: 50% !important;

}





@keyframes stickySlideDown {

    from {

        transform: translateY(-100%)

    }



    to {

        transform: translateY(0)

    }

}



@keyframes stickySlideOut {

    to {

        transform: translateY(-100%)

    }

}



.dropdown-menu {

    position: absolute;

    left: 2px;

    top: 100%;

    box-sizing: border-box;

    background-color: #de004b !important;

    border-radius: 0%;

    padding: 0%;

    border: none !important;

    z-index: 3;

}



@media (min-width:991px) {

    .dropdown:hover .dropdown-menu {

        display: block;

    }

}



.dropdown-menu>li>:hover {

    background-color: #de004b;

}



.dropdown-menu>li>.active-submenu {

    background-color: #fff;

    color: #de004b !important;

    border-top: 2px solid #de004b;

    border-bottom: 2px solid #de004b;



}



.dropdown-menu>li>a {

    display: block;

    position: relative;

    padding: 6px 13px 6px 15px;

    margin: 0;

    white-space: nowrap;

    min-width: 184px;

    font-size: 15px;

    letter-spacing: 0;

    text-transform: capitalize;

    color: #fff;

    font-family: "Montserrat", sans-serif;

}



.shrink .dropdown-menu>li>a {

    padding: 6px 13px 6px 15px;

    margin: 0px;

}



.dropdown .dropdown-menu .dropdown-item {

    position: relative;

    transition: padding 250ms ease-in-out;

    transition: all 0.2s ease-out;

}



.dropdown-item:hover {

    /* padding: 6px 3px 6px 7px; */

}





.dropdown-menu>li>a:hover {

    color: #fff;

}



.dropdown-menu>li>.active-submenu{

    background-color: #fff;

    color: #de004b;

}



.dropdown-item>i {

    display: none;

}



.dropdown-item:hover>i {

    display: block;

    padding-right: 10px;

    align-items: center;

    margin-top: 5px;

}



.active-submenu>i {

    display: block;

    padding-right: 10px;

    align-items: center;

    margin-top: 5px;

}



.fa-angle-right {

    color: #fff;

    font-size: 13px;

}



.active-submenu .fa-angle-right {

    color: #de004b !important;

}





@media only screen and (min-width: 320px) and (max-width: 991px) {

    .navbar-nav {

        background-color: #121212;

        padding: 0;

        z-index: 100000;

        width: 100%;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navbar-collapse {

        width: 100%;

        position: fixed;

        width: 100%;

        z-index: 2;

        top: 85px;

    }

}





@media only screen and (min-width:320px) and (max-width: 768px) {

    .navbar-collapse {

        width: 100%;

        position: fixed;

        width: 100%;

        z-index: 2;

        top: 75px;

    }

}



@media only screen and (min-width:320px) and (max-width: 576px) {

    .navbar-collapse {

        width: 100%;

        position: fixed;

        width: 100%;

        z-index: 2;

        top: 65px;

    }

}



.menu-sm {

    display: block;

    margin: 0% !important;

}



.menu-sm a {

    color: #fff;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif !important;

    line-height: 1.7em;

    margin: 0%;

    position: relative;

    padding: 12px 30px;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);

    background: #222;

    border-top: 1px solid rgba(255, 255, 255, .1);

    border-bottom: 1px solid rgba(0, 0, 0, .3);

    letter-spacing: 0px;

    text-transform: capitalize;

}



.menu-sm a:hover,.active-menu2 {

    color: #de004b;

}



.menu-sm a:hover::after {

    transform: scaleX(0);

}



.active-menu2 {

    color: #de004b;

}



.dropdown-sm {

    width: 100%;

    position: relative !important;

    transform: translate3d(0px, 0px, 0px) !important;

    border: 0px solid transparent !important;

}



.dropdown-sm>li>a {

    color: #fff;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

    border: 1px solid transparent;

    background-color: #000;

    padding: 10px 40px !important;



}



.dropdown-sm>li>:hover {

    background: #de004b;

}



.dropdown-sm>li>.active-submenu2 {

    background: #de004b;

}





.dropdown-sm .dropdown-item:hover>i {

    display: none;

}



.dropdown-sm .dropdown-item:hover {

    /* padding: 12px 30px 12px 48px !important; */

}



.new-arrow {

    float: right;



}



.show-arrow {

    display: none;

}



.navbar-toggler {

    background: transparent !important;

    box-shadow: none !important;

    outline: none !important;

}



.navbar-toggler-icon {

    position: relative;

    background: transparent !important;

    display: inline-block;

    width: 1.5em;

    height: 1.5em;

    transition: all 0.3s;

    margin-top: 16px !important;

    margin-left: 10px !important;

}



.navbar-toggler-icon .icon-bar {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    background-color: #333;

    transition: all 0.3s;

}



.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(1) {

    transform: translateY(8px) rotate(45deg);

}



.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {

    opacity: 0;

}



.navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) {

    transform: translateY(-8px) rotate(-45deg);

}



.navbar-toggler .icon-bar:nth-child(2) {

    top: 8px;

}



.navbar-toggler .icon-bar:nth-child(3) {

    top: 16px;

}



/***** header  *****/





/***** hero  *****/



.home-banner .item img{

    opacity: 0;

}





.home-banner-1 {

    background-image: url(../images/home-banner.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    /* height: 90vh; */

    /* padding-top: 50px; */

}

.home-banner-2 {

    background-image: url(../images/home-banner.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    /* height: 90vh; */

}



.carousel-img {

    position: relative;

}





@media (max-width:576px) {

    .carousel-img {

        height: 50vh;

    }

}



.item {

    position: relative;

    background-repeat: no-repeat;

    /* padding-top: 130px; */

}



.item::before {

    content: " ";

    background-color: #000;

    display: block;

    right: 0;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: .3;

}



.owl-nav .owl-prev {

    position: absolute;

    left: 7%;

    top: 50%;

    margin-top: -30px !important;

    color: transparent !important;

}



/* .owl-nav .owl-prev span{

    color: transparent;

    background-image: url(../images/nav-prev.png);

    background-size: cover;

    cursor: pointer;

    background-repeat: no-repeat;

    max-width: 100px !important;

    content: "";

    position: absolute;

} */



.owl-nav .owl-prev span {

    font-weight: 100 !important;

    color: #fff;

    font-size: 5em;

}



.owl-nav .owl-next {

    position: absolute;

    right: 7%;

    top: 50%;

    margin-top: -30px !important;

    color: transparent !important;

}



.owl-nav .owl-next span {

    font-weight: 100 !important;

    color: #fff;

    font-size: 5em;

}



.banner-text {

    font-size: 3.0rem;

    color: #fff;

    line-height: 1;

    position: absolute;

    bottom: 37%;

    left: 0%;

    width: 100%;

    background-color: transparent;

    z-index: 2;

    text-align: center;

    font-weight: 600;

    font-family: "Montserrat", sans-serif;

}



@media only screen and (min-width:576px) and (max-width:768px) {

    .banner-text {

        font-size: 1.4rem;

        bottom: 17%;

    }

}



@media (max-width:576px) {

    .banner-text {

        font-size: 1.2rem;

        bottom: 22%;

    }

}



.countryimg {

    width: 150px;

    height: auto;

}



/***** hero  *****/





/***** welcome  *****/



@media (min-width:991px) {

    .text-wrapper-right {

        float: right;

        /* width: 100%; */

        max-width: 600px;

    }

}



.text-blueheading {

    color: #005596;

    font-weight: 500;

    font-size: 1.6rem;

}



.welcome-sec-img{

    background-image: url(../images/welcome-sec1.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;



}



.welcome-sec-img img{

    opacity: 0;

}







/***** welcome  *****/





/***** risk-managment  *****/



.managmnet-heading h2 {

    font-size: 2rem;

}



@media (max-width:576px) {

    .managmnet-heading h2 {

        font-size: 1.5rem;

    }

}

/***** risk-managment  *****/





/***** brach  *****/



.brach-banner {

    background-image: url(../images/barach-img.jpg);

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

}



.brach-banner::before {

    background: rgba(3, 87, 204, .8);

    content: '';

    display: block;

    height: 100%;

    position: absolute;

    width: 100%;

}



.brach-contact h2 {

    color: #fff;

    z-index: 1;

    font-size: 1.7rem;

    text-align: center;

    font-family: "Libre Baskerville", serif;

    font-weight: 200;

    letter-spacing: normal;

    padding: 30px 0px;

    line-height: 45px;

    margin: 0;

}



@media (max-width:576px){

    .brach-contact h2 {

        font-size: 1.3rem;

    }  

}



/***** brach  *****/





/***** about  *****/





.about-banner {

    background-image: url(../images/about-ioa-new.jpg);

}









/* .about-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



.about-ioa img {

    mix-blend-mode: darken;

}



/***** about  *****/





/***** about-us  *****/

.about-us-banner {

    background-image: url(../images/about_us_top_banner.jpg);

   

 

}



/* @media (max-width:576px){

    .about-us-banner {

        height: 50vh; 

    }

} */



/* .about-us-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



/***** about-us  *****/





/***** dealer  *****/

.dealer-applications-banner {

    background-image: url(../images/dealer-applications-banner.jpg);

  

}





/* .dealer-applications-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */





/***** dealer  *****/



/***** disclaimer  *****/



.disclaimer-banner {

    background-image: url(../images/disclaimer-banner.jpg);

}



/* 

.disclaimer-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



/***** disclaimer  *****/





/***** property  *****/

.property-banner {

    background-image: url(../images/barach-img.jpg);

}







.commanbanner-text {

    font-size: 3rem;

    color: #fff;

    line-height: 40px;

    position: absolute;

    bottom: 25%;

    left: 0%;

    width: 100%;

    background-color: transparent;

    z-index: 1;

    text-align: center;

    font-weight: 700;

    font-family: "Montserrat", sans-serif;

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .commanbanner-text {

        bottom: 35%;

    }

}



@media only screen and (min-width:576px) and (max-width:768px) {

    .commanbanner-text {

        font-size: 1.4rem;

        bottom: 30%;

    }

}



@media (max-width:576px) {

    .commanbanner-text {

        font-size: 1.2rem;

        bottom: 60%;

    }

}



/***** property  *****/





/***** privacy-policy-banner  *****/

.privacy-policy-banner {

    background-image: url(../images/privacy-policy-banner.jpg);

}



/* .privacy-policy-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



/***** privacy-policy-banner  *****/





/***** site-map  *****/

.site-banner {

    background-image: url(../images/site-map-banner.jpg);

}





/* .site-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



/***** site-map  *****/



/***** saftyprograms-banner  *****/

.saftyprograms-banner {

    background-image: url(../images/safety-programs-banner.jpg);



}





/* 

.saftyprograms-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



.aboutblue-heading{

    font-size: 36px;

    color: #fff;

    font-weight: 700;

    text-align: center;

}



.aboutblue-p{

    font-size: 20px;

    color: #fff;

    font-weight: 500;

    text-align: center;

}



.saftyprograms{

    position: relative;

}



.saftyprograms-img::after{

    background-image: url(../images/safety-programs-content.jpg);

    background-position: center top;

    background-size: cover;

    background-repeat: no-repeat;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.learningmanagement-img{

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url(../images/barach-img.jpg);

}



.learningmanagement-img img{

   

    opacity: 0;

}



.property-img{

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    background-image: url(../images/property.jpg);

}



.property-img img{

   

    opacity: 0;

}



/***** saftyprograms-banner  *****/





/***** floorplan-insurance  *****/

.floorplaninsurance-banner {

    background-image: url(../images/floorplan-insurance-banner.jpg);

    

}




.dealer_builder_risk1{
    background-image: url(../images/iStock-1071892714.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.dealer_builder_risk2{
    background-image: url(../images/Mobile-Home-Movers-4-thegem-blog-timeline-large.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}









.floorplaninsurance-text {

    font-size: 3rem;

    color: #fff;

    line-height: 40px;

    width: 100%;

    background-color: transparent;

    z-index: 1;

    text-align: center;

    font-weight: 700;

    font-family: "Montserrat", sans-serif;

}





/***** floorplan-insurance  *****/





/***** comman-banner  *****/

.comman-banner {

    background-image: url(../images/property.jpg);

}





/* .comman-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */



/***** comman-banner  *****/



/***** payroll  *****/

.payroll-banner {

    background-image: url(../images/payroll-services-banner.jpg);

   

}











.payroll-text {

    font-size: 3rem;

    color: #fff;

    line-height: 40px;

    position: absolute;

    bottom: 30%;

    left: 0%;

    width: 100%;

    background-color: transparent;

    z-index: 1;

    text-align: center;

    font-weight: 700;

    font-family: "Montserrat", sans-serif;

    margin-bottom: -40px;

}



@media only screen and (min-width:768px) and (max-width:979px) {

    .payroll-text {

        bottom: 50%;

        margin-bottom: -30px;

    }

}



@media only screen and (min-width:576px) and (max-width:768px) {

    .payroll-text {

        bottom: 50%;

    }

}



@media (max-width:576px) {

    .payroll-text{

        font-size: 1.5rem;

        bottom: 40%;

        margin-bottom: -20px;

    }

}



.sub-floor2{

    font-size: 2rem !important;

    margin-bottom: -70px;

}



@media only screen and (min-width:576px) and (max-width:768px) {

    .sub-floor2 {

        font-size: 1.5rem !important;

        margin-bottom: -100px;

        line-height: 1.3;

    }

}



@media only screen and (min-width:768px) and (max-width:979px) {

    .sub-floor2 {

        font-size: 1.5rem !important;

        margin-bottom: -67px;

        line-height:1.2;

    }

}



@media (max-width:576px) {

.sub-floor2{

    font-size: 1.2rem !important;

    line-height: 1.2;

    margin-bottom: -60px;

}

}



/***** payroll  *****/



/***** our-team  *****/

.product-img {

    position: relative;

    height: 100%;

    display: inline-block;

    transition: all 0.5s ease-in-out;

    -webkit-backface-visibility: hidden;

    overflow: hidden;

}



.product-img:hover {

    /* transition: all 0.5s ease-in-out;

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform-origin: center top; */

}



.product-img h2 {

    position: absolute;

    width: 100%;

    bottom: 0;

    text-align: center;

}



.title-category {

    font-size: 25px;

    color: #fff;

    line-height: 21px;

    position: absolute;

    bottom: 5px;

    left: 0px;

    width: 100%;

    background-color: transparent;

    text-transform: uppercase;

    z-index: 2;

    font-weight: 600;

    margin-bottom: 15px;

}



.person a:hover .title-category {

    color: #de004b !important;

    font-weight: 500;

}



.product-img::after {

    content: "";

    background: url(../images/team-name-bg.png);

    position: absolute;

    bottom: -30px;

    right: 0px;

    top: 0px;

    left: 0px;

    background-position: bottom;

    background-repeat: repeat-x;

}



.fa-star-o::after{

    content: "";

    border-left: 1px solid #de004b;

}



/***** our-team  *****/





/***** risk-score  *****/

.riskscore-banner {

    background-image: url(../images/safety-risk-score-banner.jpg);

}





/* .riskscore-banner::before {

    width: 100%;

    height: 100%;

    content: "";

    left: 0;

    top: 0;

    pointer-events: none;

    background: rgba(0, 0, 0, .3);

    display: block !important;

} */





/***** risk-score  *****/





/***** workers *****/



.accordion{

    --bs-accordion-border-color: #fff !important;

}



.accordion-button:not(.collapsed){

    color: #000 !important;

    background-color: #fff !important;

}



.accordion-button:focus {

    border-color: #fff !important;

    box-shadow: none !important;

    font-size: 1rem;

}



.accordion-button::after {

    display: none !important;

}



.accordion-item{

    border: none;

}



.collapsed .acc_control{

    float: left;

    background: #de004b url(../images/acc_bgr.png) center -17px no-repeat;

    width: 20px;

    height: 20px;

    margin: 2px 0 0;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

    border-radius: 3px;

}



.acc_control  {

    background: #888 url(../images/acc_bgr.png) center 1px no-repeat;

}



/***** workers *****/





/***** footer  *****/



#myBtn {

    background: rgba(0, 0, 0, 0) url(../images/scroll-to-top.png) repeat scroll 0 0;

    bottom: 30px;

    cursor: pointer;

    display: none;

    height: 47px;

    position: fixed;

    right: 22px;

    transition: background 400ms ease 0s;

    width: 48px;

    z-index: 55555555;

    border: none;

}





#myBtn:hover {

    background-position: 0 -47px;

}





@media only screen and (min-width:320px) and (max-width: 991px) {

    #myBtn {

        display: none !important;

    }

}



.bg-gray {

    background-color: #333333;

}

@media (min-width:1400px) {

.footer-logo {

    max-width: 310px !important;

}

}

/* @media (max-width:991px) {

    .footer-logo {

        max-width: 50% !important;

    }

} */





.footer-links a {

    padding-left: 0px;

    padding-right: 20px;

    font-size:clamp(0.9rem, 1vw, 1rem);

    font-weight: 500;

    color: #fff;

    text-decoration: none;

}



@media only screen and (min-width:576px) and (max-width:1200px) {

    .footer-links a {

        font-size: 0.8rem;

    }

}



@media (max-width:768px) {

    .footer-links a {

        padding-left: 0px;

        padding-right: 25px;

        font-size: 0.8rem;

    }

}



.footer-links a:hover {

    color: #de004b;

}



.footer-links a.active-links{

    color:  #de004b;

}



.copywrite p {

    font-size: 0.9rem;

    color: #333;

    margin: 0%;

}



.copywrite a {

    font-size: 1rem;

    color: #333;

    text-decoration: none;

}



.copywrite a:hover {

    text-decoration: underline;

}



/***** footer  *****/