@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 
@font-face {
    font-family: "Hando";
    src: url("fonts/Hando.otf") format("otf");
  
    font-style: normal;
    font-display: swap
}  
 

:root {
  --default-font:"Open Sans" ;
  --heading-font: "Open Sans";
  --nav-font:"Open Sans";
}

/* Global Colors */
:root { 
  --background-color: #ffffff; 
  --default-color: #444444; 
  --heading-color: #012970; 
  --accent-color: #000; 
  --contrast-color: #ffffff;
}

/* Nav Menu Colors */
:root { 
  --nav-color: #012970; 
  --nav-hover-color: #4154f1; 
  --nav-dropdown-background-color: #ffffff; 
  --nav-dropdown-color: #212529; 
  --nav-dropdown-hover-color: #4154f1;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

.swiper-pagination-bullet-active{background: #000;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {  color: var(--default-color);  background-color: var(--background-color);font-family: var(--default-font);     font-size: 18px;     font-size: 1.125rem;     font-weight: 400;}
a {  color: var(--accent-color); text-decoration: none;  transition: 0.3s; }
a:hover {  color: color-mix(in srgb, var(--accent-color), transparent 25%);  text-decoration: none; }
h1, h2, h3, h4, h5, h6 {color: var(--heading-color); font-family: var(--heading-font); }

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header { color: var(--default-color); background-color: var(--background-color); padding: 20px 0; transition: all 0.5s; z-index: 997; background:#fff;}
.header .logo {line-height: 1; }
.header .logo img { max-height: 36px; margin-right: 8px; }
.header .logo h1 { font-size: 30px; margin: 0; font-weight: 700; color: var(--heading-color); }
.header .btn-getstarted,
.header .btn-getstarted:focus { color: var(--contrast-color); background: var(--accent-color); font-size: 15px; padding: 8px 25px; margin: 0 0 0 30px; border-radius: 4px; transition: 0.3s; font-weight: 500;}
.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover { color: var(--contrast-color); background: color-mix(in srgb, var(--accent-color), transparent 15%); }

.navbar-right > ul a {   color: #000; }
.navbar-right > ul li {    padding-left: 17px;   font-size: 14px;}
.navbar-right > ul li.header-cart span.screen-reader-text { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.navbar-right > ul li.header-cart span.counter.cart-counter { font-size: 11px; font-size: .6875rem; font-weight: 500; color: #fff; text-align: center; line-height: 11px; min-width: 18px; height: 18px; border-radius: 9px; padding: 4px; background: #161619; display: inline-block; }
.navbar-right > ul li.header-account { padding-left: 0; padding-right: 12px; }
.navbar-right > ul li.header-search { margin-top: 3px; margin-right: 10px;    font-size: 16px; }
.navbar-right > ul li.header-cart { margin-top: 3px; font-size: 17px; }

   .navbar-right > ul { list-style: none;}
.header .logo { position: absolute; left: 50%; top: -1rem; transform: translateX(-50%); }
.header .logo img { max-height: 5rem; margin-right: 0; }

@media(min-width:1200px){
    .navbar-right > ul { list-style: none;}
.header .logo { position: absolute; left: 50%; top: -1rem; transform: translateX(-50%); }
.header .logo img { max-height: 5.5rem; margin-right: 0; }

}
@media (max-width: 1200px) {
   /* .header .logo { order: 1; }*/
    .header .btn-getstarted { order: 2; margin: 0 15px 0 0; padding: 6px 15px; }
   /* .header .navmenu { order: 3; }*/
    
}
.scrolled .header {box-shadow: 0px 0 18px color-mix(in srgb, var(--default-color), transparent 85%);     padding-bottom: 10px;}

/* Index Page Header
------------------------------*/
.index-page .header { --background-color: rgba(255, 255, 255, 0); }

/* Index Page Header on Scroll
------------------------------*/
.index-page.scrolled .header {--background-color: #ffffff; }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
    .navmenu { padding: 0; }
    .navmenu ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;}
    .navmenu li { position: relative; }
    .navmenu a,
    .navmenu a:focus { color: #000; padding: 18px 12px; font-size: 16px; font-family: var(--nav-font); font-weight: normal; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
    .navmenu a i,
    .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; transition: 0.3s; }
    .navmenu li:last-child a { padding-right: 0; }
    .navmenu li:hover>a,
    .navmenu .active,
    .navmenu .active:focus { color: var(--nav-hover-color); }
    .navmenu .dropdown ul { margin: 0; padding: 10px 0; background: var(--nav-dropdown-background-color); display: block; position: absolute; visibility: hidden; left: 14px; top: 130%; opacity: 0; transition: 0.3s; border-radius: 4px; z-index: 99; box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 85%); }
    .navmenu .dropdown ul li {min-width: 200px; }
    .navmenu .dropdown ul a {padding: 10px 20px; font-size: 15px; text-transform: none; color: var(--nav-dropdown-color); }
    .navmenu .dropdown ul a i {font-size: 12px; }
    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul li:hover>a { color: var(--nav-dropdown-hover-color);}
    .navmenu .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
    .navmenu .dropdown .dropdown ul { top: 0; left: -90%; visibility: hidden; }
    .navmenu .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: -100%; visibility: visible; }
}

/* Navmenu - Mobile */
@media (max-width: 1199px) {
.mobile-nav-toggle { color: var(--nav-color); font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}
.navmenu { padding: 0; z-index: 9997; }
.navmenu ul { display: none; position: absolute;inset: 60px 20px 20px 20px; padding: 10px 0; margin: 0; border-radius: 6px; background-color: var(--nav-dropdown-background-color); overflow-y: auto; transition: 0.3s; z-index: 9998; box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%); }
.navmenu a,
.navmenu a:focus { color: var(--nav-dropdown-color); padding: 10px 20px; font-family: var(--nav-font); font-size: 17px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
.navmenu a i,
.navmenu a:focus i {font-size: 12px;line-height: 0; margin-left: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; background-color: transparent;}
.navmenu a i:hover,
.navmenu a:focus i:hover {         background-color: #fff; color: #000;}
.navmenu a:hover,
.navmenu .active,
.navmenu .active:focus { color: var(--nav-dropdown-hover-color); }
.navmenu .active i,
.navmenu .active:focus i { background-color: var(--accent-color); color: var(--contrast-color); transform: rotate(180deg); }
.navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px; background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none; transition: all 0.5s ease-in-out; }
.navmenu .dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); }
.navmenu .dropdown>.dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); }
.mobile-nav-active { overflow: hidden; }
.mobile-nav-active .mobile-nav-toggle { color: #fff; position: absolute;font-size: 32px; top: 15px; right: 15px; margin-right: 0; z-index: 9999;} 
.mobile-nav-active .navmenu { position: fixed; overflow: hidden; inset: 0; background: rgba(33, 37, 41, 0.8); transition: 0.3s; }
.mobile-nav-active .navmenu>ul { display: block; }
}

