@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body, html {
  height: 100%;
  margin: 0 auto;
}
body{font-family: 'Montserrat', sans-serif;font-weight:400;color: #4E4E4E;font-size: 15px;}

.i2cureFont{font-family: Verdana,sans-serif;}
.i2cureFontHead{font-family: 'Roboto Slab', serif;font-weight:700;}
.i2cureFontText{font-family: 'Montserrat', sans-serif;font-weight:400;}
a {
    color: #0321A9;
    text-decoration: none;
    font-weight: 600;
}
a:hover{text-decoration: none;color: #0E83C1;}
h2{
    margin: 0;
    padding: 0;
    font-size:25px;
    font-weight: bold;
}
p{
    margin: 0;
    padding: 0;
}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../images/img_Parallax.png");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../images/img_Parallax1.png");
  min-height: 100%;
}

.bgimg-3 {
  background-image: url("../images/img_Parallax2.png");
  min-height:100%;
}

.bgimg-4 {
  background-image: url("../images/img_Parallax3.png");
  min-height:100%;
}

.bgimg-5 {
  background-image: url("../images/img_Parallax4.png");
  min-height:100%;
}

.bgimg-6 {
  background-image: url("../images/img_Parallax5.png");
  min-height:100%;
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
    background-attachment: scroll;
  }
}

@media screen and (min-width: 1300px){
	.container {
	    width: 1280px;
	}
}

ul, li{list-style: none;padding: 0;margin: 0;}

.pointer{cursor: pointer;}

.width2{width: 2%;}
.width10{width: 10%;}
.width30{width: 30%;}
.width33{width: 33.3%;}
.width35{width: 35%;}
.width40{width: 40%;}
.width48{width: 48%;}
.width50{width: 50%;}
.width56{width: 56%;}
.width57{width: 57%;}
.width60{width: 60%;}
.width65{width: 65%;}
.width90{width: 90%;}
.width100{width: 100%;}

.marAuto{margin: 0 auto;}
.mar30x0{margin: 30px 0;}
.mar0x50{margin: 0 50px;}
.marTP10Pcnt{margin-top: 10%;}

.marTP5{margin-top: 5px;}
.marTP10{margin-top: 10px;}
.marTP20{margin-top: 20px;}
.marTP30{margin-top: 30px;}
.marTP40{margin-top: 40px;}
.marTP50{margin-top: 50px;}
.marTP60{margin-top: 60px;}
.marTP70{margin-top: 70px;}
.marTP80{margin-top: 80px;}
.marTP90{margin-top: 90px;}
.marTP100{margin-top: 100px;}

.marTP-60{margin-top:-60px;}

.marBTM-60{margin-bottom:-60px;}

.marBTM10{margin-bottom: 10px;}
.marBTM30{margin-bottom: 30px;}

.marLFT10{margin-left:10px;}
.marLFT20{margin-left:20px;}
.marLFT35{margin-left:35px;}
.marLFT40{margin-left:40px;}
.marLFT45{margin-left:45px;}
.marLFT50{margin-left: 50px;}

.marRHT5{margin-right:5px;}
.marRHT10{margin-right: 10px;}
.marRHT30{margin-right: 30px;}
.marRHT50{margin-right: 50px;}

.paddTP30{padding-top: 30px;}

.paddLFT20{padding-left: 20px;}

.padd20{padding: 20px;}
.padd20x30{padding: 20px 30px;}
.padd20x40{padding: 20px 40px;}
.padd40x30{padding: 40px 30px;}
.padd30x50{padding: 30px 50px;}
.padd50x30{padding: 50px 30px;}
.padd50x45{padding: 50px 45px;}
.padd65x45{padding: 65px 45px 40px;}
.padd75x40{padding: 75px 40px;}
.padd70x40{padding: 40px 70px;}
.padd100x40{padding: 100px 70px;}
.padd59x30{padding:59px 30px;}
.padd58x30 {padding:74px 30px;}

