@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;700&display=swap');
.formField{ float:left; width:100%; margin-bottom:15px}
.formField input,.formField textarea{ width:100% !important; border:1px solid #CCC !important}
.formField textarea{ min-height:100px !important; max-height:100px !important;}

#popmake-1345 .pum-content.popmake-content{ padding:20px !important}

.post-template #masthead{ background:#27253f !important}
.customTable tr td:nth-child(2),.customTable tr td:nth-child(3){ text-align:center !important}
.elementor-section.elementor-section-height-full.bannerBox{ min-height:700px !Important}

ol.numberList { width:100%; float:left;padding-left: 45px}
ol.numberList li{ width:33.33%; float:left; font-size:12px;margin:2px 0}
.customTable td{font-size:16px}
.tableH{ color:#fff; background:#666; font-weight:bold }
.maptxt h5.elementor-icon-box-title{ margin:0 !important}
.customTable tr,.customTable tr td { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
table.customTable{ max-width:80%; box-shadow:0px 5px 5px rgba(0,0,0,0.1)}
.customTable tr:hover {background:#ee3363 !important}
.customTable tr:hover td{ color:#fff !important}
.parametersList.parametersListSub .customBullet li {
  width: 100%;
  float: left;
}
.customBullet li{ background: url(https://clinicsoncloud.com/wp-content/uploads/2022/06/bullet.svg) no-repeat left 2px;
  background-size: auto;
list-style: none;
padding-left: 30px;
background-size: 25px;
margin-bottom: 8px;
font-size: 16px;
font-weight: 400;}
.solutionIndustriesOuterBox.featuresOuterBox .elementor-icon-box-icon {
  background: #ee3263 !important;  width: 80px; height: 80px; border-radius: 50px; text-align: center !important;  width: 90px;  height: 90px;  border-radius: 50px;  text-align: center !important;  border: 4px solid #f5d2d7 !important; padding:15px;}
.parameterSubHeading h4{font-size: 26px !important;font-weight: 500 !important;}
.solutionIndustriesOuterBox.featuresOuterBox .solutionHeading{min-height: 215px;box-shadow: 0 5px 5px rgba(0,0,0,0.01);}

.solutionIndustriesOuterBox.featuresOuterBox p.elementor-icon-box-title{ line-height:normal; padding-top:20px; padding-bottom:0}

.parametersList .customBullet li{ width:33.33%; float:left}
.formField{ font-weight:400}
/*.home{ background:url(images/banner.jpg) repeat-x !important; background-size:auto auto !important}*/
#sinatra-header-inner{ background: transparent !important; border:0 !important}
.sinatra-nav > ul > li > a{ color:#fff !important}
.sinatra-nav > ul > li > a:hover{ color:#ee3263 !important}
.sinatra-sidebar-position__right-sidebar #primary{ padding-right:0 !important}
body:not(.sinatra-no-sidebar) #primary{max-width:100% !important}
#primary, #secondary{ margin-top:0 !important;margin-bottom:0 !important;}
.alignfull.si-wrap-content > div, .si-container, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer > ul{ padding:0 !important}
.sinatra-widget-location-right{ display:none !important}

.featuresListPoint.featuresListPointt{ width:100% !important;}
.featuresListPoint.featuresListPointtt{ width:100% !important;}
.featuresListPoint.featuresListPointtt h3.elementor-icon-box-title
{ display:block !important;font-size: 18px !important;margin: 0;}

.featuresListPoint { width:50% !important; float:left}
.featuresListPoint h3.elementor-icon-box-title,
.page-header.si-has-page-title.si-has-breadcrumbs
{ display:none !important}

/*#mysticky-wrap{ background:#27253f}*/

.solutionBox h4.elementor-icon-box-title{ margin-top:0 !important}

.home.page-template #mysticky-wrap{ background:rgba(0,0,0,0) !important}
.page-template #mysticky-wrap{ background:#27253f !important}

.bannerBtnBox { margin-bottom:20px !important}

.BannerHeading div{ font-weight:700 !important; line-height:normal !important}
.BannerHeading div span{color:#ee3263 !important}

.BannerSubHeading div{ font-weight:300 !important; color:#cccccc !important; font-size:24px !important; line-height:normal !important}
.BannerSubHeading {border-bottom: 1px solid #ccc;margin-bottom: 32px !important;padding-bottom: 15px !important;padding-top: 15px !important;margin-top: 8px !important;border-top: 1px solid #ccc;}

.primaryBtn a:link,.primaryBtn a:visited{ background: #ee3263 url(images/video-icon.png) no-repeat 115px center !important;
border-radius: 10px;
border: 2px solid #ee3263 !important;
width: 110px !important;
text-align: left !important;
padding: 10px 30px 10px 15px !important;
font-size: 16px !important;
border-radius: 10px !important; margin-right:20px !important}

.secondaryBtn a:link,.secondaryBtn a:visited{ background: url(images/email-icon.png) no-repeat 115px center !important;
border-radius: 10px;
border: 2px solid #fff !important;
width: 110px !important;
text-align: left !important;
padding: 10px 30px 10px 15px !important;
font-size: 16px !important; color:#fff !important;
border-radius: 10px !important; margin-right:20px !important}

.primaryBtn,.secondaryBtn{ float:left !important; }

.homeFeatures .elementor-icon-box-content h3{ display:none !important}

.homeFeatures .elementor-icon {text-align: center !important; margin: 17px auto !important;}
.homeFeatures .elementor-icon-box-icon, .homeFeatures .elementor-image-box-img { background: #ee3263 !important;width: 80px; height: 80px;border-radius: 50px;text-align: center !important;width: 90px;height: 90px;border-radius: 50px;text-align: center !important;border: 4px solid #f5d2d7 !important;}

.homeFeatures .elementor-image-box-img{align-self: center; display: flex;}
.homeFeatures .elementor-image-box-img img{display: flex; margin: 0 auto;}


.featuresOuterBox p,.homeFeatures p.elementor-icon-box-description{ color:#666666 !important}
.homeFeatures p.elementor-icon-box-description{ font-size:17px !important}

.coveredParametersOuterBox img.swiper-slide-image{ width:70px !important; height:70px !important}
.coveredParametersOuterBox .swiper-slide-inner{ background:#f6f5fd !important; border-radius:10px; width:90%; margin:0 auto; padding:20px 0}

.coveredParametersOuterBox .elementor-image-carousel-caption{ padding-top:15px}

.elementor-arrows-position-outside .swiper-container{ width:100% !important}
.coveredParametersOuterBox .elementor-image-carousel-wrapper{ width:100% !important}
.coveredParametersOuterBox .elementor-swiper-button-prev { left: calc(50% - 35px) !important; bottom:-25px !important; height: 30px !important;width: 30px !important; top: auto !important; background: rgba(238,50,99,0.2);border-radius: 100px;}
.coveredParametersOuterBox .elementor-swiper-button-prev:hover{background: rgba(238,50,99,1);}
.coveredParametersOuterBox .elementor-swiper-button-next { right: calc(50% - 35px) !important; bottom:-25px !important; height: 30px !important;width: 30px !important; top: auto !important; background: rgba(238,50,99,0.2);border-radius: 100px;}
.coveredParametersOuterBox .elementor-swiper-button-next:hover{background: rgba(238,50,99,1)}

.coveredParametersOuterBox .eicon-chevron-left::before {content: '\e87e'; color: #fff !important;font-size: 14px !important; padding: 0 7px;}
.coveredParametersOuterBox .eicon-chevron-right::before {content: '\e87d';color: #fff !important;font-size: 14px !important; padding: 0 9px;text-align: center !important;}

h2.elementor-heading-title{ background:url(images/header-bg.png) no-repeat center bottom; color:#27253f; text-transform:uppercase; padding-bottom:10px}

.benefitsBox{ z-index:1; position:relative}
.coveredOuterBox{ z-index:1; position:relative}

.benefitsBox .eael-feature-list-icon-inner{ background:none !important}
.benefitsBox h2.elementor-heading-title{ background-position:left bottom !important}
.benefitsBox .eael-feature-list-content-box{ margin:4px 10px 10px 10px !important; }
.benefitsBox .eael-feature-list-item { float:left; width:50% !important}

.productVarientBox{ background:#fff; border-radius:50px; width:100%; border:1px solid #cccccc; box-shadow:0 5px 0px #cccccc; padding:0 30px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.productVarientHeading{ background: url(images/heading-bg.svg) no-repeat center -6px;color: #fff;font-size: 18px;
text-align: center;padding: 8px 0 10px 0;text-transform: uppercase; font-weight:600;margin-bottom: 20px;}
.productVarientBoxRow{ width:100%; float:left; margin:7px 0}
.productVarientBoxCol1{width:calc(100% - 25px); float:left; color:#666666;font-size: 16px !important;font-weight: normal !important;line-height: normal !important;padding-top: 7px;}
.productVarientBoxCol2{width:25px; float:left}

.productVarientBox:hover{background:#EE3263; border-radius:50px; width:100%; border:1px solid #EE3263; box-shadow:0 5px 0px #EE3263; padding:0 30px;transform: scale(1.05) !important; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.productVarientBox:hover .productVarientBoxCol1{ color:#fff !important}

.productVarientHeader h2.elementor-heading-title{ background-position:center bottom !important}
.viewAll:link, .viewAll:visited {background: #ffffff;  border: 2px solid #EE3263 !important; border-radius: 8px !important; padding: 5px 20px 5px 20px !important; color: #EE3263 !important; font-size: 16px; margin: 20px auto 40px calc(50% - 50px); display: inline-block; width: 100px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.viewAll:hover{ background: #EE3263; color:#fff !important;}

.solutionHeading p.elementor-icon-box-title{ padding-top:0; margin-top:0}
.solutionsBox{ z-index:0; position:relative}

.solutionIndustriesOuterBox .solutionHeading { background:#fff; border-radius:10px; padding:20px 10px; margin:10px}
.gallery figure{ padding:0 !important}
.owl-carousel .owl-item img{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.owl-carousel .owl-item img:hover{ transform:scale(1.05);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

footer.site-footer{ background:url(images/footerbg.png) !important; border-bottom:5px solid #ee3463;}
.footerMenus li{ list-style:none; display:inline-block; margin:0 8px}
.footerMenus li a:link,.footerMenus li a:visited{ color:#fff; text-decoration:none; font-size:14px}
.footerMenus li a:hover{ color:#ee3263 !important}
ul.footerMenus{ text-align:right}
#sinatra-footer .si-container{ max-width:1250px !important}
#sinatra-footer .sinatra-footer-column{ padding-top:0 !important; padding-bottom:0 !important}

footer p,p.copyTxt{ font-size:14px; color:#fff}
.copyTxt{ text-align:right;padding-top: 0px;}

#sinatra-footer{ padding:30px 0}
.emailFooter{padding-left: 30px;background: url(https://clinicsoncloud.com/wp-content/uploads/2022/06/email-icon-1.svg) no-repeat 3px 1px; background-size: 20px;}

.callFooter{padding-left: 30px;background: url(https://clinicsoncloud.com/wp-content/uploads/2022/06/footer-mobile.svg) no-repeat left 1px; background-size: 17px;}

.callBox{ margin-top:59px !important}

.site-header.sticky-element-original.element-is-sticky #sinatra-header-inner{ background:#27253f}
.topCall,.topEnquiry{ color:#ee3263}
.boxOuterBox{ display:none}
.hamburger-box{ color:#fff !important}
.productvarientBtnPods.activeBtn{ padding: 15px 15px 15px 45px;border: 1px solid #ee3363;color: #ee3363 !important;background: #fff url(images/kiosk1.svg) no-repeat 15px center;  background-size: auto;background-size: 25px;font-size: 18px !important;
border-radius: 50px 0 0 50px;}
.productvarientBtnBox.activeBtn { padding: 15px 15px 15px 45px;border: 1px solid #ee3363;color: #ee3363 !important;background: #fff url(images/box.svg) no-repeat 15px center;  background-size: auto;background-size: 25px;font-size: 18px !important;border-radius: 0px 50px 50px 0;border-left:0}

.productvarientBtnBox p,.productvarientBtnPods p{ padding:0 !important;margin:0 !important;}

.productvarientBtnPods{ padding: 15px 15px 15px 45px;border: 1px solid #cccccc; color: #cccccc !important;background: #fafafa url(images/kiosk-disabled.svg) no-repeat 15px center;  background-size: auto;background-size: 25px;font-size: 18px !important;
border-radius: 50px 0 0 50px;}
.productvarientBtnBox { padding: 15px 15px 15px 45px;border: 1px solid #cccccc; color: #cccccc !important;background: #fafafa url(images/box-disabled.svg) no-repeat 15px center;  background-size: auto;background-size: 25px;font-size: 18px !important;border-radius: 0px 50px 50px 0; border-left:0}	

#sinatra-header-inner .sinatra-nav > ul{ height:auto}

.site-navigation.main-navigation{ height:35px}
.topHeaderRight{ margin-left: auto;margin-top: 10px;margin-bottom: 10px; z-index:1}
.topHeaderRight div{ float:left; display:inline-block !important;color:#ee3263 !important;font-size: 16px;}

.topHeaderRightBox{display: flex;flex-direction: column;}
.topCall{background: url(images/mobile.svg) no-repeat left center;padding-left: 22px;background-size: 17px;}
.topEnquiry{background: url(images/email.svg) no-repeat left center;padding-left: 27px;background-size: 23px; margin-left:20px}

.si-header-widgets .dropdown-item, .preloader-1 > div, .sinatra-nav .sub-menu{ border-color:#ee3263 !important}

.BannerHeading,.BannerSubHeading,.bannerBtnBox{max-width:460px !important}

.myfixed .sinatra-logo a img{ height:60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.sinatra-logo a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.boxVarient{ display:none}

#youtubeVideo{ width:800px; height:450px}

@media screen and (max-width:800px) {
	#youtubeVideo{ width:600px; height:338px}
}

@media screen and (max-width:750px) {
	.topHeaderRight{ display:none}
.featuresListPoint { width:100% !important; float:left}
.parametersList .customBullet li{ width:100%; float:left}

	.n2-ss-layer.n2-ow{font-size: 10px !important;}
	#n2-ss-2item3,#n2-ss-2item9{font-size: 16px !important;line-height: normal !important;}
	.BannerSubHeading {margin: 20px 0 !important;padding: 10px 0 !important;}
	.n2-ss-slider .n2-ss-layer-col{width: 90% !important; margin:0 5% !important}
#n2-ss-2item6{ margin:20px 0 !important}
	#sinatra-header{ padding:0 15px !important}
	.sinatra-logo a img{ height:60px !important}
	button.si-hamburger{ padding:10px 5px !important}
#sinatra-header-inner .site-navigation > ul { max-height: initial;  display: block;  background: #fff;  z-index: 9;  position: relative;}
	.elementor-widget-heading .elementor-heading-title{ font-size:26px !important}
	.leftSliderBox,.rightSliderBox,.leftSliderBoxOuter{ width:100% !important}
	img#n2-ss-2item1{ height:300px !important}
	.btnBox{ float:left !important; width:50% !important}
	.BannerSubHeading {margin:15px 0 !important;padding: 15px 0 !important;}
	#sinatra-footer .sinatra-footer-column { padding-top: 20px; padding-bottom: 20px; margin-left: 15px !important;
  padding-left: 0; width:calc(100% - 15px) !important}
	.callBox{ display:none !important}
	ul.footerMenus{ text-align:left; padding-left:10px !important;margin: 12px 0 30px 0 !important;}
	footer p, p.copyTxt {font-size: 14px;color: #fff; text-align: left; padding-left: 15px; padding-top: 0;}
	table.customTable{ max-width:100%}
	.bannerBox{ min-height:auto !Important}
	ol.numberList li{ width:100% !Important}
	
	.primaryBtn a:link, .primaryBtn a:visited{ background:#ee3263 url(images/video-icon.png) no-repeat 100px center !important; font-size:15px !important; padding:10px 20px 10px 10px !important }
	.secondaryBtn a:link, .secondaryBtn a:visited{ background:url(images/email-icon.png) no-repeat 100px center !important; padding:10px 20px 10px 10px !important; font-size:15px !important}
	.homeFeatures p.elementor-icon-box-description{ font-size:14px !important}
	.benefitsBox .eael-feature-list-item { width: 100% !important;}
	body,html{ background:#fff !important; overflow-x:hidden}
	.homeFeatures .elementor-icon{ font-size:35px}
.homeFeatures .elementor-icon{ margin:10px auto !important}
.homeFeatures .elementor-icon-box-icon{width: 60px;height: 60px; min-width:60px; min-height:60px}
.homeFeatures .elementor-icon-box-content{align-content: center;align-items: center;vertical-align: middle !important;
display: flex;}
	.coveredParametersOuterBox .swiper-slide-inner{margin:0 auto !important}
	.benefitsBox .eael-feature-list-content-box{margin: 0px 10px 10px 10px !important;
display: flex;align-content: center;align-items: center;}
	.benefitsBox .eael-feature-list-item{ padding:3px 0 3px 10px !important}
	.benefitsBox .eael-feature-list-icon-box{align-content: center;display: flex;}
	.homeCounterBox .elementor-column.elementor-col-25{ width:50% !important}
	.solutionIndustriesOuterBox .solutionHeading{ border:1px solid #f1f1f1}
.solutionIndustriesOuterBox .elementor-column.elementor-col-20{ width:50% !important}
.solutionIndustriesOuterBox .elementor-icon-box-title{ font-size:16px !important}
.gallery.gallery-columns-3 figure {
  max-width: 50% !important;
  -ms-flex-preferred-size: 50% !important;
  flex-basis: 50% !important;
}.solutionHeading p.elementor-icon-box-title {
  font-size: 15px !important;
  line-height: normal !important;
	}.solutionIndustriesOuterBox .solutionHeading{padding: 20px 0px;margin: 5px;}
	.homeSolutionsIndustries .elementor-column.elementor-col-20{ width:50% !important}
	.solutionIndustriesOuterBox .elementor-column.elementor-col-20:last-child{ margin-left:25%}
	
	.leftSliderBoxOuter { min-height:330px !important; height:330px !important}
	.leftSliderBox.leftSliderBoxx img{ width:90% !important}
	#gallery-3.gallery-columns-3 .gallery-item:nth-child(3),
#gallery-5.gallery-columns-3 .gallery-item:nth-child(3),
#gallery-7.gallery-columns-3 .gallery-item:nth-child(3),
#gallery-8.gallery-columns-3 .gallery-item:nth-child(3),
#gallery-9.gallery-columns-3 .gallery-item:nth-child(3)
{ display:none !important}
	
	.pum-content.popmake-content iframe{ width:100% !important; height:auto !important}
.solutionIndustriesOuterBox .elementor-column.elementor-col-25{ width:50% !important}
.solutionIndustriesOuterBox .elementor-column.elementor-col-25 .elementor-icon-box-icon{ width:80px !important; height:80px !important}
.solutionIndustriesOuterBox .elementor-column.elementor-col-25 .elementor-icon{ font-size:45px !important}
.parametersList .customBullet li,.parametersList.parametersListSub .customBullet li{
  width: 50%;
  float: left;
}
	
	
	
}

@media screen and (max-width:600px) {
	#youtubeVideo{ width:400px; height:225px}
}


