/* Modals
----------------------------------------------*/

[data-ml-modal] {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/* overflow-x:hidden; */
	/* overflow-y:auto; */
	-webkit-overflow-scrolling:touch;
	z-index:999;
	width:0;
	height:0;
	opacity:0;
}
[data-ml-modal]:target {
	width:auto;
	height:auto;
	opacity:1;
	-webkit-transition:  opacity 1s ease;
	transition: opacity 1s ease;
}
[data-ml-modal]:target .modal-overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:1;
}
[data-ml-modal] .modal-dialog {
	border-radius:6px;
	box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
	position:relative;
	width: 44%;
	max-width:660px;
	/* max-height:70%; */
	/* margin:10% auto; */
	/* overflow-x:hidden; */
	/* overflow-y:auto; */
	z-index:2;
}
.modal-dialog-lg {max-width:820px !important;}

[data-ml-modal] .modal-dialog > h3 {
	background-color:#eee;
	border-bottom:1px solid #b3b3b3;
	font-size:24px;
	font-weight: 400;
	margin:0;
	padding:0.8em 56px .8em 27px; 
}
[data-ml-modal] .modal-content {background:#fff; padding:23px 27px;}
[data-ml-modal] .modal-close {
  	position:absolute;
	top:13px;
	right:13px;
	color:#0085a6;
	background-color:#fff;
	border-radius:50%;
	height:40px;
	width:40px;
	font-size:30px;
	line-height:37px;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
[data-ml-modal] .modal-close:hover {background-color:#0085a6; color:#fff; cursor:pointer;}
[data-ml-modal] p:first-child, [data-ml-modal] p:last-child {margin:0;}
@media (max-width:767px) {
	[data-ml-modal] .modal-dialog {margin:20% auto;}
}
.clear {
    clear: both;
}
/* End Modals ------------------------------*/

/* General*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
 .btnRefreshP {
    background-color: #fff0;
    border: 0;
    padding: 17px 18px;
    float: left;
    background-image: url('../../assets/img/reload.png');
    background-repeat: no-repeat;
    margin-left: 9px;
    margin-right: -9px;
    cursor: pointer;
    margin-top: 2px;
}.formDemo {
    background: #ffffff;
    padding-top: 10px;
    border: 2px solid #19455e;
}button.close {
    margin-top: -26px;
    background: #030303 !important;
    padding: 0px !important;
}h4.modal-title {
    color: #1376b4;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}.form-career {
    margin-bottom: 0px;
    margin-top: 14px;
}input.reg_input {
    width: 100%;
    height: 35px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
}select.reg_input {
    width: 88%;
    height: 35px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
}input#captchaP {
    width: 66%;
    margin-left: 21px;
}.btnActionP {
    background: #055481;
    border: 1px solid #055481;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 500;
    margin-top: 0%;
    width: 47%;
    cursor: pointer;
}button.reset {
    background: #606363;
    border: 1px solid #606363;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    margin-left: 4%;
    margin-top: 0%;
    width: 47%;
    font-weight: 500;
    cursor: pointer;
}div#loaders-icon {
    margin-top: -66px;
    float: left;
    margin-left: 2px;
    display: none;
    margin-bottom: -8px;
    position: absolute;
}.copyright {
    color: var(--light);
    background: #1479b9;
    position: fixed;
    bottom: 0px;
}.copyright p {
    color: white;
    margin-bottom: 0px;
}.sectionLoad p {
    text-align: center;
    font-size: 81px;
    font-weight: bold;
    margin-top: 0%;
    margin-bottom: 12%;
    color: #135782;
}body {
    background: #ffffff;
}.sectionLoad h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 0px;
}.rounded-circle {
    border-radius: 50%!important;
    width: 34px;
    cursor: pointer;
    height: 34px;
    line-height: 20px;
}.m-t-8 {
    margin-top: 8px !important;
}.instDiv span {
    font-size: 24px;
    font-weight: bold;
    color: #1479b9;
}span.softTest {
    color: #1379b9;
}
.rounded-circle:hover {background: #ffffff;border: 1px solid #1479b9;}
.infoDiv {
    margin-top: 28px;
    margin-bottom: 28px;
}.infoDiv p {
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
    margin-top: 10%;
}.carousel {
    position: relative;
    margin-top: 4%;
} 

.instituteDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #00a2a6;
}

.teacherDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #055481;
}

.studentDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #008dd2;
}

.softwareDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #b15f9e;
}

.countDiv {
    text-align: center !important;
}

.countDiv h3 {
    font-size: 24px;
    font-weight: bold;
    color: #3f4447;
    padding-top: 13px;
}

.teacherDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.studentDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.softwareDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    color: white;
}

.instituteDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}.SMProduct {
    padding-top: 28px;
    padding-bottom: 28px;
}.SMProduct {
    border: 1px solid #009195;
    padding: 8px;
    margin-bottom: 34px;
}.IMProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #055481;
}

.LMProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #008dd2;
}

.TGProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #41a5bd;
}

.CIMSProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #c91180;
}

.productList {
    padding-top: 28px;
    padding-bottom: 25px;
}.productList h3 {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 6px;
}

.productList img {
    text-align: center;
}p.textInfo {
    line-height: 25px;
    font-size: 15px;
    font-weight: 500;
    padding: 4px;
    text-align: justify;
}
.btnProduct a {
    background: #1479b9;
    padding: 7px 9px 7px 9px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    text-decoration: auto;
    color: white;
    margin-right: 8px;
    border: 1px solid #1479b9;
}

.btnProduct {
    margin-bottom: 15px;
    line-height: 52px;
}

.btnProduct a:hover {
    background: #ffffff;
    color: #1479b9;
    border: 1px solid #1479b9;
}
div#frmContactP {
    padding: 20px;
    padding-top: 0px;
}

div#modal-10 {
    width: 42%;
    margin: 0px auto;
    margin-top: 6%;
}
a.modal-close {
    float: right;
    background: #ffffff;
    border-radius: 31px;
    font-size: 29px;
    text-decoration: unset;
    width: 33px;
    height: 33px;
    color: #1479b9;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    margin-top: -19px;
    z-index: 100;
    /* position: relative; */
    margin-right: -11px;
    border: 2px solid #1479b9;
}
img#captchaP_code {
    float: left;
}
.modal-content {
    display: block;
}
.infoP {
    font-size: 12px;
    color: red;
}

.three {
    margin-top: -5px;
}
.product_input {
    display: none;
}
button.reset:hover {
    border: 1px solid #606363;
    background: white;
    color: #606363;
}

button.btnActionP:hover {
    border: 1px solid #055481;
    background: white;
    color: #055481;
}
span#captchaP-info {
    padding-left: 5%;
}
p.ErrorP {
    color: white;
    background: red;
    font-weight: 500;
    padding-left: 5px;
}
.instituteDiv h3 {
    color: white;
}

