@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* ===== bootstrap.min.css ===== */
@charset "UTF-8";/*!
 * Bootstrap v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h3,h1,h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b{font-weight:bolder}.small,small{font-size:.875em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img{vertical-align:middle}th{text-align:inherit;text-align:-webkit-match-parent}td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.figure{display:inline-block}.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}@media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}.col-lg-12{flex:0 0 auto;width:100%}}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn:disabled{pointer-events:none;opacity:.65}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu.show{display:block}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.d-flex{display:flex!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.flex-wrap{flex-wrap:wrap!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mt-5{margin-top:1rem!important}.mb-5{margin-bottom:3rem!important}.ms-auto{margin-left:auto!important}.pt-3{padding-top:1rem!important}.pt-5{padding-top:3rem!important}.pb-3{padding-bottom:1rem!important}.pb-5{padding-bottom:3rem!important}.text-center{text-align:center!important}

/* ===== sticky-social-icons-public.css ===== */
#sticky-social-icons-container{position:fixed;z-index:999;text-align:center}#sticky-social-icons-container li,#sticky-social-icons-container ul{margin:0;padding:0}#sticky-social-icons-container li{list-style:none}#sticky-social-icons-container li a{-webkit-transition:.1s;transition:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear;text-align:center;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}#sticky-social-icons-container.design-rounded.alignment-right li:first-child a{border-radius:5px 0 0 0}#sticky-social-icons-container.design-rounded.alignment-right li:first-child:last-child a{border-radius:5px 0 0 5px}#sticky-social-icons-container.design-rounded.alignment-right li:last-child a{border-radius:0 0 0 5px}#sticky-social-icons-container.design-rounded.alignment-right.with-animation li a:hover{border-radius:5px 0 0 5px!important}#sticky-social-icons-container.alignment-right{right:0}#sticky-social-icons-container.alignment-right.with-animation li a:hover{margin-left:-10px}
/*# 
SOCIAL ICONS
sourceMappingURL=sticky-social-icons-public.css.map */


/* ===== slicknav.css ===== */
/* SlickNav Responsive Mobile Menu v1.0.10 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }


/* ===== all.css ===== */
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-angle-up:before {
  content: "\f106"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-twitter:before {
  content: "\f099"; }

  @font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"),
       url("../fonts/fa-brands-400.woff") format("woff");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"),
       url("../fonts/fa-solid-900.woff") format("woff");
}

