


/** Social Icons **/


.button {
  position: fixed;
  left: 10px;
  bottom: var(--position);
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: var(--bg-color);
  overflow: hidden;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1),
      inset 2px -2px 3px rgb(0 0 0 / 40%);
  z-index: 100;
  color: #fff;
}

.button span {
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
  margin-left: 10px;
  position: relative;
}

.phoning {
  transform: rotatey(180deg);
}

.button:hover {
  width: 200px;
  background-color: #fff;
  color: var(--bg-color);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.button .icon {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.button .icon i {
  font-size: 22px;
  line-height: 50px;
  transition: all 0.3s ease-in-out;
}

.button:hover .icon {
  background-color: var(--bg-color);
  color: #fff;
  box-shadow: inset 2px -2px 3px rgb(0 0 0 / 40%);
}

.button:hover i {
  color: #fff;
}



/* template-color */

.scroll-top{
  background: #f85c70;
}

.theme-btn-one{
  background-color: #f85c70;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #f85c70 !important;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
	color: #f85c70;
}

.radio-select-box input[type="radio"]:checked + label span{
	border-color: #f85c70;
}

.radio-select-box label span:before{
	background-color: #f85c70;
}

.radio-select-box input[type="radio"]:checked + label{
	color: #f85c70;
}

.banner-section .content-box .input-inner .btn-box button{
	background-color: #f85c70;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  color: #f85c70;
}

.sec-title span{
	color: #f85c70;
}

.category-block-one .inner-box:before{
	background-color: #f85c70;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
	border-top: 2px solid #f85c70;
}

.main-menu .navigation > li > ul > li > ul{
	border-top: 2px solid #f85c70;
}

.feature-block-one .inner-box .image-box .feature{
	background-color: #2dbe6c;
}

.feature-block-one .inner-box .image-box .shape:before{
	background-color: #1b8a4b;
}

.feature-block-one .inner-box .image-box .shape:after{
	background-color: #1b8a4b;
}

.feature-block-one .inner-box .image-box .icon{
	background-color: #f85c70;
}

.feature-block-one .inner-box .image-box .icon .icon-shape{
	background-color: #2dbe6c;
}

.feature-block-one .inner-box .image-box .icon:before{
	background-color: #2dbe6c;
}

.feature-block-one .inner-box .image-box .icon:after{
	background-color: #2dbe6c;
}

.feature-block-one .inner-box .image-box .rating li{
	color: #ffab01;
}

.feature-block-one .inner-box .image-box h5{
	color: #f85c70;
}

.feature-block-one .inner-box .image-box .rating li a:hover{
  color: #f85c70;
}

.feature-block-one .inner-box .lower-content .author-box .inner h6 i{
	background-color: #2dbe6c;
}

.feature-block-one .inner-box .lower-content .author-box .inner span{
	background-color: #7360ff;
}

.feature-block-one .inner-box .lower-content .category i{
	color: #f85c70;
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover{
  background-color: #f85c70;
}

.nav-style-one .owl-prev:hover,
.nav-style-one .owl-next:hover{
  background-color: #f85c70;
}

.feature-block-one .inner-box .lower-content h3 a:hover{
  color: #f85c70;
}

.feature-block-one .inner-box .lower-content .rating li{
	color: #ffab01;
}

.feature-block-one .inner-box .lower-content .rating li a:hover{
  color: #f85c70;
}

.feature-block-one .inner-box .lower-content .lower-box h5{
	color: #f4442c;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li a:hover{
  color: #f85c70;
}

.place-block-one .inner-box .lower-content .inner h3 a:hover{
  color: #f85c70;
}

.pricing-block-one .pricing-table .table-content .list li:before{
	background-color: #f85c70;
}

.pricing-block-one .pricing-table .table-footer a:hover{
  background-color: #f85c70;
}

.pricing-block-one.active .pricing-table .table-footer a{
  background-color: #f85c70;
}

.download-section .content_block_1 .content-box span.upper-text{
	background-color: #7360ff;
}

.tabs-box .tab-btn-box .tab-btns li:before{
	background-color: #f85c70;
}

.tabs-box .tab-btn-box .tab-btns li.active-btn{
	color: #f85c70;
}

.news-block-one .inner-box .lower-content .category{
	color: #f85c70;
}

.news-block-one .inner-box .lower-content h3 a:hover{
  color: #f85c70;
}

.news-block-one .inner-box .lower-content .post-info a:hover{
  color: #f85c70;
}

.subscribe-section .text .icon-box{
	color: #f85c70;
}

.subscribe-section .subscribe-form .form-group input:focus{
  border-color: #f85c70 !important;
}

.footer-top .logo-widget .social-links li a:hover{
  background-color: #f85c70;
}

.footer-top .links-widget .links-list li a:before{
	background-color: #f85c70;
}

.footer-top .links-widget .links-list li a:hover{
  color: #f85c70;
}

.footer-top .post-widget .post-inner .post .post-thumb:before{
	background-color: #f85c70;
}

.footer-top .post-widget .post-inner .post h5 a:hover{
  color: #f85c70;
}

.footer-top .contact-widget .info-list li a:hover{
  color: #f85c70;
}

.footer-top .contact-widget .info-list li i{
	color: #f85c70;
}

.footer-bottom .copyright p a:hover{
  color: #f85c70;
}

.footer-bottom .footer-nav li a:hover{
  color: #f85c70;
}

.banner-section.style-two .radio-select-box input[type="radio"]:checked + label{
	background-color: #f85c70;
}

.content_block_2 .content-box .inner-box .single-item .icon-box:before{
	background-color: #f85c70;
}

.feature-block-one .inner-box .lower-content h4 a:hover{
	color: #f85c70;
}

.main-header.style-three .header-lower .theme-btn-one:hover{
	color: #f85c70 !important;
}

.feature-style-three .feature-block-one .inner-box .image-box .feature-2{
	background-color: #2dbe6c;
}

.feature-style-three .feature-block-one .inner-box .image-box .feature-2:before{
	background-color: #1b8a4b;
}

.header-top .top-inner .info-list li a:hover{
  color: #f85c70;
}

.header-top .top-inner .info-list li i{
	color: #f85c70;
}

.header-top .top-inner .right-column .social-links li a:hover{
  color: #f85c70;
}

.header-top .top-inner .right-column .sign-in a i{
	color: #f85c70;
}

.header-top .top-inner .right-column .sign-in a:hover{
  color: #f85c70;
}

.category-block-two .inner-box .image-box{
	background-color: #7360ff;
}

.category-block-two .inner-box .lower-content span{
	background-color: #7360ff;
}

.category-block-two .inner-box .lower-content h4 a:hover{
  color: #f85c70;
}

.page-title .content-box .bread-crumb li a:hover{
  color: #f85c70;
}

.search-box-inner .input-inner .btn-box button{
	background-color: #f85c70;
}

.default-sidebar .sidebar-category .category-list li a.current:before{
	color: #f85c70;
	border-color: #f85c70;
}

.default-sidebar .sidebar-search .search-form .form-group input:focus + button,
.default-sidebar .sidebar-search .search-form .form-group button:hover{
	color: #f85c70;
}

.default-sidebar .sidebar-search .search-form .form-group input:focus{
  border-color: #f85c70 !important;
}

.default-sidebar .price-filter .price-range .form-group input:focus{
  border-color: #f85c70 !important;
}

.category-details-content .item-shorting .menu-box button.on{
	background-color: #f85c70;
	border-color: #f85c70;
}

.pagination li a:hover,
.pagination li a.current{
  background-color: #f85c70;
  border-color: #f85c70;
}

.pagination li:first-child a:hover,
.pagination li:last-child a:hover{
  color: #f85c70;
}

.page-title-2 .content-box .category i{
	color: #f85c70;
}

.page-title-2 .info-box .left-column h4 i{
	background-color: #2dbe6c;
}

.page-title-2 .info-box .left-column span.sell{
	background-color: #7360ff;
}

.page-title-2 .info-box .left-column .rating li{
	color: #ffab01;
}

.page-title-2 .info-box .left-column .rating li a:hover{
  color: #f85c70;
}

.page-title-2 .info-box .left-column h5{
	color: #f85c70;
}

.page-title-2 .info-box .right-column .links-list li a:hover{
  color: #f85c70;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul li a:hover{
  color: #f85c70;
}

.add-details-content .single-box .list-item li:before{
	background-color: #f85c70;
}

.add-details-content .content-five .review-form .form-group .rating li{
	color: #ffad08;
}

.add-details-content .content-five .review-form .form-group input:focus,
.add-details-content .content-five .review-form .form-group textarea:focus{
  border-color: #f85c70 !important;
}

.process-block-one .inner-box .text .icon-box{
	color: #f85c70;
}

.process-section .inner-content:before{
	background-color: #f85c70;
}

.stores-block-one .inner-box .rating li{
	color: #ffab01;
}

.stores-block-one .inner-box .icon-box:after{
	background-color: #2dbe6c;
}

.stores-block-one .inner-box h4 a:hover{
  color: #f85c70;
}

.default-sidebar .ads-agency .upper-box .rating li{
	color: #ffab01;
}

.default-sidebar .ads-agency .upper-box .icon-box:after{
	background-color: #2dbe6c;
}

.default-sidebar .ads-agency .text .phone-box a i{
	color: #f85c70;
}

.default-sidebar .ads-agency .text .phone-box a:hover{
  color: #f85c70;
}

.default-sidebar .about-store .content-box .social-links li:first-child a{
	background-color: #3b5998;
}

.default-sidebar .about-store .content-box .social-links li:nth-child(2) a{
  background-color: #1da1f2;
}

.default-sidebar .about-store .content-box .social-links li:nth-child(3) a{
  background-color: #dd2a7b;
}

.default-sidebar .about-store .content-box .social-links li:nth-child(4) a{
  background-color: #007bb5;
}

.default-sidebar .about-store .content-box .social-links li:last-child a{
  background-color: #ea4335;
}

.accordion-box .block .acc-btn.active h5{
  color: #f85c70;
}

.accordion-box .block .acc-btn.active .icon-outer:before{
	color: #f85c70;
}

.accordion-box .block .acc-content .text .list-item li:before{
	background-color: #f85c70;
}

.faq-sidebar .submit-form form .form-group input:focus,
.faq-sidebar .submit-form form .form-group textarea:focus{
  border-color: #f85c70 !important;
}

.login-section .inner-container .inner-box form .form-group .text a:hover{
  color: #f85c70;
}

.login-section .inner-container .inner-box form .form-group input:focus{
  border-color: #f85c70 !important;
}

.login-section .inner-container .inner-box .other-content .social-links li:first-child a i{
	color: #466ca9;
}

.login-section .inner-container .inner-box .other-content .social-links li:last-child a i{
	color: #dd4b39;
}

.login-section .inner-container .inner-box .other-content .social-links li a:hover{
  background-color: #f85c70;
}

.login-section .inner-container .inner-box .othre-text p a{
  color: #f85c70;
}

.contact-section .contact-info-inner .single-box .list li a:hover{
	color: #f85c70;
}

.contact-section .contact-info-inner .single-box .social-links li:first-child a{
	background-color: #466ca9;
}

.contact-section .contact-info-inner .single-box .social-links li:nth-child(2) a{
	background-color: #c32aa3;
}

.contact-section .contact-info-inner .single-box .social-links li:nth-child(3) a{
	background-color: #6190db;
}

.contact-section .contact-info-inner .single-box .social-links li:last-child a{
	background-color: #55acee;
}


.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
	border-color: #f85c70 !important;
}

.blog-sidebar .search-widget .search-form .form-group button{
	background-color: #f85c70;
}

.blog-sidebar .social-box .social-links li:first-child a{
	background-color: #466ca9;
}

.blog-sidebar .social-box .social-links li:nth-child(2) a{
  background-color: #dd4b39;
}

.blog-sidebar .social-box .social-links li:nth-child(3) a{
  background-color: #55acee;
}

.blog-sidebar .social-box .social-links li:nth-child(4) a{
  background-color: #0077b5;
}

.blog-sidebar .social-box .social-links li:last-child a{
  background-color: #e4405f;
}

.blog-sidebar .post-widget .post h5 a:hover{
  color: #f85c70;
}

.blog-sidebar .sidebar-category-2 .category-list li a:hover{
  color: #f85c70;
}

.blog-sidebar .tags-widget .tags-list li a:hover{
	background-color: #f85c70;
	border-color: #f85c70;
}

.news-block-one .inner-box .lower-content h2 a:hover{
  color: #f85c70;
}

.blog-details-content .news-block-one .lower-content .text blockquote h4{
	color: #f85c70;
}

.blog-details-content .news-block-one .two-column .text-content .list-item li:before{
	color: #f85c70;
	border: 1px solid #f85c70;
}

.blog-details-content .news-block-one .post-share-option .social-links li:first-child a{
	background-color: #466ca9;
}

.blog-details-content .news-block-one .post-share-option .social-links li:nth-child(2) a{
	background-color: #dd4b39;
}

.blog-details-content .news-block-one .post-share-option .social-links li:last-child a{
	background-color: #55acee;
}

.blog-details-content .comment-box .comment .comment-inner a.reply-btn:hover{
  color: #f85c70;
}





.section-mission {
    /* margin-bottom: 100px; */
    padding: 80px 0;
    background-image: url('/assets/images/beeautiful.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section-mission .container .box {
    position: relative;
    /* width:calc(400px - 60px);
    height:calc(300px - 30px); */
    height: 100%;
    background: #000;
    float: left;
    /*margin:15px;*/
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 54%);
}
.section-mission .container .box:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    transition: 0.5s;
    transform: scaleX(1);
    opacity: 1;
}
.section-mission .container .box:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    transition: 0.5s;
    transform: scaleY(1);
    opacity: 1;
}
.section-mission .container .box .imgBox img {
    width: 100%;
    transition: 0.5s;
    opacity: 0.4;
}
.section-mission .container .box:hover .imgBox img {
    transform: scale(1.2);
}
.section-mission .container .box .content {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding:14px;
    /* padding-right: 58px; */
    box-sizing: border-box;
    text-align: center;
    opacity: 1 !important;
}
.section-mission .container .box .content h2 {
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
    transition: 0.5s;
    transform: translateY(-20px);
    opacity: 1;
}
.section-mission .container .box .content p {
    margin: 0;
    padding: 0;
    color: #fff;
    /*transform:translateY(50px);*/
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
}
.default-form .form-group textarea{
  border-radius: 0px !important;
}
.page-item.active .page-link{
  background-color: #6836cb;
  border-color:#6836cb;
}
.pagination li a:hover, .pagination li a.current{
  background-color:#f4442c;
  border-color: #f4442c;
  color: #fff;
}
.text:hover {
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
 background: #6836cb !important ;
    transition: .6s;
}
.text:hover h3{
    color:#fff;
}
.text:hover p{
    color:#fff;
}

