/*
IN THE NAME OF GOD
Theme Name: Creative Cajad Resume

  1. >>> Headr Style
  2. >>> Banner Style
  3. >>> About Style
  4. >>> Skills Style
  5. >>> Experience Style
  6. >>> Work Style
  7. >>> Footer Style

*/
html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px;z-index: 11;}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color: #ebebeb;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px;z-index: 12;}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


.cj_slide_projects .cj_box { transform:scale(0.8);}
.cj_slide_projects .is-next .cj_box,.cj_slide_projects .is-previous .cj_box { transform:scale(0.9);}
.cj_slide_projects .is-selected .cj_box { transform:scale(1);}

.cj_slide_projects .is-previous2 .cj_box {transform-origin: center right;}
.cj_slide_projects .is-next2 .cj_box {transform-origin: center left;}

.cj_slide_projects .cj_col3 {padding:0px;}


.cj_slide_projects .flickity-prev-next-button.previous {left:0px;opacity: 1;height: 100%;border-radius: 0px;width: 150px;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 97%);}

.cj_slide_projects .flickity-prev-next-button.previous .flickity-button-icon {
    color: white;
    transform: scale(0.3);
    transform-origin: center left;
	left:-5px;
}

.cj_slide_projects .flickity-prev-next-button.next {right:0px;opacity: 1;height: 100%;border-radius: 0px;width: 150px;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0) 3%, rgba(0,0,0,1) 100%);
}

.cj_slide_projects .flickity-prev-next-button.next .flickity-button-icon {
    color: white;
    transform: scale(0.3);
    transform-origin: center right;
    right: -5px;
}

.cj_skills .cj_col3 {text-align:left;direction:ltr;}

/*!
  * Kursor v0.1.5
  * Forged by Luis Daniel Rovira
  * Released under the MIT License.
  */
