/* Demo Code: */
body {
	font-family: 'Open Sans', arial, sans-serif;
	/* color: #333;
	font-size: 14px; */
}
/* .projcard-container {
	margin: 50px 0;
}


.projcard-container,
.projcard-container * {
	box-sizing: border-box;
}
.projcard-container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
.projcard {
	position: relative;
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	border-radius: 10px;
	background-color: #fff;
	border: 2px solid #ddd;
	font-size: 18px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.projcard:hover {
	box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
	transform: translate(0px, -3px);
}
.projcard::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(-70deg, #424242, transparent 50%);
	opacity: 0.07;
}
.projcard:nth-child(2n)::before {
	background-image: linear-gradient(-250deg, #424242, transparent 50%);
}
.projcard-innerbox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.projcard-img {
	position: absolute;
	height: 300px;
	width: 400px;
	top: 0;
	left: 0;
	transition: transform 0.2s ease;
}
.projcard:nth-child(2n) .projcard-img {
	left: initial;
	right: 0;
}
.projcard:hover .projcard-img {
	transform: scale(1.05) rotate(1deg);
}
.projcard:hover .projcard-bar {
	width: 70px;
}
.projcard-textbox {
	position: absolute;
	top: 7%;
	bottom: 7%;
	left: 430px;
	width: calc(100% - 470px);
	font-size: 17px;
}
.projcard:nth-child(2n) .projcard-textbox {
	left: initial;
	right: 430px;
}
.projcard-textbox::before,
.projcard-textbox::after {
	content: "";
	position: absolute;
	display: block;
	background: #ff0000bb;
	background: #fff;
	top: -20%;
	left: -55px;
	height: 140%;
	width: 60px;
	transform: rotate(8deg);
}
.projcard:nth-child(2n) .projcard-textbox::before {
	display: none;
}
.projcard-textbox::after {
	display: none;
	left: initial;
	right: -55px;
}
.projcard:nth-child(2n) .projcard-textbox::after {
	display: block;
}
.projcard-textbox * {
	position: relative;
}
.projcard-title {
	font-family: 'Voces', 'Open Sans', arial, sans-serif;
	font-size: 24px;
}
.projcard-subtitle {
	font-family: 'Voces', 'Open Sans', arial, sans-serif;
	color: #888;
}
.projcard-bar {
	left: -2px;
	width: 50px;
	height: 5px;
	margin: 10px 0;
	border-radius: 5px;
	background-color: #424242;
	transition: width 0.2s ease;
}
.projcard-blue .projcard-bar { background-color: #0088FF; }
.projcard-blue::before { background-image: linear-gradient(-70deg, #0088FF, transparent 50%); }
.projcard-blue:nth-child(2n)::before { background-image: linear-gradient(-250deg, #0088FF, transparent 50%); }
.projcard-red .projcard-bar { background-color: #D62F1F; }
.projcard-red::before { background-image: linear-gradient(-70deg, #D62F1F, transparent 50%); }
.projcard-red:nth-child(2n)::before { background-image: linear-gradient(-250deg, #D62F1F, transparent 50%); }
.projcard-green .projcard-bar { background-color: #40BD00; }
.projcard-green::before { background-image: linear-gradient(-70deg, #40BD00, transparent 50%); }
.projcard-green:nth-child(2n)::before { background-image: linear-gradient(-250deg, #40BD00, transparent 50%); }
.projcard-yellow .projcard-bar { background-color: #F5AF41; }
.projcard-yellow::before { background-image: linear-gradient(-70deg, #F5AF41, transparent 50%); }
.projcard-yellow:nth-child(2n)::before { background-image: linear-gradient(-250deg, #F5AF41, transparent 50%); }
.projcard-orange .projcard-bar { background-color: #FF5722; }
.projcard-orange::before { background-image: linear-gradient(-70deg, #FF5722, transparent 50%); }
.projcard-orange:nth-child(2n)::before { background-image: linear-gradient(-250deg, #FF5722, transparent 50%); }
.projcard-brown .projcard-bar { background-color: #C49863; }
.projcard-brown::before { background-image: linear-gradient(-70deg, #C49863, transparent 50%); }
.projcard-brown:nth-child(2n)::before { background-image: linear-gradient(-250deg, #C49863, transparent 50%); }
.projcard-grey .projcard-bar { background-color: #424242; }
.projcard-grey::before { background-image: linear-gradient(-70deg, #424242, transparent 50%); }
.projcard-grey:nth-child(2n)::before { background-image: linear-gradient(-250deg, #424242, transparent 50%); }
.projcard-customcolor .projcard-bar { background-color: var(--projcard-color); }
.projcard-customcolor::before { background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%); }
.projcard-customcolor:nth-child(2n)::before { background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%); }
.projcard-description {
	z-index: 10;
	font-size: 15px;
	color: #424242;
	height: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.projcard-tagbox {
	position: absolute;
	bottom: 3%;
	font-size: 14px;
	cursor: default;
	user-select: none;
	pointer-events: none;
}
.projcard-tag {
  position: absolute;
	display: inline-block;
  bottom: -80px;
	background: #E0E0E0;
	color: #777;
	border-radius: 3px 0 0 3px;
	line-height: 26px;
	padding: 0 10px 0 23px;
	position: relative;
	margin-right: 20px;
  margin-left: 30px;
	cursor: default;
	user-select: none;
	transition: color 0.2s;
  
}
.projcard-tag::before {
	content: '';
	position: absolute;
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	height: 6px;
	left: 10px;
	width: 6px;
	top: 10px;
}
.projcard-tag::after {
	content: '';
	position: absolute;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #E0E0E0;
	border-top: 13px solid transparent;
	right: -10px;
	top: 0;
} */


