body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#333333; 
	font-family: "Raleway", sans-serif; font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal;
}
.item1 {
  position: relative;

  overflow: hidden;
   line-height:0px;
}
.item1 img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item1:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} 
html {
scroll-behavior: smooth;
} 
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}

.effect{ position:relative; display:block; overflow:hidden;}
.effect:before,.effect:after{content:''; background:rgba(212, 210, 210, 0.2) none repeat scroll 0 0;content: "";opacity: 1;position:absolute;}
.effect:before{ bottom: 0;left: 50%;right:50%;top: 0;}
.effect:after{left: 0;bottom: 50%;right:0;top:50%;}
.effect:hover:before,.effect:hover:after{transition: all 900ms ease-in 0s;}
.effect:hover:before{ left: 0; opacity: 0; right: 0;}
.effect:hover:after{ top: 0; opacity: 0; bottom: 0;}


 
.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:970px; margin:0 auto; padding:0px; display:table;}
.header{width:100%; float:left; margin:0px; padding:50px 0; background:url("https://www.brilliancebraincode.com/images/header-bg.jpg") no-repeat center top; background-size:cover;}
.header-section{width:72%; float:left; margin:0px; padding:0px;}
.header-section h1{width:100%; float:left; margin:0px; padding:0 0 20px; font-size:70px; font-weight:900; color:#fff; line-height:70px; letter-spacing:-1px;}
.header-section p{width:92%; float:left; margin:0px; padding:0 0 20px; font-size:24px; font-weight:400; color:#fff; line-height:normal;}
.header-section h5{width:85%; float:left; margin:0px 0 20px; padding:20px; font-size:30px; font-weight:900; color:#fff; line-height:normal; background:#ff3f04}

.header-quote{width:90%; float:left; margin:10px 0; padding:25px 0; border-top:#ffc704 2px solid;}
.header-quote-left{width:126px; float:left; margin:0px; padding:0px; border-radius:50%}
.header-quote-left img{width:100%; height:auto; border-radius:50%; border:#ffc704 4px solid;}
.header-quote-right{width:79%; float:left; margin:0px; padding:0px 0 0 15px; }
.header-quote-right p{width:100%; float:left; margin:0px; padding:0 0 10px; font-size:24px; font-weight:400; color:#fff; line-height:normal;}
.header-quote-right span{width:100%; float:left; margin:0px; padding:0 0 10px; font-size:18px; font-weight:700; color:#ffc704; line-height:normal;}

.header-bullets{width:100%; float:left; margin:0px; padding:30px 30px 10px 30px; background:#fff; border-radius:15px;}
.header-bullets ul{width:100%; float:left; margin:0px; padding:0px;}
.header-bullets ul li{width:100%; float:left; margin:0px; padding:0px 0 25px 35px; list-style:none; background:url(../images/check.jpg) left top no-repeat;font-size:20px; font-weight:400; color:#333; line-height:30px;}

.middle-section{width:100%; float:left; margin:0px; padding:0px;}
.mid-logos{width:100%; float:left; margin:0px; padding:30px 0; background:#ededed;}
.mid-logos ul{width:100%; float:none; margin:0px; padding:0px; display:inline-block; text-align:center;}
.mid-logos ul li{width:auto; float:none; margin:0px; padding:0px 35px; list-style:none; display:inline-block; text-align:center; vertical-align:middle}


.middle-section1{width:100%; float:left; margin:0px; padding:30px 0;}
.middle-text{width:100%; float:left; margin:0px; padding:0;}
.middle-text h4{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; }
.middle-text p{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#333333; line-height:30px; }

.middle-text1{width:100%; float:left; margin:0px 0 50px; padding:30px; background:#eef0ff; border-radius:15px;}
.middle-text1 h2{width:100%; float:left; margin:0px 0 30px; padding:0px 10%; font-size:52px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text1 h3{width:100%; float:left; margin:20px 0 20px; padding:0px 10%; font-size:36px; font-weight:700; color:#333333; line-height:normal; text-align:center}

.middle-text1 h4{width:100%; float:left; margin:0px 0 30px; padding:0px 10%; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text1 p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#333333; line-height:normal; }
.middle-text1 .img-right{width:350px; float:right; margin:0px 0 0 30px; padding:0px; line-height:0px;}
.middle-text1 .img-right img{width:100%; height:auto; border-radius:50%; border:#ffc704 4px solid;}
.middle-text1 h5{width:100%; margin:0px 0 30px; padding:0px; font-size:26px; font-weight:700; color:#061bb8; line-height:normal; clear:both}
.middle-text1 h6{width:100%; margin:0px 0 10px; padding:0px; font-size:26px; font-weight:700; color:#333; line-height:normal; text-align:center}

.center{ text-align:center; width:100%; margin:0 0 30px; padding:0 0 0; }
.center img{ border-radius: 10px;   border: #ffc704 4px solid; max-width:100%; height:auto; }



.middle-text2{width:100%; float:left; margin:0px; padding:70px 0; background:url(../images/bg1.jpg) no-repeat center top; background-size:cover;}
.middle-text2 h2{width:100%; float:left; margin:0px 0 35px; padding:0px; font-size:48px; font-weight:700; color:#ffc704; line-height:normal; text-align:center}
.middle-text2 p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#fff; line-height:24px; }
.middle-text2 p span{color:#ffc704;}
.middle-text2 h4{ margin:0px 0 20px; padding:0px; font-size:32px; font-weight:700; color:#ffc704; line-height:normal; text-align:left}
.middle-text2 .img-right1{width:377px; float:right; margin:0px 0 0 30px; padding:0px; line-height:0px;}
.middle-text2 .img-right1 img{width:100%; height:auto; border-radius:15px; border:#ffc704 4px solid;}
.middle-text2 h5{ width:70px; height:70px; border-radius:50%; margin:0px 20px 20px 0; padding:15px 0 0 0; font-size:20px; font-weight:700; color:#333; line-height:normal; text-align:center; float:left; background:#fff;}

.middle-text3{width:100%; float:left; margin:0px; padding:50px 0; }
.middle-text3 h3{width:auto; float:none; margin:0px 0 25px; padding:0px; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; }
.middle-text3 p{width:auto; float:none; margin:0px 0 25px; padding:0px; font-size:20px; font-weight:500; color:#333; line-height:24px; }

 .img-right2{width:auto; float:left; margin:0px 30px 30px 0px; padding:0px; line-height:0px;}
 .img-right2 img{width:auto; height:auto; border-radius:10px; border:#ffc704 4px solid;}
 .img-right3{width:auto; float:right; margin:0px 0px 30px 30px; padding:0px; line-height:0px;}
 .img-right3 img{width:auto; height:auto; border-radius:10px; border:#ffc704 4px solid;}

 .img-right5{width:100%; float:left; margin:0px 0px 30px 0px; padding:0px; line-height:0px; text-align:center;}
 .img-right5 img{width:100%; height:auto;  }

.middle-text4{width:100%; float:left; margin:0px 0 50px; padding:0px;}
.middle-text4 h4{width:100%; float:left; margin:0px 0 30px; padding:0px 8%; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text4 p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#333333; line-height:normal; }
.middle-text4 .img-right{width:350px; float:right; margin:0px 0 0 30px; padding:0px; line-height:0px;}
.middle-text4 .img-right img{width:100%; height:auto; border-radius:50%; border:#ffc704 4px solid;}
.middle-text4 ul{width:auto; float:none; margin:0px 0 20px 2%; padding:0px;}
.middle-text4 ul li{width:auto; float:none; margin:0px 0 10px; padding:0px; list-style:disc;font-size:20px; font-weight:500; color:#333333; line-height:normal;}
.middle-text4 h5{width:auto; float:none; margin:0px 0 25px; padding:0px; font-size:28px; font-weight:700; color:#061bb8; line-height:normal; }
.middle-text4 h2{width:100%; float:left; margin:0px 0 30px; padding:0px 8%; font-size:48px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}

.middle-text4-1{width:100%; float:left; margin:0px 0 50px; padding:0px;}
.middle-text4-1 h4{width:100%; float:left; margin:0px 0 30px; padding:0px 8%; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text4-1 p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#333333; line-height:normal; }
.middle-text4-1 .img-right{width:350px; float:right; margin:0px 0 0 30px; padding:0px; line-height:0px;}
.middle-text4-1 .img-right img{width:100%; height:auto; border-radius:50%; border:#ffc704 4px solid;}
.middle-text4-1 ul{width:auto; float:none; margin:0px 0 20px 2%; padding:0px;}
.middle-text4-1 ul li{width:auto; float:none; margin:0px 0 10px; padding:0px; list-style:disc;font-size:20px; font-weight:500; color:#333333; line-height:normal;}
.middle-text4-1 h5{width:auto; float:none; margin:0px 0 25px; padding:0px; font-size:28px; font-weight:700; color:#061bb8; line-height:normal; }
.middle-text4-1 h2{width:100%; float:left; margin:0px 0 30px; padding:0px 8%; font-size:48px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}

.bg1{ background:url(../images/bg2.jpg) no-repeat center top; background-size:cover; margin:0 0 50px}
.bg2{ background:url(../images/bg3.jpg) no-repeat center top; background-size:cover; margin:0 0 50px}


.middle-text5{width:100%; float:left; margin:0px 0 40px; padding:0px;}
.middle-text5 ul{width:100%; float:left; margin:0px; padding:0px;}
.middle-text5 ul li{width:100%; float:left; margin:0px 0 30px; padding:25px; background:#eef0ff; list-style:none; border-radius:15px;}
.middle-text5 h4{width:100%; float:left; margin:0px 0 30px; padding:0px 8%; font-size:36px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text5 p{width:auto; float:none; margin:20px 0 20px; padding:0px; font-size:22px; font-weight:500; color:#333333; line-height:30px; }
 
.img-right4{width:150px; float:left; margin:0px 30px 0px 0px; padding:0px; line-height:0px;}
.img-right4 img{width:100%; height:auto; border-radius:50%; border:#ffc704 4px solid;}
.position-right{float:right; margin:0px 0px 0px 30px;}



.middle-text6{width:100%; float:left; margin:0px 0 50px; padding:0px;}
.middle-text6 h4{width:100%; float:left; margin:0px 0 10px; padding:0px 10%; font-size:26px; font-weight:700; color:#333; line-height:normal; text-align:center}
.middle-text6 h2{width:100%; float:left; margin:0px 0 30px; padding:0px 0%; font-size:58px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.middle-text6 h3{ margin:0px 0 30px; padding:0px 0%; font-size:36px; font-weight:700; color:#333; line-height:normal; }

.middle-text6 p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:20px; font-weight:500; color:#333333; line-height:normal; }
.middle-text6 h5{width:100%; margin:0px 0 30px; padding:0px; font-size:26px; font-weight:700; color:#061bb8; line-height:normal; clear:both}

.spacing{margin:0 0 30px;}

.value {
    width: 100%;
    float: none;
    margin: 0 auto 40px auto;
    padding: 30px;
    border: #061bb8 8px dashed;
    display: table;
    text-align: center;
}
.value h1 {
    width: 100%;
    float: left;
    margin: 0px 0 10px;
    padding: 0;
    font-size: 60px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #ff0000;
    text-align: center;
}
.value h3 {
    width: 100%;
    float: left;
    margin: 0px 0 20px;
    padding: 0;
    font-size:36px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
}
.value h2 {
    width: 100%;
    float: left;
    margin: 0px 0 20px;
    padding: 0 5%;
    font-size:48px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #333;
    text-align: center;
}
.button{width:200px; margin:0 auto 20px auto; padding:0px; display:table; background:#061bb8; border-radius:10px; text-align:center; font-size:20px; color:#fff; line-height:42px; text-transform:uppercase}
.button:hover{ background:#333; color:#fff}


.bonus{width:100%; float:left; margin:-30px 0 40px 0; padding:0px;}
.bonus h2{width:100%; float:left; margin:20px 0 20px; padding:0px 0%; font-size:58px; font-weight:700; color:#061bb8; line-height:normal; text-align:center}
.bonus h3{ margin:0px 0 40px; padding:0px 0%; font-size:36px; font-weight:700; color:#333; line-height:normal; text-align:center }
.bonus ul{width:100%; float:left; margin:0px; padding:0px;}
.bonus ul li{width:100%; float:left; margin:0px 0 0px; padding:20px; list-style:none; background:#eef0ff; border-radius:15px;}
.bonus ul li img{width:30%; float:left; margin:0 30px 0 0;}
.bonus ul li:nth-child(even){background:#fff;}
.bonus ul li p{width:auto; float:none; margin:0 ; padding:0px 0 20px; font-size:20px; line-height:28px; font-weight:300; color:#333; }
.bonus ul li p span{font-weight:700;}
.bonus ul li h3{width:auto; float:none; margin:0px 0 15px; padding:0; font-size:36px; line-height:36px; font-weight:700; color:#061bb8; text-align:left }
.bonus ul li h3 span{color:#ff0000;}
.bonus ul li h4{width:auto; float:none; margin:10px 0 15px; padding:0; font-size:28px; line-height:28px; font-weight:700; color:#333; }
.bonus ul li h4 span{color:#ff0000;}

.footer{width:100%; float:left; margin:0px 0 0 0; padding:20px 0; background:#000; font-size:15px; font-weight:400; text-align:center; color:#ccc;}

-----------Nov4css-------------
.brain-img {
  width: 30%;
  float: left;
}
.brain-img img {
    /* text-align: center; */
    display: block;
    margin: 0 auto;
}