html {
  scroll-behavior: smooth;
  font-family: ff-real-headline-pro, sans-serif !important;
  background-color: #0EEFCF;
}




.loadermy {

  width:100%;
  height:100%;
  position:absolute;
  z-index:500;
  background-color: white;
  position:fixed;
}


body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@-webkit-keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(46px);
	}
}

@keyframes MOVE-BG {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(46px);
	}
}


.bg{
    position: absolute;
    left: -46px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;

  background: -webkit-repeating-linear-gradient(
    145deg,
    #f8e9db 1px,
    #fff5ed 2px,
    #fff5ed 11px,
    #f8e9db 12px,
    #f8e9db 20px
  );
  background: repeating-linear-gradient(
    -55deg,
    #f8e9db 1px,
    #fff5ed 2px,
    #fff5ed 11px,
    #f8e9db 12px,
    #f8e9db 20px
	);

    -webkit-animation-name: MOVE-BG;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

    animation-name: MOVE-BG;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


.fixed {
	position: fixed !important;

width:100%;
	z-index: 1;
}

body {
  scroll-behavior: smooth;
  font-family: ff-real-headline-pro, sans-serif !important;
  background-color: #0EEFCF;
}

/*
.arw-svg {

  fill:rgb(11, 37, 148);
}
.arw-svg-box {

  fill:rgb(11, 37, 148);
} */



.project-img-2 {


}



.project-page-source {
  font-size: 13px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: rgb(90,90,90);
}

.home-outer {
  /* background-color: #123AE5 !important; */
  /* background-color: #FFFDD8 !important; */
  background: repeating-radial-gradient(
    circle,
      white,
      white 3px,
      #f2f2f2 3px,
      #f2f2f2 6px
  );



}

.social-rotate {

  /* overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto; */

transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);
}

.home {
  /* background-color: #123AE5 !important; */
  /* background-color: #FFFDD8 !important; */
  display: flex;

  background-size: cover;
  height: 100vh;
}


.home:after {
  opactiy: 0.3;
  background-image: url(backdrop.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-blend-mode: subtract;
  width:100%;




  position: absolute;
  content: "";
  pointer-events: none;

  width: 100%;
  height: 100vh;

  left: 0%;
  /* z-index:3; */

  background-size: contain;
  background-repeat: no-repeat;
  background-blend-mode: subtract;
}

.about-home {

  display: flex;
  justify-content: center;
  background-size: cover;
  height: 100vh;
background-color: #F0E65E;
}


.about-home-outer{
  background-color: #F0E65E; !important;
}

/* .home-social {
  margin-right: 20px;
  padding-bottom: 2px;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 1rem;
  color:#3141F8;

  font-weight: 600;
  transition: 0.1s;

} */

.home-social {
  margin-right: 0px;
  padding-bottom: 2px;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 0.9rem;
  color:#8a8b90;

  font-weight: 400;
  transition: 0.1s;

}



.home-social:hover {
/* color:white; */
color:#3972F5;
/* border-bottom:3px solid rgba(255,255,255,1); */
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
  /* text-decoration: underline; */
  /* color: #0EEFCF; */

}


.logo-shadow {

  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.08);
}

.logo-shadow {

  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
}

.spacer {
  margin: 20px 0px;
}



.real {
  font-family: ff-real-headline-pro, sans-serif !important;
}

body {
  /* background-color:  #e2dff7 !important; */
}

.visible {
  color: red !important;
}

p {
  margin-bottom: 0px !important;
}

a {
  text-decoration: none !important;
  cursor: pointer;
}

.myself {
  fill: white;
  height:100%;
  overflow:hidden;

  /* max-width: 300px; */
  /* max-height:50%; */
}

.nav-text {
  font-weight: 700;
  font-size: 1rem;
  color: #2E3EFF;
/* color: #DDD45B ; */
  position: relative;


}
.main-nav-text{
letter-spacing: 1px;
font-size:1.1rem;
line-height:1.6rem;
font-weight: 500;
/* color: #0EEFCF; */
/* color: #123AE5 ; */
padding: 4px 2px;
color:#3972F5;
letter-spacing: 0.1px;
  transition: 0.5s;


}



.main-nav-text:hover{
letter-spacing: 0.1px;

background-color:#0EEFCF;

}



.main-nav-text:active{


}