.teacherDiv h3 {
    color: white;
}

.studentDiv h3 {
    color: white;
}

.softwareDiv h3 {
    color: white;
}

	/* .IMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .SMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .LMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .TGProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .CIMSProduct:hover { */
    /* border: 1px solid #000000; */
/* } */
img#captchaS_code {
    float: left;
    margin-left: 6%;
}
p.ErrorS {
    color: red;
}
input#captchaS {
    width: 54%;
}
a.mobDiv {
    margin-top: 7px;
    text-decoration: unset;
    font-weight: bold;
    color: black;
}i.fa.fa-phone {
    color: #1379b9;
    background: white;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #1379b9;
    text-align: center;
    line-height: 23px;
}
.open-button {
    background: linear-gradient(to bottom,#1379b9 24%,#081822 110%);
    color: #fff;
    cursor: pointer;
    border: none;
    position: fixed;
    bottom: 23px;
    right: 16px;
    border-radius: 68px;
    width: 63px;
    height: 63px;
    outline: unset;
    box-shadow: rgba(0,0,0,.1) 0 1px 6px, rgba(0,0,0,.2) 0 2px 24px;
}
.open-button {
    background: linear-gradient(to bottom,#1379b9 24%,#081822 110%);
    color: #fff;
    cursor: pointer;
    border: none;
    position: fixed;
    bottom: 23px;
    right: 16px;
    border-radius: 68px;
    width: 63px;
    height: 63px;
    outline: unset;
    box-shadow: rgba(0,0,0,.1) 0 1px 6px, rgba(0,0,0,.2) 0 2px 24px;
}button#openbutton img {
    width: 100%;
}
.webinarslide {
    float: right;
    right: 0;
    bottom: 0;
    top: 0;
    left: unset;
    background: #055380;
    width: 28%;
    color:white !important;
}
button.carousel-control-prev {
    visibility: hidden;
}

button.carousel-control-next {
    visibility: hidden;
}
.webinarslide {
    background: url('../../assets/img/freewebinarEn.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 22px;
}
.webinarslide h5 {
    margin-top: 21%;
    font-size: 16px;
    color: #fedf00;
}
a.enrollDiv {
    color: black;
    background: #fedf00;
    padding: 4px 20px 7px 20px;
    border-radius: 7px;
    text-decoration: unset;
    font-size: 16px;
    font-weight: 500;
}
div#myModalwe {
    width: 45%;
    background: white;
    margin: 0px auto;
    border: 1px solid #0e5f92;
    border-radius: 6px;
    margin-top: 1%;
    padding-bottom: 18px;
}.web-form h2 {
    font-size: 23px;
    text-align: center;
    font-weight: bold;
    color: #1479b9;
}

.web-form h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: black;
}