.fa {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


/* ===== default-style.css ===== */
/*# Default style for PortfolioX */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Components
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Comments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Media
--------------------------------------------- */

/* Make sure logo link wraps around logo image. */

/* Captions
--------------------------------------------- */

/* Galleries
--------------------------------------------- */
/* Table
--------------------------------------------- */


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */

/* Alignments
--------------------------------------------- */

/* Comments
--------------------------------------------- */

/* ===== main.css ===== */
:root {
  ---light-body: #ecf0f3;
  --section-color: #f9f9fc;
  --black: #000;
  --white: #fff;
  --Sasa-1: #ff014f;
  --color-heding: #0d1013;
  --color-gray: #3c3e41;
  --color-gray-2: #626567;
  --shadow-white-3: 5px 5px 15px #d1d9e6, -5px -5px 15px #ffffff;
  --gradient-box-w: linear-gradient(145deg, #e2e8ec, #ffffff);
  --gradient-red-hover: linear-gradient(145deg, #ff014f, #d11414);
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.67em;
}
a {
  transition: 0.5s;
  display: inline-block;
  color: var(--Sasa-1);
}
a:hover {
  color: #464646;
}
img {
  max-width: 100%;
  height: auto;
}
.bg-black {
  background: #000;
}
.text-white a {
  color: #fff;
}

.btn {
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 1rem;
  box-shadow: var(--shadow-white-3);
  background: var(--gradient-box-w);
  transition: 0s;
  color: var(--black);
}

.btn.outline {
  margin-left: 1rem;
  color: var(--black);
  background-color: transparent;
  border: 2px solid var(--Sasa-1);
}
.btn:hover {
  background: var(--gradient-red-hover);
  color: #fff;
}
.btn.outline:hover {
  background-color: var(--Sasa-1);
  color: var(--white);
}
input[type="search"],
input[type="email"],
input[type="url"],
input[type="text"],
select {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
[type="search"]:focus,
[type="text"]:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
input[type="submit"],
html body button,
a#clickTop {
  border: 1px solid #ccc;
  padding: 5px 20px;
  vertical-align: middle;
  background: var(--Sasa-1);
  color: #fff;
  transition: 0.5s;
}
.container-fluid {
  max-width: 1600px;
}

input[type="submit"]:hover,
button:hover,
a#clickTop {
  background: #464646;
}

/*Secondery color*/

a,
.entry-meta span,
.entry-footer span,
.entry-meta a,
.ghead-meta {
  color: var(--Sasa-1);
}

.pagination .nav-links a:hover,
.pagination .nav-links span {
  background-color: var(--Sasa-1);
}

/*Primery color*/

a:hover,
.entry-meta a:hover {
  color: #464646;
}

.modal.show .modal-dialog {
  margin-bottom: 80px;
}

/*
#
# Header style
#
*/
/*header style one*/
header.px-hstyle1 {
  box-shadow: 0 5px 15px rgb(0 0 0 / 12%);
}
.pxm-style1 .main-navigation ul li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.pxms1-logo {
  margin-top: 1rem;
}
.pxm-style1 .d-flex {
  align-items: center;
}
.header-img img {
  width: 100%;
}
.pxms1-logo h1.site-title {
  font-size: 21px;
}
.pxms1-logo h1.site-title a {
  color: #fff;
  background: var(--Sasa-1);
  padding: 5px 20px;
  border-radius: 5px;
  text-decoration: none;
}

.head-logo-sec {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 10px 0;
  justify-content: center;
  text-align: center;
  padding: 20px 0;
}
.brand-text .site-title {
  text-transform: uppercase;
  font-size: 60px;
}
.head-info {
  margin-left: auto;
  margin-right: 0;
}
.site-branding.brand-logo {
  margin-right: 10px;
}
.site-branding.brand-logo img {
  max-width: 250px;
  max-height: 150px;
}
.site-branding.brand-logo img {
  max-width: 250px;
  max-height: 150px;
}
.brand-text .site-title {
  text-transform: uppercase;
}

.brand-text .site-description {
  font-size: 17px;
  font-style: italic;
}
.portfoliox-logo-section {
  border-bottom: 2px solid #fbf7ef;
}
/* Main Menu style */
.slicknav_menu {
  display: none;
}
.menu-bar {
  position: relative;
  box-shadow: 0 0 5px rgb(0 0 0 / 12%);
  margin: 5px 0;
}

div#portfoliox-menu ul {
  margin: 0;
}
.main-navigation ul {
  list-style: outside none none;
  padding: 0;
  margin-bottom: 0;
}
.main-navigation ul ul {
  margin: 0;
}
.main-navigation ul li {
  display: inline-block;
  position: relative;
}
.main-navigation ul li a {
  color: #222;
  display: block;
  padding: 15px;
}
.main-navigation ul li:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 25px;
  margin-bottom: 12.5px;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  position: absolute;
  right: 0;
  top: 30%;
  width: 1px;
}
.main-navigation ul li:last-child:after {
  display: none;
}
.main-navigation ul li:first-child a {
  padding-left: 0;
}
/*dropdown menu*/

.main-navigation ul li ul {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 9;
  background: #fff;
  width: 250px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  text-align: left;
  box-shadow: 0px 5px 42px -6px rgb(92 91 92);
}

.main-navigation ul li ul li {
  display: block;
}

.main-navigation ul li li a,
.main-navigation ul li li:first-child a,
.main-navigation ul li li:last-child a,
.main-navigation ul li:first-child li a {
  padding: 15px;
  text-transform: none;
}

.main-navigation ul li li:after {
  bottom: auto;
  width: 100%;
  height: 1px;
  top: auto;
  margin-top: 0;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.main-navigation ul li li:hover > a,
.main-navigation ul li li.hover > a {
  background-color: #fff;
  color: #000;
}

.main-navigation ul li:hover > a,
.main-navigation ul li:focus > a {
  color: var(--Sasa-1);
}

.main-navigation ul li:hover ul,
.main-navigation ul li.hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 50px;
}

