@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;
0,400;
0,500;
0,600;
0,700;
1,400;
1,500;
1,600;
1,700&display=swap);
a,body{
    color:#353d40
}
.cd-header__menu-lang:hover .cd-header__menu-lang-sub,.cd-header__menu>li:hover .cd-header__menu-sub,.cd-tab__slider:first-child,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    text-decoration:none;
    box-sizing:border-box
}
.cd-product__img,.cd-product__title,p{
    margin-bottom:10px
}
b{
    font-weight:700
}
.cd-button,strong{
    font-weight:600
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
:focus{
    outline:0
}
body{
    font-family:Poppins,sans-serif;
    font-size:14px;
    display:flex;
    flex-direction:column
}
a:hover{
    color:#312b7c
}
.debug{
    border:1px solid red
}
.dn{
    display:none!important
}
.p0{
    padding:0!important
}
.pt60{
    padding-top:60px!important
}
.only-pb100{
    padding:0 0 100px!important
}
.only-pt100{
    padding:100px 0 0!important
}
.cd-button{
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:5px;
    width:max-content;
    transition:.5s
}
.cd-banner,.cd-pagination{
    display:flex;
    align-items:center
}
.cd-button i{
    font-size:18px
}
.cd-button--ghost{
    padding:10px 20px;
    color:#cb6d52;
    border:1px solid #cb6d52
}
.cd-button--ghost:hover{
    color:#fff;
    background:#cb6d52
}
.cd-button--yellow{
    padding:10px 20px;
    background:#fbf3a2
}
.cd-button--yellow:hover,.cd-tab-menu ul a.active{
    background:#312b7c;
    color:#fff
}
.cd-button--mini{
    font-weight:500
}
.cd-button--mini:hover{
    color:#cb6d52
}
.cd-button--banner{
    padding:10px 20px;
    background-color:#000000b9;
    color:#fff;
    font-size:14px
}
.cd-button--banner i{
    font-size:14px
}
.cd-button--banner:hover{
    background:#fff;
    color:#353d40
}
.cd-badge{
    display:flex;
    width:max-content
}
.cd-badge--top-banner{
    padding:5px 10px;
    border-radius:30px;
    background:#fff;
    font-size:12px;
    color:#cb6d52
}
.cd-banner{
    position:relative;
    border-radius:10px;
    overflow:hidden;
    background:#ebf0f2;
    padding:0 30px;
    height:240px
}
.cd-banner__text{
    width:70%;
    position:relative;
    z-index:99;
    display:flex;
    flex-direction:column;
    color:#000000b9
}
.cd-banner__text h5{
    font-size:14px;
    font-weight:300
}
.cd-banner__text h4{
    font-size:22px;
    font-weight:600;
    margin-bottom:10px
}
.cd-banner__img{
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    left:0;
    top:0
}
.cd-pagination{
    gap:10px;
    justify-content:center
}
.cd-breadcrub,.cd-pagination a{
    align-items:center;
    display:flex
}
.cd-pagination a{
    border:1px solid #d6d5e5;
    width:45px;
    height:45px;
    justify-content:center;
    color:#312b7c;
    border-radius:5px;
    transition:.5s
}
.cd-pagination a:hover{
    background:#d6d5e5
}
.cd-pagination a.active{
    color:#fff;
    background:#312b7c;
    border:1px solid #312b7c
}
.cd-pagination a.uil{
    font-size:24px;
    border:none
}
.cd-breadcrub{
    gap:15px;
    font-size:14px
}
.cd-breadcrub a,.cd-breadcrub li{
    display:flex;
    align-items:center
}
.cd-product{
    display:flex;
    flex-direction:column;
    position:relative
}
.cd-product__img{
    display:flex;
    position:relative
}
.cd-product__img img{
    width:100%;
    aspect-ratio:3/3.5;
    border:1px solid #eee;
    border-radius:10px;
    object-fit:cover
}
.cd-product__cat{
    font-size:12px;
    font-weight:300;
    opacity:.8
}
.cd-product__title{
    display:flex;
    font-weight:500
}
.cd-mini-blog__img,.cd-mini-video__img,.cd-mobile-header__logo,.cd-product__title a,.cd-tab-menu ul,.cd-tab-menu ul li{
    display:flex
}
.cd-blog,.cd-blog__text,.cd-product__prices,.cd-slogan__text{
    display:flex;
    flex-direction:column
}
.cd-product__prices-discount{
    display:flex;
    align-items:center;
    gap:15px;
    font-weight:300;
    font-size:14px
}
.cd-product__prices-discount span:first-child{
    text-decoration:line-through
}
.cd-product__prices-discount span:last-child{
    color:#ed4035
}
.cd-product__prices>span{
    font-size:22px;
    font-weight:600
}
.cd-blog__header{
    display:flex;
    position:relative;
    width:100%;
    margin-bottom:20px
}
.cd-blog__header-img,.cd-ibox__img{
    display:flex;
    width:100%
}
.cd-blog__header-img img{
    width:100%;
    height:300px;
    background:#ccc;
    border-radius:10px;
    object-fit:cover
}
.cd-blog__header-cat{
    position:absolute;
    bottom:20px;
    right:20px;
    font-size:14px;
    border-radius:5px;
    padding:5px 10px;
    background:#fff;
    color:#cb6d52
}
.cd-blog__text h3{
    font-size:18px;
    font-weight:500;
    margin-bottom:5px
}
.cd-blog__text>span{
    font-weight:300;
    margin-bottom:13px
}
.cd-blog__author span,.cd-mini-blog__text-title,.cd-mini-video__text-title,.cd-video__text a{
    font-weight:500
}
.cd-blog__info{
    display:flex;
    justify-content:end;
    align-items:center
}
.cd-blog__author{
    display:flex;
    background:#fef8f2;
    border-radius:40px;
    padding:5px 15px 5px 5px;
    gap:10px;
    align-items:center
}
.cd-blog__author img{
    width:30px;
    height:30px;
    border-radius:100%;
    background:#ccc;
    object-fit:cover
}
.cd-blog--l .cd-blog__header-img img{
    height:425px
}
.cd-blog--l .cd-blog__text h3{
    font-size:20px
}
.cd-blog--horizontal{
    flex-direction:row;
    gap:15px
}
.cd-blog--horizontal .cd-blog__header-img img{
    height:195px
}
.cd-mini-blog{
    display:flex;
    justify-content:space-between;
    gap:10px
}
.cd-mini-blog__img img{
    width:110px;
    height:85px;
    border-radius:5px;
    background:#ccc;
    object-fit:cover
}
.cd-mini-blog__text,.cd-video__text{
    display:flex;
    flex-direction:column;
    gap:5px;
     width: 100%
}
.cd-mini-blog__text-cat{
    color:#cb6d52;
    border:1px solid #cb6d52;
    border-radius:5px;
    padding:5px 10px;
    width:max-content;
    font-size:14px
}
.cd-mini-video__img img,.cd-video__img img{
    border-radius:10px;
    background:#ccc;
    object-fit:cover
}
.cd-header__bottom,.cd-header__top,.cd-mobile-bottom__menu-sub ul li,.cd-mobile-header{
    border-bottom:1px solid #eee
}
.cd-mini-video{
    display:flex;
    gap:10px
}
.cd-mini-video__img img{
    width:170px;
    height:110px
}
.cd-mini-video__text{
    display:flex;
    gap:5px;
    flex-direction:column
}
.cd-mini-video__text-views{
    font-size:12px;
    font-weight:300
}
.cd-tab-menu{
    padding:5px;
    border-radius:55px;
    background:#ebf0f2;
    margin-top:10px
}
.cd-tab-menu ul a{
    display:flex;
    padding:10px 20px;
    font-weight:500;
    border-radius:44px
}
.cd-top-banner{
    padding:10px 0;
    background:#fbf3a2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    color:#312b7c;
    font-size:14px
}
.cd-top-banner__container{
    width:1200px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
.cd-top-banner__close{
    position:absolute;
    right:15px;
    color:#82786f;
    font-size:16px;
    cursor:pointer
}
.cd-video{
    display:flex;
    flex-direction:column;
    gap:15px;
    width:100%
}
.cd-video__img{
    display:flex;
    position:relative
}
.cd-video__img img{
    width:100%;
    aspect-ratio:16/9
}
.cd-video__img i{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:50px;
    height:50px;
    background:#fff;
    color:#ed4035;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    opacity:0;
    transition:.5s
}
.cd-blog-detail__gallery ul a:hover i,.cd-header__menu>li>a:hover::before,.cd-instagram__arrow:hover,.cd-tab__slider-arrow:hover,.cd-video__img:hover i,.cd-videos__arrow:hover{
    opacity:1
}
.cd-video__info{
    font-size:12px;
    display:flex;
    gap:5px;
    font-weight:300;
    align-items:center
}
.cd-ibox__user,.cd-slogan{
    align-items:center;
    display:flex
}
.cd-video__info i{
    width:5px;
    height:5px;
    border-radius:100%;
    background:#d0dee5
}
.cd-ibox{
    position:relative;
    max-width:280px;
    display:flex
}
.cd-ibox__user{
    position:absolute;
    top:5px;
    left:15px;
    background:#ffffff00;
    border-radius:40px;
    padding:5px;
    transition:.5s
}
.cd-ibox__user img{
    width:30px;
    height:30px;
    border-radius:100%;
    background:#ccc
}
.cd-ibox__user span{
    font-weight:500;
    overflow:hidden;
    width:0;
    padding:0;
    transition:.5s
}
.cd-ibox:hover .cd-ibox__user span{
    width:100%;
    padding:0 10px
}
.cd-ibox:hover .cd-ibox__user{
    background:#fff
}
.cd-ibox__img img{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover;
    background:#ccc;
    border-radius:10px
}
.cd-slogan{
    gap:15px
}
.cd-slogan img{
    max-width:48px;
    max-height:48px
}
.cd-slogan__text h6{
    font-weight:500
}
.cd-slogan__text span{
    font-weight:300;
    font-size:14px
}
.cd-section{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:100px 0
}
.cd-section__container{
    display:flex;
    flex-direction:column;
    gap:30px;
    align-items:center;
    width:1200px
}
.cd-section__container-title{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center
}
.cd-section__container-title h4{
    text-align:center;
    font-size:26px;
    font-weight:400;
    color:#312b7c
}
.cd-section__container-title span{
    max-width:580px;
    margin-top:5px
}
.cd-section__3-col{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    width:100%
}
.cd-section__4-col{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    width:100%
}
.cd-mobile-header{
    display:none;
    width:100%;
    position:relative;
    flex-direction:column;
    padding:10px 20px;
    gap:10px;
    background:#fff;
    z-index:99
}
.cd-mobile-header__top{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.cd-mobile-header__logo img{
    max-height:35px
}
.cd-mobile-header__menu-button{
    display:flex;
    align-items:center;
    width:35px;
    height:35px;
    border-radius:5px;
    background:#cb6d52;
    color:#fff;
    font-size:24px;
    justify-content:center
}
.cd-mobile-header__search{
    width:100%;
    display:flex;
    position:relative
}
.cd-mobile-header__search form{
    width:100%;
    display:flex
}
.cd-mobile-header__search input{
    width:100%;
    height:45px;
    border:1px solid #eee;
    border-radius:5px;
    line-height:50px;
    padding:0 15px 0 30px
}
.cd-mobile-header__search i{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px
}
.cd-mobile-header__menu-main{
    background:#fff;
    position:absolute;
    left:0;
    top:111px;
    width:100%;
    padding:20px;
    box-shadow:0 5px 10px rgba(0,0,0,.05);
    display:none
}
.cd-mobile-header__menu-main ul{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    width:100%;
    margin-bottom:20px
}
.cd-mobile-header__menu-main ul li{
    display:flex
}
.cd-mobile-header__menu-main ul a{
    display:flex;
    align-items:center;
    gap:7px
}
.cd-mobile-header__menu-main ul a::before{
    content:"";
    width:5px;
    height:5px;
    border-radius:100%;
    background:#d0dee5
}
.cd-mobile-header__menu-lang{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:20px;
    border-top:1px solid #eee;
    gap:15px;
    font-size:14px
}
.cd-instagram__arrow,.cd-tab__slider-arrow,.cd-videos__arrow{
    font-size:40px;
    opacity:.5;
    cursor:pointer;
    transition:.5s
}
.cd-mobile-header__menu-lang a{
    background:#ebf0f2;
    display:flex;
    padding:3px 5px 3px 3px;
    gap:5px;
    align-items:center;
    border-radius:5px
}
.cd-mobile-header__menu-lang a img{
    width:15px;
    height:15px;
    border-radius:100%
}
.cd-mobile-header__menu-lang a.active{
    background:#312b7c;
    color:#fff
}
.cd-mobile-bottom{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    border-top:1px solid #eee;
    padding:0 20px;
    z-index:999
}
.cd-mobile-bottom__menu{
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px;
    width:100%
}
.cd-mobile-bottom__menu ul{
    display:flex;
    width:100%;
    justify-content:space-between
}
.cd-mobile-bottom__menu ul li{
    display:flex
}
.cd-mobile-bottom__menu ul a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.cd-mobile-bottom__menu ul a span{
    font-size:12px
}
.cd-mobile-bottom__menu ul a i{
    font-size:24px;
    line-height:1
}
.cd-mobile-bottom__menu-sub{
    padding:20px;
    box-shadow:0 -5px 10px rgba(0,0,0,.05);
    position:absolute;
    bottom:61px;
    background:#fff;
    width:100%;
    left:0;
    display:none
}
.cd-footer,.cd-mobile-bottom__menu-sub ul{
    display:flex;
    flex-direction:column
}
.cd-mobile-bottom__menu-sub ul li:last-child{
    border:none
}
.cd-mobile-bottom__menu-sub ul a{
    padding:10px 0;
    width:100%;
    display:flex;
    justify-content:space-between
}
.cd-header{
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:9
}
.cd-header__top{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px 0
}
.cd-header__top-container{
    width:1200px;
    display:flex;
    justify-content:space-between;
    position:relative;
    align-items:center
}
.cd-header__bottom{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.cd-header__bottom-container{
    width:1200px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.cd-header__search{
    width:270px;
    display:flex
}
.cd-header__search form{
    width:100%;
    display:flex
}
.cd-header__search input{
    width:100%;
    height:45px;
    border:1px solid #eee;
    border-radius:5px;
    line-height:50px;
    padding:0 15px 0 30px
}
.cd-header__search i{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px
}
.cd-header__logo{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.cd-header__menu-lang-sub,.cd-header__menu-sub{
    background:#fff;
    padding:15px;
    top:56px;
    box-shadow:0 5px 5px #00000020
}
.cd-header__logo img{
    max-height:55px
}
.cd-header__menu-user{
    display:flex;
    gap:25px
}
.cd-header__menu-user li{
    display:flex
}
.cd-header__menu-user a{
    display:flex;
    gap:5px;
    align-items:center;
    justify-content:center;
    position:relative
}
.cd-header__menu-user a i{
    font-size:24px
}
.cd-header__menu-user a span{
    position:absolute;
    width:20px;
    height:20px;
    color:#fff;
    font-size:10px;
    background:#ed4035;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    left:10px;
    top:-3px
}
.cd-header__menu{
    display:flex;
    gap:40px;
    font-weight:500
}
.cd-header__menu>li{
    position:relative
}
.cd-header__menu>li>a{
    display:flex;
    align-items:center;
    gap:5px;
    height:55px;
    padding:0 15px;
    position:relative
}
.cd-header__menu>li>a::before{
    content:"";
    width:0%;
    height:5px;
    border-radius:5px;
    background:#312b7c;
    position:absolute;
    top:-3px;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    transition:.5s
}
.cd-header__menu>li>a:hover::before{
    width:100%
}
.cd-header__menu-sub{
    border:5px;
    min-width:300px;
    position:absolute;
    left:0;
    display:none;
    width:100%;
    border-radius:0 0 5px 5px
}
.cd-header__menu-sub ul{
    display:flex;
    gap:10px;
    font-weight:400;
    flex-direction:column
}
.cd-header__menu-lang{
    display:flex;
    position:relative
}
.cd-header__menu-lang-main{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:55px
}
.cd-header__menu-lang-main img{
    width:20px;
    height:20px;
    border-radius:100%;
    background:#ccc
}
.cd-header__menu-lang-sub{
    border:5px;
    position:absolute;
    right:0;
    border-radius:0 0 5px 5px;
    display:none
}
.cd-instagram__arrow-right,.cd-tab__slider-arrow-right,.cd-videos__arrow-right{
    right:-40px
}
.cd-header__menu-lang-sub ul{
    display:flex;
    gap:10px;
    flex-direction:column
}
.cd-header__menu-lang-sub ul li{
    display:flex
}
.cd-header__menu-lang-sub ul a{
    display:flex;
    align-items:center;
    gap:5px
}
.cd-header__menu-lang-sub ul a img{
    width:20px;
    height:20px;
    border-radius:100%;
    background:#ccc
}
.cd-headline{
    padding:60px 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#d0dee5
}
.cd-headline__container{
    display:flex;
    justify-content:space-between;
    width:1200px
}
.cd-headline__slider{
    display:flex;
    position:relative;
    overflow:hidden;
    width:100%;
    border-radius:10px
}
.cd-headline__slide,.cd-headline__slider-wrapper{
    width:100%;
    display:flex
}
.cd-headline__slider-pagination{
    position:absolute;
    z-index:99;
    bottom:50px!important;
    left:50px!important;
    display:flex;
    gap:10px
}
.cd-headline__slider-pagination span{
    margin:0!important;
    opacity:1;
    width:15px;
    height:15px;
    background:#a0b8c1;
    border-radius:15px;
    transition:.5s
}
.cd-headline__slider-pagination span.swiper-pagination-bullet-active{
    width:50px;
    background:#312b7c
}
.cd-headline__slide{
    background:#ebf0f2;
    height:480px;
    position:relative
}
.cd-headline__slide-text{
    display:flex;
    flex-direction:column;
    width:390px;
    position:absolute;
    top:90px;
    left:50px;
    z-index:2
}
.cd-headline__sidebar,.cd-tab{
    display:flex;
    flex-direction:column
}
.cd-headline__slide-text h6{
    font-weight:300;
    color:#312b7c;
    margin-bottom:5px
}
.cd-headline__slide-text h5{
    font-size:36px;
    font-weight:600;
    margin-bottom:15px
}
.cd-headline__slide-text h5 a{
    color:#312b7c
}
.cd-headline__slide-img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.cd-instagram__arrow-left,.cd-tab__slider-arrow-left,.cd-videos__arrow-left{
    left:-40px
}
.cd-headline__sidebar{
    width:410px;
    gap:30px
}
.cd-headline__sidebar .cd-banner{
    height:225px
}
.cd-tab{
    width:100%
}
.cd-tab__slider{
    display:none;
    width:100%;
    float:left;
    position:relative
}
.cd-instagram__slider,.cd-tab__slider-container,.cd-videos__slider{
    display:flex;
    width:100%;
    overflow:hidden
}
.cd-tab__slider-wrapper{
    display:flex;
    width:100%
}
.cd-tab__slider-wrapper .cd-product{
    max-width:100%;
    width:100%
}
.cd-tab__slider-arrow{
    position:absolute;
    top:130px
}
.cd-about{
    display:flex;
    flex-direction:column;
    padding:80px 0;
    background:#fdf1e6;
    align-items:center;
    justify-content:center
}
.cd-about__container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:1050px
}
.cd-about__img{
    width:500px;
    height:500px;
    border-radius:10px;
    object-fit:cover
}
.cd-about__info{
    width:500px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.cd-about__info h5{
    font-size:12px;
    letter-spacing:.04em;
    color:#cb6d52
}
.cd-about__info h4{
    font-size:36px;
    font-weight:400;
    color:#312b7c
}
.cd-about__info-text{
    margin:15px 0;
    letter-spacing:.03em;
    line-height:26px
}
.cd-about__info-social{
    display:flex;
    gap:15px
}
.cd-about__info-social li{
    display:flex
}
.cd-about__info-social a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border-radius:100%;
    background:#fff;
    color:#312b7c;
    font-size:24px;
    transition:.5s
}
.cd-about__info-social a:hover{
    color:#fff;
    background:#312b7c
}
.cd-blog-detail,.cd-blogs-headline,.cd-video-detail{
    display:flex;
    justify-content:space-between;
    width:100%
}
.cd-blogs-headline__left{
    width:540px;
    display:flex;
    flex-direction:column
}
.cd-blogs-headline__right{
    width:630px
}
.cd-banners{
    width:100%;
    display:flex;
    gap:30px;
    flex-direction:column
}
.cd-banners__2-col{
    display:grid;
    gap:30px;
    grid-template-columns:repeat(2,1fr);
    width:100%
}
.cd-banners__2-col .cd-banner{
    height:300px
}
.cd-banners__2-col .cd-banner__text h4{
    font-size:32px
}
.cd-banners__3-col{
    display:grid;
    gap:30px;
    grid-template-columns:repeat(3,1fr);
    width:100%
}
.cd-instagram,.cd-videos{
    width:100%;
    position:relative;
    display:flex;
    flex-direction:column
}
.cd-videos__arrow{
    position:absolute;
    top:50px
}
.cd-instagram__arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.cd-footer__slogans{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:50px 0;
    border-top:1px solid #e2e8ea
}
.cd-footer__slogans-container{
    width:1200px;
    display:grid;
    gap:30px;
    grid-template-columns:repeat(4,1fr)
}
.cd-footer__nav{
    display:flex;
    flex-direction:column;
    background:#ebf0f2;
    padding:80px 0;
    align-items:center;
    justify-content:center
}
.cd-footer__nav-container{
    width:1200px;
    display:flex;
    justify-content:space-between
}
.cd-footer__nav-menu{
    width:190px;
    display:flex;
    flex-direction:column;
    gap:15px
}
.cd-footer__nav-menu h6{
    font-size:18px;
    font-weight:600
}
.cd-footer__nav-menu ul{
    display:flex;
    flex-direction:column;
    gap:10px
}
.cd-footer__nav-menu--products{
    width:750px
}
.cd-footer__nav-menu--products ul{
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.cd-footer__cop{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:50px 0;
    border-top:1px solid #e2e8ea;
    background:#ebf0f2
}
.cd-footer__cop-container{
    width:1200px;
    display:flex;
    justify-content:center;
    align-items:center
}
.cd-footer__cop-text{
    display: flex;
     flex-direction: column;
     justify-content: center;
    align-items: center;
     font-weight:300;
    max-width:600px;
    font-size:14px
}
.cd-footer__cop-text p:last-child{
    margin-bottom:0
}
.cd-blog-detail__content{
    width:850px;
    display:flex;
    flex-direction:column
}
.cd-blog-detail__title{
    display:flex;
    flex-direction:column;
    margin-bottom:20px
}
.cd-blog-detail__title h1{
    font-size:36px;
    font-weight:600
}
.cd-blog-detail__img{
    width:100%;
    height:480px;
    border-radius:10px;
    background:#ccc;
    margin-bottom:10px;
    object-fit:cover
}
.cd-blog-detail__info{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.cd-blog-detail__info-left{
    display:flex;
    align-items:center;
    gap:20px
}
.cd-blog-detail__info-cat{
    color:#cb6d52;
    border:1px solid #cb6d52;
    border-radius:5px;
    padding:5px 10px
}
.cd-blog-detail__info-date{
    font-weight:300
}
.cd-blog-detail__info-author{
    display:flex;
    background:#fef8f2;
    border-radius:40px;
    padding:5px 15px 5px 5px;
    gap:10px;
    align-items:center
}
.cd-blog-detail__info-author img{
    width:30px;
    height:30px;
    border-radius:100%;
    background:#ccc
}
.cd-blog-detail__info-author span{
    font-weight:500
}
.cd-blog-detail__categories h6,.cd-blog-detail__popular h6{
    font-size:18px;
    font-weight:400;
    color:#312b7c
}
.cd-blog-detail__text{
    width:100%;
    letter-spacing:.03em;
    line-height:26px
}
.cd-blog-detail__gallery{
    display:flex;
    flex-direction:column;
    margin-top:40px
}
.cd-blog-detail__gallery ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    width:100%
}
.cd-blog-detail__gallery ul li{
    display:flex
}
.cd-blog-detail__gallery ul a{
    display:flex;
    position:relative;
    width:100%;
    border-radius:5px;
    overflow:hidden
}
.cd-blog-detail__gallery ul a img{
    width:100%;
    height:225px;
    background:#ccc;
    object-fit:cover
}
.cd-blog-detail__gallery ul a i{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:45px;
    color:#fff;
    background:#302b7cad;
    opacity:0;
    transition:.5s
}
.cd-blog-detail__sidebar{
    width:320px;
    display:flex;
    flex-direction:column;
    gap:20px
}
.cd-blog-detail__categories{
    display:flex;
    flex-direction:column;
    background:#f5fafd;
    padding:20px;
    border-radius:10px
}
.cd-blog-detail__categories h6{
    margin-bottom:15px
}
.cd-blog-detail__categories ul{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:15px
}
.cd-blog-detail__categories ul li{
    display:flex
}
.cd-blog-detail__categories ul a{
    display:flex;
    align-items:center;
    gap:5px
}
.cd-blog-detail__categories ul a::before{
    width:5px;
    height:5px;
    border-radius:100%;
    content:"";
    background:#cb6d52
}
.cd-blog-detail__popular{
    display:flex;
    flex-direction:column;
    gap:15px
}
.cd-video-detail__content{
    width:770px;
    display:flex;
    flex-direction:column
}
.cd-video-detail__video{
    border-radius:10px;
    overflow:hidden;
    background:#000;
    width:100%;
    aspect-ratio:16/9;
    margin-bottom:15px
}
.cd-video-detail__title{
    display:flex;
    flex-direction:column;
    margin-bottom:10px
}
.cd-video-detail__title h1{
    font-size:26px;
    font-weight:600
}
.cd-video-detail__info-left,.cd-video-detail__info-share span{
    font-size:12px;
    font-weight:300
}
.cd-video-detail__info{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px
}
.cd-video-detail__info-left{
    display:flex;
    gap:10px;
    align-items:center
}
.cd-video-detail__info-left i{
    width:5px;
    height:5px;
    border-radius:100%;
    background:#d0dee5
}
.cd-video-detail__info-share{
    display:flex;
    gap:15px;
    align-items:center
}
.cd-video-detail__info-share ul{
    display:flex;
    gap:15px;
    font-size:20px
}
.cd-video-detail__info-share ul a,.cd-video-detail__info-share ul li{
    display:flex
}
.cd-video-detail__info-share ul a.uil-facebook-f{
    color:#417cc2
}
.cd-video-detail__info-share ul a.uil-twitter-alt{
    color:#40ceed
}
.cd-video-detail__info-share ul a.uil-whatsapp{
    color:#3ee16c
}
.cd-video-detail__sidebar{
    width:400px;
    flex-direction:column;
    display:flex
}
.cd-video-detail__popular{
    display:flex;
    gap:15px;
    flex-direction:column
}
.cd-video-detail__popular h6{
    font-size:18px;
    font-weight:400;
    color:#312b7c
}
@media screen and (max-device-width:768px){
    .cd-about__img,.cd-blog-detail__gallery ul a img,.cd-headline__slide{
        height:auto
    }
    body{
        font-size:14px
    }
    .cd-about__info,.cd-blogs-headline__left,.cd-section__container,.cd-section__container-title,.cd-top-banner__container{
        width:100%
    }
    .cd-product__prices>span{
        font-size:16px
    }
    .cd-breadcrub{
        gap:10px;
        font-size:12px
    }
    .cd-blog{
        flex-direction:column!important;
        gap:0!important
    }
    .cd-blog__header{
        margin-bottom:10px
    }
    .cd-blog__header-img img{
        height:auto!important;
        width:100%!important;
        aspect-ratio:4/3
    }
    .cd-blog__text h3{
        font-size:16px!important
    }
    .cd-section{
        padding:50px 20px!important
    }
    .cd-section__container-title h4{
        font-size:18px
    }
    .cd-banners__2-col,.cd-banners__3-col,.cd-section__3-col{
        grid-template-columns:1fr;
        gap:20px
    }
    .cd-section__4-col{
        grid-template-columns:repeat(2,1fr);
        gap:20px
    }
    .cd-tab-menu{
        width:100%;
        border-radius:10px;
        overflow:auto
    }
    .cd-tab-menu ul a{
        white-space:nowrap;
        border-radius:5px;
        padding:5px 10px;
        font-size:12px;
        font-weight:300
    }
    .cd-header,.cd-tab__slider-arrow{
        display:none
    }
    .cd-mobile-bottom,.cd-mobile-header{
        display:flex
    }
    .cd-about,.cd-footer__nav,.cd-footer__slogans,.cd-headline{
        padding:50px 20px
    }
    .cd-headline__container{
        width:100%;
        flex-direction:column;
        gap:20px
    }
    .cd-headline__slider{
        aspect-ratio:19/12;
        width:100%
    }
    .cd-headline__slide-text{
        width:60%;
        left:20px;
        top:50%;
        transform:translateY(-50%)
    }
    .cd-headline__slide-text h6{
        font-size:14px
    }
    .cd-about__info h4,.cd-blog-detail__title h1,.cd-headline__slide-text h5,.cd-video-detail__title h1{
        font-size:18px
    }
    .cd-blog-detail__info-author,.cd-headline__slider-pagination,.cd-instagram__arrow,.cd-video-detail__info-left,.cd-video__info,.cd-videos__arrow{
        display:none
    }
    .cd-headline__sidebar{
        width:100%;
        gap:20px
    }
    .cd-about__container{
        width:100%;
        flex-direction:column;
        gap:30px
    }
    .cd-about__img{
        width:100%;
        aspect-ratio:1/1
    }
    .cd-about__info-text{
        margin:5px 0;
        letter-spacing:initial;
        line-height:initial
    }
    .cd-blogs-headline{
        flex-direction:column;
        gap:20px
    }
    .cd-blogs-headline__right{
        width:100%;
        gap:20px;
        display:flex;
        flex-direction:column
    }
    .cd-footer__slogans-container{
        grid-template-columns:1fr;
        width:100%
    }
    .cd-footer__nav-container{
        flex-direction:column;
        gap:20px;
        width:100%
    }
    .cd-blog-detail__content,.cd-blog-detail__sidebar,.cd-footer__nav-menu--products,.cd-video-detail__content,.cd-video-detail__sidebar{
        width:100%
    }
    .cd-footer__nav-menu--products ul{
        grid-template-columns:1fr
    }
    .cd-footer__cop{
        padding:40px 20px
    }
    .cd-footer__cop-container{
        width:100%;
        align-items:center;
        justify-content:center;
        gap:20px;
        flex-direction:column;
        text-align:center;
        padding-bottom:40px
    }
    .cd-blog-detail,.cd-video-detail{
        flex-direction:column;
        gap:40px
    }
    .cd-blog-detail__img{
        width:100%;
        height:auto
    }
    .cd-blog-detail__gallery ul{
        grid-template-columns:repeat(2,1fr)
    }
}
.cd-blog-detail__text img{
    width:100%;
    height:auto
}
 .banner__side{
    display: grid;
    grid-template-columns: repeat(3,1fr);
     width: 100%
}
.page_404 img{
    width:100%
}
.four_zero_four_bg{
    background-image:url(/static/frontend/assets/images/404.gif);
    height:400px;
    background-position:center
}
.four_zero_four_bg h1,.four_zero_four_bg h3{
    font-size:80px
}
.link_404{
    color:#fff!important;
    padding:10px 20px;
    background:#39ac31;
    margin:20px 0;
    display:inline-block
}
.contant_box_404{
    margin-top:-50px;
    display:flex;
    justify-content:center
}