.web-form p {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
div#webinarcontrol {
    width: 81%;
    margin: 4px auto;
}p.closewe {
    float: right;
    margin-top: -22px;
    background: black;
    width: 21px;
    height: 21px;
    line-height: 17px;
    text-align: center;
    border-radius: 18px;
    font-weight: bold;
    margin-right: -9px;
    color: white;
    cursor: pointer;
}
.captWe {width: 59% !important;margin-left: 41px;}
input.bSubtn {
    background: #055481;
    border: 1px solid #055481;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 500;
    margin-top: 4%;
    width: 100%;
    cursor: pointer;
}

div#loader-icon_twowe {
    margin-top: 10px;
    margin-left: 2px;
    position: relative;
    display: none;
}

div#loader-icon_twowe p {
    margin-top: -1px;
    float: left;
}

div#loader-icon_twowe img {
    width: 6%;
    height: 6%;
    float: left;
}
.infowes {
    font-size: 12px !important;
    text-align: left !important;
    color: red;
    margin-bottom: 4px;
}.demoInputBoxwe {
    margin-bottom: 5px !important;
}
section#contact {
    background-image: url(https://schoolmagica.com/images/contact_one.jpeg);
    background-size: 100% 622px;
    height: auto;
    background-color: #2c3438;
    color: #fff;
}.contact__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
    padding-bottom: 55px;
}section#contact h2 {
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 400;
}.map-marker {
    /* width: 41px!important; */
    /* height: 26px; */
    /* display: block; */
    /* float: left; */
    /* background-repeat: no-repeat; */
    /* background-position: -539px -412px; */
}p.con_text {
    margin-left: 15%;
    margin-top: -28px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 71%;
    font-family: sans-serif;
}a.con_link {
    font-family: sans-serif;
    color: #fff;
    font-size: 15px;
}.con_link {
  
    font-size: 15px;
    color: #fff;
    text-decoration: unset;
}

i.fa-map-marker {
    color: #ffffff;
    background: #ffffff00;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #ffffff;
    text-align: center;
    line-height: 22px;
}

i.fa-envelope {
    color: #ffffff;
    background: #ffffff00;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #ffffff;
    text-align: center;
    line-height: 21px;
}div#loader-icon_one {
    margin-top: 10px;
    margin-left: 2px;
    position: relative;
    display: none;
}div#loader-icon_one img {
    float: left;
    width: 24px;
}.enq_input {
    width: 100%;
    padding: 11px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 38px;
    background: rgba(239,239,239,.11);
    color: #fff;
}
input.btn_Action {
    background: #1479b9;
    border: 1px solid #1479b9;
    border-radius: 3px;
    padding: 7px 41px;
    color: #fff;
    margin-left: 229px;
    margin-top: 13px;
    margin-bottom: 52px;
    font-weight: 500;
}
i.callDiv {
    color: white !important;
    background: #ffffff00 !important;
    border: 2px solid #ffffff !important;
}.btnM:hover {
    background: white;
    color: #1479b9;
    border: 1px solid #1479b9;
}p.all-p {
    margin-bottom: 0px;
}
.popup{
    background-color: #0000007a;
    width: 100%;
    height: 212%;
    padding: 30px 40px;
    position: absolute;
    /* transform: translate(-50%,-50%); */
    left: 0%;
    top: 0%;
    /* border-radius: 8px; */
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
    z-index: 10000000;
}
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}.div_popup img {
    width: 100%;
    margin-top: -38px;
}