.text:hover i{
    color:#fff;
}

.math{
  justify-content: space-evenly;
}
.blade{
  padding: 40px 0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mango1{
  margin-top: -100px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.mango{
  padding-top:50px ;
  padding-bottom: 100px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.wide{
    border: none;
}

.sk11{
  margin: 10px 0;

}
.sk12{
  margin: 10px 0;

}
.sk13{
  margin: 10px 0;

}
.sk14{
  margin: 10px 0;

}
.sk15{
  margin: 10px 0;

}
/* span.relative.z-0.inline-flex.shadow-sm.rounded-md {
  display: none;
} */

.dsw{
  padding: 40px 0;
}


.blog_sections a {
  text-decoration: none;
  color: #000;
}

.blog_col {
  border: 1px solid #e6e6e6;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}
.cd{
    row-gap:10px;
}
.blog_img img {
  min-height: 220px;
}

.blog_content_first {
  margin: 15px 0 10px;
  display: flex;
  /*justify-content: space-evenly;*/
}

.blog_date {
  font-weight: 500;
}

.blog_content_second h3 {
  font-size: 18px;
  margin-top: 20px;
}
.blog_sections  .badge{
  color: #fff;
  padding: 10px 3px;
  font-size: 14px;
}

.blog_sections{
  padding: 60px 0;
}

.full_blog_section{
  padding: 50px 0;
}

.sjsj{
  margin:0 18px 0px 50px;
}
.igm{
  height: 520px;
  border: 2px solid #ffc107;
  border-radius: 5px;
}
/*.ihm{*/
/*    padding:2px;*/
/*}*/
.right_pa{
    padding-right:2px;
}
.rank{
  row-gap: 10px;
}

.slider {
  animation: scroll 35s linear infinite;
  display: flex;
  flex-direction: column;
  /* width: calc(500px * 10); */
  gap: 15px;
  height: 380px;
  margin: 30px auto;
}

@keyframes scroll{
  0% {
    transform: translateY(2%);
}
100% {
  transform: translateY(calc(-200px * 10));
}
}