@charset "utf-8";
/* CSS Document */
.socialRight li,.socialRight { list-style:none}
.socialRight li a:link, .socialRight li a:visited{ background-size:cover}
.ourLeaderStandOut { min-height:400px}
#block-10{ text-align:right}

.pt-cv-thumbnail{ width:100%}
.pt-cv-wrapper img{ border-radius:10px}

.pt-cv-wrapper .btn-success{ background:#cc0000 !important; border:0 !important}
.pt-cv-content-item{ margin-bottom:30px !important}

.sg-popup-builder-content .sgpb-main-html-content-wrapper h2{ padding:0; margin: 0 20px;}
##wpcf7-f551-o1{ padding-bottom:0 !important}
.stickyProfile {position: sticky;  top: 160px;}
div.sgpb-theme-1-content{border-bottom-width: 0px !important;}
img.sgpb-popup-close-button-1{top:10px !important; right:25px !important; bottom:auto !important}

.customTable{border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:30px}
.customTable .containerTxt{min-height:195px}
.facebook:link, .facebook:visited{ background:url(images/facebook.svg); width:40px; height:40px; display:block; margin-bottom:1px} 
.linkedin:link, .linkedin:visited{ background:url(images/linkedin.svg); width:40px; height:40px; display:block; margin-bottom:1px} 
.instagram:link, .instagram:visited{ background:url(images/instagram.svg); width:40px; height:40px; display:block; margin-bottom:1px} 
.youtube:link, .youtube:visited{ background:url(images/youtube.svg); width:40px; height:40px; display:block} 

.socialRight{ position:fixed; right:0; top:calc(50% - 160px); z-index:5; background:#fff}

.setsApart .elementor-icon-box-icon{ background:#195dac; width:145px; height:145px; border-radius:100px; border:8px solid #b6cde6; align-content: center;}
.myCourses .swiper-slide .swiper-slide-inner{ background:#fff; border-radius:10px; margin:0 10px; padding: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); min-height: 345px}
.setsApart .elementor-icon i,.setsApart .elementor-icon svg{ width:80px; height:80px}
.myCourses .swiper-slide{ padding:20px}
.myCourses .swiper-slide-image{ display:none !important}
.myCourses p{ min-height:180px}
.myCourses p, .myCourses h2{ text-align:justify;}
.myCourses h2{ font-size:20px; font-weight:700; margin-top:0; padding-top:0; color:#195dac; text-align:left; text-transform:uppercase}
.myCourses h2:after{ display:none}

.strong-view.controls-type-sides-outside .wpmslider-prev:hover, .strong-view.controls-type-sides-outside .wpmslider-next:hover{ transform:scale(1.1)}

.myCourses a:link, .myCourses a:visited{ color: #cc0000;
  padding: 6px 15px;
  border: 2px solid #cc0000;
  border-radius: 10px;
  margin: 0;
  display: block;
  max-width: 120px;}
.myCourses a:hover{ color:#fff; background:#cc0000 }

.myCourses .elementor-swiper-button-prev, .myCourses .elementor-swiper-button-next {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  background: #cc0000;
  align-content: center;
  align-items: center;
  align-self: center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
.myCourses .elementor-swiper-button-prev:hover, .myCourses .elementor-swiper-button-next:hover {transform:scale(1.1); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.myCourses .elementor-swiper-button-prev svg, .myCourses .elementor-swiper-button-next svg{ margin:0 auto}

#block-10 a:hover{ transform:scale(1.2)}

p.callFooterIcon{ margin-top:0 !important}

.wpmslider-next:link, .wpmslider-next:visited, .wpmslider-prev:link, .wpmslider-prev:visited{ background: #cc0000 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px !important;
    padding: 5px !important;
    border: 2px solid #fff !important;}
.wpmslider-controls-direction .wpmslider-prev:link, .wpmslider-controls-direction .wpmslider-prev:visited{padding: 7px !important;}
.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-next{ margin-right:-10px}
.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-prev{ margin-left:-10px}
a.disabled{ display:block !important}

.testimonial-name{ font-weight:600}
.testimonial-company{ font-style:italic}
.wpmtst-testimonial-field{ padding:0 !important; margin:0 !important}
.wpmtst-testimonial-inner.testimonial-inner{ position:relative; margin-bottom:40px !important}
.wpmtst-testimonial-inner.testimonial-inner:after{ background:url(images/testimonials-bottom.svg); content:""; position:absolute; width:50px; height:50px;bottom: -29px;  right: 50px;}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{}
.strong-view.wpmtst-default .wpmtst-testimonial{ border:0 !important}

.msgFromMajor { max-width:800px !important; margin-left:auto; margin-right:auto}
.si-header-widgets.si-header-element.sinatra-widget-location-right{min-width: 565px;}
body #sinatra-header-inner .sinatra-nav > ul > li{ margin-left:25px }
.strong-view.wpmtst-default .wpmtst-testimonial-inner{ background-color:#fff; background-image:url(images/testimonial.svg); background-position:left top; background-repeat:no-repeat; border:0 !important; padding:50px 25px !important; border-radius:15px}
.byTxt{ text-align:right; padding:0; margin:0}
.bannerText{ bottom:0; width:55%}
.bannerText:before{clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%); content:""; position:absolute; left:0; top:0; bottom:0; right:0; background:#000; z-index:-1}

.visionTxt h3{ padding:0 !important; margin:0 !important}
.visionTxt .elementor-widget-container .elementor-image-box-wrapper{align-items: center !important;}
body div.si-logo-container{ margin:0; padding:10px 0}
header.site-header{ position:fixed; left:0; right:0; top:0; z-index:99}

div#sinatra-footer .sinatra-footer-column{ padding-bottom:30px}

p.copyrightTxt{ margin:0; padding:0 0 20px 0}

#main{ margin-top:145px}

.footerfacebook:link,.footerfacebook:visited {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; width:35px; height:35px; background:url(images/facebook-round.svg); background-size:cover; display:inline-block; margin-right:5px}

.footerlinkedin:link,.footerlinkedin:visited {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; width:35px; height:35px; background:url(images/linkedin-round.svg); background-size:cover; display:inline-block; margin-right:5px}

.footerinstagram:link,.footerinstagram:visited {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; width:35px; height:35px; background:url(images/instagram-white.svg); background-size:cover; display:inline-block; margin-right:5px}

.footeryoutube:link,.footeryoutube:visited {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; width:35px; height:35px; background:url(images/youtube-round.svg); background-size:cover; display:inline-block; margin-right:5px}

.msgLink:link, .msgLink:visited{margin: 0 auto;  display: block;  width: 30px;  height: 30px;  background: url(images/bullet-arrow.svg); background-size:cover;  position: absolute;  left: 50%;  bottom: -15px;  margin-left: -15px;}
.elementor-tab-content ol{ margin-left:20px}
body #sinatra-header-inner .sinatra-nav > ul > li > a{ font-size:17px}
#wpcf7-f551-o1{ padding:20px}
#wpcf7-f551-o1 input[type="submit"]{ padding:0; margin:0; line-height:normal !important; height:auto !important; padding:10px 15px !important}
.fieldName input, .fieldName textarea{ border:1px solid #ccc; border-radius:5px; padding:8px 10px !important;box-sizing: border-box;}
.fieldName textarea{ min-height:100px !important; height:100px !important; max-height:100px; padding: 10px 15px !important;
  line-height: normal !important;  min-height: auto;box-sizing: border-box;}

.si-header-widgets.si-header-element.sinatra-widget-location-left{ display:none}
.logo-inner{ margin-left:0; margin-right:auto}

h2{ font-size:34px; font-weight:700; position:relative; margin-bottom:10px !important}
h2:after{ background:#cc0000; height:5px; width:100px; position:absolute; left:0; bottom:-15px; content:""}
.centerHHeading h2:after, .whiteHeading h2:after{ margin-left: calc((100% - 100px) / 2);}

.centerHHeadingM h2:after{ margin-left: calc((100% - 100px) / 2);}

.innerBanner{max-width:1150px !important; margin-left:auto; margin-right:auto}

.sinatra-header-layout-3 .si-nav-container {
  background: #195ead !important;
}
.bannerTextt{ position: relative !important}
.bannerText{position:absolute !important; z-index:1; height:100% !important}
.bannerTextt p{ font-size:60px !important; line-height:normal !important; position:relative; z-index:5; padding-bottom:0; margin-bottom:0}
.bannerTextt p strong{ font-weight:900 !important}

.sinatra-header-layout-3 #sinatra-header-inner .sinatra-nav > ul > li > a{ padding-bottom:10px !important; padding-top:10px !important; font-weight: 400 !important; color:#fff}

div.si-logo-container{ margin:10px 0}
.headerRightTop{ display:flex}
.call{ font-size:16px; padding-left:35px; background:url(images/call.svg) no-repeat left center;   background-size: 25px; margin-right:25px}
.enquireNowBox{}
.enquireNow:link, .enquireNow:visited{ border-radius:5px; padding:8px 8px 8px 45px; background:#cc0000 url(images/email.svg) no-repeat 10px center; background-size: 25px !important;  color: #fff !important;}

#primary, #secondary{ margin:0 !important}

.noticeBoardHeading .elementor-image-box-content h3{ margin:10px 0 !important}
.teamName{font-size:18px !important; font-weight:700 !important; margin:0; padding:0}
.teamDesignation{ font-size:18px !important; margin:0; padding:0px 0}
.teamQualification{ font-size:14px !important; margin:0; padding:0}

.messageBox h3.elementor-image-box-title{ margin-top:0}
.messageBox .elementor-widget-container{ min-height:360px}

#colophon{ background:transparent !important; margin-bottom:20px !important}
#sinatra-footer .si-container{ background:url(images/footer.png) no-repeat left top; background-size:cover;border-radius: 20px;}

#main.site-main{ padding-bottom:50px}

.callFooterIcon{ background:url(images/map-footer.svg) no-repeat left 5px; padding-left:40px; color:#fff; background-size:25px}

.callIcon{ background:url(images/call-footer.svg) no-repeat left 0px; padding-left:40px; color:#fff; background-size:25px}

.mapIcon{ background:url(images/email.svg) no-repeat left 5px; padding-left:40px; color:#fff; background-size:25px}

#block-8 img{ width:80%}
.mobileEnq{ display:none}
@media  screen and (max-width:768px) {
.headerRightTop{ display:none}
	.sinatra-logo.si-header-element{ width:50%}
	.alignfull.si-wrap-content > div, .si-container, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer > ul{ padding:0 10px !important}
	.bannerText p {  font-size: 20px !important;  line-height: normal !important;}
	#sinatra-footer .si-container{ background-size:cover}
.sinatra-header-layout-3 #sinatra-header-inner .sinatra-nav > ul > li > a {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
	div.si-logo-container{margin:0}
	.page-template-default #main{ padding-left:15px; padding-right:15px}
.mobileEnq{ position:fixed; right:10px; z-index:1; display:block; position: fixed; bottom: 30px;
    right: 10px; z-index: 998; display: block;	}
	h2{ font-size:30px !important}
.noticeBoardHeading .elementor-image-box-img{ float:left;width: 25% !important; float: left;}
	.noticeBoardHeading .elementor-image-box-img{width: 50px !important;  float: left;}
.noticeBoardHeading .elementor-image-box-content{ width: 70% !important;  float: left;  margin: 0 0 0 0 !important; padding-left:10px !important}
	.noticeBoardHeading .elementor-image-box-content h3{font-size:20px !important; text-align:left }
	.bannerHomeMobile img{border-radius:10px}
	.bannerTextt p{ font-size:30px !important}
	.sinatra-logo.si-header-element{max-width:80% !important}
	.si-header-widgets.si-header-element.sinatra-widget-location-right{display:none !important}

	span.si-mobile-nav { margin-right: 10px !important; margin-left:0 !important }
	.centerHHeadingM h2:after{ margin-left: calc((100% - 100px) / 2);}
	#main{ margin-top:100px}
	.setsApart .elementor-icon-box-icon{width: 120px; height: 120px;}
.setsApart .elementor-icon i, .setsApart .elementor-icon svg { width: 60%;  height: auto;  margin: 0 auto;}
	.socialRight, #si-scroll-top{ display:none}
	body div.si-logo-container{ padding:0; margin:0}
	
	
}