.notCursor {
  cursor: none;
}
.notCursor * {
  cursor: none;
}
/*
#kursorWrapper {
  position: fixed;
  z-index: 99;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div[class*='kursor'] {
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
div[class*='kursor'].kursor--hidden {
  opacity: 0;
  width: 0px;
  height: 0px;
}
div[class*='kursor'].kursor--1 {
  left: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid rgba(var(--k-color), 1);
  transition: all 0.2s ease, top 0.18s ease-out, left 0.18s ease-out;
  background: content-box;
  background: #ebebeb;
  border: 0px solid #ffffff63;
  box-shadow: 0 0 0 5px #ffffff70;
  transition: background 0.3s, box-shadow 0.3s;
}
div[class*='kursor'].kursor--1 + .kursorChild {
  display: block;
  width: 4px;
  height: 4px;
  background: rgba(var(--k-color), 1);
  border-radius: 50%;
  transition: all 0.2s ease, top 0s ease-out, left 0s ease-out;
  opacity: 1;
}
div[class*='kursor'].kursor--1.--hover {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(var(--k-color), 0);
  background: rgba(var(--k-color), 0.1);
}
div[class*='kursor'].kursor--1.--hover + .kursorChild {
  background: rgba(var(--k-color), 0.3);
}
div[class*='kursor'].kursor--1.kursor--down {
  width: 20px;
  height: 20px;
}
div[class*='kursor'].kursor--1.kursor--down + .kursorChild:after {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
  border: 1px solid;
  border-radius: 50%;
  border-color: rgba(var(--k-color), 1);
  transition: all 0.4s ease;
}
div[class*='kursor'].kursor--2 {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(var(--k-color), 1);
  transition: all 0.2s ease, top 0.1s ease-out, left 0.1s ease-out;
}
div[class*='kursor'].kursor--2 + .kursorChild {
  display: block;
  width: 4px;
  height: 4px;
  background: rgba(var(--k-color), 1);
  border-radius: 50%;
  transition: all 0.2s ease, top 0.2s ease-out, left 0.2s ease-out;
}
div[class*='kursor'].kursor--2.--hover {
  width: 40px;
  height: 40px;
  background: rgba(var(--k-color), 0.1);
}
div[class*='kursor'].kursor--2.--hover + .kursorChild {
  background: rgba(var(--k-color), 0.3);
}
div[class*='kursor'].kursor--2.kursor--down {
  width: 10px;
  height: 10px;
}
div[class*='kursor'].kursor--2.kursor--down + .kursorChild:after {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
  border: 1px solid;
  border-radius: 50%;
  border-color: rgba(var(--k-color), 1);
  transition: all 0.4s ease;
}
div[class*='kursor'].kursor--3 {
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(var(--k-color), 1);
  transition: all 0.2s ease, top 0.05s ease-out, left 0.05s ease-out;
}
div[class*='kursor'].kursor--3 + .kursorChild {
  display: block;
  width: 4px;
  height: 4px;
  background: rgba(var(--k-color), 1);
  transition: all 0.2s ease, top 0.2s ease-out, left 0.2s ease-out;
}
div[class*='kursor'].kursor--3.--hover {
  width: 40px;
  height: 40px;
  background: rgba(var(--k-color), 0.1);
  border: 1px solid rgba(var(--k-color), 0);
}
div[class*='kursor'].kursor--3.--hover + .kursorChild {
  background: rgba(var(--k-color), 0.3);
}
div[class*='kursor'].kursor--3.kursor--down {
  width: 5px;
  height: 5px;
  border: 1px solid rgba(var(--k-color), 0);
}
div[class*='kursor'].kursor--3.kursor--down + .kursorChild {
  width: 10px;
  height: 10px;
}
div[class*='kursor'].kursor--3.kursor--down + .kursorChild:after {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
  border: 1px solid;
  border-color: rgba(var(--k-color), 1);
  transition: all 0.4s ease;
}
div[class*='kursor'].kursor--4 {
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(var(--k-color), 0.3);
  border-radius: 50%;
  transition: all 0.2s ease, top 0.2s ease-out, left 0.2s ease-out;
}
div[class*='kursor'].kursor--4 + .kursorChild {
  display: block;
  width: 6px;
  height: 6px;
  background: rgba(var(--k-color), 1);
  border-radius: 50%;
  transition: all 0.2s ease, top 0.03s ease-out, left 0.03s ease-out;
}
div[class*='kursor'].kursor--4.--hover {
  width: 30px;
  height: 30px;
  background: rgba(var(--k-color), 0.1);
  border: 3px solid rgba(var(--k-color), 0);
}
div[class*='kursor'].kursor--4.--hover + .kursorChild {
  width: 25px;
  height: 25px;
  background: rgba(var(--k-color), 0.1);
}
div[class*='kursor'].kursor--4.kursor--down {
  width: 5px;
  height: 5px;
}
div[class*='kursor'].kursor--4.kursor--down + .kursorChild {
  width: 10px;
  height: 10px;
}
div[class*='kursor'].kursor--4.kursor--down + .kursorChild:after {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
  border-radius: 50%;
  border: 1px solid;
  border-color: rgba(var(--k-color), 1);
  transition: all 0.4s ease;
}
div[class*='kursor'].kursor--5 {
  left: 0px;
  top: 0px;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(var(--k-color), 0.5);
  border-radius: 50%;
  transition: all 0.2s ease, top 0.2s ease-out, left 0.2s ease-out;
}
div[class*='kursor'].kursor--5.--hover {
  width: 26px;
  height: 26px;
  background: rgba(var(--k-color), 0.1);
  border: 3px solid rgba(var(--k-color), 0);
}
div[class*='kursor'].kursor--5.kursor--down {
  width: 15px;
  height: 15px;
}
div[class*='kursorChild'] {
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  display: none;
}
div[class*='kursorChild'].kursorChild[class*='--hidden'] {
  opacity: 0;
  width: 0px;
  height: 0px;
}
div[class*='kursorChild'].kursorChild:after {
  content: '';
  pointer-events: none;
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  border: 0px solid rgba(var(--k-color), 0.5);
  transform: translate(-50%, -50%);
}
.kursor--absolute {
  position: absolute !important;
  z-index: 2000;
}
@media screen and (max-width: 768px) {
  .notCursor * {
    cursor: auto;
  }
  div[class*='kursor'] {
    display: none !important;
  }
  div[class*='kursorChild'] {
    display: none !important;
  }
}
@media screen and (max-width: 812px) and (max-height: 430px) and (orientation: landscape) {
  div[class*='kursor'] {
    display: none !important;
  }
  div[class*='kursorChild'] {
    display: none !important;
  }
  .notCursor * {
    cursor: auto;
  }
}

.flickity-button,.flickity-page-dots .dot {cursor:none;}
.kursor.hovercursor {background: #ffffff!important;box-shadow: 0 0 0 0px #fffffff2 !important;}


.kursor.hovercursor + .kursorChild:before {content: "\f256";font-family: 'Font Awesome 6 Pro';color: black;position: relative;top: -8px;left: 7px;font-size: 19px;}
.kursor.hovercursor + .kursorChild {background:none !important;}
*/

