/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

h1{
    font-family:poppins !important;
    font-size:1.5rem !important; 
    
}
p{
    font-family:sans-serif !important;
    font-size:0.9rem!important;
}


.container{
	max-width:100%;
	
}

.dojobanner{
	
	max-width: 100%;
    height: auto;
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
}
.dojobanner .subheading h1{
	text-align: center;
    font-family: poppins;
    font-size: 50px;
    font-weight: 700;
    color: white;
    margin: 30px;
}
.dojobanner .dojobtn{
	text-align: center;
	
}
.dojobanner button{
	background: none;
    border: 1px solid white;
    margin-left: 80px;
    width: 270px;
    height: 50px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 50px;
	
}
.dojobanner button:hover{
	border-radius:30px;
	transition:all .3s ease-in;
	transform:all .3s;
	background:#009bcb;
	
}
section .dojohead{
	padding: 0 20px;
}
section .dojoheading{
	margin-bottom:-20px;
}
.dojohead h1{
	    text-align: center;
    margin: 40px;
    font-weight: 700;
    font-family: poppins;
    color: #253f50;
    font-size: 35px;
}
.dojohead p{
	    text-align: justify;
		font-family:sans-sarif;
		font-size:18px;
	
}

section h1{
	 text-align: center;
    margin: 40px;
    font-weight: 700;
    font-family: poppins;
    color: #253f50;
    font-size: 35px;
}
.main-dojo{
	display:flex;
	flex-wrap:wrap;
}
section .dojotext{
		float:left;
		width:50%
		
		
}
.dojotext p{
	font-family:open-sans;
	font-size:20px;
}
.dojotext li{
	margin-left:5px;
	line-height:35px;
}
  .divTable
    {
        display: table;
    width: 679px;
    background-color: #eee;
    
    border-spacing: 2px;
    border-collapse: separate;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
    }

    .divRow
    {
       display:table-row;
       width:500px;
    }

    .divCell
    {
        float: left;
    display: table-column;
    width: 222px;
    height: 45px;
    background-color: cadetblue;
    text-align: center;
    border-left: 1px solid grey;
    margin: 0px;
    font-size: 22px;
    font-variant: all-petite-caps;
    }
	
	section .dojobtn button{
	    width: 300px;
    height: 60px;
    margin-left: 22px;
    background: none;
	font-family:sans-sarif;
	font-size:20px;
	font-weight:500;
   border-radius:none !important;
    border: 1px solid grey;
	}
	section .dojohead button{
	    width: 300px;
    height: 60px;
    margin-left: 22px;
    background: none;
	font-family:sans-sarif;
	font-size:20px;
	font-weight:500;
   border-radius:none !important;
    border: 1px solid grey;
	}
	section button:hover{
		transition:all .5s radial-out;
		background:#009bcb;
		color:white;
		border:none;
	
	}
	section .section-serv2 .row{
		display: flex;
		justify-content: center;
	}
section .dojocol{
	flex:1;
	display:table-cell;
	padding:17px;
}
section .dojocol h3{
	font-family: sans-serif;
    font-size: 25px;
    margin: 0;
    background-color: #009bcb;
    color: white;
    text-transform: capitalize;
    width: 230px;
    padding-top: 15px;
    height: 50px;
}
section .dojocol ul{
	margin-top:10px
}
section .dojocol li{
	    list-style: circle;
    line-height: 22px;
    font-family: revert;
    font-size: 14px;
    text-align: justify;
}
section .dojocase{
	flex:1;
	border:2px solid #009bcb;
	border-radius:30px;
	padding:20px;
}
section .dojocase h3{
	    font-size: 18px;
    text-align: center;
    color: #009bcb;
    font-weight: 500;
	padding:10px;
}
section .dojocase h2{
	font-size: 16px;
    font-weight: 700;
	padding:10px;
}
section .dojocase li{
	margin-left:12px;
	line-height:40px
}
section .dojocase p{
	margin-left:12px;
	text-align:justify;
}
section .dojocase button{
	position: relative;
    top: 53px;
    left: 50px;
}
section .dojocase button:hover{
	border-radius:30px;
	transition:all .3s ease-in;
	transform:all .3s;
	background:#009bcb;
}
section .gallary{
	    margin: 20px;
    cursor: pointer;
    border-radius: 30px;
    width: 20%;
}

