/*header*/
.header{background: #fff; backdrop-filter: blur(20px); z-index: 999; padding: 5px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);}
.header .container{ position: relative;}
.header.my-fixed{ background: rgba(255, 255, 255, 0.92); transition: all .4s ease;}
.header .header-logo{position: relative; z-index: 9; padding: 0px 0px 0px;}

@media (max-width: 1079px) {
	.desktop--menu{display:none;}
	.header .header-logo{position: relative; top: 3px}
  .header .header-logo img{ height: 40px;}
}

@media (min-width: 1080px) {
    .header{padding: 10px 0px 0px;}
    .header .header-logo{padding: 0px 0px 10px;}
} 
/*header end*/

.main-banner { position: relative; background-size: cover; background-repeat: no-repeat; background-position: right center;}
.main-banner-txt{ z-index: 2; position: relative;}
.home-banner{ background-image: url(../images/home/home-banner.jpg); background-color: #0a255a;}
.main-banner .btn2{ margin-top: 10px;}
.main-banner-btns{ text-align: center;}

@media (max-width: 767px) {
  .main-banner:after{ content: ""; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; text-align: center; margin: auto;}
}

@media (min-width: 768px) {
  .main-banner { background-position: right -200px center;}
  .main-banner-txt{ max-width: 450px; padding: 20px 0px;}
  .main-banner-txt p{ max-width: 400px;}
  .main-banner .btn2{ margin-top: unset; margin-left: 10px;}
  .main-banner-btns{ text-align: unset;}
}

@media (min-width: 1080px) {
  .main-banner { background-position: center center;}
  .main-banner-txt{ max-width: 600px; padding: 65px 0px;}
  .main-banner-txt p{ max-width: 550px;}
}

@media (min-width: 1600px) {
  .main-banner { background-position: center center;}
  .main-banner-txt{ max-width: 700px; padding: 90px 0px;}
  .main-banner-txt p{ max-width: 550px;}
}

.hcta-box{ position: relative; box-shadow: 0px 0px 25px rgba(0, 87, 255, 0.08); border-radius: 10px; 
  padding: 24px 24px 100px 24px; width: 100%;}
.hcta-box h4{ font-size: 20px; margin-bottom: 20px;}
.hcta-box h4:before{ content: url(../images/home/book.svg); margin-right: 10px;}
.hcta-box .hcta-name{ color: rgba(0, 0, 0, 0.5); font-size: 14px; margin-bottom: 5px;}
.hcta-box .hcta-link {position: absolute; bottom: 24px;}
.hcta-box .hcta-link:after{ content: url(../images/home/vector.svg); margin-left: 10px;}
.hcta-box .hcta-link a{ color: #274AFF; font-weight: 500;}
.hcta-box p{ max-width: 175px; font-size: 16px; line-height: 20px;}
.home-cta-row{ margin-top: 30px;}
.hcta-box1{ background: url(../images/home/cta1.svg) no-repeat bottom 24px right 24px #F1F6FF;}
.hcta-box2{ background: url(../images/home/cta2.svg) no-repeat bottom 24px right 24px #F1F6FF;}
.hcta-box3{ background: url(../images/home/cta3.svg) no-repeat bottom 24px right 24px #F1F6FF;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hcta-box1, .hcta-box2, .hcta-box3{ background-size: 100px;}
  .home-cta-row{ margin-top: -30px;}
}

@media (min-width: 1080px) {
  .home-cta-row{ margin-top: -50px;}
}

.iup-tabs .nav-tabs{border-bottom: 0;}
.iup-tabs .nav-tabs .nav-link {margin-bottom: 0; background: transparent; border: 1px solid #fff; border-radius: 64px; color: #fff; 
  font-size: 16px;}
.iup-tabs .nav-tabs .nav-link.active{ background: #fff; color: #000;}
.iup-tab-content{ padding-top: 20px;}

#iup-1:before, #iup-2:before, #iup-3:before, #iup-4:before, #iup-5:before, #iup-6:before{
  margin-right: 8px; position: relative; top: 1px;
}
#iup-1:before{ content: url('../images/iup/flag/uk.svg');}
#iup-2:before{ content: url('../images/iup/flag/germany.svg');}
#iup-3:before{ content: url('../images/iup/flag/aus.svg');}
#iup-4:before{ content: url('../images/iup/flag/dubai.svg');}
#iup-5:before{ content: url('../images/iup/flag/eng.svg');}
#iup-6:before{ content: url('../images/iup/flag/newz.svg');}

@media (max-width: 767px) {
  .iup-tabs .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 20px; padding-bottom: 20px;}
  .iup-tabs .nav-link {white-space: nowrap; font-size: 14px; margin: 0px 5px;}
  .iup-logo{ text-align: center;}
}

@media (min-width: 768px) {
  .iup-tab-content{ padding-top: 40px;}
  .iup-tabs .nav-tabs{ display: flex; justify-content: space-evenly;}
  .iup-tabs .nav-tabs .nav-link {font-size: 14px; margin: 0px 5px 10px 5px;}
}

@media (min-width: 1200px) {
  .iup-tab-content{ padding-top: 50px;}
  .iup-tabs .nav-tabs{ display: flex; justify-content: space-evenly;}
  .iup-tabs .nav-tabs .nav-link {font-size: 18px;}
}

.hcsw-box{ position: relative; background: url(../images/home/wave.svg) no-repeat top right #3BBCA7; border-radius: 4px; 
  padding: 24px 24px 150px 24px; width: 100%;}
.hcsw-box h4{ font-size: 30px; margin-bottom: 20px; font-weight: 700;}
.hcsw-box p{ max-width: 175px; font-size: 16px; line-height: 20px;}
.hcswImg{ position: absolute; right: 10px; bottom: 0;}
.hcsw-head{ margin-top: 10px;}
.site-link{ position: relative;}
.site-link:after{ content: url(../images/home/vector.svg); margin-left: 10px;}
.site-link a{ color: #274AFF; font-weight: 500;}

@media (min-width: 768px) {
  .hcsw-head{ display: flex; justify-content: space-between; align-items: center; margin-top: unset;}
}
@media (min-width: 1200px) {
  .hcsw-head .site-link:before{ content: ""; position: absolute; background: #ccc; width:100%; height: 1px; left: -320px; top: 10px;}
}

.das-box{ position: relative; background: url(../images/home/wave.svg) no-repeat top right #01BFEF; border-radius: 4px; 
  padding: 24px 24px 150px 24px; width: 100%;}
.das-box h4{ font-size: 30px; margin-bottom: 20px; font-weight: 700;}
.das-box p{ max-width: 175px; font-size: 16px; line-height: 20px;}
.dasImg{ position: absolute; right: 10px; bottom: 0;}

.ocImg{ position: relative; margin-bottom: 24px;}
.ocImg h5{ font-size: 20px; font-weight: 600; color: #fff; position: absolute; left: 0; bottom: 20px; width: 100%; padding-left: 20px; z-index: 9;}
.ocImg h5:after{ content: url(../images/vector-w.svg); position: absolute; right: 20px; top: 0;}
.ocImg h5:before{ content:""; background: linear-gradient(159.55deg, #01BFEF -3.39%, #3BBCA7 104.95%); width: 10px; height: 100%; position: absolute; left: 0; z-index: -1;}

.ocImg:hover h5:before{ animation: stretch 700ms ease-in-out forwards}

@keyframes stretch {
  0% {width: 10px; opacity: 1;}
  100% {width: 12%; opacity: 1; }
  }

 .ben--box{ padding: 30px; border-radius: 10px; text-align: center;} 
 .ben--box.ben1{background: linear-gradient(240.35deg, #506EFF -4.51%, #74EBD5 101.19%);}
 .ben--box.ben2{background: linear-gradient(114.08deg, #ED6648 -1.95%, #E7AFEC 103%);}
 .ben--box.ben3{background: linear-gradient(123.46deg, #B06AB3 -0.44%, #4568DC 104.11%);}

 .bog-box h6{ font-weight: 600;}
 .bog-box p{max-width: 300px; margin-left: auto; margin-right: auto;}
 

@media (min-width: 1366px) {
  .right-course .container{ width: 100%; padding-left: 0; padding-right: 6.5%;}
  .right-course .row{ align-items: center;}
}

@media (min-width: 1600px) {
  .right-course .container{ max-width: 1410px; padding-left: unset; padding-right: unset;}
}

.vision--mission{background: #092559;}
.vb--txt{ background: #F6C57D; border-radius: 44px; padding: 10px 30px; font-weight: 500; display: inline-block; font-size: 18px; margin-bottom: 20px;}
.vb--quote{ font-size: 64px; line-height: 54px; font-weight: 700; color: #F6C57D; font-family: Helvetica;}
.mb--txt{ background: #FF9382; border-radius: 44px; padding: 10px 30px; font-weight: 500; display: inline-block; font-size: 18px; margin-bottom: 20px;}
.mb--quote{ font-size: 64px; line-height: 54px; font-weight: 700; color: #FF9382; font-family: Helvetica;}

@media (max-width: 767px) {
  .vision--mission{ margin-top: 30px; text-align: center;}
}

.contct-sec{background: #F1FCFF;}
.contct-box{background: #FFFFFF; box-shadow: 0px 0px 50px 23px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 20px;}

@media (min-width: 768px) {
  .contct-box{padding: 30px;}
}

@media (min-width: 1200px) {
  .contct-box{padding: 30px 50px;}
}

.courses-banner{ background-image: url(../images/courses/courses-banner.jpg); background-color: #3BBCA7;}

.cdetail-box{ color: #fff; text-align: center;}
.cdetail-box p{ margin-bottom: 0;}

@media (max-width: 767px) {
	.cdetail-box{ margin-bottom: 20px;} 
	.cdetail-box h2{ margin-bottom: 0;}
}

@media (min-width: 768px) {
}

.rdbtn{ position: relative; color: #274AFF; border: 0; background: transparent; padding: 0; font-size: 16px; text-align: center;}
.rdbtn:hover{ color: #274AFF;}
.rdbtn::after {content: url(../images/down-arr.svg); position: absolute; top: 0px; right: -25px;}
.rdbtn:not(.collapsed)::after {content: url(../images/up-arr.svg); position: absolute; top: 0px; right: -25px;}

/*vertical tabs*/
.courses--tabs{background: #F7F9FF; border-radius: 10px; padding: 30px 10px;}
.vtab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}
.vtab-links .nav-link{ color: rgba(0,0,0,1); font-weight: 500;}
.v--tabs .tab-content{ background: transparent;}
.v--tabs .tab-content ul{ padding: 0 0px 0px 16px; margin: 0;}
.v--tabs .tab-content ul li{ margin-bottom: 10px;}
.v--tabs .tab-content ul li:nth-last-of-type(1){ margin-bottom: 0;}
.vtabs-txt .btn{ font-size: 15px; padding: 10px 30px;}
.vtab-links .nav-tabs .nav-item .nav-link.active{color: #fff; background: #092559; border-radius:5px;}

@media (max-width: 767px) {
    .vtabs-sec{ margin-top: 20px;}
    .vtab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 20px; padding-bottom: 20px;}
    .vtab-links .nav-link {white-space: nowrap; font-size: 13px;}
    .v--tabs .tab-content{ font-size: 14px; line-height: 18px;}
}

@media (min-width: 768px) {
.courses--tabs{border-radius: 20px; padding: 30px 10px 30px 30px; overflow: hidden;}
.vtabs-sec{padding-top: 50px;}
.v--tabs{ display: flex;}
.vtab-txt-row{ display: flex; flex-direction: row;}
.v--tabs .vtab-links{ flex-basis: 28%; margin-right: 30px;}
.v--tabs .tab-content{ flex-basis: 72%;}
.vtab-links .nav-tabs{ display: flex; flex-direction: column; border: 0;}
.vtab-links .nav-tabs .nav-link {margin-bottom: 10px; font-size: 18px; padding:16px 20px; text-align: left; width: 100%; position: relative; background: transparent; border-radius: 5px; border-left: 8px solid transparent;}
.vtab-links .nav-tabs .nav-item .nav-link.active{border-left: 8px solid #01BFEF; border-radius:0px 10px 10px 0px;}
.vtab-links .nav-tabs .nav-item:nth-last-of-type(1) .nav-link { border-bottom: 0;}
}

@media (min-width: 1200px) {
  .vtab-links .nav-tabs .nav-link {margin-bottom: 20px; font-size: 24px;}
}

/* Courses Accordion*/
.course-accord .accordion{ border: 0;}
.course-accord .accordion-item {border: 0; margin-bottom: 10px; background: #fff; color: #000; border-radius: 10px; padding: 10px;}
.course-accord .accordion-button{background: transparent; color: #000;}
.course-accord .accordion-button{ padding:10px 40px 10px 0px;  position: relative;}
.course-accord .accordion-button .chead, .course-accord .accordion-button .chead a{font-size: 16px; line-height: 22px; font-weight: 500; 
  color: #000;}
.course-accord .cspec{ line-height: 16px; margin-bottom: 10px;}
.course-accord .cspec span{font-size: 9px; color: #808080; padding-left: 8px; margin-left: 2px; position: relative;}
.course-accord .cspec span:nth-of-type(1){ padding-left: 0; margin-left: 0;}
.course-accord .cspec span:before{ content: ""; background: #808080; width: 4px; height: 4px; border-radius: 100%; display: inline-block; position: absolute; left: 0px; top: 3px;}
.course-accord .cspec span:nth-of-type(1):before{ content: none;}
.course-accord .accordion-body{ padding: 20px 0px 10px; color: #000; font-size: 14px; line-height: 18px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.course-accord .accordion-body p{line-height: 24px; font-size: 16px;}
.course-accord .accordion-body ul, .course-accord .accordion-body ol{ padding: 0px 0px 0px 20px;}
.course-accord .accordion-body ul li, .course-accord .accordion-body ol li{ padding-left: 5px;}
.course-accord .accordion-body li{line-height: 20px; font-size: 14px; padding-bottom: 5px;}
.course-accord .accordion-button::after{ content: url(../images/courses/down.svg); background-image: none; position: absolute; top: 10px; right: 0;} 
.course-accord .accordion-button:not(.collapsed)::after {content: url(../images/courses/up.svg); background-image: none; transform: none;}
.course-accord .accordion-item:nth-last-of-type(1){ border-bottom: 0;}
.course-accord .accordion-header, .course-accord .accordion-button, .course-accord .accordion-collapse, .course-accord .accordion-body{box-shadow:none;}
.course-accord .accordion-body h5{ padding-bottom: 20px;}
.course-accord .site-link{ margin-top: 20px;}

.course-accord .cbadge{ background: url(../images/courses/badge.svg) no-repeat; width: 80px; height: 64px; background-size: 80px 64px; font-size: 13px; line-height: 18px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 500;}
.course-accord .ctitl{ display: flex; flex-direction: column; width: 100%;}


.courses--tabs .v--tabs .tab-content ul.listgroup{ padding: 0px 0px 0px 0px ;}
.courses--tabs .v--tabs .tab-content ul.listgroup li{ list-style-type: none;}
.courses--tabs .v--tabs .tab-content ul.listgroup li .accordion-body li{ list-style-type: disc;}
.course-search{ position: relative; margin-bottom: 10px;}
.course-search:before{ content: url(../images/lens.svg); position: absolute; left: 15px; top: 12px;}
.course-search .form-control{ padding: 10px 10px 10px 45px; border-radius: 44px; border: 0;}

@media (min-width: 768px) {
	.course-accord .accordion-button::after{top: 20px;}
  .course-accord .accordion-button{ padding:0px 20px 10px 0px; }
  .course-accord .accordion-button .chead, .course-accord .accordion-button .chead a{font-size: 24px; line-height: 30px;}
  .course-accord .accordion-body{padding-right: 20px; max-width: 900px;}
  .course-accord .accordion-item {padding: 20px;}
  .course-accord .cspec { margin-top: 10px;}
  .course-accord .cspec span{font-size: 12px; padding-left: 16px; margin-left: 10px;}
  .course-accord .cspec span:before{ top: 6px;}
}
@media (min-width: 1200px) {
  .course-accord .cspec span{font-size: 14px; padding-left: 16px; margin-left: 10px;}
  .course-accord .cspec span:before{ top: 8px;}
  .course-accord .ctitl{ display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
  .course-accord .cbadge{width: 107px; height: 86px; background-size: 107px 86px; font-size: 16px; line-height: 24px;}
  .course-accord .accordion-body{ padding: 20px 0px 10px; font-size: 16px; line-height: 24px;}
  .course-accord .accordion-body li{line-height: 24px; font-size: 16px; padding-bottom: 5px;}
}

@media (min-width: 1366px) {
  .course-accord .accordion-button {padding-right: 50px;}
}
/*Courses Accordion End*/

.csingle--banner {background:#7DA8F6;}

@media (min-width: 768px) {
	.csingle--banner .container{ width: 100%; padding-right: 0px; padding-left: 80px;}
	.csingle--banner-lft{ width: 100%;}
	.csingle--banner .csingle--banner-img{ width: 100%; height: 100%;}
	.csingle--banner .csingle--banner-img img{ width: 100%; height: 100%; object-fit: cover;}
  }
  
  @media (min-width: 1600px) {
	.csingle--banner .container{ width: 100%; padding-right: 0px; padding-left: 15px;}
  }

#coContent1.co--content {overflow: auto; position: relative; height: 600px;}
#coContent1 .mCSB_draggerRail{ background-color: transparent;}
#coContent1 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent2.co--content {overflow: auto; position: relative; height: 600px;}
#coContent2 .mCSB_draggerRail{ background-color: transparent;}
#coContent2 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent3.co--content {overflow: auto; position: relative; height: 600px;}
#coContent3 .mCSB_draggerRail{ background-color: transparent;}
#coContent3 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent4.co--content {overflow: auto; position: relative; height: 600px;}
#coContent4 .mCSB_draggerRail{ background-color: transparent;}
#coContent4 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent5.co--content {overflow: auto; position: relative; height: 600px;}
#coContent5 .mCSB_draggerRail{ background-color: transparent;}
#coContent5 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent6.co--content {overflow: auto; position: relative; height: 600px;}
#coContent6 .mCSB_draggerRail{ background-color: transparent;}
#coContent6 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent7.co--content {overflow: auto; position: relative; height: 600px;}
#coContent7 .mCSB_draggerRail{ background-color: transparent;}
#coContent7 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

#coContent8.co--content {overflow: auto; position: relative; height: 600px;}
#coContent8 .mCSB_draggerRail{ background-color: transparent;}
#coContent8 .mCSB_outside + .mCSB_scrollTools {right: -23px;}

.learning-outcomes{ background: #F7F9FF;}
.learning-outcomes .courses--tabs {border-radius: 0px; padding: 0; overflow: unset;}
.learning-outcomes .courses--tabs h4{ margin-bottom: 20px;}
.learning-outcomes .courses--tabs ul{ margin-bottom: 20px;}
.learning-outcomes .courses--tabs ul li ul{ padding: 10px 0px 0px 20px;}
.learning-outcomes .courses--tabs ul li ul li{ list-style-type: square;}
.learning-outcomes .courses--tabs strong{ font-weight: 600;}

.contact-banner{ position: relative;}
.contact-banner .container{ position: relative; z-index: 9;}
.contact_box{ display: flex; border: 1px solid #EBEBEB; border-radius: 10px; overflow: hidden; margin-bottom: 20px; max-width: 400px;}
.contact_icon{ background: #2A465E; color: #fff; padding: 10px; font-weight: 500; display: flex; flex-direction: column; 
  justify-content: center; }
.contact_icon p{font-size: 14px; margin-bottom: 0;}
.contact_txt{ padding: 10px 10px 10px 20px; display: flex; align-items: center; justify-content: center;}
.contact_txt, .contact_txt a, .contact_txt p{ color: #000; font-size: 16px; font-weight: 500;}
.contact_txt p{ margin-bottom: 0;}

.contact--form{background: #FFFFFF; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 30px 20px;}
.contact--form label{ margin-bottom: 5px;}

@media (min-width: 768px) {
  .contact-banner:after{content:""; background: linear-gradient(159.55deg, #01BFEF -3.39%, #3BBCA7 104.95%); width: 30%; height: 100%; position: absolute; right:0; top: 0; border-radius: 0px 0px 0px 100px;} 
  .contact_txt, .contact_txt a, .contact_txt p{ font-size: 18px; }
  .contact--form{padding: 30px 30px;}
  .contact--form input{ height: 50px;}
  .contact--form textarea{ height: 100px;}
}

.abtst-box .abtst-txt{ padding: 20px;}
.abtst-txt{ background: url(../images/about/art.png) no-repeat center #7DA8F6; background-size: cover; background-blend-mode: soft-light;}
.abtst-txt p{margin-bottom: 0;}

.pp-blue-head{ background: #2A465E; color: #fff; padding: 10px 30px; border-radius: 44px; display: inline-block; margin: auto; font-size: 18px; font-weight: 500;}
.pp-white-head{ background: #fff; color: #151515; padding: 10px 30px; border-radius: 44px; display: inline-block; margin: auto; font-size: 18px; font-weight: 500;}


/* Zoho Form css */
#crmWebToEntityForm.zcwf_lblLeft {
	width:100%;
	padding: 10px 0px 0px;
	margin: 0 auto;
	box-sizing: border-box;
}
#crmWebToEntityForm.zcwf_lblLeft * {
	box-sizing: border-box;
}
#crmWebToEntityForm{text-align: left;}
#crmWebToEntityForm * {
	direction: ltr;
}
.zcwf_lblLeft .zcwf_title {
	word-wrap: break-word;
	padding: 0px 6px 10px;
	font-weight: bold;
}
.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {
	width: 100%;
	border: 1px solid #ccc !important;
	resize: vertical;
	border-radius: 2px;
	float: left;
  padding: 0px 10px 0px;
}
.zcwf_lblLeft .zcwf_col_fld textarea{
  padding: 10px 10px 0px !important;
}
.zcwf_lblLeft .zcwf_col_lab {
	width: 30%;
	word-break: break-word;
	padding: 0px 6px 0px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
	min-height: 1px;
}
.zcwf_lblLeft .zcwf_col_fld {
	float: left;
	width: 100%;
	padding: 0px 6px 0px;
	position: relative;
	margin-top: 5px;
}
.zcwf_lblLeft .zcwf_privacy{padding: 6px;}
.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
.dIB{display: inline-block;}
.zcwf_lblLeft .zcwf_col_fld_slt {
	width: 60%;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	font-size: 12px;
	float: left;
	resize: vertical;
	padding: 2px 5px;
}
.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
	content: '';
	display: table;
	clear: both;
}
.zcwf_lblLeft .zcwf_col_help {
	float: left;
	margin-left: 7px;
	font-size: 12px;
	max-width: 35%;
	word-break: break-word;
}
.zcwf_lblLeft .zcwf_help_icon {
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ccc;
	color: #ccc;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	border-radius: 50%;
}
.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
.zcwf_lblLeft .formsubmit {
	margin-right: 5px;
	cursor: pointer;
	color: #333;
	font-size: 12px;
}
.zcwf_lblLeft .zcwf_privacy_txt {
	width: 90%;
	color: rgb(0, 0, 0);
	font-size: 12px;
	font-family: Arial;
	display: inline-block;
	vertical-align: top;
	color: #333;
	padding-top: 2px;
	margin-left: 6px;
}
.zcwf_lblLeft .zcwf_button {
  background: #2A465E;
	font-size: 16px;
	color: #fff;
	border: 1px solid #2A465E;
	padding: 3px 40px;
	border-radius: 44px;
	cursor: pointer;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zcwf_lblLeft .zcwf_tooltip_over{
	position: relative;
}
.zcwf_lblLeft .zcwf_tooltip_ctn{
	position: absolute;
	background: #dedede;
	padding: 3px 6px;
	top: 3px;
	border-radius: 4px;word-break: break-word;
	min-width: 100px;
	max-width: 150px;
	color: #333;
	z-index: 100;
}
.zcwf_lblLeft .zcwf_ckbox{
	float: left;
}
.zcwf_lblLeft .zcwf_file{
	width: 55%;
	box-sizing: border-box;
	float: left;
}
.clearB:after{
	content:'';
	display: block;
	clear: both;
}
@media all and (max-width: 600px) {
	.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
		width: auto;
		float: none !important;
	}
	.zcwf_lblLeft .zcwf_col_help {width: 40%;}
}
/* Zoho Form css end*/