body {

font-family: yekanbakh;

margin:0;

padding:0;

font-size: 15px;

background:#000000;

color:#ffffff;

text-align: right;

direction: rtl;
}
.fullheight {min-height:100dvh;}

.cj_sec {
	
	height:100dvh;
	
}

.darbg {} 

.kursor {

position: fixed;

border-radius:100px;

height: 16px;

width: 16px;

transform: translate(-7px, -7px);

background: #ffffff;

pointer-events: none;

mix-blend-mode: difference;

z-index: 99999;
}


.midflex {justify-content:center;align-items:center;}

.cj_container {width: calc(100% - 30px);max-width:1250px;margin:auto;padding: 0px 15px;}

.cj_row {display:flex;flex-wrap:wrap;width: 100%;margin: 0px -10px;}

.cj_col6 {width: calc(50% - 20px);padding: 0px 10px;}
.cj_col4{width: calc(33.33333333333333333% - 20px);padding: 0px 10px;}
.cj_col3{width: calc(25% - 20px);padding: 0px 10px;}



#cj_main_img {border-radius: 1000px;height: 280px;filter: grayscale(1);object-fit: contain;}

#cj_main_role {font-weight:300;font-size: 43px;margin: 0px 0px 20px;line-height: 48px;direction: ltr;}

#cj_work_years {
    font-size: 19px;
    opacity: 0.5;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 50px;
}
#cj_work_years strong {font-weight:200;letter-spacing: 1px;}


::selection {
  background-color: #ffffff;
  color: black;
}

.cj_button {
    padding: 13px 23px;
    font-size: 18px;
    position:relative;
    overflow: hidden;
    display: inline-block;
    color: white;
    border-radius: 5px;
}

.cj_button:before {
	position:absolute;
	border: 2px solid #fff;
	left:0;right:0;top:0;bottom:0;
	z-index:1;content:'';transition:all 0.5s;
}
.cj_button:afterk {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	z-index:1;content:'';
background:white;
z-index:2;transition:all 0.5s;
transform:scale(0);opacity:0;
}

.cj_button:hover::afterk {transform:scale(1);opacity:1; }
.cj_button:hover::beforek {transform:scale(1.1);opacity:0; }

.cj_button span,.cj_button i {position:relative;z-index:3;transition:all 0.5s;}
.cj_button:hover span,.cj_button:hover i {color:#333;}

.cj_button i {
    top: 2px;
    margin-left: 5px;
    font-size: 17px;
}

.cj_button:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: 100%;
    background: #ffffff;
    border-radius: 0 0 100% 100%/0 0 100% 100%;
    -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
    transition: all 0.6s cubic-bezier(1, 0, 0.55, 1);
}

.cj_button:hover:after {
  bottom: -10px;
  border-radius: 0;
}