/* Listing Dropdown - Desktop */
@media (min-width: 1200px) {
 
.navmenu .listing-dropdown { position: static; }
.navmenu .listing-dropdown ul { margin: 0; padding: 10px; background: var(--nav-dropdown-background-color);box-shadow: 0px 0px 20px color-mix(in srgb, var(--default-color), transparent 90%);
position: absolute; top: 130%; left: 0; right: 0; visibility: hidden; opacity: 0; display: flex; transition: 0.3s; border-radius: 4px; z-index: 99;
}
.navmenu .listing-dropdown ul li { flex: 1; }
.navmenu .listing-dropdown ul li a,
.navmenu .listing-dropdown ul li:hover>a { padding: 10px 20px; font-size: 15px; color: var(--nav-dropdown-color); background-color: var(--nav-dropdown-background-color); }
.navmenu .listing-dropdown ul li a:hover,
.navmenu .listing-dropdown ul li .active,
.navmenu .listing-dropdown ul li .active:hover { color: var(--nav-dropdown-hover-color); background-color: var(--nav-dropdown-background-color); }
.navmenu .listing-dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible;}
    
}

/* Listing Dropdown - Mobile */
@media (max-width: 1199px) {
    .navmenu .listing-dropdown ul { position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background-color: var(--nav-dropdown-background-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); box-shadow: none; transition: all 0.5s ease-in-out;}
    .navmenu .listing-dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); }
    .navmenu .listing-dropdown>.dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); }
}

@media(max-width:991px){
   header#header {    position: relative;}
    .animation_class-wrapper {    max-width: 100% !important;   width: 100%  !important;}
    section#hero {   padding-top: 50px;}
}

