/*
Theme Name: Mavigen Digital Agency
Version: 4.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.loader {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 1);display: flex;justify-content: center;align-items: center;z-index: 9999}

html {scroll-behavior: smooth}
body{ margin:0;color:#333;font-weight:400}
body,
main,
main section{overflow-x:hidden}

::-webkit-scrollbar {width: 14px;}
::-webkit-scrollbar-track {background: #ccc;border-left:2px solid #eee;}
::-webkit-scrollbar-thumb {background: #333;border-left:2px solid #eee}
::-webkit-scrollbar-thumb:hover {background: #111;}

:root {
    --cpf-p-white: #fff;
    --cpf-p-100: #FAE5E5;
    --cpf-p-200: #F7B0B0;
    --cpf-p-300: #F57A7A;
    --cpf-p-400: #F24646;
    --cpf-p-500: #F01414;
    --cpf-p-600: #C92020;
    --cpf-p-700: #821F1F;
    --cpf-p-800: #7D2828;
    --cpf-p-900: #572323;
    --cpf-p-dark: #321B1B;
    --cpf-p-black: #000;
    
    
    --cpf-s-50: #F4F4FD;
    --cpf-s-100: #BABCF5;
    --cpf-s-200: #8D90E3;
    --cpf-s-300: #6468D1;
    --cpf-s-400: #4146BF;
    --cpf-s-500: #2328AD;
    --cpf-s-600: #292D96;
    --cpf-s-700: #2B2E7F;
    --cpf-s-800: #2B2D69;
    --cpf-s-900: #282953;
    
    --cpf-g-50: #FDFDFD;
    --cpf-g-100: #F6F4F4;
    --cpf-g-200: #F0EAEA;
    --cpf-g-300: #F0EAEA;
    --cpf-g-400: #AEA5A5;
    --cpf-g-500: #877F7F;
    --cpf-g-600: #5D5656;
    --cpf-g-700: #544E4E;
    --cpf-g-800: #333030;
}

ul{ list-style:none;padding:0;margin:0}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none!important;}

.custom-tooltip {--bs-tooltip-bg: #90C3D4;--bs-tooltip-color: #333; font-weight:700;}
/************* ÖZEL FONT *************/
body,
input{font-family: 'Inter', sans-serif}
.form-control::placeholder {color: #7C7C7C;opacity: 1;}
.scrolls{ margin:-150px; position:absolute; opacity:0; }

.dropdown-menu{--bs-dropdown-link-active-bg:#90C3D4;--bs-dropdown-link-active-color:#333;--bs-dropdown-border-radius:0 4px 4px 4px;--bs-dropdown-link-hover-bg:#90C3D4;--bs-dropdown-link-hover-color:#333;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);--bs-dropdown-bg:#EFEFEF;--bs-dropdown-border-width:0;--bs-dropdown-font-size:0.875rem}

/************* TRANSITION *************/
header .navbar-brand,
.logo,
.menuToggle,
.dropdown-item,
.social li,
header .social li.instagram:after,
header .social li.instagram:hover:after,
.films .video-container .click_watch>div,
footer .top .sitemap li,
header .navbar-nav .dropdown>ul{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.btn{transition:none}

/************* FONT AWESOME *************/
{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display,inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;font-family: "Font Awesome 6 Free";font-weight: 900;}

header .dropdown-toggle::after,
.input_select:before,
.carousel-control-prev-icon:after,
.carousel-control-next-icon:after,
.corder .dropdown-toggle::after,
.sidebar .sList li::after{font-family: 'cpf_icons' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.bg_second{background:#F6F4F4}

.btn{border-radius:0}

.btn-custom-red{--bs-btn-bg:var(--cpf-p-500);--bs-btn-padding-x: 2.5rem;--bs-btn-padding-y: 0.688rem;--bs-btn-font-size:1rem;--bs-btn-color: var(--cpf-p-white);--bs-btn-border-color: var(--cpf-p-500);
    --bs-btn-focus-shadow-rgb: 108,117,125;

    --bs-btn-hover-color: var(--cpf-p-white);
    --bs-btn-hover-bg: var(--cpf-p-400);
    --bs-btn-hover-border-color: var(--cpf-p-400);
    --bs-btn-hover-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-active-color: var(--cpf-p-white);
    --bs-btn-active-bg: var(--cpf-p-500);
    --bs-btn-active-border-color: var(--cpf-p-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: var(--cpf-p-white);
    --bs-btn-disabled-bg: var(--cpf-p-200);
    --bs-btn-disabled-border-color: var(--cpf-p-200);
    --bs-gradient: none;--bs-btn-font-weight:400;border-radius:4px;}
.btn-custom-red em{margin-right:5px;font-size:0.8rem;}

.btn-custom-outline{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.5rem;--bs-btn-font-size:0.95rem;--bs-btn-color: #333;--bs-btn-border-color: #eee;--bs-btn-hover-color: #333;--bs-btn-hover-bg: var(--cpf-p-500);--bs-btn-hover-border-color: var(--cpf-p-500);--bs-btn-focus-shadow-rgb: 108,117,125;--bs-btn-active-color: #333;--bs-btn-active-bg: var(--cpf-p-500);--bs-btn-active-border-color: var(--cpf-p-500);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none;--bs-btn-font-weight:600;}
.btn-custom-outline em{margin-right:5px;font-size:0.8rem;}

.btn-custom-black{--bs-btn-bg:#333;--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.5rem;--bs-btn-font-size:0.95rem;--bs-btn-color: #fff;--bs-btn-border-color: #333;--bs-btn-hover-color: #333;--bs-btn-hover-bg: var(--cpf-p-500);--bs-btn-hover-border-color: var(--cpf-p-500);--bs-btn-focus-shadow-rgb: 108,117,125;--bs-btn-active-color: #333;--bs-btn-active-bg: var(--cpf-p-500);--bs-btn-active-border-color: var(--cpf-p-500);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none;--bs-btn-font-weight:600;}
.btn-custom-black em{margin-right:5px;font-size:0.8rem;}


main section h2{font-size:2.25rem;font-weight:400}
main section .lead{font-weight:300;font-style:italic;}

.sub_content{font-size:1rem;line-height:2rem;}
.sub_content >h1{font-size:2.25rem;font-weight:400}
.sub_content >h2{font-size:2.25rem;font-weight:400}
.sub_content p.lead{font-size:1rem;color: var(--cpf-g-700);margin:0 0 0.5rem;text-align:center}
.sub_content p{margin-bottom:1.25rem;}

.sub_content .notes_from_founder:after{display:none}
/*.sub_content section{padding-top:3rem;padding-bottom:3rem}*/

.btn-contactUs{position: fixed;right:0;top:67.5%;padding:0;border:0;z-index:45;}

/*------------- HEADER -------------*/
header.bg-light{background-color:var(--cpf-p-white)!important;}
header .navbar{padding:0}
header .navbar-brand{order:1;position:relative;padding-left:0;left:0;min-height: 100px;display: flex; align-items: center;}
header .navbar-brand img{height: 40px;}
header .social{order:3}
header .navbar-collapse{order:2}
header .navbar{--bs-navbar-nav-link-padding-x: 0.8rem;--bs-navbar-toggler-padding-y:0.35rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-nav-link-font-size:0.875rem}

header .nav-link{font-weight:400;color:var(--cpf-p-black)}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:2.25rem;min-width:135px;}
.navbar-nav>li:hover>.nav-link{background-color:#f6f4f4;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.navbar-nav .dropdown-menu .nav-link{padding:0.8rem 0.5rem;font-weight:400}
.navbar-nav .dropdown-menu .nav-item{border-bottom:1px solid var(--cpf-g-200)}
.navbar-nav .dropdown-menu .nav-item:last-child{border-bottom:0}
.navbar-nav .dropdown-menu .nav-item:hover{border-bottom-color:#DBDBDB;background-color:#f6f4f4;}
header .dropdown-toggle::after{display:none}
.navbar-toggler{border-radius:0;position: absolute;border:0;font-size:2.2rem;padding:0.625rem;box-shadow:none;padding:0}
.navbar-toggler:focus{box-shadow:none}

header .btn-custom-red{background:var(--cpf-p-500)}

header .navbar-nav .dropdown>ul{opacity:0;min-width:270px;}
header .navbar-nav .dropdown:hover>ul{display:block;opacity:1;border: 0;background: #f6f4f4;}
header .navbar-nav>li>ul ul.dropdown-menu{left:100%;top:0}

  /*--- Social ---*/
  header .social{border-left:2px solid #eee;padding-left:10px;margin-left:14px;align-self: stretch;}
  header .social ul{display:flex;}
  header .social li{color:#333;width:25px;height:25px;line-height:25px;text-align:center;font-size:0.75rem;margin:0 3px;position:relative;background:#D9D9D9}
      header .social li a{color:#333;display:block;position:relative;z-index:2}
      header .social li:hover a{color:#fff}
      header .social li i{height:25px;line-height:25px;display:block}

      header .social li.facebook:hover{ background:#37589A}
      header .social li.twitter:hover{ background:#4DABF0}
      header .social li.youtube:hover{ background:#E32B28}
      header .social li.google:hover{ background:#E32B28}
      header .social li.linkedin:hover{ background:#007AB7}
      header .social li.pinterest:hover{ background:#CD1C21}
      header .social li.vimeo:hover{ background:#00B7EC}
      header .social li.behance:hover{ background:#009BFF}
      header .social li.rss:hover{ background:#E96E00}
      header .social li.instagram:after{opacity:1;background-image:radial-gradient(circle at 30% 107%, #D9D9D9 0%, #D9D9D9 5%, #D9D9D9 45%,#D9D9D9 60%,#D9D9D9 90%)}
      header .social li.instagram:after {content:'';position:absolute;width:100%;height:100%;left:0;top:0;transition: all .3s ease-in-out;z-index:1;opacity: 1}
      header .social li.instagram:hover:after {opacity: 1;background-image:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
  /*--- / End Social ---*/
/*------------- / END HEADER -------------*/

/*------------- BANNER -------------*/
.banner_area .text_area{color:#fff}
.banner_area .text_area h1{font-size:3.5rem;font-weight:400}
.banner_area .text_area p{font-size:1.875rem;font-weight:300}
.banner_area .text_area .button_area{margin-top:10px}

.carousel-control-next, .carousel-control-prev{width:8%}
.carousel-control-prev-icon,
.carousel-control-next-icon{background-image: none;background:#fff;display:none}
.carousel-control-next-icon:after,
.carousel-control-prev-icon:after{background-image: none;color:#000;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}

.carousel-control-prev-icon:after{content:"\ed3c"}
.carousel-control-next-icon:after{content:"\ed3d"}

.carousel-control-next-icon, .carousel-control-prev-icon{width:2.3rem;height:2.4rem}

.carousel-indicators{z-index:11}
.carousel-caption{left:13%;right:13%}
/*------------- / END BANNER -------------*/

/*------------- SEARCH -------------*/
.c_search{margin-top: -1.75rem;position: relative;z-index: 10}
.c_search .ui-menu{border-radius: 16px;background: #F5F5F5;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);font-size:1rem;padding:0.5rem 0.5rem 2rem;top:0!important}
.c_search .ui-menu img {width: 48px;height: 48px;border-radius:100px;}
.c_search .ui-menu li{padding:0.5rem;cursor: pointer}
.c_search .ui-menu li span {padding-left:1rem}
.ui-helper-hidden-accessible {display: none;}
.c_search .input_select{border-radius: 30px;border: 4px solid #E6E6E6;background: #FFF;height:56px;position: relative;}
.c_search .input_select input{border:0;background-color: transparent;height:48px;border-radius: 30px;color: #7C7C7C;padding-left:3.5rem;position: relative;z-index:1;}
.c_search .input_select:before{content: "\ec32";color:#A8A8A8;font-size:1.5rem;position: absolute;left:1rem;top:50%;margin-top:-0.75rem;z-index:0;}
.c_search:hover .input_select:before{z-index:55}
.c_search #search:hover{outline: #000;box-shadow:none;background-color:#F6F6F6;}
.c_search #search:focus{outline: #000;box-shadow:none;background-color:#F6F6F6;padding-left:1rem;z-index:56}
.c_search #search-container{position: absolute;}
/*------------- / END SEARCH -------------*/

/*------------- Image And Text -------------*/
.imageAndtext{padding-top:1.5rem;padding-bottom:1.5rem}
.imageAndtext .picArea>div{aspect-ratio: 1/1;position:relative}
.imageAndtext .picArea img{opacity:1;width:100%}
.imageAndtext .picArea img.mask{opacity:1;width:100%;position: absolute;z-index:1;}
.imageAndtext .picArea .imageBox{aspect-ratio: 1/1;position:relative;max-width:512px;margin-left: auto}
.imageAndtext .contentArea{padding:0 2rem 0 4rem}
        .imageAndtext .contentArea h2{margin-bottom:2.25rem}
        .imageAndtext .contentArea p{font-size:1.125rem;color:#646464;margin-bottom:3rem}
/*------------- / END Image And Text -------------*/

/**/
main .m_buttons{padding:3rem 0 3rem;}
main .m_buttons h2{font-weight: 600;font-size:2rem;margin-bottom:2rem;}
main .m_buttons .buttons{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);border-radius:11.04px}
main .m_buttons .buttons li{padding:1rem 3rem;border-right:2px solid #CECECE;}
main .m_buttons .buttons li:first-child{border-radius:11.04px 0 0 11.04px}
main .m_buttons .buttons li:last-child{border-right:0;border-radius:0 11.04px 11.04px 0}
main .m_buttons .buttons li:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)}
main .m_buttons .buttons li a{color:var(--cpf-p-black)}
main .m_buttons .buttons li span{font-weight:600}
main .m_buttons .buttons li:hover span{color:var(--cpf-p-500)}
main .m_buttons .buttons .iconArea{padding-bottom:1rem;display:inline-block;width:100%}
main .m_buttons .buttons .iconArea em{font-size:3.125rem;padding:0.938rem;background-color:#F6F4F4;display:inline-block;border-radius:100px;display:inline-table}

#second_banner .carousel-caption{left:auto;right:0;bottom:0;top:0;padding:3rem 2rem;z-index:1;}
#second_banner .carousel-caption .box a{color: #fff;margin:0}
#second_banner .carousel-caption .box{background-color:rgba(0, 0, 0, 0.6);padding:1rem 1.2rem;}
#second_banner .carousel-caption .box:hover{background-color: rgba(44, 43, 43, 0.6);}
#second_banner .carousel-caption .box p{font-size: 1.5rem;margin:0 1rem 0 0}
#second_banner .carousel-caption .box em{font-size:2rem}

main .product_carousel{margin:20px 0 0;}
main .product_carousel .owl-carousel a,
main .product_carousel .owl-carousel a:focus,
main .product_carousel .owl-carousel a:hover{color:var(--cpf-p-black);}
main .product_carousel .owl-carousel .item{background-color: var(--cpf-g-100);padding:0}
main .product_carousel .owl-item{height:100%;text-align:center}
main .product_carousel .owl-item .absoluteDiv {
    position: absolute;
    padding: 15px;
    bottom: 0;
    margin: 0;
}
main .product_carousel .owl-item h3{ font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    text-align: left;}
main .product_carousel .owl-item h4{ font-size: 12px;
    font-weight: 300;
    margin-top: 7px;
    color: #fff;
    text-align: left;}
main .product_carousel .owl-item p{font-size:1.25rem;margin:0;margin-top: 8px}
main .product_carousel .owl-item img{width:100%}
main .product_carousel .owl-item .cat{font-size:1.5rem;font-weight:600;margin-bottom:8px}
main .product_carousel .owl-item .button{font-size:1rem;color:var(--cpf-p-500)}
main .product_carousel .owl-item .button em{margin-left:0.25rem;}
main .product_carousel .owl-nav,
main .product_carousel .owl-dots{display:none}
/**/

/**/
#sub_banner h1{color: #D4D4D4;font-size:6rem;font-weight:700}
#sub_banner .carousel-indicators{display:none}
.sub_content .btn-custom-red{color: var(--cpf-p-white);}

.sub_content .sub_title{font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;}
.sub_content .sub_title.h1{font-size:3rem;font-weight:600;margin-bottom:2rem;}

.filter{padding:3rem 0 3rem;}
.filter h2{font-weight: 600;font-size:2rem;margin-bottom:2rem;}
.filters{background-color:var(--cpf-g-200);padding:2rem 0;}

.filter .radioSlide{font-size:0.75rem;font-weight:600;margin:0 1.5rem;text-align:center}
.filter .radioSlide strong{font-weight:600;margin:0 0 0.5rem;display:block}
.filter .radioSlide>div{background-color:var(--cpf-g-100);border-radius:100px;padding:9px;}
.filter .radioSlide>div label{padding:6px 10px;border-radius:100px;min-width:60px;text-align:center;color: var.filter (--cpf-g-400);}
/*.filter .radioSlide>div [type="radio"]:checked + label{color:var(--cpf-g-700);background-color:var(--cpf-g-300);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15)}*/
.filter .radioSlide>div input{display:none}

.productList .picArea img{width:100%;margin-bottom:1rem;}
.productList .pName{font-size:1.25rem;font-weight:700;margin-bottom:0.6rem;}
.productList .pFeatures{font-size:0.875rem;font-weight:500;margin-bottom:2rem;}
.productList .pFeatures ul{padding-left:22px;}
.productList .pFeatures li{list-style:disc}
.productList .btn-custom-red,
.productList .btn-custom-second:hover{display: block;}
.productList .btn-custom-second{display:block}
.productList .btn-custom-second{margin-top:10px;--bs-btn-bg:transparent;--bs-btn-padding-x: 1.5rem;--bs-btn-padding-y: 0.688rem;--bs-btn-font-size:0.875rem;--bs-btn-color: var(--cpf-s-900);--bs-btn-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    border: 0;
    /*
    --bs-btn-hover-color: var(--cpf-p-white);
    --bs-btn-hover-bg: var(--cpf-s-400);
    */
    --bs-btn-hover-color: var(--cpf-s-400);

    --bs-btn-hover-border-color: var(--cpf-g-500);
    --bs-btn-hover-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-active-color: var(--cpf-s-900);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: var(--cpf-p-white);
    --bs-btn-disabled-bg: var(--cpf-p-200);
    --bs-btn-disabled-border-color: var(--cpf-p-200);
    --bs-gradient: none;--bs-btn-font-weight:400;border-radius:4px;
    text-decoration: underline;
}
.showAll{--bs-btn-bg:#F6F6F6;--bs-btn-padding-x: 1rem;--bs-btn-padding-y: 0.4rem;--bs-btn-font-size:1rem;--bs-btn-color: var(--cpf-s-500);--bs-btn-border-color: #F6F6F6;
    --bs-btn-focus-shadow-rgb: 108,117,125;

    --bs-btn-hover-color: var(--cpf-s-900);
    --bs-btn-hover-bg: #F6F6F6;
    --bs-btn-hover-border-color: #F6F6F6;
    --bs-btn-hover-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-active-color: var(--cpf-s-900);
    --bs-btn-active-bg: #F6F6F6;
    --bs-btn-active-border-color: #F6F6F6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: var(--cpf-s-900);
    --bs-btn-disabled-bg: #F6F6F6;
    --bs-btn-disabled-border-color: #F6F6F6;
    --bs-gradient: none;--bs-btn-font-weight:400;border-radius:4px;
/*margin:24px auto 30px;*/
margin:11px auto 30px;
display:table}

.productSubList .productList .row>li{border-bottom:1px solid #C1C1C1;padding-bottom: 30px}

.quickActions{padding:3rem 0 3rem;}
.quickActions .buttons li{padding:1rem 1rem;background-color: var(--cpf-p-white);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);border-radius:8px;margin:0.75rem;min-width:182px;margin-top:2rem;}
.quickActions .buttons li:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25)}
.quickActions .buttons li a{color:var(--cpf-p-black)}
.quickActions .buttons li span{font-weight:600}
.quickActions .buttons li:hover span{color:var(--cpf-p-500)}
.quickActions .buttons .iconArea{padding-bottom:0.8rem}
.quickActions .buttons .iconArea em{font-size:2.25rem;padding:0.75rem;background-color:#F6F4F4;display:inline-block;border-radius:100px}

.cpaginationandorder{padding:1rem 0 2rem;border-bottom: 1px solid #EAEAEA;margin-bottom:2rem;}
.cpaginationandorder .corder .dropdown-toggle{display: flex;align-items:center;justify-content: center;font-size:1rem;
    --bs-btn-bg:var(--cpf-p-white);--bs-btn-padding-x: 1rem;--bs-btn-padding-y: 0.688rem;padding-right:0.8rem;--bs-btn-font-size:1rem;--bs-btn-color: var(--cpf-p-black);--bs-btn-border-color: var(--cpf-p-black);
    --bs-btn-focus-shadow-rgb: 108,117,125;

    --bs-btn-hover-color: var(--cpf-p-black);
    --bs-btn-hover-bg: var(--cpf-g-200);
    --bs-btn-hover-border-color: var(--cpf-p-black);
    --bs-btn-hover-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-active-color: var(--cpf-p-black);
    --bs-btn-active-bg: var(--cpf-p-white);
    --bs-btn-active-border-color: var(--cpf-p-black);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: var(--cpf-p-white);
    --bs-btn-disabled-bg: var(--cpf-p-200);
    --bs-btn-disabled-border-color: var(--cpf-p-200);
    --bs-gradient: none;--bs-btn-font-weight:400;border-radius:4px;margin-left:4px;}
.cpaginationandorder .corder .dropdown-toggle::after{content: "\eae6";border:0;font-size:1.25rem;}
.cpaginationandorder .corder .dropdown-menu{background-color: var(--cpf-p-white);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15)}
.cpaginationandorder .corder .dropdown-menu button{border-bottom: 1px solid var(--Grey100, #F6F4F4)}
.cpaginationandorder .corder .dropdown-menu button:last-child{border-bottom:0}
.cpaginationandorder .corder .dropdown-menu button:hover{background-color:var(--cpf-g-200);}
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.2rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--cpf-p-500);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--cpf-p-white);
    --bs-pagination-border-radius: 0;

    --bs-pagination-hover-color: var(--cpf-g-500);
    --bs-pagination-hover-bg: var(--cpf-g-200);
    --bs-pagination-hover-border-color: var(--cpf-g-200);

    --bs-pagination-focus-color: var(--cpf-g-500);
    --bs-pagination-focus-bg: var(--cpf-g-200);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--cpf-p-500);
    --bs-pagination-active-border-color: var(--cpf-p-500);
    --bs-pagination-disabled-color: var(--cpf-g-200);
    --bs-pagination-disabled-bg: var(--cpf-g-200);
    --bs-pagination-disabled-border-color: var(--cpf-g-200);
    display: flex;
    padding-left: 0;
    list-style: none;
}
.pagination li{margin:0 0.5rem}

.sidebar{box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);}
.sidebar .sTitle{background: #F2F2F2;font-size:1.25rem;padding:1.4rem}
.sidebar .sList{background-color: var(--cpf-p-white);padding-top:1.4rem}
.sidebar .sList li{position: relative;font-size: 1rem;border-bottom: 1px solid #CECECE}
.sidebar .sList li:last-child{border-bottom:0}
.sidebar .sList li a{color:var(--cpf-p-black);padding:1rem 1rem;display:block}
.sidebar .sList li::after {display: inline-block;content: "\ed3d";font-size: 1.125rem;border: 0;position: absolute;right: 1rem;top: 50%;margin-top: -0.563rem;color: #29424B;}
.sidebar .sList li:hover {box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);}
.sidebar .sList li:hover a{color:var(--cpf-p-500);}
.sidebar .sList li:hover:after{color:var(--cpf-p-500);}

.customModal .modal-content{min-width:656px}
.customModal .modal-content .cpf_close{position: absolute;right:1rem;top:1rem;font-size:1.6rem;color:#104585}
.customModal .modal-header,
.customModal .modal-body{border:0}
.customModal .modal-header{padding-bottom:0}
.customModal .quickActions{padding:1.8rem 0 1rem;padding:0}
.customModal .modal-body .modalText{margin:0 0.75rem}
.customModal .modal-body .modalTitle{font-size:1rem;font-weight:600}
.customModal .modal-body .mDesc{font-size:0.875rem}
.customModal .quickActions .buttons li{max-width:182px}

.carousel_type2{margin:1rem 0 2rem;padding: 0 !important;position: relative;margin-left:100px;margin-right:100px}
.carousel_type2 #prev-slide,
.carousel_type2 #next-slide{position: absolute;font-size:3rem;top:50%;margin-top:-3rem;cursor: pointer;color:#29424B}
.carousel_type2 #prev-slide{left:-5rem;}
.carousel_type2 #next-slide{right:-5rem;}
.carousel_type2 .owl-carousel a,
.carousel_type2 .owl-carousel a:focus,
.carousel_type2 .owl-carousel a:hover{color:var(--cpf-p-black);}
.carousel_type2 .owl-carousel .item{background-color: var(--cpf-g-100);padding:2.25rem 3.5rem 5rem}
.carousel_type2 .owl-item{height:100%;text-align:center}
.carousel_type2 .owl-item .iconArea{font-size:4.5rem;margin:0 0 1.25rem;color:var(--cpf-s-600)}
.carousel_type2 .owl-item .iconArea em{display:block}
.carousel_type2 .owl-item .cltitle{font-size:1.5rem;color:var(--cpf-s-900);font-weight:600;margin-bottom:1rem;line-height: normal}
.carousel_type2 .owl-item .cldesc{font-size:1.25rem;color:var(--cpf-g-800);line-height: normal}

.owl-item{position: relative;}
.owl-item:before{content:"";position: absolute;width:100%;height:100%;background-color:var(--cpf-g-100);left:0;bottom:-100%;z-index:-1;}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color:var(--cpf-p-500)!important}
.owl-theme .owl-dots .owl-dot span{background-color:var(--cpf-g-300);}
.owl-theme .owl-dots .owl-dot span{margin:5px!important}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:1.5rem!important}

.svgArea img{width:100%}

.why_cpf .wclist{font-size:1rem;font-weight:500;margin-bottom:2rem;}
.why_cpf .wclist ul{padding-left:22px;}
.why_cpf .wclist li{list-style:disc;margin-bottom:0.5rem;color: var(--cpf-g-700);}

.dy-logos{padding:1rem 0}
.dy-logos li{padding:0.5rem 3rem}

.pageContact{line-height:1.6rem}
.pageContact h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;}
.pageContact .bg_second{padding:0.625rem 0.625rem 0.225rem;min-height:128px}
.pageContact .bg_white{padding:0.625rem 0.625rem 0.225rem;min-height:70px;}
.pageContact p{margin-bottom:0.2rem;}
.pageContact .ratio{margin-top:1rem;}

.banner_career .container-fluid .container-fluid{left:0;right:0;z-index:1}
.banner_career .container-fluid .container-fluid .box{background-color: rgba(84, 78, 78, 0.4);padding: 2.625rem 4.125rem}
.banner_career #sub_banner h1{font-size:2.25rem;color: var(--cpf-p-white);font-weight:400}
.banner_career .container-fluid .container-fluid .box .btn{align-self: center;margin-left:3rem;}
/**/

.btn_lhm{line-height:0}
#cpfsTab .nav-link.active{background:#297eff;color:#fff}
/*------------- FOOTER -------------*/
footer{background: #fff;color:var(--cpf-p-black)}
footer a{color:var(--cpf-p-dark)}
footer .top{padding:2.75rem 0 5.75rem; }
footer .top .logos .footer-cpf{margin-bottom:1.875rem;display:block}

footer .top .btn-custom-outline{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.5rem;--bs-btn-font-size:0.95rem;--bs-btn-color: #eee;--bs-btn-border-color: #eee;--bs-btn-hover-color: #333;--bs-btn-hover-bg: var(--cpf-p-500);--bs-btn-hover-border-color: var(--cpf-p-500);--bs-btn-focus-shadow-rgb: 108,117,125;--bs-btn-active-color: #333;--bs-btn-active-bg: var(--cpf-p-500);--bs-btn-active-border-color: var(--cpf-p-500);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none;--bs-btn-font-weight:600;}
footer .top .btn-custom-outline em{margin-right:5px;font-size:0.8rem;}

footer .btn-custom-red{--bs-btn-color:#333}

footer .top .sitemap h6{font-size:1rem;font-weight:600;color:var(--cpf-p-black);margin-bottom:0.938rem;padding:0.6rem;padding-left: 0.625rem;}
footer .top .sitemap{font-size:1rem;}
footer .top .sitemap li{font-size:1rem;margin-bottom:5px;padding:0.625rem;}
footer .top .sitemap li:hover{padding-left:0.938rem;padding-right:0.313rem;}
footer .top .sitemap li ul li{padding:0;margin:0;}
footer .top .sitemap li a{white-space: nowrap}

      /*--- Social ---*/
      footer .social{padding-left:0.625rem;margin-left:14px;align-self: stretch;}
      footer .social h6{font-size:0.625rem;font-weight:300}
      footer .social ul{display:flex;}
      footer .social li{color:#333;width:25px;height:25px;line-height:25px;text-align:center;font-size:12px;margin:0 3px;position:relative;background:#D9D9D9}
          footer .social li a{color:#333;display:block;position:relative;z-index:2}
          footer .social li:hover a{color:#fff}
          footer .social li i{height:25px;line-height:25px;display:block}

          footer .social li.facebook:hover{ background:#37589A}
          footer .social li.twitter:hover{ background:#4DABF0}
          footer .social li.youtube:hover{ background:#E32B28}
          footer .social li.google:hover{ background:#E32B28}
          footer .social li.linkedin:hover{ background:#007AB7}
          footer .social li.pinterest:hover{ background:#CD1C21}
          footer .social li.vimeo:hover{ background:#00B7EC}
          footer .social li.behance:hover{ background:#009BFF}
          footer .social li.rss:hover{ background:#E96E00}
          footer .social li.instagram:after{opacity:1;background-image:radial-gradient(circle at 30% 107%, #D9D9D9 0%, #D9D9D9 5%, #D9D9D9 45%,#D9D9D9 60%,#D9D9D9 90%)}
          footer .social li.instagram:after {content:'';position:absolute;width:100%;height:100%;left:0;top:0;transition: all .3s ease-in-out;z-index:1;opacity: 1}
          footer .social li.instagram:hover:after {opacity: 1;background-image:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
      /*--- / End Social ---*/

footer .bottom{padding:10px 0;font-size:1rem}
footer .bottom .links a{color:var(--cpf-p-black);font-size:1rem;}
footer .bottom p{margin:0}
footer .bottom .mavigen img{display:block;}
footer .footer-epson { max-height:72px }
/*------------- / END FOOTER -------------*/

/*------------- İÇ FORM -------------*/
.form_style p{margin:0.5rem 0;}
.form_style .area_scroll{display:flex;overflow-x: scroll}
.form_style ::-webkit-scrollbar {width: 4px;height:4px}
.form_style ::-webkit-scrollbar-track {background: #F5F5F5;}
.form_style ::-webkit-scrollbar-thumb {background: #7A8D93;}
.form_style ::-webkit-scrollbar-thumb:hover {background: #111;}

.form_style .radio-inline,
.form_style .checkbox-inline{margin:0;padding:0}
.form_style input[type='radio'],
.form_style input[type='checkbox']{display:none;}
.form_style label{cursor: pointer}

.form_style .type_1 label{border:2px solid #eee;padding:5px;margin-bottom:8px;}
.form_style .type_1 span{position:relative;font-size:0.8rem;font-weight:900;padding-left:16px}
.form_style .type_1 span:before{content:'';position:absolute;width:12px;height:12px;border:1px solid #7A8D93;left:0;top:3px}
.form_style .type_1 span:after{content:'';position:absolute;width:12px;height:12px;background:#7A8D93;left:0;top:3px;opacity:0}

	.form_style .type_1 .ps_info{padding:10px 10px 8px;}
    .form_style .type_1 .ps_size{padding:8px 0 8px;font-size:0.7rem;font-style: italic;color:#999;}
    .form_style .type_1 .ps_size em{font-size:0.65rem;margin-right:5px}
    .form_style .type_1 .ps_price{font-size:0.75rem;font-weight:600}
    .form_style .type_1 .ps_price strong{font-size:0.9rem;display:block;font-weight:900}

.form_style .type_1 input[type='radio']:checked ~ label span:after{opacity:1;background:#7A8D93;color:#fff;border-color:#34A853;}
.form_style .type_1 input[type='radio']:checked ~ label span:after{opacity:1;background:#7A8D93;color:#fff;border-color:#34A853;}
.form_style .type_1 input[type='radio']:checked ~ label{border-color:#7A8D93}


.form_style .type_2 .bordered,
.form_style .type_3 .bordered{position:relative;border:2px solid #eee;padding:2px;}
.form_style .type_2 input[type='radio']:checked ~ label .bordered,
.form_style .type_3 input[type='radio']:checked ~ label .bordered{border-color:#7A8D93}

.form_style .type_2>div,
.form_style .type_3>div{margin:0 1px 8px}
.form_style .type_2 img,.form_style .type_3 img{width:45px!important;height:45px;}

.hidden_form_elements{display:none}
/*------------- / END İÇ FORM -------------*/

/*
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
*/


/*---- xs ----*/
@media (max-width: 0px){
}
/*---- sm ----*/
@media (max-width: 576px){
    .dy-logos img { max-width:100% }
}
/*---- md ----*/
@media (max-width: 768px){


    .banner_area .carousel-caption{position:relative;left:0;right:0}
    .banner_area .carousel-control-prev,.banner_area .carousel-control-next{display:none}

    .banner_area .carousel-indicators{width: 100%;position: relative;margin: 0; padding:0 3px;display: none;}
    .banner_area .carousel-indicators button{width:100%;height:6px;background-color:#ddd;border-top-width:5px;border-bottom-width:5px}
    .banner_area .carousel-indicators button.active{background-color:#C1C1C1}

}
/*---- lg ----*/
@media (max-width: 992px){


    #contactUsModal .modal-body .buttons li {
        float: none !important;
        display: inline-block !important;
        margin-bottom: 27px !important;
        margin-left: 13.5px !important;
        margin-right: 13.5px !important;
    }
    #contactUsModal .modal-body .buttons {
        text-align: center !important;
        float: none !important;
        display: inline-block !important;
        margin-bottom: 0px !important;
    }
    

    .navbar-brand img{height:70px}
    .navbar{
        --bs-navbar-nav-link-padding-x: 0.8rem;
        --bs-navbar-toggler-padding-y:0.35rem;
        --bs-navbar-toggler-padding-x:0.75rem;
        --bs-nav-link-font-size:0.8rem;
    }
    .navbar-nav .nav-link{    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);}
    .container{max-width:100%}

    main section h2{font-size:1.3rem!important}

    .products .row .ps_column h2{font-size:1.3rem!important}
    .products .row .ps_column .ps_size em{font-size:0.5rem!important}
    .products .row .ps_column .ps_size{font-size:0.7rem!important}
    .products .row .ps_column .ps_price strong{font-size:1rem!important}

    .why_yasam_yatagi .contentArea{font-size:0.8rem!important}
    .why_yasam_yatagi .contentArea strong{font-size:0.9rem!important}
    .why_yasam_yatagi .contentArea .number{font-size:0.9rem!important}

    header .navbar-brand{order: 2}
    header .navbar-toggler{order: 1}
    header .social{order: 4}
    header .navbar-collapse{order: 4}

    #sub_banner .carousel-caption{position: absolute;top: 0;height: 100%;}
    #sub_banner .carousel-caption h1{font-size:3.2rem}
    
    .customModal .modal-content{min-width:100%}
}
/*---- xl ----*/
@media (max-width: 1200px){

    .lg_top_img{width: 20%!important;margin-top: -10%!important;margin-left: 0!important;left:auto!important;right:25px}
}
/*---- xxl ----*/
@media (max-width: 1400px){}

/*---- lg ----*/
@media (max-width: 1025px){
    .scrolls{margin-top:-25px!important}
    .carousel-caption{left:0;right:0}
    .carousel_type2{margin-left:0px;margin-right:0px}
    .carousel_type2 #next-slide{right:0.5rem}
    .carousel_type2 #prev-slide{left:0.5rem}

    .puducpf a {
       margin-top: 10px !important;
        background-size: auto 50% !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 1920px) {
  /*.container {max-width: 1440px;}*/
}

@media (max-width: 768px){
    #sub_banner .carousel-caption h1{font-size:2.2rem}
    .filter h2{padding:0 2.5rem;margin-bottom:1rem}
    .filter .radioSlide{margin-bottom:0.6rem;}
    .filters>div>div>div:last-child{margin-bottom:0}
    
    main .m_buttons .buttons li:first-child{border-radius:0;border-right:0;border-bottom:2px solid #CECECE;width: 100%; border-radius: 11.04px 11.04px 0 0}
    main .m_buttons .buttons li:last-child{border-right:0;border-radius:0 11.04px 11.04px 0;width: 100%; border-radius: 0 0 11.04px 11.04px}
    .sub_content .sub_title.h1{font-size:2rem;}
    .carousel_type2 #prev-slide, .carousel_type2 #next-slide{z-index:2;font-size:1.5rem;margin-top:-0.75rem;}
    .carousel_type2 #next-slide{right:0.5rem;}
    .carousel_type2 #prev-slide{left:0.5rem;}
    .banner_career .container-fluid .container-fluid .box .btn{margin-left:0}
}
@media (max-width: 992px){
    
.btn-contactUs{top:auto;bottom:4%}
header .navbar-brand{padding-left:3.125rem}

    header .navbar{width:100%;}
    header .navbar-brand{z-index:100;margin-left: auto;order: 2; margin-right: 12px}
    header .cclose{display:none}
    header .navbar-brand.animate{z-index:100;/*left:calc(100% - 110px);*/padding-left:0;}

    .navbar-nav>li{border-bottom:1px solid #CECECE;}
    .navbar-nav>li:last-child{border:0}
    .navbar-nav>li .nav-link{padding-top:1.125rem;padding-bottom:1.125rem;}
    .navbar-nav .nav-link{position: relative}
    .navbar-nav .nav-item ul{padding-left: 0.5rem;width: calc(100%)!important;border-radius:0;border-left:0.5rem solid #f6f4f4;border: 0 !important}
.navbar-collapse,
.navbar-collapse:before{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.navbar-collapse{left:-100vw;top:0;position: absolute;background-color:#F6F4F4;width:100%;height:100vh; z-index:100;padding-top:80px;padding-left:15px;}
.navbar-collapse.show{left:0}
.navbar-collapse:before{content:"";position: fixed;height:100%;background-color:#F6F4F4;width:calc(80%);bottom:0;z-index:99;left:-80%}
.navbar-collapse.show:before{left:0}
header .dropdown-toggle::after{display: inline-block;content: "\ed3d";font-size: 1.125rem;border: 0;position: absolute;right: 1rem;top: 50%;margin-top: -0.563rem;color:#29424B}
.dropdown-menu[data-bs-popper]{margin-top:0}
header .navbar-nav .dropdown>ul{min-width:auto;opacity:1;}
/*header .navbar-nav .dropdown>ul{display:block;opacity:1}*/

.navbar-toggler{z-index:101;color:#ED1414;}
.cclose{color:#104585;}
.navbar-nav{z-index:100;position: relative;}

#main_banner .main-img{background: center/cover no-repeat;object-fit: cover;object-position: 50% 50%;position: absolute;height: 100%;width: 100%;}
#main_banner .carousel-item .container{position:absolute;top:0;height: 100%;width: 100%;padding: 0 27% 0 15%}
.banner_area .text_area h1{font-size:2rem;}
.banner_area .text_area p{font-size:0.938rem}

.c_search{margin-top:1.8rem;padding-left:24px;padding-right:24px}

.sub_content section{padding-left:1.5rem;padding-right:1.5rem}

footer .container{padding-left:2rem;padding-right:2rem}
footer .top{padding-bottom:2.625rem}
footer .bottom{font-size:0.75rem}
footer .bottom .links{width:100%;margin-bottom:0.6rem;}
footer .bottom .links li{width:50%}
footer .bottom .links a{font-size:0.75rem}
footer .bottom .mavigen{margin-left:auto}
footer .top .logos{order:2}
footer .top .logos{margin-bottom:4.875rem;}
footer .top .sitemap{order:1;margin-bottom:30px}
footer .top .sitemap .d-flex div:first-child{padding-left:0}
footer .top .sitemap h6{font-size:0.75rem;}
footer .top .sitemap li{font-size:0.75rem;}
footer .top .sitemap li a{white-space:normal}

#second_banner .carousel-caption{padding:1.5rem 1rem;}
#second_banner .carousel-caption .box{padding:1.2rem 1rem;}
#second_banner .carousel-caption .box p{font-size: 1.242rem;margin:0 0 0.5rem;}
}

@media (max-width: 425px){
footer .top .logos{order:1;margin-bottom:2.4rem}
footer .top .sitemap{order:2;margin-bottom:0}
#modalContentEvaluate .rateUsModal em { font-size: 30px !important }
}

.grayQuickActions { background:#F6F4F4 }

body, html, #loader {
    height: 100%;
    margin: 0;
}

#bm {
    width: 113px;
}

#contactUsModal .modal-body { padding:0 }
#contactUsModal .modal-body .modalText { padding:1rem }
#contactUsModal .modal-body .buttons { margin-top: 1.8rem; margin-bottom: 27px; display: inline-block; float: left; }
#contactUsModal .modal-body .buttons li { float: left; margin: 0; margin-left: 27px}

.filter .radioSlide .radio-block label {z-index: 2;position: relative; cursor: pointer;}
.filter .radioSlide .radio-block { position:relative; }
.filter .radioSlide .radio-block .animated-btn{color:var(--cpf-g-700);background-color:var(--cpf-g-300);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);display: inline-block;position: absolute;
    z-index: 1;
    padding: 6px 10px;
    border-radius: 100px;
}

#modalContentEvaluate .rateUsModal {
    padding: 1rem;
    margin: 2rem 3rem 3rem 3rem;
    display: flex;
    box-shadow: 0px 2px 4px #e1e1e1;
    border-radius: 10px;
}
#modalContentEvaluate .rateUsModal em {
    width: 100%;
    font-size: 48px;
    color: #DBD1D1;
    cursor: pointer;
}
#modalContentEvaluate .rateUsModal em.selectedStar {
    color: #E2BD3A;
}
#modalContentEvaluate .rateUsThankYou {
    margin: 0rem 3rem 3rem 3rem;
    text-align: center;
    display: none;
}

#modalContentForm .formModal {
    margin: 2rem 3rem 3rem 3rem;
}
#modalContentForm .formModal input, #modalContentForm .formModal textarea{
    border-radius: 0;
}

#modalContentForm .formModal .formModalSubmit input{
    background: #F01414;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    padding: 15px 20px;
}

#modalContentForm .formModal .formThankYou, #modalContentForm .formModal .formError {
    margin: 2rem 3rem 3rem 3rem;
    text-align: center;
    display: none;
}
#modalContentForm .formModal .formModalSubmit input:hover {
    color: var(--cpf-p-white) !important;
    background-color: var(--cpf-p-400) !important;
    border-color: var(--cpf-p-400) !important;
}

.event-trigger { display:none !important }

.sub_content > div:nth-child(2) a{
    display: none !important;
}
.overflow-hidden a.cursor-default {
    cursor: pointer;

}


.puducpf a {
    background: url(/assets/img/cpf.svg);
    background-repeat: no-repeat;
    background-position: 2% center;
    border-bottom: 0 !important;
    background-size: auto 75%;
    text-indent: -9999px;
}
.puducpf a.nav-link:hover {
    background-color: inherit !important;
    box-shadow: none !important;
}