section .gallary img{
	max-width:100%;
	height:auto;
	opacity:1;
	border-radius:30px;
}
section .gallary img:hover{
	opacity:0.8;
}
section  .djfrm input{
	transform: translateX(10px);
    width: 292px;
    height: 40px;
    background: none;
    font-size: 1.5rem;
    border: none;
    border-bottom: 2px solid grey;
    margin: 15px;
    
	
}
section  .djfrm textarea{
	transform: translateX(10px);
    width: 292px;
    height: 40px;
    background: none;
    font-size: 1.5rem;
    border: none;
    border-bottom: 2px solid grey;
    margin: 15px;
    
}
/* dojo project sect*/
section .dpsect{
	background:#2BAE66FF;
	display:flex;
}
section .dpsect h1{
	text-align:center;
	font-size:3rem;
	font-weight:700;
	color:#0f3959;
	padding:24px;
	
}
section .dpprgh p{
	font-size:25px;
	font-family:cambri;
	text-align:justify;
	color:#FCF6F5FF;
	padding:100px;
}
section .section-serv{
	margin:10px;
	
	padding:20px;
	
}
section .section-serv3{
	padding:20px;
	
	border-radius:20px;
	border:2px solid gray;
	text-align:center;
	height:100%;
	transition: 1s;
	transform: all .5s linear;
	
	
	
}
section .section-serv3:hover{
	
	border-bottom: 2px solid #009bcb;
	border-left: 2px solid #009bcb;

}


  

section .section-serv3 h3{
	text-align:center;
	font-weight: 600;
    color: #00203FFF;
	margin:20px;
	font-family:cambri;
	border-bottom: 2px solid #009bcb;
	line-height: 2;
}


section .section-serv3 p{
	text-align:justify;
	color:#101e1f;
	font-family:sans-sarif;
}
section .section-serv2 .col{
	margin:10px;
}
section .djfrm{
	height:auto;
	padding:20px;
	
}

section .form .form1{
	background-color: white;
    margin: 45px;
    border-radius: 25px;
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,.8);
}
.form .dojohead h2{
	margin: 40px;
    color: white;
    font-weight: 600;
    font-family: sans-serif;
    text-align: center;
}



/* tabs */

.dojotab{
	padding: 40px 0;
	text-align: center;
	background-attachment: fixed;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
	background-repeat: no-repeat;
	
}
  .warpper{
	display:flex;
	flex-direction: column;
	align-items: center;
  }
  .tab{
	cursor: pointer;
	padding:10px 20px;
	margin: 5px;
	
	background:#009bcb;
	display:inline-block;
	color:#fff;
	border-radius:3px 3px 0px 0px;
	box-shadow: 0 0.5rem 0.8rem #00000080;
  }
  .panels{
	background:#fffffff6;
	box-shadow: 0 2rem 2rem #00000080;
	min-height:200px;
	width:100%;
	max-width:500px;
	border-radius:3px;
	overflow:hidden;
	padding:20px;  
	margin: 20px;
	text-align: left;
	
  }
  .panel{
	display:none;
	animation: fadein .8s;
  }
  @keyframes fadein {
	  from {
		  opacity:0;
	  }
	  to {
		  opacity:1;
	  }
  }
  .panel-title{
	font-size:1.5em;
	font-weight:bold
  }
  .radio{
	display:none;
  }
  #one:checked ~ .panels #one-panel,
  #two:checked ~ .panels #two-panel,
  #three:checked ~ .panels #three-panel,
  #four:checked ~ .panels #four-panel,
  #five:checked ~ .panels #five-panel,
  #six:checked ~ .panels #six-panel,
  #seven:checked ~ .panels #seven-panel,
  #eight:checked ~ .panels #eight-panel,
  #nine:checked ~ .panels #nine-panel,
  #ten:checked ~ .panels #ten-panel{
	display:block
  }
  #one:checked ~ .tabs #one-tab,
  #two:checked ~ .tabs #two-tab,
  #three:checked ~ .tabs #three-tab,
  #four:checked ~ .tabs #four-tab,
  #five:checked ~ .tabs #five-tab,
  #six:checked ~ .tabs #six-tab,
  #seven:checked ~ .tabs #seven-tab,
  #eight:checked ~ .tabs #eight-tab,
  #nine:checked ~ .tabs #nine-tab,
  #ten:checked ~ .tabs #ten-tab{
	background:#fffffff6;
	color:#009bcb;
	border-top: 3px solid #000;
  }












@media screen and (max-width:425px){
	section .form .form1{
		margin:0;
	}
	.form .dojohead h2{
		margin:20px;
	}
	section .section-serv{
	margin:10px;
	
	padding:0;
	
}
section .dpsect h1 {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: #0f3959;
    padding: 24px;
	margin: 0;
}
section .dojobtn button {
    margin:20px;
	width:71vw;
}
section .djfrm input,
section .djfrm textarea{
    
    width: 69vw;
    
}
section .djfrm input::placeholder,
section .djfrm textarea::placeholder{
    
    color: #000;
    
}
}
@media screen and (max-width:375px){
	.dojobanner button {
    background: none;
    border: 1px solid white;
    margin-left: 0;
    width: 270px;
    height: 50px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 50px;
}
section .dojobtn{
	text-align:center;
}
.dojohead button{
	margin:0;
}
}
@media screen and (max-width:320px){
	section .djfrm{
	height:auto;
	padding:08;
	
}
}
@media screen and (max-width:768px){
	p{
		font-size:15px !important;
	}
	section .dpsect{
		flex-direction:column;
	}
	section .dpprgh p{
		padding:20px;
	}
}