.hovercursor {background:#81B441;height:20px;width:20px;mix-blend-mode: unset;}


.cj_section_title {font-weight: 600;font-size: 42px;margin-top: -27px;margin-bottom: 30px;letter-spacing: -2px;}
.cj_section_title:after {content:'.';color:#81B441;font-size: 70px;position: relative;top: 2px;margin-right: 6px;}


.cj_box {padding: 17px;margin-bottom:30px;position:relative;transition: all 0.4s;border-radius: 5px;}
.cj_box:before {
	position:absolute;
	border: 2px solid #2A2E33;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	content:'';
	transition:all 0.5s;
	border-radius: 5px;
}

.cj_blog .cj_row {margin-top: -10px;}

.cj_box img {width: 100%;display:block;margin: 0px 0px 20px;display: block;object-fit: cover;}
.cj_box h3,.cj_skills h4 {color:white;font-weight: 600;opacity:0.8;margin: 0px 0px 17px;font-size: 19px;}
.cj_box p, .cj_skills li,.cj_box time {color:white;opacity:0.6;line-height: 28px;font-size: 15px;margin: 0px 0px 0px;}

.pr_cats {margin-top:20px;overflow: hidden;}
.pr_cats span {display:inline-block;background:#FFFFFF21;color: #d9d9d9;padding: 11px 15px 5px;font-size: 13px;margin: 0px 0px 5px 5px;text-transform: capitalize;border-radius: 5px;}

.cj_sectionz {margin-bottom:80px;}

.box_hover:hover {background: rgb(128 128 128 / 10%);}


.cj_story p {opacity:0.8;text-align: justify;margin-top: -20px;margin-bottom: 40px;}

p {
    line-height: 32px;
    font-size: 17px;
    margin: 0px 0px 20px;
}
.cj_skills ul {list-style:none;}
ul {padding:0;margin:0 0 30px;}



.cj_last_projects p {overflow: hidden;}

.cj_blog .cj_box h3 {margin-bottom: 18px;margin-top: 12px;}
.cj_blog p {
    text-align: justify;
    line-height: 28px;
    letter-spacing: -0.5px;
    margin-bottom: 28px;
}

.cj_blg_data {display:flex;justify-content: space-between;margin-top: 15px;align-items: center;}


	a {    color: #81B441;text-decoration:none;}
	.cj_box a {position:relative;transition:all 0.4s;}
	.cj_box a:before {transition:all 0.4s;position:absolute;bottom: 2px;left:0;width:100%;height:1px;background:#81B441;content:'';z-index:0;}
	
	.cj_box a span {position:relative;z-index:1;}
		
	.cj_box a:hover::before	{height:100%;background:white;}
	.cj_box a:hover span {color:black;}
	.cj_box a:hover span {transform:scale(0.9);display:block;}

.cj_skills h4 {
	
font-size: 21px;
	
letter-spacing: -1px;
	
margin-bottom: 10px;
}
.cj_skills li {font-size:16px;margin-bottom: 3px;}


footer .cj_section_title {text-align:center;}
footer .cj_sectio5n_title:after {color: #fff;opacity: 0.6;}

	
footer {

background: #81B441;

min-height: 300px;

padding: 80px 0px;

background: #080808;
}
.ddd {
    padding: 20px;
    background: white;
    color: black;
    line-height: 31px;
    font-size: 19px;
}
.ddd b {display:block;}
.ddd h3 {font-weight: 700;font-size: 25px;margin-top: 40px;margin-bottoM:20px;}
.ddd h2 {font-weight: 700;font-size: 30px;margin-top: 83px;color:green;}

.cnt_cup {display:flex;justify-content: center;align-items: center;}
.cnt_cup a{
    display:inline-block;
    width:100%;
    max-width: 250px;
    margin: 5px;
    border: 2px solid #2A2E33;
    padding: 15px 40px 15px 30px;
    position: relative;
    transition: all 0.4s;
    border-radius: 5px;
    position:relative;
 }
 
 .cnt_cup a:hover {background:white; color:black;}
  .cnt_cup a:hover strong {
     color: #345609;
  }
 .cnt_cup strong{font-weight:bold;}
.cnt_cup strong,.cnt_cup span {display:block;font-style:normal;}
.cnt_cup span {

margin-bottom: 8px;
}
.cnt_cup i {

position: absolute;

top: 50%;

right: 11px;

transform: translateY(-50%);

font-size: 18px;
}
.cnt_cup strong {
	
color: white;
	
opacity: 0.7;
	
font-size: 17px;
	
letter-spacing: 1px;
}


#cj_name {
	
font-weight: normal;
	
opacity: 0.8;
	
font-weight: 300;
	
margin-bottom: 0px;
	
font-size: 22px;
}


.box_image {height:200px;background-size: cover;background-position: center;margin-bottom: 20px;border-radius: 5px;}
.flickity-button svg {display:none;}

.cj_featureS.cj_row {
    flex-direction: row-reverse;
}

.cj_blog .cj_section_title {margin-top: -40px;}

.cj_slide_projects .box_image {
    filter: grayscale(1);
	transition:all 0.4s;
}

.cj_slide_projects .is-selected .box_image {
    filter: grayscale(0);
}