.gradientBG{
  background: #0e83c1; /* Old browsers */
  background: -moz-linear-gradient(left,  #0e83c1 0%, #0f3daa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #0e83c1 0%,#0f3daa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #0e83c1 0%,#0f3daa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e83c1', endColorstr='#0f3daa',GradientType=1 ); /* IE6-9 */
}

.deepBlueBg{background: #0321A9;}
.lightBlueBg{background: #0E83C1;}
.whiteBg{background: #fff;}
.lightGrayBg{background: #f5f5f5;}

.boxShadow{
	box-shadow: 5px 8px 20px rgb(0 0 0 / 40%);
}
.boxShadowRight{
	box-shadow: 5px 0 20px rgb(0 0 0 / 40%);
}

.borderRadius6{border-radius: 6px;}
.borderRadius6LFT{border-radius:6px 0 0 6px;}
.borderRadius6RHT{border-radius:6px 6px 0 0;}
.borderRadius6RHTBTM{border-radius:0 6px 6px 0;}

.borderRightGray{border-right: 1px solid #F1EDED;}

.colorWhite{color: #fff;}
.colorBlue{color: #0321A9;}
.colorBlueLight{color: #0E83C1;}
.colorGray{color: #818181;}
.colorDeepGray{color: #4E4E4E;}

.font10{font-size: 10px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font30{font-size: 30px;}
.font34{font-size: 34px;}

.headFont50{font-size: 50px;}
.headFont25{font-size: 25px;}

.subHeaderFont25{font-size: 25px;}

.fontW600{font-weight: 600;}

.lineHeight24{line-height: 24px;}

.txtUpper{text-transform: uppercase;}
.txtJustify{text-align: justify;}
.textLFT{text-align: left !important;}

.borderRHTWhite{border-right: 1px solid #fff;}

button{
    background: #fff;
    color: #0321A9;
    font-size:25px;
    font-family: 'Roboto Slab', serif;
    font-weight:bold;
    border-radius: 6px;
    border: 1px solid #fff;
    padding: 10px 25px;
    box-shadow: 5px 8px 20px rgb(0 0 0 / 40%);
    outline: none;
}

.slide1, .slide2, .slide3, .slide4{position: relative;margin:0 auto;}
.slideImg{padding-top:26px;}

.slide1 .container-fluid{padding-right: 0;}

body.home header.sticky .whiteLogo{display:none;}
body.home header .blueLogo{display:none;}

body.home header.sticky .blueLogo, header.sticky .blueLogo{display:block;}

header .navbar-default{
  background: transparent;
  border:none;
  width: 100%;
  margin-bottom: 0;
  z-index: 999;
  border-radius: 0;}

body.home header .navbar-default{
  background: #0e83c1; /* Old browsers */
  background: -moz-linear-gradient(left,  #0e83c1 0%, #0f3daa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #0e83c1 0%,#0f3daa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #0e83c1 0%,#0f3daa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e83c1', endColorstr='#0f3daa',GradientType=1 ); /* IE6-9 */
  }

body.home header.sticky .navbar-default, header.sticky .navbar-default{background:#fff;}

header .navbar-brand {
    float: left;
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 20px;}
header .navbar>.container .navbar-brand, header .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}
header .navbar-brand>img {
    margin:10px 0;
    height: 70px;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}
header.sticky{position: fixed;width: 100%; z-index: 999;top: 0;}
header.sticky .navbar-brand>img {height:50px;}
header .navbar-right{
    background: #fff;
    border-radius: 6px;
    margin-top:20px;
    box-shadow: 5px 8px 20px rgb(0 0 0 / 40%);
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}
header.sticky .navbar-right{margin-top:13px;}
header .navbar-default .navbar-nav>li>a{
    color: #3A335F;
    font-size:15px;
    font-weight: bold;
    padding: 5px;
    margin: 9px 30px;
    cursor: pointer;
    border-top:2px solid #fff;
}
header.sticky .navbar-default .navbar-nav>li>a{font-size: 13px; padding: 2px 5px;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.active {
    color: #0d40ab;
    background-color: transparent;
    border-top:2px solid #0d40ab;
}

.slideImg .img-left img.imgBanner, .slideImg .textImgPart img.imgBanner{height: 550px;}
.slideImg .textImgPart{position: relative;}

.slide2 .slide2Content5{margin-top:0;padding:70px 0;}
.slide2 .slide2Content.slide2Content2{margin-top:0;padding:70px 0;}
.slide2 .slide2Content.slide2Content4{margin-top:0;padding:110px 0;}
.slide2 .slide2Content.slide2Content3{margin-top:0;padding:60px 0 10px;}
.slide2 h2{color: #fff;text-transform: uppercase;}
.slide2 p{color: #fff;}
.slide2 h2.storyHead{margin-left: 50px;margin-top:8%;}
.slide2 p.storyText{margin-left: 50px;margin-top: 20px;margin-right:35px;}
.slide2 h2.storyHead1{margin-left: 80px;margin-top:20%;}
.slide2 p.storyText1{margin-left: 80px;margin-top: 20px;margin-right:50px;}
.slide2 h2.storyHead2{margin-left:30px;margin-top:10%;}
.slide2 p.storyText2{margin-left:30px;margin-top: 20px;margin-right:30px;}
.slide2 button.storyBtn{margin-left: 50px;margin-top: 20px;}

.productPart{color: #fff; text-transform: uppercase; font-size:15px; font-weight: bold; padding:90px 0;}
.productCategory{padding:10px 70px 10px 25px; margin-bottom: 10px;cursor: pointer;}
.productCategory.active{background: #fff;color:#0d40ab;}
.productCategory:hover{color:#11fbfb;}
.productDetail{padding:120px 0 10px;}
.productDetail.productDetail22{padding:70px 0;}
.productDetail.productDetail2{padding:60px 0;}
.heading{text-transform: uppercase;}
.heading2{margin-bottom: 25px;}
body.home .heading{text-align: center;}
.headingText{text-align: center;margin-top: 10px;color: #fff;}
.productDetail img{height: 299px;}

.degreeContentPart{display: flex;width: 90%;margin:30px auto 0;}
.degreeContent{flex: 1;}

.resourceContent{display: flex;width:90%;margin:30px auto 0;}
.resource{flex: 1;}
.resourceImg{text-align: right;}
.resource img{height: 400px;width: 280px;}

.productDetail2 img{height:500px;}
.productPart2{padding:134px 0;}

.socialImg{height:16px;margin-left: 10px;}

.hiden{display: none;}
.hiden.active{display: block;}

.headingResource{margin-top:20%;color: #fff;font-size: 15px;font-weight: bold;margin-left: 30px;}
.slide2 h2.storyHead3{font-size:25px;margin-left: 30px;}
.slide2 p.storyText3{margin:10px 30px 0;}
.slide2 h2.storyHead4{font-size:25px;margin-left: 30px; margin-right: 50px;}

.flip-box {
  background-color: transparent;
  width:386px;
  height: 300px;
  border: none;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color:transparent;
}

.flip-box-back {
  background-color:#0321A9;
  color: white;
  transform: rotateY(180deg);
}

.lotionIcon{height:120px;position: absolute;top: -80px;right: 50px;}
.headingText11{
    text-align: center;
    margin-top: 10px;
    margin: 0 5%;
}

.aboutPage iframe{margin:30px 20px;}
iframe{border-radius: 6px: }

.scrollButton ul{list-style: none;margin: 0;padding: 0;}
.scrollButton{position: fixed;right:20px;top:45%;z-index: 9999;}
.circle{width:10px;height: 10px;background: transparent;border: 1px solid #fff;border-radius: 50%;margin-bottom: 10px;}
.active .circle{background:#fff;}

/*---------About Page Css Start-------------*/

.aboutContent{display: flex;width:100%;margin:0 auto;}
.aboutPart{flex: 1;}
.aboutPart .socialImg{width: 16px;}
.aboutPage .aboutPart a:hover, .aboutPage .aboutPart a:focus{color: #fff;}
.modal .close{
    position: absolute;
    right: 5px;
    top: -5px;
    background: transparent;
    font-size: 40px;
    color: #0321a9;
    opacity: 1;
    box-shadow: none;
    outline:none;
    border: none;
}

.videoPart{margin-top: 30px;}
.leaderSection{width: 35%; float: left;}
.videoSection{width: 65%; float: left; background: #F5F5F5;padding: 10px; border-radius: 0 6px 6px 0;}
.leaderPart{
	padding: 50px 30px;
	background: #0321A9;
	color: #fff;
	cursor: pointer;
  border-radius: 6px;
}
.leaderPart.active{
	padding: 20px 30px;
	background: #fff;
	color: #0321A9;
}
.aboutPart img.anadImg{border-radius: 6px 0 0 0;}
.aboutPart .anadTxt{border-radius:0 0 0 6px;}
.aboutPart img.sanjibImg{border-radius: 0 6px 0 0;}
.aboutPart .sanjibTxt{border-radius:0 0 6px 0;}

.abtSlider .carousel-indicators {bottom: -40px;}
.abtSlider .carousel-indicators li{border: 1px solid #0E83C1;}
.abtSlider .carousel-indicators .active{background-color:#0E83C1;}
/*---------About Page Css End-------------*/
/*---------Hub Page Css Start-------------*/
.i2cureIcon{height: 16px;}
.hubNotification .borderRightGray{
	height: 250px;
    margin: 35px 40px 35px 10px;
}

.hubSlider .item .slideSection{width: 32%; margin-left:1.95%;float: left;}
.hubSlider .item .slideSection:first-child{margin-left:0;}
.hubSlider .item .slideSection img{border-radius: 6px 6px 0 0;}
.hubSlider .carousel-control{background:#fff;width:2%;color: #0321A9;opacity: 1;}
.hubSlider .carousel-control .glyphicon-chevron-left, .hubSlider .carousel-control .glyphicon-chevron-right, .hubSlider .carousel-control .icon-next, .hubSlider .carousel-control .icon-prev{
	font-size: 15px;
    border: 1px solid #0321A9;
    line-height: 28px;
    border-radius: 6px;
}
.hubSlider .carousel-control .glyphicon-chevron-left, .hubSlider .carousel-control .icon-prev{left:20%;}
.hubSlider .carousel-control .glyphicon-chevron-right, .hubSlider .carousel-control .icon-next{right: 20%;}
.hubSlider .carousel-control:focus .glyphicon-chevron-left, .hubSlider .carousel-control:hover .glyphicon-chevron-left, .hubSlider .carousel-control:focus .glyphicon-chevron-right, .hubSlider .carousel-control:hover .glyphicon-chevron-right{
	background: #0321A9; color: #fff;
}
.hubSlider .carousel-indicators {bottom:-50px;}
.hubSlider .carousel-indicators li{border: 1px solid #0E83C1;}
.hubSlider .carousel-indicators .active{background-color:#0E83C1;}
.hubSlider .carousel-control.right{right: -35px;}
.hubSlider .carousel-control.left{left:-35px;}
.hubSlider .slideTextPart{padding: 10px 30px; min-height:225px;border-radius: 0 0 6px 6px;}

.enquiryForm input, .enquiryForm select, .enquiryForm textarea{width:100%; border-radius: 4px; margin-bottom: 10px;padding: 6px 10px;}
.enquiryForm input{color: #0321A9;}
.enquiryForm input, .enquiryForm select{height: 36px;}
.enquiryForm input::-webkit-input-placeholder { /* Edge */
  color: gray;
}

.enquiryForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: gray;
}

.enquiryForm input::placeholder {
  color: gray;
}
/*---------Hub Page Css Start-------------*/

body.resourcePage button{width:215px;margin: 0 15px;}
body.resourcePage button.active{background: #0321A9; color: #fff;border: 1px solid #0321A9;}
.resourceSection{position: relative;display: inline-block;}
.resourceSection img{height: 250px; width: 100%;}
body.resourcePage .resourceSection:hover .resourceHeadline{display: block;}
body.resourcePage .resourceSection .resourceHeadline{
  display: none;
  background: rgba(0,0,0,0.75);
  color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top:30%;
  padding-left: 20px;
  padding-right: 20px;
  height: 250px;
  border-radius: 6px;
}

.contactFormPart{
  width: 25%;
  border-radius: 6px 0 0 6px;
  box-shadow: 5px 8px 20px rgb(0 0 0 / 40%);
  background: #0321A9;
  padding: 30px 25px;
  position: absolute;
  top:52%;
  right: -380px;
  z-index: 99;
  display: none ;
}

.contactFormPart input, .contactFormPart select, .contactFormPart textarea{width:100%; border-radius: 4px; margin-bottom: 10px;padding: 6px 10px;}
.contactFormPart input{color: #0321A9;}
.contactFormPart input, .contactFormPart select{height: 36px;}
.contactFormPart input::-webkit-input-placeholder { /* Edge */
  color: gray;
}

.contactFormPart input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: gray;
}

.contactFormPart input::placeholder {
  color: gray;
}

.bloggerImg{  width: 30px;
  border-radius: 50%;
  height: 30px;
}

.resourceContent .resource.active{border-radius: 0 6px 6px 0;}
.resourceContent .resource img{border-radius:6px;}
.resourceContent .resource img.active{border-radius:6px 0 0 6px;}
.contactPage{position: relative;}
.contactPage .heading{font-size:25px;margin: 30px 16%;}
.contactPage .close{
  position: absolute;
    background: #fff;
    color: #0421a7;
    font-size: 30px;
    font-weight: bold;
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    top: -10px;
    left: -15px;
}

.hubSlider .slideTextPart .i2cureFontHead{font-size:25px; height: 70px;}

@media screen and (min-width: 1400px){
  .slideImg {padding-top: 45px;}
  .slide2 .slide2Content.slide2Content4, .slide2 .slide2Content.slide2Content2, .productPart {margin-top: 0;padding: 160px 0;}
  .productDetail.productDetail22 {padding: 140px 0;}
  .slide2 .slide2Content5 {margin-top: 0;padding: 120px 0;}
  .productDetail.productDetail2 {padding: 130px 0;}
  .productPart2 {padding: 232px 0;}
  .slide2 .slide2Content.slide2Content3 {margin-top: 0;padding: 160px 0 10px;}
  body.home header.sticky .navbar-default{padding-bottom:15px;}
  .contactPage .contactFormPart{top: 38%;}
}

@media screen and (max-width: 767px){
  .hubPage, .home, .contactPage, .resourcePage, .aboutPage{display: none;}
}

@media screen and (min-width: 1000px) and (max-width: 1250px){
	.slideImg {padding-top: 120px;padding-bottom: 120px;}
	.flip-box{width: 280px;height: 220px;}
	.productDetail2 img {height: 380px;}
	.headFont50 {font-size:26px;}
	button{font-size: 16px;}
	.productPart2 {padding: 182px 0;}
	.productDetail.productDetail2 {padding: 80px 0;}
	.headingResource{margin-top: 15%;font-size: 12px;}
	.resource img {height: 320px;width: 200px;}
	.slide2 h2.storyHead3, .slide2 h2.storyHead4 {font-size: 18px;}
	.slide2 p.storyText3{font-size: 12px;}
	.productCategory{padding: 5px 50px 5px 25px;}
	.productDetail.productDetail22 {padding: 66px 0;}
	.slide2 .slide2Content5 {padding: 95px 0;}
	.font25 {font-size: 22px;}
	.headFont25 {font-size: 20px;}
	.storyText{font-size:13px;}
	.font34 {font-size: 22px;}
	.width57 {width: 55%;}
	.padd58x30 {padding: 65px 30px;}
	.width30 {width: 28%;}
	.width48 {width: 46.5%;}
	body.resourcePage button {width: 150px;margin: 0 15px;font-size: 14px;}
	.resourceSection img {height:auto;}
}