@charset "utf-8";
/* CSS Document */

.why-div {background-color: #fff;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.03);border-radius: 35px;padding: 25px;transition: 0.5s;position: relative;margin-bottom: 30px; 
	min-height: 260px}
.why-div:hover {box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.08);margin-top: -5px;}
.why-div i {font-size: 30px;/* color: #13c4a1; */width: 70px;height: 70px;line-height: 70px;margin: auto;position: relative;margin-bottom: 20px;background: #d52b1e;border-radius: 100%;text-align: center;display: inline-block;}
.why-div i img {width: 44px;height: auto;vertical-align: top;filter: contrast(0%) brightness(5000%);position: absolute;left: 18%;top: 18%;}
.why-div h3 {margin-bottom: 10px;font-size: 20px;font-weight: 700;}
.why-div h3 a {color: #000;}
.why-div h3 a:hover {color: #13c4a1;}
.why-div p {margin: 0;}
.wbg .why-div {background: #f7f7f7;}
.wbg .why-div:hover {box-shadow: 0 5px 50px 0 rgb(0 0 0 / 12%); margin-top: -5px;}
.usp .why-div {min-height: 280px;}

.lms-platform .why-div {min-height: 280px;}

.elearning-development .why-div {min-height: 312px;}
.elearning-development .why-div h3{    font-size: 18px;}
.elearning-analytics .why-div {min-height: 252px;}
/*.elearning-localization .why-div {min-height: 410px;}*/

/*.elearning-localization .usp .why-div {min-height: 380px;}*/

.solution-options ul {margin: 0px auto;padding: 0 0 0 0px;width: 100%;}
.solution-options ul li {list-style-type: none;font-weight: 600;line-height: 22px;border: 1px solid #e4e4e4;border-radius: 4px;/* background: #fff; */margin-bottom: 25px;float: left;width: 46%;margin-right: 15px;text-align: left;box-shadow: 0 3px 13px rgba(0,0,0,.07);position: relative;/* padding-left: 40px; */color: #000;background-color: #ffffff;border: 1px dashed #444;-webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);border-radius: 30px;font-size: 16px;padding: 12px 22px 12px 42px;margin-bottom: 25px;/* cursor: pointer; */-webkit-transition: 0.5s;transition: 0.5s;}
.solution-options ul li i{color: #d22704; position: absolute; left: 15px; top: 15px;}

.elearning-development .solution-options ul li:last-child{width: 50%}

.solution-options.el ul {margin: 0px auto;padding: 0 0 0 0px;width: 100%;}
.solution-options.el ul li {list-style-type: none;font-weight: 600;line-height: 22px;border: 1px solid #e4e4e4;border-radius: 4px;background: #fff;margin-bottom: 20px;float: left;width: 32.2%;margin-right: 20px;text-align: left;box-shadow: 0 3px 13px rgba(0,0,0,.07);position: relative;padding-left: 42px;/* min-height: 80px; */}
.solution-options.el ul li i{color: #d22704;position: absolute;left: 15px;top: 15px;}
.solution-options.el ul li:nth-child(3n){margin-right: 0px;}

.solution-options.uf ul {margin: 0px auto;padding: 0 0 0 0;width: 100%;}
.solution-options.uf ul li {list-style-type: none;font-weight: 600;line-height: 22px;border: 1px solid #e4e4e4;border-radius: 4px;/* background: #fff; */margin-bottom: 15px;float: left;width: auto;margin-right: 0;text-align: left;box-shadow: 0 3px 13px rgba(0,0,0,.07);position: relative;padding-left: 42px;}
.solution-options.uf ul li i{color: #057fd7;position: absolute;left: 12px;top: 15px;}
.solution-options.uf ul li.highlight {background: #344592;border: 1px solid #3a649f;color: #fff;}
.solution-options.uf ul li.highlight i {color: #fff;}




.double-about {position: relative;padding: 15px 15px 15px;margin-top: 0px;/* border: 1px solid #ccc; *//* background: #f8f8f8; *//* box-shadow: 0 3px 13px rgba(0,0,0,.07); */border-radius: 4px;/* min-height: 299px; *//* margin-bottom: 30px; */}
.double-about:after {content: '';position: absolute;left: 55px;top: 20px;height: 8px;width: 70px;background: linear-gradient(-150deg, #12b4c8, #6669e6);transition: all 0.7s ease 0s;border-radius: 2px;display: none;}
.double-about:before {content: '';position: absolute;left: 15px;top: -7px;transition: all 0.7s ease 0s;font-size: 64px;font-weight: bold;/* font-style: italic; */color: #e6e6e6;z-index: 222;background: -webkit-linear-gradient(#d22704, #ff6868);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 50px;line-height: 1.6;}
.double-about h4 {margin-left: 43px;margin-left: 50px;font-size: 20px;font-weight: bold;line-height: 59px;}
.double-about.one:before{content:"1"}
.double-about.two:before{content:"2"}
.double-about.three:before{content:"3"}
.double-about.four:before{content:"4"}
.double-about.five:before{content:"5"}
.double-about.six:before{content:"6"}


.big-banner .main-banner canvas {display: block;vertical-align: bottom;}
.big-banner .main-banner #particles-js {position: absolute; width: 100%; height: 100%; background-color: #174d73; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.big-banner .main-banner {padding: 0; overflow: hidden;}
.big-banner .main-banner .row{height:80vh}
.big-banner .main-banner .row img{width: 80%; height: auto}
.big-banner .main-banner .main-banner-content .content {max-width: auto; padding-right: 0; margin-left: 0; margin-top: 0; }
.big-banner .main-banner .main-banner-content .content h1, .big-banner .main-banner .main-banner-content .content p {color:#fff}

.big-banner .start-header {box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);background: #fff;}
.big-banner .start-header .cta-container a {border-color: #d22704;background: #d22704;line-height: 1;}


.e-tool-wrap{margin-top: 0;text-align: center;padding: 15px;background: #ffffff;width: 100%;box-shadow: 0 3px 13px rgba(0,0,0,.07);border-radius: 8px;border-bottom: 5px solid #d52b1e;}
.e-tool-wrap h3{/* color: #fff; */margin-bottom: 20px;margin-top: 10px;font-size: 24px;}
.etoll-box {display: block;width: 100%;text-align: center;/* border: 1px solid #ccc; */margin-bottom: 15px;padding: 10px 0px;background: rgb(255 255 255 / 28%);min-height: 130px;}
.etoll-box img {display: block; width: 92px !important; height: 92px !important; margin: 0 auto;}
.etoll-box h4 {font-size: 16px;margin-top: 5px;margin-bottom: 0;color: #464646;}
.owl-elsolutions .owl-prev span, .owl-elsolutions .owl-next span{font-size: 48px;color: #ababab;height: 20px;box-sizing: content-box;overflow: hidden;}
.e-tool-wrap .owl-theme .owl-nav.disabled+.owl-dots {position: absolute; display: block; width: 100%; bottom: -20px;}

.why-lms {}
.why-lms ul {margin: 0; padding: 0;}
.why-lms ul li {list-style-type: none;float: left;margin: 0;padding: 0 0 0 15px;font-weight: 400;font-size: 16px;line-height: 34px;border-radius: 4px;width: 33%;}

.faq-accordian .card-header {padding: 0;}
.faq-accordian .btn-link, .faq-accordian .btn-link:hover {width: 100%;text-align: left;color: #fff;background: #d22704;font-weight: bold;font-size: 18px;}
.faq-accordian .btn-link:before {font-family: 'FontAwesome';content: '\f00d';float: left;color: #fff;font-weight: lighter;transform: rotate(0deg);transition: all 0.2s ease-in; float: right;}
.faq-accordian .btn-link.collapsed:before {color: #444;transform: rotate(-135deg);transition: all 0.2s ease-in; float: right;}
.faq-accordian .btn-link.collapsed {background: #f7f7f7;color: #000;font-weight: bold;font-size: 18px;}
.faq-accordian .card-body {padding: 0 15px 15px;min-height: 80px;}



@media (min-width:1201px) and (max-width:1366px) 
{
	.why-div i{margin-bottom: 0px;}
}

@media only screen and (min-width:1025px) and (max-width:1200px)
{
	
}
@media only screen and (min-width:960px) and (max-width:1024px)
{
	

}
@media only screen and (min-width:768px) and (max-width:959px)
{
	
	
}
@media only screen and (max-width : 767px) 
{	
	.solution-options.el ul li{width: auto}
	.solution-options.el ul li:nth-child(3n){margin-right: 20px}
	.welcome-homepage, .contact-form h2, .contact-form .hr {display: none;}
}


@media only screen and (min-width:480px) and (max-width:767px)
{
	
}


@media only screen and (max-width:479px)
{
	
}