.project-block {
  /* width:300px; */
  overflow: hidden;

}


.carousel-caption{
  right:0% !important;
  left:0% !important;
  text-align: inherit !important;
  bottom:2px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

.project-img {

   max-width: 100%;
  margin-bottom: 0px;


    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.28);
  -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.28);
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.28);
   transition: 0.3s;

  }

  .img-box {
    border-radius: 4px;
width:100%;
  overflow: hidden;

  }

  .behance {
    border:4px solid #FAEB3D;
    border-radius: 4px;
overflow: visible;
width:100%;

  height:100%;

  -webkit-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.9);
  box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.9);


  }

  a {
    cursor:pointer;
  }

  .behance:hover {
      border:4px solid #FAEB3D;


/*
      border:4px solid #3972F5; */
  }

  .img-box:hover {

        -webkit-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.73);
        -moz-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.73);
        box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.73);

  }

  .project-img:hover {
    /* transform: scale(1.001); */
    max-height:100%;
transform: scale(1.08);


    }


.project-tile-text {
  position: relative;
  line-height: 1.5;
  font-family: ff-real-headline-pro, sans-serif;
  margin-top: 6px;
  margin-bottom:4px !important;
  font-weight: 400;
  /* color: #123AE5; */
  /* color: #1b3dce; */
  color:#3e3d3d;
  /* color: #3972F5; */
  font-size: 0.9rem;
}

nav {

  webkit-box-shadow: 0px 4px 21px -12px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 21px -12px rgba(0,0,0,0.35);
box-shadow: 0px 4px 21px -12px rgba(0,0,0,0.35);
}
.nav-item {

font-size:0.8rem;
font-weight: 500;

}

.project-page-text-italic {
  position: relative;

  font-style: italic;
  font-family: ff-real-headline-pro, sans-serif;

  font-size:1rem;
  font-weight:300;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: rgb(90,90,90);
  line-height: 1.7;
}

.project-tile-desc {
  position: relative;
  line-height: 1.3;
  font-family: ff-real-headline-pro, sans-serif;
  font-weight: 500;
  color: #797395;
  font-size: 0.8rem;
  padding: 2px 0px;
}

h1 {
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 4rem !important;
  font-weight: 700 !important;
  color: #123AE5;
}

h2 {
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 3rem !important;
  font-weight: 700 !important;
  color: #3e3d3d;
}

h3 {
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #3972F5;
}

.project-tile-tags {
  position: relative;
  display: inline-block;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 0.7rem !important;
  padding: 2px 6px;
  margin-top:-2px;
  margin-left: 3px;
  /* background-color: rgba(0,0,0,0.1); */
  background-color: rgb(216, 216, 216, 0.4);
  border-radius: 4px;
  font-weight: 400;
  color: rgb(60, 54, 194, 0.6);
  letter-spacing: 0.35px;
}


.project-tile-tags-main {

}



@keyframes pound {
  from {
    transform: none;
  }

  14% {
    transform: scale(1.4);
  }

  28% {
    transform: scale(1.0);
  }

  42% {
    transform: scale(1.4);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transfor: scale(1.0);
  }
}

.heart {
  animation: pound 0.9s infinite;
}

.footer-text {
  font-family: ff-real-headline-pro, sans-serif;
  color: #8D8521;
  font-size: 1rem;
  font-weight: 400;
}

.footer-links {
  padding-right: 6px;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 1rem;
  color: #3972F5;
  font-weight: 400;
}

.footer-credit {
  padding-right: 8px;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 1rem;
  opacity:1;
  color: #c1b736;
  font-weight: 400;
}


.mtportrait {

height:65vh;

}



.footer-rotate {
  transform: rotate(-90deg);
  overflow: visible;
   white-space: nowrap;
    width:40px;


}

.intro-text {
  font-family: ff-real-headline-pro, sans-serif;
  color: #4e4c00;
  font-weight: 500;

  font-size: 1.5rem;
  position: relative;
}


.myportrait {
  height:85vh;
}

@media only screen and (max-width: 1200px) {

.myportrait {
  height:55vh;
}

}
@media only screen and (max-width: 768px) {
  .intro-text{
    font-size: 1rem;
  }


  .main-nav-text{
    font-size:1rem;
  }



  .home-social {
  font-size: 0.8rem;
 }
}