.div_popup {
    width: 48%;
    margin: 0px auto;
    /* overflow: auto; */
    /* height: 94%; */
}

button#close {
    color: black;
    background: #ffc300;
    line-height: 28px;
    margin-bottom: 38px;
    border-radius: 29px;
    width: 30px;
    height: 29px;
}
.webinarslide p {
    font-weight: 500;
    width: fit-content;
    padding: 3px 7px 3px 7px;
    border-radius: 5px;
    color: white;
    border: 1px solid white;
}
/* Modals
----------------------------------------------*/

[data-ml-modal] {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	/* overflow-x:hidden; */
	/* overflow-y:auto; */
	-webkit-overflow-scrolling:touch;
	z-index:999;
	width:0;
	height:0;
	opacity:0;
}
[data-ml-modal]:target {
	width:auto;
	height:auto;
	opacity:1;
	-webkit-transition:  opacity 1s ease;
	transition: opacity 1s ease;
}
[data-ml-modal]:target .modal-overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:1;
}
[data-ml-modal] .modal-dialog {
	border-radius:6px;
	box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
	position:relative;
	width: 44%;
	max-width:660px;
	/* max-height:70%; */
	/* margin:10% auto; */
	/* overflow-x:hidden; */
	/* overflow-y:auto; */
	z-index:2;
}
.modal-dialog-lg {max-width:820px !important;}