input{ padding: 7px 20px; width: 100%;margin-bottom: 20px; background-color:  color-mix(in srgb, var(--background-color), transparent 50%); color: var(--default-color); display: block; border: 1px solid #ccc; font-size: 15px; line-height: 34px; }
  input[type=email]:focus-visible { outline: none; }
   input[type=submit] { border: 0; font-size: 16px; padding: 0 20px; margin: 0; background: #000;  color: var(--contrast-color); transition: 0.3s; border-radius: 0 4px 4px 0; width: 100px; height: 50px; text-transform: uppercase; margin-top: 40px; }
   input[type=submit]:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
 
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer { color: var(--default-color); background-color: var(--background-color); font-size: 14px; padding-bottom: 25px; position: relative; }
 .footer-newsletter { /*background-color: color-mix(in srgb, var(--accent-color), transparent 97%); border-top: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%); border-bottom: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%); */ padding: 50px 0; }
  .footer-newsletter h4 { font-size: 24px;}
  .footer-newsletter .newsletter-form { padding: 6px 8px; position: relative; display: flex; transition: 0.3s; border-radius: 4px; flex-wrap: wrap; margin: 30px auto 0;    max-width: 516px;}
 .footer-newsletter .newsletter-form:focus-within { border-color: var(--accent-color); }
  .footer-newsletter .newsletter-form input[type=email] { padding: 7px 20px; width: 100%; background-color:  color-mix(in srgb, var(--background-color), transparent 50%); color: var(--default-color); display: block; border: 1px solid #ccc; font-size: 15px; line-height: 34px; }
  .footer-newsletter .newsletter-form input[type=email]:focus-visible { outline: none; }
  .footer-newsletter .newsletter-form input[type=submit] { border: 0; font-size: 16px; padding: 0 20px; margin: 0; background: #000; color: var(--contrast-color); transition: 0.3s; border-radius: 0 4px 4px 0; width: 100%; height: 50px; text-transform: uppercase; margin-top: 40px; }
  .footer-newsletter .newsletter-form input[type=submit]:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
  .footer-newsletter .error-message { display: none; background: #df1529; color: #ffffff; text-align: left; padding: 15px; margin-top: 10px; font-weight: 600; border-radius: 4px; }
  .footer-newsletter .sent-message { display: none; color: #ffffff;background: #059652; text-align: center; padding: 15px; margin-top: 10px; font-weight: 600; border-radius: 4px; }
  .footer-newsletter .loading { display: none; background: var(--background-color); text-align: center; padding: 15px; margin-top: 10px; }
  .footer-newsletter .loading:before {content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid var(--accent-color); border-top-color: var(--background-color); animation: subscription-loading 1s linear infinite; }
@keyframes subscription-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 



.footer .footer-top { padding-top: 50px; }
.footer .social-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; background-color: color-mix(in srgb, var(--accent-color), transparent 97%); border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%); font-size: 16px; color: var(--accent-color); margin-right: 10px; transition: 0.3s; }
.footer .social-links a:hover { color: var(--contrast-color); background-color: var(--accent-color); }
.footer h4 { font-size: 16px; font-weight: bold; position: relative; padding-bottom: 12px; }
.footer .footer-links { margin-bottom: 0; }
.footer .footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer .footer-links ul i { margin-right: 3px; font-size: 12px; line-height: 0; color: var(--accent-color); }
.footer .footer-links ul li { padding: 10px 0; display: flex; align-items: center; } 
.footer .footer-links ul a { display: inline-block; color: color-mix(in srgb, var(--default-color), transparent 20%); line-height: 1; }
.footer .footer-links ul a:hover { color: var(--accent-color); }
.footer .footer-about a { color: var(--heading-color); font-size: 24px; font-weight: 600; font-family: var(--heading-font); }
.footer .footer-contact p { margin-bottom: 5px; }
.footer .copyright {    font-size: .875rem; }
.footer .copyright p { margin-bottom: 0; }
.footer .credits { margin-top: 6px; font-size: 13px; }
.footer-newsletter { border-top: 1px solid #E3E7E8; border-bottom: 1px solid #E3E7E8; padding-top: 100px !important; padding-bottom: 100px !important; }
  .footer-newsletter h4 { color: #000000; font-weight: 400; font-size: 2.5rem; margin-bottom: 20px; }
  .footer-newsletter p { text-align: center; color: #000000; font-size: 16px; font-weight: 400; padding-bottom: 30px; }
  .footer-links ul.footer-link-ul li.footer-insta i { font-size: 24px; font-weight: 400; color: #000; }
  .footer-newsletter .footer-news-content h4 { margin-bottom: 0; }
  .footer-newsletter .footer-news-content p { text-align: left; margin-bottom: 0;    padding-bottom: 0; }
  .footer-newsletter .footer-news-form .newsletter-form { max-width: 100%; display: flex; flex-wrap: nowrap; margin-top: 0;}
  .footer-newsletter .footer-news-form .newsletter-form input[type="submit"] { max-width: 180px; margin: 0; margin-left: 30px; }
.footer-newsletter { padding: 50px !important; }
  .footer-newsletter .footer-news-form .newsletter-form input[type="email"] { border: none; border-bottom: 1px solid #ccc; height: 50px; padding-left: 0; }


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background-color: #000; width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s;}
.scroll-top i { font-size: 24px; color: var(--contrast-color); line-height: 0; }
.scroll-top:hover { background-color: #000, transparent 20%); color: var(--contrast-color); }
.scroll-top.active { visibility: visible; opacity: 1; }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title { color: var(--default-color); background-color: var(--background-color); position: relative;}
.page-title .heading { padding: 80px 0; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.page-title .heading h1 { font-size: 38px; font-weight: 700; }
.page-title nav { background-color: color-mix(in srgb, var(--default-color), transparent 95%); padding: 20px 0; }
.page-title nav ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; font-size: 16px; font-weight: 600; }
.page-title nav ol li+li { padding-left: 10px; }
.page-title nav ol li+li::before { content: "/"; display: inline-block; padding-right: 10px; color: color-mix(in srgb, var(--default-color), transparent 70%); }

/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section { color: var(--default-color); background-color: var(--background-color); padding: 60px 0; scroll-margin-top: 98px; overflow: clip; }

@media (max-width: 1199px) {

  section,
  .section {  scroll-margin-top: 56px;}
}

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title { text-align: center; padding-bottom: 60px; position: relative;}
.section-title h2 {    color: #161619;
    font-size: 60px;
    font-weight: normal;}
.section-title p { margin: 30px 0 0 0;     text-align: center;
    color: #161619;
    font-size: 1.5rem;
    font-weight: normal;}
.section-title p .description-title { color: var(--accent-color); }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero { width: 100%; min-height: 100vh; position: relative; padding: 0 0 60px 0; display: flex; align-items: center; margin-top:60px;     background: url(../img/hero-bg.png) top center no-repeat;
    background-size: cover; }
.hero h1 { margin: 0; font-size: 48px; font-weight: 700; line-height: 56px;}
.hero p { color: color-mix(in srgb, var(--default-color), transparent 30%); margin: 5px 0 30px 0; font-size: 20px; font-weight: 400; }
.hero .btn-get-started { color: var(--contrast-color); background: var(--accent-color); font-family: var(--heading-font); font-weight: 500; font-size: 16px; letter-spacing: 1px;display: flex; align-items: center; justify-content: center; padding: 12px 40px; border-radius: 4px; transition: 0.5s; box-shadow: 0 8px 28px color-mix(in srgb, var(--accent-color), transparent 80%); }
.hero .btn-get-started i { margin-left: 5px; font-size: 18px; transition: 0.3s; }
.hero .btn-get-started:hover { color: var(--contrast-color); background: color-mix(in srgb, var(--accent-color), transparent 15%); box-shadow: 0 8px 28px color-mix(in srgb, var(--accent-color), transparent 55%); }
.hero .btn-get-started:hover i { transform: translateX(5px); }
.hero .btn-watch-video { font-size: 16px; transition: 0.5s; color: var(--default-color); font-weight: 600; }
.hero .btn-watch-video i { color: var(--accent-color); font-size: 32px; transition: 0.3s; line-height: 0; margin-right: 8px; }
.hero .btn-watch-video:hover { color: var(--accent-color); }
.hero .btn-watch-video:hover i { color: color-mix(in srgb, var(--accent-color), transparent 15%);}
.hero .animated { animation: up-down 2s ease-in-out infinite alternate-reverse both; }

@media(min-width:1200px){
.hero-img img { padding-top: 100px; padding-bottom: 50px; max-height: 900px; margin-left: auto; display: block;}
}

@media (max-width: 640px) {
    .hero h1 {font-size: 28px;line-height: 36px; }
    .hero p {font-size: 18px;line-height: 24px;margin-bottom: 30px; }
}
@keyframes up-down {
    0% {transform: translateY(10px); }
    100% {transform: translateY(-10px);}
}
h2.animation_class-hero { font-size: 71px;position: relative; color: #000; text-align: center;font-weight: 600; }
h2.animation_class-hero:after{  font-size: 71px; content: ' '; color: #000; width: 526px; font-weight: 600; animation: 5s linear infinite textrotate; -webkit-animation: 5s linear infinite textrotate;}
@keyframes textrotate {
    0% {
        content: "Architectural art";
    }
    19.33% {
        content: "Mixed media";
    }
    28.33% {
        content: "Surrealism";
    }
    36.33% {
        content: "Decorate";
    }
    44.33% {
        content: "Women Artist";
    }
    52.33% {
        content: "Hybrid art forms";
    }
    60.33% {
        content: "Hyper-modernism";
    }
    79.33% {
        content: "Art collectives";
    }
    76.33% {
        content: "Dreamer";
    }
    84.33% {
        content: "Experimental techniques";
    }
    92.33% {
        content: "Abstract Art";
    }
    100% {
        content: "Contemporary realism";
    }
}

.animation_class-wrapper {
    width: var(--container-widget-width, 82.956%);
    max-width: 82.956%;
    --container-widget-width: 82.956%;
    --container-widget-flex-grow: 0;
}



/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .content { padding: 0;}
.about .content h2 {   color: #161619; font-size: 45px; font-weight: normal; margin-bottom: 30px;}
.about .content p { margin: 15px 0 5px 0; line-height: 40px; color: #161619; font-size:25px; font-weight: 400;    margin-bottom: 5px; }
.about .content .btn-read-more { color: var(--contrast-color); background: #000; line-height: 0; padding: 15px 40px; border-radius: 4px; transition: 0.5s; box-shadow: 0px 5px 25px color-mix(in srgb, var(--accent-color), transparent 90%);     border: 1px solid #000}
.about .content .btn-read-more span { font-family: var(--default-font); font-weight: 600; font-size: 16px; letter-spacing: 1px; }
.about .content .btn-read-more i { margin-left: 5px; font-size: 18px; transition: 0.3s; }
.about .content .btn-read-more:hover i { transform: translateX(5px); }
.about-img-right img { width: 55%; height: 550px; width: 373px; height: auto; margin-left: 60px; }
section#about { padding: 0 40px; }
section#about > .container-fluid {max-width: 1600px}
.img-left-about img.img-fluid { width: 100%; max-width: 100%; height: 550px; }
.about .content .btn-read-more:hover {    background: #fff;   color: #000;}

.about .content a{
	    padding: 20px 10px !important;
    display: block !important;
    width: 260px;
	margin-top:40px!important;
	text-transform:uppercase;
	text-align:center!important;
}
.content h2 span{
	font-size:30px;
	font-weight:bold;
}
/*--------------------------------------------------------------
# Recent Posts Section
--------------------------------------------------------------*/
.recent-posts .post-item { 
}

.recent-posts .post-item .post-img img { transition: 0.5s; }
.recent-posts .post-item .post-date { position: absolute; right: 0; bottom: 0; background-color: var(--accent-color); color: var(--contrast-color); text-transform: uppercase; font-size: 13px; padding: 6px 12px; font-weight: 500; }
.recent-posts .post-item .post-content { padding: 10px 0; }
.recent-posts .post-item .post-title { color: #161619;font-size: 25px;font-weight: 400;    margin-bottom: 10px; }
.recent-posts .post-item .readmore { display: flex; align-items: center; font-weight: 600;line-height: 1; transition: 0.3s; color: color-mix(in srgb, var(--default-color), transparent 40%);    color: #161619; font-size: 18px; font-weight: 500; }
.recent-posts .post-item .readmore i { line-height: 0; margin-left: 6px; font-size: 16px; }
.recent-posts .post-item .readmore span { padding-bottom: 10px; position: relative; }
.recent-posts .post-item .readmore span:after { content: "";content: ""; border-bottom: 2px solid; position: absolute; width: 20px; transition: width .4s; bottom: 0;left: 0; }
.recent-posts .post-item .readmore:hover span:after {width: 100%; }
.recent-posts .post-item:hover .post-title,
.recent-posts .post-item:hover .readmore {color: #000; }
.recent-posts .post-item:hover .post-img img { transform: scale(1.1); }
.recent-posts .post-item .post-img img {    height: 560px;    width: 100%;    object-fit: cover;   object-position: center;}

/*--------------------------------------------------------------
# Pagination 2 Section
--------------------------------------------------------------*/
.pagination-2 { padding-top: 0; color: color-mix(in srgb, var(--default-color), transparent 40%);}
.pagination-2 ul { display: flex; padding: 0; margin: 0; list-style: none; }
.pagination-2 li { margin: 0 5px; transition: 0.3s;}
.pagination-2 li a { color: color-mix(in srgb, var(--default-color), transparent 40%); padding: 7px 16px; display: flex; align-items: center; justify-content: center; }
.pagination-2 li.active,
.pagination-2 li:hover { background: var(--accent-color); color: var(--contrast-color); }
.pagination-2 li.active a,
.pagination-2 li:hover a { color: var(--contrast-color); }

/*--------------------------------------------------------------
# Starter Section Section
--------------------------------------------------------------*/
.starter-section {
  /* Add your styles here */
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container { padding: 30px; margin: 60px 0 30px 0; box-shadow: 0 4px 16px color-mix(in srgb, var(--default-color), transparent 90%);}
.widget-title { color: var(--heading-color); font-size: 20px; font-weight: 700; padding: 0; margin: 0 0 20px 0; }
.widget-item { margin-bottom: 40px; }
.widget-item:last-child { margin-bottom: 0; }
.search-widget form { background: var(--background-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%); padding: 3px 10px; position: relative; }
.search-widget form input[type=text] { border: 0; padding: 4px; border-radius: 4px; width: calc(100% - 40px); background-color: var(--background-color); color: var(--default-color); }
.search-widget form input[type=text]:focus { outline: none;}
.search-widget form button { background: var(--accent-color); color: var(--contrast-color); position: absolute;top: 0; right: 0; bottom: 0; border: 0; font-size: 16px; padding: 0 15px; margin: -1px; transition: 0.3s; border-radius: 0 4px 4px 0; line-height: 0; }
.search-widget form button i { line-height: 0; }
.search-widget form button:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
.categories-widget ul { list-style: none; padding: 0; margin: 0; }
.categories-widget ul li { padding-bottom: 10px; }
.categories-widget ul li:last-child { padding-bottom: 0; }
.categories-widget ul a { color: color-mix(in srgb, var(--default-color), transparent 20%); transition: 0.3s; }
.categories-widget ul a:hover { color: var(--accent-color); }
.categories-widget ul a span { padding-left: 5px; color: color-mix(in srgb, var(--default-color), transparent 50%); font-size: 14px; }
.recent-posts-widget .post-item {display: flex; margin-bottom: 15px; } 
.recent-posts-widget .post-item:last-child { margin-bottom: 0; }
.recent-posts-widget .post-item img { width: 80px; margin-right: 15px; }
.recent-posts-widget .post-item h4 { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
.recent-posts-widget .post-item h4 a { color: var(--default-color); transition: 0.3s;}
.recent-posts-widget .post-item h4 a:hover { color: var(--accent-color); }
.recent-posts-widget .post-item time { display: block; font-style: italic; font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 50%);}
.tags-widget { margin-bottom: -10px; }
.tags-widget ul { list-style: none; padding: 0; margin: 0; }
.tags-widget ul li { display: inline-block; }
.tags-widget ul a { color: color-mix(in srgb, var(--default-color), transparent 30%); font-size: 14px; padding: 6px 14px; margin: 0 6px 8px 0; border: 1px solid color-mix(in srgb, var(--default-color), transparent 60%); display: inline-block; transition: 0.3s; }
.tags-widget ul a:hover { background: var(--accent-color); color: var(--contrast-color); border: 1px solid var(--accent-color); }
.tags-widget ul a span { padding-left: 5px; color: color-mix(in srgb, var(--default-color), transparent 60%); font-size: 14px; }


/********** about me section new***********/


.about-me{position: relative; background-image: url(images/background/video-bg-1-1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 80px; padding-bottom: 120px; margin-bottom: 120px;     overflow: visible;}
.about-me:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: -webkit-gradient(linear, right top, left top, from(#d99578), color-stop(82%, #302e2f)); background-image: linear-gradient(-90deg, #d99578 0%, #302e2f 82%); background-image: linear-gradient(-90deg, #f2f5fd 0%, #302e2f 82%); opacity: .95; background-image: linear-gradient(-90deg, #ffffff 0%, #ffffff 82%); }
.video-one__box { position: absolute; top: 80px; left: -100px; z-index: 10; max-width: 46%; height: 100%; width:46%; }
.video-one__box > img.img-fluid { height: 100%; width: 100% !important; object-fit: cover; }
.video-one__content { padding-right: 100px;color: #fff; }
.about .content .video-one__title { margin: 0; /* color: #fff;*/ font-size: 44px; line-height: 48px; }
.about-me > .container { z-index: 1; position: relative;}
.content.video-one__content > h3 { color: #fff; }
.about .content.content.video-one__content p { /*color: #fff; */ font-size: 20px; }
.about-me:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 30px; background-image: url(../img/video-decor-1-1.png); background-repeat: repeat-x; }

@media (max-width: 1440px) {
    .video-one__box { left: -100px; }
}


section#hero { padding-bottom: 0; }
section#about { padding-top: 50px;padding-bottom: 50px; }

@media(max-width:1200px){
    .video-one__box { position: relative; left: 0; right: 0; top: 0; margin: 0 auto 30px;max-width:100%;width:100%;}
    section#aboutme { padding-bottom: 80px; }
	.samimg img{max-width:100%;width:100%; margin-top:30px;}
}
@media(max-width:767px){
    .about .content .video-one__title { font-size: 24px; line-height: 30px; }
    .about .content.content.video-one__content p { font-size: 16px; line-height: inherit; }
    section#aboutme { padding-bottom: 50px; }
    section#aboutme { padding-top: 50px; }
}



/********* galleyr**********/

 
.eltdf-pli-link { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; width: calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; z-index: 123;}
.eltdf-pli-link { z-index: 2; }
.eltdf-pl-item-plus { position: absolute; width: 100%; height: 100%; background-color: #fff; -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); -webkit-transition: .2s cubic-bezier(.48,.57,.33,.89); -o-transition: .2s cubic-bezier(.48, .57, .33, .89); transition: .2s cubic-bezier(.48,.57,.33,.89); }
.testimonial-item:hover .eltdf-pli-link .eltdf-pl-item-plus {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);-webkit-transition: .4s cubic-bezier(.48,.57,.33,.89); -o-transition: .4s cubic-bezier(.48, .57, .33, .89); transition: .4s cubic-bezier(.48,.57,.33,.89);}
.eltdf-pl-item-plus i { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%;    font-size: 60px; color: #000; }
.eltdf-pli-image { position: relative; }
.eltdf-pli-text-holder { background: #fff; max-width: 80%; margin-top: -50px; z-index: 9; position: relative; padding: 20px; -webkit-transition: .4s cubic-bezier(.48,.57,.33,.89); -o-transition: .4s cubic-bezier(.48, .57, .33, .89); transition: .4s cubic-bezier(.48,.57,.33,.89); }
.eltdf-pli-text-holder h5.eltdf-pli-title { color: #000; }
.testimonial-item:hover .eltdf-pli-text-holder { opacity: 0; }
.eltdf-pli-image > img.attachment-full.img-fluid {    height: 500px;    width: 100%;   object-fit: cover;}
h5.eltdf-item-title { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(0, -50%); top: 38%; left: 0; color: #000; background: transparent; right: 0; margin: 0 auto; text-align: center;}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/

section#contact { background:  color-mix(in srgb, var(--default-color), transparent 96%); }
.contact .info-item {/*  background: color-mix(in srgb, var(--default-color), transparent 96%); */padding: 30px; }
.contact .info-item i { font-size: 38px;line-height: 0; color: var(--accent-color); }
.contact .info-item h3 { font-size: 20px; font-weight: 700; margin: 20px 0 10px 0; color: #000; font-weight: 500; }
.contact .info-item p { padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }
.contact .php-email-form { background: color-mix(in srgb, var(--default-color), transparent 96%); padding: 30px; height: 100%;}
.contact .php-email-form .error-message { display: none; background: #df1529; color: #ffffff; text-align: left; padding: 15px; margin-bottom: 24px; font-weight: 600; }
.contact .php-email-form .sent-message { display: none; color: #ffffff; background: #059652; text-align: center; padding: 15px; margin-bottom: 24px; font-weight: 600; }
.contact .php-email-form .loading { display: none; background: var(--background-color); text-align: center; padding: 15px; margin-bottom: 24px; }
.contact .php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px;height: 24px; margin: 0 10px -6px 0; border: 3px solid var(--accent-color); border-top-color: var(--background-color); animation: animate-loading 1s linear infinite; }
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea { font-size: 14px; padding: 10px 15px; box-shadow: none; border-radius: 0; color: var(--default-color); background-color: color-mix(in srgb, var(--background-color), transparent 50%); border-color: color-mix(in srgb, var(--default-color), transparent 80%); }
.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus { border-color: var(--accent-color); }
.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder { color: color-mix(in srgb, var(--default-color), transparent 70%); }
.contact .php-email-form button[type=submit] { background: var(--accent-color); color: var(--contrast-color); border: 0; padding: 10px 30px; transition: 0.4s; border-radius: 4px; }
.contact .php-email-form button[type=submit]:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }

@keyframes animate-loading {
0% {
    transform: rotate(0deg);
}

100% {
    transform: rotate(360deg);
}
}

/******** newsletter *********/



section#newsletter {
    padding: 0;
    background-attachment: fixed;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/news-letter.webp);
    background-position: 50% -3px;
    background-size: cover;    padding: 50px 0;
      
}
section#newsletter .footer-newsletter > .container {
    background: rgba(255, 255, 255, 0.8);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
section#newsletter .footer-newsletter {
    border: none;
}
section#newsletter .footer-newsletter .footer-news-form .newsletter-form input[type="email"] {
    background: #fff; padding-left: 15px; border: 1px solid #666;
}




section#newsletter1 {
    padding: 0;
    background-attachment: fixed;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/news-letter.webp);
    background-position: 50% -3px;
    background-size: cover;   
        background-image: url(../img/about-us-new.jpeg);
}
section#newsletter1 .footer-newsletter {
    background: rgba(0, 0, 0, 0.4);
    padding-top:250px!important;
    padding-bottom:150px!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
    color:#fff;
}
section#newsletter1 .footer-newsletter {
    border: none;
}
section#newsletter1 h1{
    color:#fff;
}
section#newsletter1 .footer-newsletter .footer-news-form .newsletter-form input[type="email"] {
    background: #fff; padding-left: 15px; border: 1px solid #666;
}



/****** category *******/







/******** responsive *********/

@media(max-width:991px){
    .about-img-right {   margin-top: 50px;}
    .img-left-about img.img-fluid {   height: auto;}
    .about-img-right img {    width: 100%;   margin: 0;}
    .footer .footer-top > .row.gy-4 { flex-wrap: wrap;}
    .footer-copyright { order: 2; width: 100%; text-align: center; }
    .footer .footer-links { width: 100%; }
    .footer .footer-links ul { justify-content: center !important; gap: 1rem !important; flex-wrap: wrap; }
    .footer-news-form {   padding-top: 20px;}
}

@media(max-width:767px){
    .navbar-right > ul li { padding-left: 0px; }
    h2.animation_class-hero:after { font-size: 40px; }
    .header .logo img { max-height: 4rem; }
    .navbar-right > ul li.header-account{display: none}
    section#hero { padding-top: 0;        padding-bottom: 10px; }
    section#about { padding: 0; }
    .about .content h2 { font-size: 30px;    margin-bottom: 10px; }
    .about .content p { font-size: 16px; margin-bottom: 20px; margin-top: 0; }
    .section-title h2 { font-size: 30px; }
    .section-title p { font-size: 16px; margin-top: 0; }
    .recent-posts .post-item .post-content { padding-top: 20px;padding-bottom: 0; }
    .recent-posts .post-item .post-title { font-size: 30px; margin-bottom: 10px; }
    .footer .footer-newsletter { padding: 40px 0 !important; }
    .footer .footer-newsletter h4 { font-size: 2rem; margin-bottom: 0; }
    .footer .footer-newsletter p { margin-bottom: 0; }
    .footer .footer-newsletter .newsletter-form { margin-top: 0; }
    .footer .footer-top { padding-top: 20px; }

}


@media(max-width:575px){
    section#newsletter {   padding: 0;}
    section#newsletter .footer-newsletter {   padding: 20px 10px !important;}
    section#newsletter .footer-newsletter > .container {   padding: 15px;}
    .footer-newsletter .footer-news-content h4 {   font-size: 2rem;}
    .footer-newsletter .footer-news-form .newsletter-form {   padding: 0;}
    .footer-newsletter .footer-news-form .newsletter-form input[type="submit"] {   margin-left: 10px;}
    .container.section-title {   padding-bottom: 30px;}
    section#contact {   padding: 30px 0;}
    .contact .info-item {   padding: 10px 10px;}
    .contact .php-email-form {   padding: 10px;}
    .footer-newsletter .footer-news-form .newsletter-form {   flex-wrap: wrap;}
    .footer-newsletter .footer-news-form .newsletter-form input[type="submit"] {    margin: 0;    width: 100%;    max-width: 100%;   margin-top: 10px;}
}
.video-one__box img{
    width: 100%;
    height: auto;
}

.icon p{
	background:url('https://sigmawebsolutions.com/design/wp-content/uploads/2024/07/scales.png')no-repeat left;
	padding-left:40px;
	background-size:25px;
	padding:0px 10px 0px 40px;
}

.icon p.sam{
	background:url('https://sigmawebsolutions.com/design/wp-content/uploads/2024/07/paper-crafts.png')no-repeat left;
	padding-left:40px;
	background-size:25px;
	padding:0px 10px 0px 40px;
}