.main-navigation ul li ul ul {
  left: 250px;
}
.main-navigation ul li:hover ul li ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.main-navigation ul li:hover ul li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 20px;
}
.main-navigation ul ul ul ul ul {
  right: 250px;
  left: auto;
}

.main-navigation ul ul ul ul ul ul ul {
  right: auto;
  left: 250px;
}

.main-navigation ul ul ul ul ul ul ul ul ul {
  left: auto;
  right: 250px;
}

.main-navigation ul ul ul ul ul ul ul ul ul ul ul {
  right: auto;
  left: 250px;
}
.main-navigation ul > li.menu-item.menu-item-has-children {
  padding-right: 15px;
}

.main-navigation ul ul li.menu-item.menu-item-has-children {
  padding-right: 0;
}
.main-navigation ul li.menu-item.menu-item-has-children > a {
  position: relative;
  z-index: 0;
}

.main-navigation ul li.menu-item.menu-item-has-children > a:after {
  position: absolute;
  top: 0;
  right: 2px;
  background: transparent;
  z-index: 99999;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 8px;
  bottom: 0;
  display: flex;
  align-items: center;
}

.main-navigation ul ul li.menu-item.menu-item-has-children > a:after {
  right: 12px;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
html body .slicknav_menu {
  z-index: 999;
  background: #000;
}
html body .slicknav_menu .slicknav_menutxt {
  display: none;
}
html body .slicknav_menu .slicknav_nav {
  background: #000;
  min-width: 250px;
}
html body .slicknav_menu .slicknav_btn {
  border-radius: 0;
  background: #000;
}

html body .slicknav_nav a:hover,
html body .slicknav_menu .slicknav_nav a:focus,
html body .slicknav_menu .slicknav_nav a:active {
  border-radius: 0;
  background: inherit;
  color: inherit;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
ul.slicknav_nav {
  background: #000;
  min-width: 320px;
}
html body .slicknav_menu .slicknav_icon {
  margin: 0;
  width: 20px;
  height: 15px;
}
html body.admin-bar .slicknav_menu {
  top: 40px;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}


/*Home intro section*/

section#home {
  padding: 0;
  padding-top: 7%;
  padding-bottom: 7%;
  background: #f1f1f1;
}
.home .content {
  margin-top: 5%;
  
}

.home .content h5 {
  font-weight: 500;
  letter-spacing: 3px;
  font-size: 13px;
  color: var(--color-gray);
}
.home .content h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
  color: var(--color-heading);
}
.home .content h1 span {
  color: var(--Sasa-1);
  transition: 0.4s;
}

.home .content p {
  color: #383838;
  margin-top: 2rem;
  transition: 0.4s;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.home .btn-hero {
  margin-top: 2rem;
  font-size: 16px;
  margin-right: 20px;
}
.home .hero-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
  text-align: center;
  min-height: 550px;
  max-height: 600px;
}
.home .hero-img:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(
    120deg,
    rgba(56, 182, 255, 1) 0%,
    rgba(203, 108, 230, 1) 52%,
    rgba(249, 86, 186, 1) 100%
  );
  z-index: -1;
  border-radius: 50%;
}
.home .hero-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.hero-img.px-noimg {
  height: 100%;
}
@media (max-width: 991px) {
  .home .content {
    margin: 2rem;
  }
}