[data-ml-modal] .modal-dialog > h3 {
	background-color:#eee;
	border-bottom:1px solid #b3b3b3;
	font-size:24px;
	font-weight: 400;
	margin:0;
	padding:0.8em 56px .8em 27px; 
}
[data-ml-modal] .modal-content {background:#fff; padding:23px 27px;}
[data-ml-modal] .modal-close {
  	position:absolute;
	top:13px;
	right:13px;
	color:#0085a6;
	background-color:#fff;
	border-radius:50%;
	height:40px;
	width:40px;
	font-size:30px;
	line-height:37px;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
[data-ml-modal] .modal-close:hover {background-color:#0085a6; color:#fff; cursor:pointer;}
[data-ml-modal] p:first-child, [data-ml-modal] p:last-child {margin:0;}
@media (max-width:767px) {
	[data-ml-modal] .modal-dialog {margin:20% auto;}
}
.clear {
    clear: both;
}
/* End Modals ------------------------------*/

/* General*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
 .btnRefreshP {
    background-color: #fff0;
    border: 0;
    padding: 17px 18px;
    float: left;
    background-image: url('../../assets/img/reload.png');
    background-repeat: no-repeat;
    margin-left: 9px;
    margin-right: -9px;
    cursor: pointer;
    margin-top: 2px;
}.formDemo {
    background: #ffffff;
    padding-top: 10px;
    border: 2px solid #19455e;
}button.close {
    margin-top: -26px;
    background: #030303 !important;
    padding: 0px !important;
}h4.modal-title {
    color: #1376b4;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}.form-career {
    margin-bottom: 0px;
    margin-top: 14px;
}input.reg_input {
    width: 100%;
    height: 35px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
}select.reg_input {
    width: 88%;
    height: 35px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 10px;
}input#captchaP {
    width: 66%;
    margin-left: 21px;
}.btnActionP {
    background: #055481;
    border: 1px solid #055481;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 500;
    margin-top: 0%;
    width: 47%;
    cursor: pointer;
}button.reset {
    background: #606363;
    border: 1px solid #606363;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    margin-left: 4%;
    margin-top: 0%;
    width: 47%;
    font-weight: 500;
    cursor: pointer;
}div#loaders-icon {
    margin-top: -66px;
    float: left;
    margin-left: 2px;
    display: none;
    margin-bottom: -8px;
    position: absolute;
}.copyright {
    color: var(--light);
    background: #1479b9;
    position: fixed;
    bottom: 0px;
}.copyright p {
    color: white;
    margin-bottom: 0px;
}.sectionLoad p {
    text-align: center;
    font-size: 81px;
    font-weight: bold;
    margin-top: 0%;
    margin-bottom: 12%;
    color: #135782;
}body {
    background: #ffffff;
}.sectionLoad h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 0px;
}.rounded-circle {
    border-radius: 50%!important;
    width: 34px;
    cursor: pointer;
    height: 34px;
    line-height: 20px;
}.m-t-8 {
    margin-top: 8px !important;
}.instDiv span {
    font-size: 24px;
    font-weight: bold;
    color: #1479b9;
}span.softTest {
    color: #1379b9;
}
.rounded-circle:hover {background: #ffffff;border: 1px solid #1479b9;}
.infoDiv {
    margin-top: 28px;
    margin-bottom: 28px;
}.infoDiv p {
    font-size: 16px;
    line-height: 27px;
    text-align: justify;
    margin-top: 10%;
}.carousel {
    position: relative;
    margin-top: 4%;
} 

.instituteDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #00a2a6;
}

.teacherDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #055481;
}

.studentDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #008dd2;
}

.softwareDiv {
    width: 25%;
    float: left;
    text-align: center;
    background: #b15f9e;
}

.countDiv {
    text-align: center !important;
}

.countDiv h3 {
    font-size: 24px;
    font-weight: bold;
    color: #3f4447;
    padding-top: 13px;
}

.teacherDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.studentDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.softwareDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    color: white;
}

.instituteDiv p {
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}.SMProduct {
    padding-top: 28px;
    padding-bottom: 28px;
}.SMProduct {
    border: 1px solid #009195;
    padding: 8px;
    margin-bottom: 34px;
}.IMProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #055481;
}

.LMProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #008dd2;
}

.TGProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #41a5bd;
}

.CIMSProduct {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid #c91180;
}

.productList {
    padding-top: 28px;
    padding-bottom: 25px;
}.productList h3 {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 6px;
}

.productList img {
    text-align: center;
}p.textInfo {
    line-height: 25px;
    font-size: 15px;
    font-weight: 500;
    padding: 4px;
    text-align: justify;
}
.btnProduct a {
    background: #1479b9;
    padding: 7px 9px 7px 9px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    text-decoration: auto;
    color: white;
    margin-right: 8px;
    border: 1px solid #1479b9;
}

.btnProduct {
    margin-bottom: 15px;
    line-height: 52px;
}

.btnProduct a:hover {
    background: #ffffff;
    color: #1479b9;
    border: 1px solid #1479b9;
}
div#frmContactP {
    padding: 20px;
    padding-top: 0px;
}

div#modal-10 {
    width: 42%;
    margin: 0px auto;
    margin-top: 6%;
}
a.modal-close {
    float: right;
    background: #ffffff;
    border-radius: 31px;
    font-size: 29px;
    text-decoration: unset;
    width: 33px;
    height: 33px;
    color: #1479b9;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    margin-top: -19px;
    z-index: 100;
    /* position: relative; */
    margin-right: -11px;
    border: 2px solid #1479b9;
}
img#captchaP_code {
    float: left;
}
.modal-content {
    display: block;
}
.infoP {
    font-size: 12px;
    color: red;
}

.three {
    margin-top: -5px;
}
.product_input {
    display: none;
}
button.reset:hover {
    border: 1px solid #606363;
    background: white;
    color: #606363;
}

button.btnActionP:hover {
    border: 1px solid #055481;
    background: white;
    color: #055481;
}
span#captchaP-info {
    padding-left: 5%;
}
p.ErrorP {
    color: white;
    background: red;
    font-weight: 500;
    padding-left: 5px;
}
.instituteDiv h3 {
    color: white;
}

.teacherDiv h3 {
    color: white;
}

.studentDiv h3 {
    color: white;
}