/* @media only screen and (max-width: 992px) {
  .intro-text{
    font-size: 1rem;
  }

  .home-social {
  font-size: 1rem;
 }
} */

@media only screen and (max-width: 768px) {
  .navv{
    display: none !important;
  }

.project-img {
  /* max-width:280px; */
}
  .arrow{
    display: none !important;
  }
}

@media only screen and (max-width: 765px) {

  .speech {
height:50vh;
  }

  .myself-col {


  }

}




.heading-text {
  font-family: ff-real-headline-pro, sans-serif;
  color: #3e3b3b;
  padding: 15px;
  padding-left: 30px;
  font-size: 24px;
  position: relative;

}



.speech {
  /* background-image: url(speech-04.svg); */
  background-size: contain;
  background-repeat: no-repeat;

  background-width: 100%;
}

.cls-4 {
  fill: #5d5f5f;
}
 /* .bubble:before {
  position: absolute;
  content: "";
  pointer-events: none;
  position: absolute;
  content: "";
  pointer-events: none;
  opactiy: 0.3;
  width: 100%;
  height: 80vh;
  top: -20%;
  left: 3%;

  background-image: url(spl.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-blend-mode: subtract;


} */

.bubble:before{
 position: absolute;
 content: "";
 pointer-events: none;
 opactiy: 0.3;
 width: 100%;
 height:100%;
 background-image: url(spl.svg);
 background-size: cover;
 overflow: visible;
 background-repeat: no-repeat;
 background-blend-mode: subtract;

}

/* .circles{
 position: absolute;
 content: "";
 pointer-events: none;
 opactiy: 0.3;

 height:100vh;
  width: ;
 background-image: url(last.svg);
 background-size: cover;
 overflow: visible;
 background-repeat: no-repeat;
 background-blend-mode: subtract;

} */





.chota-text {
  font-size: 12px;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.6);
  font-family: ff-real-headline-pro, sans-serif;
}

.bottom-blue {
    /* background-color: #123AE5 !important; */
    background-color: #FAEB3D !important;

    /* background: repeating-radial-gradient(
      circle,
        #FAEC3C,
        #FAEC3C 3px,
        #F3E322 3px,
        #F3E322 6px
    ); */
}

#footer{

  }


.big-footer {
  font-size: 2.4rem !important;
  font-weight: 600;
  color: #4e4c00;
  overflow: hidden;
  line-height:4rem;
  font-family: ff-real-headline-pro, sans-serif;
}

.footer-img {
  opacity:1;
max-width:250px;
}
.footer-img2 {
  opacity:1;
  max-width: 30px;

}


.profile-intro-text {
  font-family: ff-real-headline-pro, sans-serif;
  color: #123AE5;

  font-size: 24px;
  position: relative;
}


.about-profile {
  height:100vh;
  /* background-color: #123AE5; */
}

.workex-block {

  border:1px solid rgba(0,0,0,0.2);
  border-radius:2px;
  width:150px;
  height:150px;
}


.project-page-text {
  font-size:18px;
  font-weight:300;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: rgb(90,90,90);
  line-height: 1.6;
}


.project-page-tag {
  font-size:13px;
  font-weight:400;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  /* font-style: italic; */
    color: rgb(150,150,150);
}


.project-page-heading {
  font-size:20px;
  font-weight:600;
  color: rgb(100,100,100);
  line-height: 1.5;
}


.project-page-heading-small {
  font-size:19px;
font-weight:300;

  line-height: 1.5;
  /* font-style:italic; */
  opacity:0.6;
}

.project-page-main-desc {
  font-size:16px;
  font-weight:300;
  color: rgb(100,100,100);
  line-height: 1.5;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

.project-page-main-attr {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  font-size:16px;
  font-weight:300;
  color: rgb(100,100,100);
  line-height: 1.5;
}

.project-page-tile-tags {
  position: relative;
  display: inline-block;
  font-family: ff-real-headline-pro, sans-serif;
  font-size: 12px !important;
  padding: 2px 6px;
  margin-right: 5px;
  /* background-color: rgba(0,0,0,0.1); */
  background-color: rgb(216, 216, 216, 0.4);
  border-radius: 4px;
  font-weight: 600;
  color: rgb(60, 54, 194, 0.6);
  letter-spacing: 0.35px;
}