@media (max-width: 768px) {
  .home .content span {
    font-size: 1.5rem;
  }
  .home .content h1 {
    font-size: 4rem;
  }
  .home .content h1 span {
    font-size: 4rem;
  }
  .home .hero-img img {
    min-height: 350px;
  }
  .btn {
    padding: 0.8rem 3rem;
  }
  .home h2.section-heding {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (max-width: 567px) {
  .home .content {
    margin: 80px 20px;
  }
  .home .content h1 {
    font-size: 3rem;
  }
  .home .content p {
    font-size: 1rem;
    width: 90%;
  }

  .home .content h1 span {
    font-size: 3rem;
  }
}


/**
 * Read More Button Styles
 */

/* Base styles for all read more buttons */
.read-more-btn,
.portfoliox-readmore {
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
  margin-top: 10px;
}

/* Style 1 - Text with icon (default) */
.read-more-btn i,
.portfoliox-readmore i {
  margin-left: 5px;
  transition: transform 0.3s ease;
}


/* Style 2 - Button style */
.read-more-btn.btn-style,
.portfoliox-readmore.btn-style {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid currentColor !important;
}

.read-more-btn.btn-style:hover,
.portfoliox-readmore.btn-style:hover {
  background-color: var(--Sasa-1) !important;
  color: var(--white) !important;
}

.read-more-btn.btn-style:hover i,
.portfoliox-readmore.btn-style:hover i {
  color: #fff;
}

/* Style 3 - Underlined style */
.read-more-btn.underline-style,
.portfoliox-readmore.underline-style {
  position: relative;
  padding-bottom: 2px;
}

.read-more-btn.underline-style::after,
.portfoliox-readmore.underline-style::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  
}

.read-more-btn.underline-style:hover::after,
.portfoliox-readmore.underline-style:hover::after {
  width: 100%;
}

/* ===== responsive.css ===== */
/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 

    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 991px) {

.slicknav_menu{ 
    display:block;
}
.menu-bar {
    position: relative;
    left: 0;
    top: 0;
}
.slicknav_nav .slicknav_arrow {
    border: 1px solid #888;
    padding: 2px 10px;
    text-align: right;
    float: right;
}
a.slicknav_arrow.portfoliox-carrow {
    margin-right: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.slicknav_nav {
    transition: all 0.3s ease-in-out;
}
.slicknav_nav.mhide {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.slicknav_nav.slicknav_hidden {
    height: 0;
    opacity: 0;
    transition: 0.5s;
}
.slicknav_nav:not(.mhide) {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0s ease-in-out;
}
.slicknav_nav li {
    display: block;
    border-bottom: 1px solid #555;
}
h1 {
    font-size: 35px;
}
h1.page-title {
    font-size: 20px;
}
h2 {
    font-size: 28px;
}
nav#site-navigation,
.pxms1-menu {
    display:none;
} 
.pxm-style1 .d-flex {
    align-items: center;
    justify-content: center;
}

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

h1 {
    font-size: 35px;
}
h1.page-title {
    font-size: 24px;
}
h2 {
    font-size: 30px;
}

}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 479px) {
.header-search-form {
    right: 0;
}

}

/* ===== style.css ===== */

/* ===== SITE MAIN COLORS ===== */

:root {
  --Sasa-2: #ff014f;   /* pink-red */
  --Sasa-3: #00a99d;   /* turcois */
  --Sasa-1: #008e90;   /* darker turcois */
}


/*** INDEX ***/
h1.hero {
  line-height: 1.1 !important; /* Name on the index page */
  font-size: clamp(30px, 10vw, 60px) !important;
}

h4.hero {
  line-height: 1.1 !important;
  font-size: 1.1em;
  margin-bottom: 2em;
  color: #646b69;
}

h4.hero1 {
  line-height: 1.1 !important;
  margin-bottom: 1.5em;
  font-size: 1.1em;
  color: var(--Sasa-1);
}

/*** WRITING ***/

.grid_writing {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
  padding: 1rem;
}

.block_writing {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.5rem;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.block_writing:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.block_writing img {
  max-width: 250px;    /* max width */
  max-height: 250px;   /* max height */
  width: 100%;         /* scales down with container */
  height: auto;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}

.block_writing p {
  margin: 0;
  font-size: 0.9rem;
  color: #626567;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  transition: color 0.2s ease;
}

.block_writing a {
    text-decoration: none;
}

.block_writing:hover a,
.block_writing:hover a * {
  color:#333 !important;
}

  /*** ABOUT ***/

/* Container: flex layout for desktop */
.profile-container {
    display: flex;
    align-items: flex-start;  /* align top of image and text */
    gap: 20px;                /* space between image and text */
    max-width: 1000px;        /* optional fixed max width */
    margin: 0 auto;           /* center container horizontally */
    flex-wrap: nowrap;         /* prevent wrapping initially */
}

/* Image column */
.profile-image {
    flex: 0 0 50%;            /* take % of container width */
    padding: 0 25px;       /* horizontal spacing from container */
}

.profile-image img {
    width: 100%;              /* fill column */
    height: auto;             /* maintain aspect ratio */
    border-radius: 0px;      /* optional rounded corners */
    display: block;           /* remove inline spacing */
}

/* Text column */
.profile-text {
    flex: 1;                  /* take remaining width */
    line-height: 1.6;
}

/* Paragraph spacing */
.profile-text p {
    margin-bottom: 1em;
}

/* ---------------------------
   Responsive adjustments
--------------------------- */
@media (max-width: 600px) {
    .profile-container {
        flex-wrap: wrap;       /* allow stacking */
    }

    .profile-image {
        flex: 1 1 100%;        /* full width */
        padding: 0 15px;       /* alter desktop padding */
        margin-bottom: 15px;   /* space below image */
    }

    .profile-text {
        flex: 1 1 100%;        /* full width */
        padding: 0 7px;       /* alter desktop padding */
    }
}
p a {
  display: inline;
  text-decoration: none;
}
a:hover {
  color: #333;
}

/*** EVENTS ***/

.events {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0;
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;*/
}
/*.events a {
  display: inline;
}* - in case links should stay with text and not break*/

.event-item {
    display: grid;
    grid-template-columns: 180px 1fr 220px;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
}

.event-date {
    font-weight: 600;
}

.event-title {
    font-weight: 500;
}

.event-location {
    color: #666;
}

/* Medium screens */
@media (max-width: 900px) {
    .event-item {
        grid-template-columns: 180px 1fr;
        grid-template-rows: auto auto;
        row-gap: 6px;
    }

    .event-date {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }

    .event-title {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .event-location {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
}

/* Small screens */
@media (max-width: 600px) {
    .event-item {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 4px;
    }

    .event-date,
    .event-title,
    .event-location {
        grid-column: 1 / 2;
        grid-row: auto;
    }
}

/*** FOOTER ****/
.site-footer {
  box-shadow: 0 -1px 5px -1px rgb(0 0 0 / 12%);
}

.site-info {
    text-align: center;
    font-size: 15px;
    color: #333;
}
.site-info a {
  color: inherit;
  text-decoration: underline;
}

/*** BACK TO TOP BUTTON  ****/

#back-to-top {
  position: fixed;
  z-index: 9998;
  bottom: 5%;
  right: 2%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6c6c6c5f;
  color: #000;
  text-decoration: none;
  transition: opacity 0.3s ease, background 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

#back-to-top:hover {
  background: #555;
  color: #fff;
}

#back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
}

/*** STICKY SOCIAL ICONS ****/

#sticky-social-icons-container{top: 150px}#sticky-social-icons-container li a{font-size: 16px; width: 48px; height:48px; }#sticky-social-icons-container.with-animation li a:hover{width: 58px; }#sticky-social-icons-container li a.fab-fa-twitter{color: #fff; background: #00bde2; }#sticky-social-icons-container li a.fab-fa-twitter:hover{color: #fff; background: #0097ce; }#sticky-social-icons-container li a.fab-fa-linkedin{color: #fff; background: #2f82d6; }#sticky-social-icons-container li a.fab-fa-linkedin:hover{color: #fff; background: #4665a3; }@media( max-width: 415px ){#sticky-social-icons-container li a{font-size: 13.6px; width: 40.8px; height:40.8px; }}

/*** CONTACT ****/


.contact-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 40px;
  width: 100%;
  font-family: 'Poppins', sans-serif;
}

.contact-form label {
  font-size: 13px;
  margin-bottom: 6px;
  color: #333;
  letter-spacing: 0.3px;
}

.contact-form label[for="name"]::after,
.contact-form label[for="email"]::after {
  content: " *";
  color: red;
}

.contact-form input,
.contact-form textarea {
  font-size: 15px;
  padding: 12px 14px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #999;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.04);
}

#name,
#email {
  width: 90%;
  max-width: 400px;
}

#message {
  width: 90%;
  max-width: 780px;
  min-height: 160px;
  resize: vertical;
  display: block;
}

@media (max-width: 480px) {
  .contact-form {
    margin-left: 0;
  }
}

.submit-btn {
  width: auto;
  align-self: flex-start;
  background: #00a99d;
  border: none;
  color: #fff;
  padding: 0.45rem 2rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
}

.submit-btn:hover { 
  background: #01c4b7;}

.submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.contact-form .hidden-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
  opacity: 0;
}

/*** PRIVACY POLICY ****/

h3 {
  font-size: 1.2em;
  margin-top: 1.5em;
}

html {
  scroll-behavior: smooth;
}