.softwareDiv h3 {
    color: white;
}

	/* .IMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .SMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .LMProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .TGProduct:hover { */
    /* border: 1px solid #000000; */
/* } */

/* .CIMSProduct:hover { */
    /* border: 1px solid #000000; */
/* } */
img#captchaS_code {
    float: left;
    margin-left: 6%;
}
p.ErrorS {
    color: red;
}
input#captchaS {
    width: 54%;
}
a.mobDiv {
    margin-top: 7px;
    text-decoration: unset;
    font-weight: bold;
    color: black;
}i.fa.fa-phone {
    color: #1379b9;
    background: white;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #1379b9;
    text-align: center;
    line-height: 23px;
}
.open-button {
    background: linear-gradient(to bottom,#1379b9 24%,#081822 110%);
    color: #fff;
    cursor: pointer;
    border: none;
    position: fixed;
    bottom: 23px;
    right: 16px;
    border-radius: 68px;
    width: 63px;
    height: 63px;
    outline: unset;
    box-shadow: rgba(0,0,0,.1) 0 1px 6px, rgba(0,0,0,.2) 0 2px 24px;
}
.open-button {
    background: linear-gradient(to bottom,#1379b9 24%,#081822 110%);
    color: #fff;
    cursor: pointer;
    border: none;
    position: fixed;
    bottom: 23px;
    right: 16px;
    border-radius: 68px;
    width: 63px;
    height: 63px;
    outline: unset;
    box-shadow: rgba(0,0,0,.1) 0 1px 6px, rgba(0,0,0,.2) 0 2px 24px;
}button#openbutton img {
    width: 100%;
}
.webinarslide {
    float: right;
    right: 0;
    bottom: 0;
    top: 0;
    left: unset;
    background: #055380;
    width: 28%;
    color:white !important;
}
button.carousel-control-prev {
    visibility: hidden;
}

button.carousel-control-next {
    visibility: hidden;
}
.webinarslide {
    background: url('../../assets/img/freewebinarEn.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 22px;
}
.webinarslide h5 {
    margin-top: 21%;
    font-size: 16px;
    color: #ffffff;
}
a.enrollDiv {
    color: black;
    background: #f1bb1c;
    padding: 4px 20px 7px 20px;
    border-radius: 7px;
    text-decoration: unset;
    font-size: 16px;
    font-weight: 500;
}
div#myModalwe {
    width: 45%;
    background: white;
    margin: 0px auto;
    border: 1px solid #0e5f92;
    border-radius: 6px;
    margin-top: 2%;
    padding-bottom: 18px;
}.web-form h2 {
    font-size: 23px;
    text-align: center;
    font-weight: bold;
    color: #1479b9;
}

.web-form h3 {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: black;
    line-height: 21px;
    margin-top: 12px;
}

.web-form p {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
div#webinarcontrol {
    width: 81%;
    margin: 4px auto;
}p.closewe {
    float: right;
    margin-top: -22px;
    background: black;
    width: 21px;
    height: 21px;
    line-height: 17px;
    text-align: center;
    border-radius: 18px;
    font-weight: bold;
    margin-right: -9px;
    color: white;
    cursor: pointer;
}
.captWe {width: 59% !important;margin-left: 41px;}
input.bSubtn {
    background: #055481;
    border: 1px solid #055481;
    border-radius: 7px;
    color: #fff;
    padding: 7px 6px 7px;
    box-shadow: 0 1px 8px -2px #393636;
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 500;
    margin-top: 4%;
    width: 100%;
    cursor: pointer;
}

div#loader-icon_twowe {
    margin-top: 10px;
    margin-left: 2px;
    position: relative;
    display: none;
}

div#loader-icon_twowe p {
    margin-top: -1px;
    float: left;
}