.cshape{
    /* background-color: antiquewhite;
    position: relative;
    margin: 20px 0;
    background: rgb(245, 225, 225);
    border-radius: 8% / 10%;
    color: white;
    text-align: center;
   text-indent: .1em;    */


}



.logotext{
    display: inline-block;
    color: rgb(64, 65, 66) !important;
    vertical-align: middle;
    line-height: 0px;
    margin-left: 8px;
}

.slider{
    /* border-top-left-radius: 200px;
    border-top-right-radius: 200px; */
    /* background: rgb(223, 225, 235);
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
    border-radius: 10px;
    /* box-shadow: 2px 2px 2px #bebebe; */
      /* background: #e0e0e0; */
      /* box-shadow: 15px 15px 30px #bebebe,
                 -15px -15px 30px #ffffff; */
}

.news{

    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
      background: #e0e0e0;
      /* box-shadow: 15px 15px 30px #bebebe,
                 -15px -15px 30px #ffffff; */
}
.card1 {
    /* float: left; */
    
    margin:20px;
    width: 180px;
    height: 220px;
    overflow: visible;
    cursor: pointer;
    position: relative;
    
  }
  
  .card1::before, .content {
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #00000022;
    transition: transform 300ms, box-shadow 200ms;
    border: 1px solid grey;
  }
  
  .card1::before {
    position: absolute;
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f35353;
   
    transform: rotateZ(5deg);
  }
  
  .description {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  
  .info {
    color: #00000066;
  }
  
  .price::before {
    content: '';
  }
  
  .price {
    font-weight: bold;
    color: #ee9933;
  }
  
  .description p {
    margin-bottom: 10px;
  }
  
  .card1 .content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: rotateZ(-2deg);
  }
  
  .content .img {
    width: 150px;
    height: fit-content;
  }
  
  .card1:hover::before, .card1:hover .content {
    transform: rotateZ(0deg);
  }
  
  .card1:active::before, .card1:active .content {
    box-shadow: none;
  }

  .social-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    /* box-shadow: 0px 0px 15px #00000027; */
    padding: 15px 10px;
    border-radius: 10px;
    position: relative;
    top: 6;
    margin-bottom: 10px;
    /* background: #e0e0e0; */
    box-shadow: 2px 2px 2px #bebebe;
  }
  
  .social-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 10px;
    background-color: #fff;
    box-shadow: 0px 0px 4px #00000027;
    transition: 0.3s;
  }
  
  .social-button:hover {
    background-color: #f2f2f2;
    box-shadow: 0px 0px 6px 3px #00000027;
  }
  
  .social-buttons svg {
    transition: 0.3s;
    height: 20px;
  }
  
  .facebook {
    background-color: #3b5998;
  }
  
  .facebook svg {
    fill: #f2f2f2;
  }
  
  .facebook:hover svg {
    fill: #3b5998;
  }
  
  .github {
    background-color: #333;
  }
  
  .github svg {
    width: 25px;
    height: 25px;
    fill: #f2f2f2;
  }
  
  .github:hover svg {
    fill: #333;
  }
  
  .linkedin {
    background-color: #0077b5;
  }
  
  .linkedin svg {
    fill: #f2f2f2;
  }
  
  .linkedin:hover svg {
    fill: #0077b5;
  }
  
  .instagram {
    background-color: #c13584;
  }
  
  .instagram svg {
    fill: #f2f2f2;
  }
  
  .instagram:hover svg {
    fill: #c13584;
  }
  
  .lines {
    display: grid;
    grid-template-columns: minmax(50px, 1fr) auto minmax(50px, 1fr);
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .lines::before, .lines:after {
    content: '';
    border-top: 6px double;
    /* color: #f79696; */
  }

  .sideimg{
        border-radius: 8px;
        height: 200px;
        width: 100%;
     
  }

  .boximg{
    height: 200px;
  }
  .boxb{
    
    /* border-radius: 8px; */
    background-color: #f1efef;
    /* box-shadow: 0px 0px 6px 3px #00000027; */
   
    padding: 0;
  
    
  }

  .boxtitle{
   
           font-size: 1.6em;
           color: #F88E03;
           margin-left: 20px;
          
           font-weight: 900;
           text-align: left;
        
  }

  .anime{
    /* transform: scale(2.65); */
    transform: translate(0%, 0%);
  }

  .boxtitle span{
    /* border-bottom: 2px solid rgb(218, 105, 0); */
    
  }

  /* .boxtitle::before{
    content: '';
    border-left: 6px solid #c77100;
    margin-right: 10px;  
    height: 2px;
    width: 5px;
      } */
 

  .boxtagline span{
    padding-top: 20px;
    margin-top: 10px;
    border-bottom: 2px dashed rgb(110, 2, 10, .4);
    padding-bottom: 10px;

    

  }
  .boxtagline{
   
    font-weight:bold;
    font-size: 1.1rem;
    margin-left: 20px;
    color:rgba(100, 148, 237, 0.904);
           margin-bottom: 20px;
  }

  .boxdesc{

  /* margin-left: 10px; */
    /* text-align: justify; */

  }

.one, .two, .three{
  inset: 20px;
  display: flex;
  color: #0077b5;
  height: 200px;
  width: 190px;
  margin: 10px 5px 10px 0px;
  border: 2px dashed rebeccapurple;
  border-radius: 8px;
  justify-content: center;
 align-content: center;
 align-items: center;
}

.one h1{
  display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
 font-size: 8.5em;

}
.two h1{
  display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
 font-size: 8.5em;

}
.three h1{
  display: flex;
 justify-content: center;
 align-content: center;
 align-items: center;
 font-size: 8.5em;

}

.section-head h2 {
  position: relative;
  color: #000;
  font-size: 22x;
  padding: 0 0 20px 0;
  margin: 10px 0;
  font-weight: 500;

}
.section-head h2:before {
  width: 45px;
  height: 8px;
  /* border-radius: 8px; */
  background: #AF2E2B;
  display: inline-block;
  border-radius: 8px;
  position: absolute;
  content: "";
  left: 25px;
  bottom: 8px;
  margin-left: -22px;
}

.section-head h2:after {
  width: 250px;
  height: 3px;
  background: #AF2E2B;
  display: inline-block;
  position: absolute;
  content: "";
  left: 53px;
  bottom: 10px;
  
}
.cut{
  clip-path: polygon(0 0, 0 0%, 90% 100%, 100% 100%, 100% 0);
   background-color: #ffffff;
  margin: 0px !important;
  padding: 0px !important; 


 
}
.cut2{
  clip-path: polygon(0 0, 0 110%, 100% 0%, 100% 100%, 100% 0);
   background-color: #ffffff;
  margin: 0px !important;
  
  padding: 0px !important; 
 
}
.cut3{
  clip-path: polygon(0 0, 0 0%, 90% 100%, 100% 100%, 100% 0);
   background-color: #f5dcdc;
  margin: 0px !important;
  padding: 0px !important; 
 
}

/* .cut div:before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  border-top: 180px solid #ffffff;
  border-left: 180px solid red;
  box-shadow: 0px 15px 10px -15px #aaa9a9; 
  box-shadow: -15px 0px 10px -15px #aaa9a9;  
  width: 0;
} */


/* CSS */
.button-18 {
  align-items: center;
  background-color: #ff8800;
  border: 0;
  /* display: flex; */
  /* position: absolute; */
  /* right: 0; */
  /* margin-right: 10px; */
  /* border-radius: 100px; */
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  max-width: 480px;
  min-height: 40px;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  touch-action: manipulation;
  transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;

}
.asd{
  display: inline-flex;
  margin: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  /* flex-direction: row; */

}
.button-19 {
  align-items: center;
  background-color: #ff8800;
  border: 0;
  display: flex;
  /* position: absolute; */
  /* right: 0; */
  float: right;
  margin-right: 10px;
  /* border-radius: 100px; */
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  max-width: 480px;
  min-height: 40px;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  touch-action: manipulation;
  transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;

}

.button-18 a:hover,
.button-18 a:focus { 
  background-color: #a2a507;
  color: #ffffff;
}
.button-18:hover,
.button-18:focus { 
  background-color: #a2a507;
  color: #ffffff;
}

.button-18 a:active {
  background: #09223b;
  color: rgb(255, 255, 255, .7);
}
.button-19 a:hover,
.button-19 a:focus{ 
  text-decoration: none;
  background-color: #a2a507;
  color: #ffffff;
}

.button-19:hover{
  background-color: #a2a507;
  color: #ffffff;
}


.button-18 a:active {
  background: #09223b;
  color: rgb(255, 255, 255, .7);
}

/* .button-18:disabled { 
  cursor: not-allowed;
  background: rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .3);
}   */

.search {
  width: 100%;
  /* position: relative; */
  display: inline-flex;
  /* right: 0; */
  /* margin-right: 10px; */
}

.search2{
  width: 50%;
  /* position: relative; */
  display: inline-flex;
  /* right: 0; */
  /* margin-right: 10px; */
}

.searchTerm {
  width: 100%;
  /* border: 3px solid #00B4CC; */
  border: 0;
  border-right: none;
  padding: 5px;
  height: 40px;
  /* border-radius: 5px 0 0 5px; */
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 40px;
  /* border: 1px solid #00B4CC; */
  border: 0;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  /* border-radius: 0 5px 5px 0; */
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  /* height: 100%; */
  margin: 0;

  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
}

.marq{
  /* height: 65vh; */
  background-color: #ffffff;
  border: 1px solid grey;
  border-radius: 8px;
  padding: 10px;
}



.marq a h5{
  margin-bottom: 10px;
  color: #AF2E2B;
  font-weight: bold;
  text-align: center;
}

.marq a{
  color: #3b3939;
  font-size:medium;
  font-weight: 400;
  text-align: justify;
}

.marqq{
  /* height: 100%; */
  /* padding: 20px; */
  line-height: 23px;
  height: 48vh;
  background-color: #e4e4e4 !important;
  border-radius: 4px;
 
}

.marqq li{
  /* border: 1px dashed rgb(163, 159, 159); */
  box-shadow: 2px 2px 1px rgb(110, 2, 10, .4);
  padding: 5px;
  list-style: none;
  background-color: #ffffff;
  margin: 10px;
}
.mbutton{
  border: 0;
  background-color: #ff8800;
  color: #e0e0e0;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: end;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 12px;
  text-align: center;
  margin-left: auto;
  /* margin-right: auto; */
}
.mbutton:hover{
  background-color: #e00000;
}

.ccc{
  display: flex;
  margin-left: auto;
  margin-right: auto;
/* margin-top: 30px; */
}

.accordion-button{
  background-color: #e00000;
  color: white;
  padding: 10px;
}
pre{
  font-weight: bold;
}


/* .panelsStayOpen-headingOne1{
  background-color: #a2a507 !important;
} */

.accordion-button:not(.collapsed){
  background-color:#e00000 ;
  color: white;
}


/* for editorial page*/

.our-team{
  border: 2px solid #e00000;
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
}
.our-team .pic{
    border-top: 5px solid #ff8e72;
    border-bottom: 5px solid #ff8e72;
    border-radius: 50% 50% 50% 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.our-team:hover .pic{
    border-top-color: #8f2d56;
    border-bottom-color: #8f2d56;
    border-radius: 50% 0;
}
.our-team .pic img{
    width: 100%;
    height: 50%;
    transition: all 0.5s ease 0s;
}
.our-team .team-content{ padding: 20px 0; }
.our-team .title{
    font-size: 22px;
    font-weight: 700;
    color: #8f2d56;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.our-team .post{
    display: block;
    font-size: 17px;
    color: #878484;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-right: 10px;
}
.our-team .social{
    list-style: none;
    padding: 0;
    margin: 0;
}
.our-team .social li{ display: inline-block; }
.our-team .social li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #8f2d56;
    background: #fff;
    font-size: 17px;
    color: #8f2d56;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social li a{
    background: #8f2d56;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}


/*for contact page*/

.contact3 {
  font-family: "Montserrat", sans-serif;
  color: #8d97ad;
  font-weight: 300;
}

.contact3 h1,
.contact3 h2,
.contact3 h3,
.contact3 h4,
.contact3 h5,
.contact3 h6 {
  color: #3e4555;
}

.contact3 .font-weight-medium {
  font-weight: 500;
}

.contact3 .card-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.contact3 .btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

.contact3 .btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}

.loginbox{
  border: 10px solid;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-image: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66)) 1;

}
.logintext{
  font-weight: bold;
  color: #e00000;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-decoration:wavy;
  /* text-transform: capitalize; */
  text-transform: uppercase;
  letter-spacing: 6px;
}

.formbox{
  /* width: 600px; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  

}

.loginb{
  display: flex;
  margin-left: auto;
  margin-right: auto; align-items: center;
  justify-content: center;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}