div#loader-icon_twowe img {
    width: 6%;
    height: 6%;
    float: left;
}
.infowes {
    font-size: 12px !important;
    text-align: left !important;
    color: red;
    margin-bottom: 4px;
}.demoInputBoxwe {
    margin-bottom: 5px !important;
}
section#contact {
    background-image: url(https://schoolmagica.com/images/contact_one.jpeg);
    background-size: 100% 622px;
    height: auto;
    background-color: #2c3438;
    color: #fff;
}.contact__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
    padding-bottom: 55px;
}section#contact h2 {
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 400;
}.map-marker {
    /* width: 41px!important; */
    /* height: 26px; */
    /* display: block; */
    /* float: left; */
    /* background-repeat: no-repeat; */
    /* background-position: -539px -412px; */
}p.con_text {
    margin-left: 15%;
    margin-top: -28px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px;
    width: 71%;
    font-family: sans-serif;
}a.con_link {
    font-family: sans-serif;
    color: #fff;
    font-size: 15px;
}.con_link {
  
    font-size: 15px;
    color: #fff;
    text-decoration: unset;
}

i.fa-map-marker {
    color: #ffffff;
    background: #ffffff00;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #ffffff;
    text-align: center;
    line-height: 22px;
}

i.fa-envelope {
    color: #ffffff;
    background: #ffffff00;
    border-radius: 30px;
    width: 27px;
    height: 27px;
    border: 2px solid #ffffff;
    text-align: center;
    line-height: 21px;
}div#loader-icon_one {
    margin-top: 10px;
    margin-left: 2px;
    position: relative;
    display: none;
}div#loader-icon_one img {
    float: left;
    width: 24px;
}.enq_input {
    width: 100%;
    padding: 11px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 38px;
    background: rgba(239,239,239,.11);
    color: #fff;
}
input.btn_Action {
    background: #1479b9;
    border: 1px solid #1479b9;
    border-radius: 3px;
    padding: 7px 41px;
    color: #fff;
    margin-left: 229px;
    margin-top: 13px;
    margin-bottom: 52px;
    font-weight: 500;
}
i.callDiv {
    color: white !important;
    background: #ffffff00 !important;
    border: 2px solid #ffffff !important;
}.btnM:hover {
    background: white;
    color: #1479b9;
    border: 1px solid #1479b9;
}p.all-p {
    margin-bottom: 0px;
}
.popup{
    background-color: #0000007a;
    width: 100%;
    height: 212%;
    padding: 30px 40px;
    position: absolute;
    /* transform: translate(-50%,-50%); */
    left: 0%;
    top: 0%;
    /* border-radius: 8px; */
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
    z-index: 10000000;
}
.popup button{
    display: block;
    margin:  0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}.div_popup img {
    width: 100%;
    margin-top: -38px;
}

.div_popup {
    width: 48%;
    margin: 0px auto;
    /* overflow: auto; */
    /* height: 94%; */
}

button#close {
    color: black;
    background: #ffc300;
    line-height: 28px;
    margin-bottom: 38px;
    border-radius: 29px;
    width: 30px;
    height: 29px;
}
.webinarslide h5 span {
    color: #f2bc1c;
    font-weight: bold;
}

.web-form h3 span {
    color: black;
    background: #f2bc1c;
    padding: 2px;
}

p.timeSpan {
    font-weight: bold;
    border: 2px solid #f2bc1c;
    width: 52%;
    margin: 0px auto;
    margin-bottom: 15px;
    border-radius: 4px;
}
@media screen and (max-width: 600px){
	.instDiv span {
    font-size: 18px;
    font-weight: bold; 
    width: 100%;
    float: left;
    margin-left: -63px;
}
.webinarslide {
    background: url(../../assets/img/freewebinarEn.gif);
    background-size: 100% 100%;
}
span.softTest {
    color: #1379b9;
    float: unset;
    margin-left: 0px;
}button.navbar-toggler {
    display: none;
}
div#carouselExampleDark {
    margin-top: 25%;
}	
.sectionLoad p {
    text-align: center;
    font-size: 81px;
    font-weight: bold;
    margin-top: 18%;
    margin-bottom: 12%;
    color: #135782;
    line-height: 72px;
}
.instDiv {
    padding-left: 79px;
}.sectionLoad h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 18%;
    margin-bottom: 0px;
}
.webinarslide {
    height: 312px;
    margin-top: 31%;
    width: 100%;
}.carousel-inner {
    position: relative;
    width: 100%;
    overflow: unset;
}.infoDiv p {
    font-size: 13px;
}.softwareDiv {
    width: 50%;
}
.studentDiv {
    width: 50%;
}.teacherDiv {
    width: 50%;
}.instituteDiv {
    width: 50%;
}.infoDiv {
    margin-top: 307px;
}.btnProduct a {
    background: #1479b9;
    padding: 7px 5px 7px 5px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    text-decoration: auto;
    color: white;
    margin-right: 8px;
    border: 1px solid #1479b9;
    float: left;
    width: 151px;
    height: 38px;
    line-height: 22px;
    margin-bottom: 8px;
}div#myModalwe {
    width: 95%;
    background: white;
    margin: 0px auto;
    border: 1px solid #0e5f92;
    border-radius: 6px;
    margin-top: 7%;
    padding-bottom: 18px;
}.captWe {
    width: 45% !important;
    margin-left: 41px;
}.form h2 {
    text-align: center;
    font-size: 19px !important;
}div#modal-10 {
    width: 98%;
    margin: 0px auto;
    margin-top: 6%;
}input#captchaP {
    width: 56%;
}
button.btnRefreshP.reg_input {
    margin-left: 0px;
    margin-top: -1px;
}a.modal-close {
    line-height: 27px;
}input.btn_Action {
    background: #1479b9;
    border: 1px solid #1479b9;
    border-radius: 3px;
    padding: 7px 41px;
    color: #fff;
    margin-left: 0px;
    margin-top: 13px;
    margin-bottom: 68px;
    font-weight: 500;
}button#openbutton {
    bottom: 5pc;
    right: 0px;
}section#contact h2 { 
    margin-top: 25px;
}
.div_popup {
    width: 98% !important;
    margin: 0px auto;
}


} 
@media screen and (max-width: 600px){
	.instDiv span {
    font-size: 18px;
    font-weight: bold; 
    width: 100%;
    float: left;
    margin-left: -63px;
}span.softTest {
    color: #1379b9;
    float: unset;
    margin-left: 0px;
}button.navbar-toggler {
    display: none;
}
div#carouselExampleDark {
    margin-top: 25%;
}	
.sectionLoad p {
    text-align: center;
    font-size: 81px;
    font-weight: bold;
    margin-top: 18%;
    margin-bottom: 12%;
    color: #135782;
    line-height: 72px;
}
.instDiv {
    padding-left: 79px;
}.sectionLoad h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 18%;
    margin-bottom: 0px;
}
.webinarslide {
    height: 312px;
    margin-top: 31%;
    width: 100%;
}.carousel-inner {
    position: relative;
    width: 100%;
    overflow: unset;
}.infoDiv p {
    font-size: 13px;
}.softwareDiv {
    width: 50%;
}
.studentDiv {
    width: 50%;
}.teacherDiv {
    width: 50%;
}.instituteDiv {
    width: 50%;
}.infoDiv {
    margin-top: 307px;
}.btnProduct a {
    background: #1479b9;
    padding: 7px 5px 7px 5px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 7px;
    text-decoration: auto;
    color: white;
    margin-right: 8px;
    border: 1px solid #1479b9;
    float: left;
    width: 151px;
    height: 38px;
    line-height: 22px;
    margin-bottom: 8px;
}div#myModalwe {
    width: 95%;
    background: white;
    margin: 0px auto;
    border: 1px solid #0e5f92;
    border-radius: 6px;
    margin-top: 7%;
    padding-bottom: 18px;
}.captWe {
    width: 45% !important;
    margin-left: 41px;
}.form h2 {
    text-align: center;
    font-size: 19px !important;
}div#modal-10 {
    width: 98%;
    margin: 0px auto;
    margin-top: 6%;
}input#captchaP {
    width: 56%;
}
button.btnRefreshP.reg_input {
    margin-left: 0px;
    margin-top: -1px;
}a.modal-close {
    line-height: 27px;
}input.btn_Action {
    background: #1479b9;
    border: 1px solid #1479b9;
    border-radius: 3px;
    padding: 7px 41px;
    color: #fff;
    margin-left: 0px;
    margin-top: 13px;
    margin-bottom: 68px;
    font-weight: 500;
}button#openbutton {
    bottom: 5pc;
    right: 0px;
}section#contact h2 { 
    margin-top: 25px;
}
.div_popup {
    width: 98% !important;
    margin: 0px auto;
}


}