/* common css strats here */

ul {list-style-type:none; padding:0px !important; margin: 0px;}

ul li {list-style-type:none; padding:0px;}

/* a.customize{text-decoration:none;}/* for removing underline for anchor*/ 

a{text-decoration:none !important;}/* for removing underline for anchor*/

button:focus { outline: 0px !important; }

a:hover { text-decoration: none; }

textarea { resize: none;}

.w-100{width:100%;}

.h-100 {height:100%;}

/* for display */

.d-inline-flex{display:inline-flex ;}/* for display inline */

.d-flex{display:flex ;}/* for display inline */

/* for positions */

.pos-relative{position:relative;}

.pos-absolute{position:absolute;}

.tbm4 {
margin-top:4%!important;
margin-bottom:4%!important;
}
.t-b-p20 {
padding-top:20px;
padding-bottom:20px;
}
/* padding styles */
.p-0 {
    padding: 0px;
}

.p-10p{padding:10px;}

.p-15p{padding:15px;}

.p-20p{padding:20px;}

.p-40p{padding:40px;}

.ptb-10p{padding-top:10px;padding-bottom:10px;}

.ptb-20p{padding-top:20px;padding-bottom:20px;}

.ptb-30p{padding-top:30px;padding-bottom:30px;}

.ptb-40p{padding-top:40px;padding-bottom:40px;}

.ptb-60p{padding-top:60px;padding-bottom:60px;}

.plr-10p{padding-left:10px;padding-right:10px;}

.pb-10p{padding-bottom:10px;}

.pb-20p{padding-bottom:20px;}

.pb-40p{padding-bottom:40px;}

/* margin styles */

.m-0{margin:0px;}

.m-15p{margin:15px;}

.m-lr-auto{margin:0px auto;}

.mt-10p{margin-top:10px;}

.mt-15p{margin-top:15px;}

.mt-20p{margin-top:20px;}

.mt-25p{margin-top:25px;}

.mt-30p{margin-top:30px;}

.mt-40p{margin-top:40px;}

.mt-60p{margin-top:60px;}

.mb-10p{margin-bottom:10px;}

.mb-20p{margin-bottom:20px;}

.mb-40p{margin-bottom:40px;}

.mb-60p{margin-bottom:60px;}

.mb-80p{margin-bottom:80px;}

.mtb-2040p{margin-top:20px;margin-bottom:40px;}

.mtb-20p{margin-top:20px;margin-bottom:20px;}

.mtb-40p{margin-top:40px;margin-bottom:40px;}

.mtb-60p{margin-top:60px;margin-bottom:60px;}

.mr-10p{margin-right:10px;}



/*   kiran css start   */
.font5{font-size:5px;}.font6{font-size:6px;}.font7{font-size:7px;}.font8{font-size:8px;}.font10{font-size:10px;}.font11{font-size:11px;}.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font15{font-size:15px;}.font16{font-size:16px;}.font17{font-size:17px;}.font18{font-size:18px;}.font19{font-size:19px;}.font20{font-size:20px;}.font21{font-size:21px;}.font22{font-size:22px;}.font23{font-size:23px;}.font24{font-size:24px;}.font25{font-size:25px;}.font26{font-size:26px;}.font27{font-size:27px;}.font28{font-size:28px;}.font29{font-size:29px;}.font30{font-size:30px;}.font32{font-size:32px;}.font34{font-size:34px;}.font36{font-size:36px;}.font38{font-size:38px;}.font40{font-size:40px;}.font42{font-size:42px;}.font44{font-size:44px;}.font46{font-size:46px;}.font48{font-size:48px;}.font50{font-size:50px;}

.block-shadow{filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.08));}
.edit-icon{background: url(../images/edit-icon.png) no-repeat left top; width: 38px; height: 38px;}
.white-bg{background-color:#ffffff;}
.dk-blue-bg{background-color:#233057;}
.grey-bg{background-color:#f7f7f7;}
.person-icon{padding-left: 30px; background: url(images/person-icon.png) no-repeat 5px top; padding-bottom: 2px;padding-top: 4px;}
.courses-li li{width: 49%; background: #fff;filter: drop-shadow(0px 2px 7.5px rgba(0,0,0,0.15));; margin-bottom: 2%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;margin-right: 2%;}
.courses-li li:nth-child(2n+2){margin-right: 0;}
.courses-li li:nth-child(2n+3){clear: both;}

.profile-li li{ font-family: 'Poppins-Regular'; padding-top: 21px; padding-bottom: 21px; width: 100%; height: 100%; border-bottom:1px solid #d3d3d3;}
.profile-li li:not(:last-child){background: url(images/left-tab-li.png) no-repeat center bottom;}
.profile-li li a{display: block;color: #121212; line-height: 11px; font-size: 16px;}
.profile-li li:hover a,.profile-li li.active a{color: #0876f2;}
.profile-li li:hover,.profile-li li.active{color:#FF00FF;}
.left-profile .edit-icon{top: 13px; right: 13px;}

/* 12-15-22*/
.person-name1 {
    margin-left: 50% !important;
    transform: translateX(-50%);
    margin-bottom: -44px !important;
    width: 100% !important;
}

    .person-name1 > span {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

.person-namep {
    margin-left: 46%;
    transform: translateX(-50%);
    bottom: -44px;
    width: 92%;
}

    .person-namep > span {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

.heading {
    background: url(images/heading-bg.png) no-repeat left bottom;
    padding-bottom: 19px;
    margin-bottom: 30px;
}

.heading2 {
    background: url(images/heading-bg2.png) no-repeat left bottom;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.members-list5 li {
    background: url(images/li-ico.png) no-repeat left 17px;
    line-height: 20px;
    padding-top: 14px;
    margin-left: 0px;
    padding-left: 22px;
    vertical-align: middle;
}

.members-list6 li {
    background: url(images/li-ico2.png) no-repeat left 22px;
    line-height: 26px;
    padding-top: 13px;
    margin-left: 0px;
    padding-left: 22px;
    vertical-align: middle;
    font-family: 'Muli';
}
.ser-arrow {
    background: url(images/ser-arrow.png) no-repeat left center;
    vertical-align: middle;
}

.bread-crum-list li:first-child a {
    color: #3d3d3e;
    padding: 5px 18px 5px 0px;
}

.bread-crum-list li {
    float: left;
    background: url(images/r-arw1.png) no-repeat right 8px;
    vertical-align: middle;
}

    .bread-crum-list li:last-child {
        background: none;
    }

    .bread-crum-list li a {
        color: #3d3d3e;
        padding: 5px 15px 5px 10px;
    }

.lt-blueborder {
    border-color: #dad5e9;
}
.border-radius5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.left-block18, .right-block18 {
    float: left;
    min-height: 30px;
}

.left-block18 {
    width: 72.3%;
}

.right-block18 {
    width: 27.7%;
}

.mobile-visible {
    display: none;
    visibility: inherit;
}



.userprof-bord{
  width: 90%;
  height: 168px;
  border: double 4px transparent;
  border-radius: 50%;
  /*background-image: linear-gradient(#fff,#fff ), radial-gradient(circle at top left, #1c1154,#df3985);*/
  background-origin: border-box;
  background-clip: content-box, border-box;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.border-radius50per{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.common_btn {
  border: 1px solid #ff9e44;
  padding: 13px 60px;
   background-image: linear-gradient(#233057, #233057);
   border-radius:60px;
}
.common_btn:hover {
  border: 1px solid #fa683b;
}
.common_btn2 {
  border: 2px solid #ff9f0e;
  padding: 13px 40px;
   background-image: linear-gradient(#fff, #fff);
   color:#ff6a00;
   letter-spacing:1px;
}
.common_btn2:hover {
  border: 2px solid #ff7010;
  color:#ff6a00;
}


.form-sub-btn {
	font-size: 16px;
	letter-spacing: 1px;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
    border: 0px;
    padding: 10px 35px 6px 35px;
	height: 50px !important;
	width:158px;
}
.form-sub-btn:hover {
    background-image: linear-gradient(0deg, #ff6f0f 0%, #ff9900 100%);
}

.form-sub-btn2 {
	font-size: 16px;
	letter-spacing: 1px;
    line-height: 22px;
    color: #3a3b3b;
    border-radius: 2px;
    background-image: linear-gradient(0deg, #dbe2e8 0%, #dbe2e8 100%);
    border: 0px;
    padding: 10px 35px 6px 35px;
	height: 50px !important;
	width:158px;
}
.form-sub-btn2:hover {
    background-image: linear-gradient(0deg, #ccd4db 0%, #ccd4db 100%);
}

.form-sub-btn3 {
	font-size: 16px;
    line-height: 22px;
    color: #fff;
    border-radius: 2px;
    background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
    border: 0px;
    padding: 8px 25px 6px 25px;
	height: 48px !important;
	max-width:230px;
	margin-left:auto; margin-right:auto;
}

.form-sub-btn3:hover {
    background-image: linear-gradient(0deg, #ff6f0f 0%, #ff9900 100%);
	    color: #fff;

}

.form-sub-btn4 {
	font-size: 16px;
	letter-spacing: 1px;
    line-height: 22px;
    color: #fff;
    font-family: 'Montserrat-Medium';
    border-radius: 0px;
    background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
    border: 0px;
    padding: 10px 35px;
	height: 50px !important;
}
.form-sub-btn4:hover {
    background-image: linear-gradient(0deg, #ff6f0f 0%, #ff9900 100%);
}
.form-sub-btn5 {
	font-size: 16px;
	letter-spacing: 1px;
    line-height: 22px;
    color: #3a3b3b;
    font-family: 'Montserrat-Medium';
    border-radius: 0px;
    background-image: linear-gradient(0deg, #dbe2e8 0%, #dbe2e8 100%);
    border: 0px;
    padding: 10px 35px;
	height: 50px !important;
}
.form-sub-btn5:hover {
    background-image: linear-gradient(0deg, #ccd4db 0%, #ccd4db 100%);
}




.form-red-but{
	font-size: 16px;
    line-height: 22px;
	letter-spacing: 1px;
    color: #fff;
    border-radius: 4px;
    background-image: linear-gradient(0deg, #ff6f0f 0%, #ff9900 100%);
    border: 0px;
    padding: 7px 25px 6px 25px;
	height: 50px !important;
}
.form-red-but:hover {
    background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
	color:#FFFFFF;
}





.sen-li li{margin-bottom:15px; border-bottom:1px solid #d3d3d3; padding-bottom:25px; padding-top:10px; letter-spacing:0.7px;}





.form-but-width{max-width:504px;margin-left:auto; margin-left:auto;}

.pro-min-height{min-height:1187px!important;}

.left-sec-margin{margin-right:60px;}
.reight-sec-margin{margin-left:-60px!important;}







.letter-space2{letter-spacing:2px;}
 
.probordr-l-r{border:1px solid #d3d3d3; border-top:none;}

.probordr-t{ border-top:1px solid #d3d3d3;}

.rt-sec-border{border:1px solid #d3d3d3;}

.dropdown-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none !important;
  border: 1px solid #d0d4df;
  border-radius: 0px;
  color: #696969;
  font-size: 14px !important;
  height: 37px;
  padding: 8px 13px;
  line-height: 14px;
  margin: 0;
  position: relative;
  text-shadow: none;
  width: 100%;
  z-index: 2;
  height:50px;
}
.form-control{ 
border: 1px solid #d0d4df!important;
background-color: #f7f7f7!important;
}




.orange-t{color:#ff6a00;}
.blue-t{color:#233057;}
.orange-t{color:#ff913e;}
.orange-t2{color:#f3bb5a;}
.form-t{color:#3d3c3c;}



/* contact us page stars here */
.form-control {
    height: 45px;
    border-radius: 0px;
    border: 1px solid #cccccc;
}

.form-control:focus {box-shadow: none;}

.margin-top-25 {
  margin-top: 25px;
}

.form-title {
  padding: 25px;
  font-size: 30px;
  font-weight: 300;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.form-group .form-control {
  -webkit-box-shadow: none;
  border-bottom: 1px;
  border-style: none none solid none;
  border-radius:0; 
  border-color: #32373e;
}
.form-group {
    margin-bottom: 1.5rem;
}
.form-group .form-control:focus {
	box-shadow: none;
  	border-color: #000;
  
}
.form-control{
	height: calc(0.5em + 0.5rem + 2px);
}
textarea {
  resize: none;
}

.btn-mod.btn-large {
    height: auto;
    padding: 13px 52px 10px 52px;
    font-size: 15px;
}

.btn-mod.btn-border {
    color: #000000;
    border: 1px solid #000000;
    background: transparent;
    border-radius: 50px;
}

.btn-mod, a.btn-mod {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34,34,34, .9);
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-mod.btn-border:hover, .btn-mod.btn-border:active, .btn-mod.btn-border:focus, .btn-mod.btn-border:active:focus {
    color: #fff;
    border-color: #ff760e;
    background: #ff760e;
    outline: none;

}

.con-border{border:1px solid #dbe3fe;}

.contact-add{
	background-color: #f0f3ff;
}
.address-color{
	color: #322448;
}
.address-color:hover{
	color: #ff760e;
}
.pt-30p {
	padding-top:30px;
}
textarea.form-control {
    height: 60px;
}

label.error {
  display: block;
  margin: 3px 0;
  color: red;
}

/* contact us page end here */


/*       31-3-22      */
.profilepic-roundcircle {background: none repeat scroll 0 0 #cdcdcd;border: 3px solid #fff;border-radius: 65%;display: inline-block;max-height: 62px;overflow: hidden; text-align: center;vertical-align: middle;max-width: 62px; filter: drop-shadow(0px 4px 3px rgba(141,93,0,0.35));}

.profilepic-roundcircle2 {background: none repeat scroll 0 0 #cdcdcd; border-radius: 65%;display: inline-block;max-height: 30px;overflow: hidden; text-align: center;vertical-align: middle;max-width: 30px;}

.profilepic-roundcircle3 {background: none repeat scroll 0 0 #cdcdcd;border: 2px solid #fff;border-radius: 65%;display: inline-block;max-height: 147px;overflow: hidden; text-align: center;vertical-align: middle;max-width: 147px;}

.profilepic-roundcircle4 {background: none repeat scroll 0 0 #cdcdcd;border: 1px solid #f9f8f8;border-radius: 65%;display: inline-block;max-height: 62px;overflow: hidden; text-align: center;vertical-align: middle;max-width: 62px;}

.profilepic-roundcircle5 {background: none repeat scroll 0 0 #cdcdcd;border: 2px solid #fff;border-radius: 65%;display: inline-block;max-height: 190px;overflow: hidden; text-align: center;vertical-align: middle;max-width: 190px; filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15));}



.l-m30n{margin-left:-30px;}
.banner-cen-img { position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -110%);
		font-size: 20px;
		}
.ban-img-height{height:480px;}

/* tab3 start */
.tabs3 li {
    position: relative;
    display: block;
}
.tabs3 li {
    margin-right: 0px;}
    .tabs3 li:last-child {
        margin-right: 0px;}
    .tabs3 li.rightborder2 {
        display: inline-block;
        padding: 0px 8px 0px 0px;
        margin-bottom: 10px;
    }
        .tabs3 li.rightborder2:last-child {
            background: none !important;
            padding: 0px 0px 0px 0px;
        }
    .tabs3 li a {
        border: #d3d3d3 1px solid;
        color: #2d2d2d;
        padding: 4px 35px 4px 35px;
        display: block;
		 border-radius:0px;
	font-family: 'Muli';
	text-transform:uppercase;
	border-radius:50px;	  background-color: #fff;
    }
    .tabs3 li:hover a{
        background-image: linear-gradient(290deg, #ffffff 0%, #ffffff 100%);color: #595959;border: 1px solid #ff4b12; border-radius:50px;
    }
    .tabs3 li.active a {
       background-image: linear-gradient(290deg, #ff4a12 0%, #ff8f22 100%);color: #fff;border: 1px solid #ff760e; border-radius:50px;
    }
/*tabs3 end*/

.list-pn{list-style-type:none;}
.list-f li{float:left;}


.topic-li li{margin-right: 0.8%; margin-bottom:1.5%;}
.topic-li li:last-child{margin-right: 0;}

.topic-max-width{max-width:530px; margin-left:auto; margin-right:auto;}

.lt-grey-bg{background-color:#edf1fd;}



.toltip:hover .tooltip-hover {
    display: block;
}

.tooltip-hover {
    right: -14px;
    min-width: 290px;
    padding-top: 0px;
    position: absolute;
    top: 25px;
    z-index: 999;
    left: 14px
}

.tooltip-content {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 7px 10px;
    border-radius: 10px;
    background-color: #ff6214;
    box-shadow: 3px 3px 5px 0 rgba(227, 227, 227, 1);
}





/*   kiran css end   */


/* for box shadow */

.head-shadow {filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15)); background-color: #ffffff;}

.vc-shadow {filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.15));}

/* for border radius  */

.brad-50 {border-radius: 50px;}

.brad-5 {border-radius: 5px;}

/* for borders  */

.br-1p { border: 1px solid #d3d3d3;}

.br-btm-1p { border-bottom: 1px solid #d3d3d3;}

.fnt-14p {font-size: 14px;}

.btn-pd {padding: 12px 65px;}

.ls-1p {letter-spacing: 1px;}

.br2p {border: 2px solid #ff6a00;}

.br2p-gray {border: 2px solid #d6d6d6;}

.flex-wrap {flex-flow: wrap;}

/* for text-patterns*/

.txt-up {text-transform: uppercase;}

.txt-undline {text-decoration: underline; }

/* for backgorund colors */

.bg-white{background-color:white;}

.bg-black{background-color:#000000;}

.bg-gray{background-color:#2c2734;}

.bg-lightgray{background-color: #eff0f3;}

.bg-orange{background-color: #ff7800; }

.bg-boxgray {background: #f7f7f7;}

/* for text-colors*/

.text-black{color:#000000;}

.text-white{color:#ffffff;}

.text-orange {color: #fc6639;}

/* for text-alignment*/

.align-items { align-items: center;}

.justify-space {justify-content: space-between;}

.justify-center {justify-content: center;}

.wh-space {white-space: pre-line;}

/* for line-hieght */

.lh-22p {line-height: 22px;}

.lh-24p {line-height: 24px;}

.lh-26p {line-height: 26px;}

/* for font-weight */

.fw-600 {font-weight: 600;}

/* for font related css */

.fnt-playbold{font-family: 'PlayfairDisplay-Bold'; }

.fnt-playextrabold{ font-family: 'PlayfairDisplay-ExtraBold'; }

.fnt-monstregular{ font-family: 'Montserrat-Regular'; }

.fnt-monstmedium{ font-family: 'Montserrat-Medium'; }

.fnt-monstsemibold{ font-family: 'Montserrat-SemiBold'; }

.fnt-monstbold{  font-family: 'Montserrat-Bold'; }

.fnt-muli{ font-family: 'Muli';}
.fnt-Muli-Light{ font-family: 'Muli-Light';}

.fnt-mulisemibold{font-family: 'Muli-SemiBold';}

.fnt-Pop-Light{font-family: 'Poppins-Light';}
.fnt-pop-regular{font-family: 'Poppins-Regular';}

.fnt-pop-medium{font-family: 'Poppins-Medium'; }

.fnt-pop-semibold{  font-family: 'Poppins-SemiBold'; }

/* for text-alignment*/

.align-center {align-items:center;}

.text-center { text-align: center;}

.text-right { text-align: right;}

.text-left { text-align: left;}

.text-end { text-align: end;}

.text-justify { text-align: justify;}

.container {
	max-width: 1230px !important;
	padding-left: 0;
    padding-right: 0;
}

/* common titles css */

.sub_title {
	font-size: 22px;
	letter-spacing: 2px;
	line-height: 26px;
	color: #ff6a00;
}

.sec_title {
	font-size: 38px;
	line-height: 42px;
	color: #2c2734;
	white-space: pre-line;
}

.sec_desc {
	font-size: 16px;
	line-height: 26px;
	color: #292929;
    white-space: pre-line;
}

.banner-title{
	font-size: 60px; 
	letter-spacing: -1px; 
	filter: drop-shadow(0px 3px 2.5px rgba(0,0,0,0.7));
}

input {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #676767 !important;
    font-family: 'Montserrat-Regular';
    border-radius: 0 !important;
    background: transparent;
    height: 50px !important;
    border: 2px solid #d6d6d6 !important;
}


.form-btn {
	font-size: 16px;
	letter-spacing: 1px;
    line-height: 22px;
    color: #fff;
    font-family: 'Montserrat-Medium';
    border-radius: 0px;
    background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
    border: 0px;
    padding: 10px 35px;
	height: 50px !important;
}
.form-btn:hover {
    background-image: linear-gradient(0deg, #ff6f0f 0%, #ff9900 100%);
}


.will-update {margin-top:120px; margin-bottom:120px; color:red;font-weight:600;}

/* header section CSS  */

.menu-margin {margin-top: 1px;}

.header-sec .navbar { padding: 8px 0px !important;}

.menu li {margin-left:10px;}

.menu a {font-size: 14px; color: #052d35; font-family: 'Montserrat-Medium'; text-transform: uppercase;}

.h-icon {margin-top: -4px;}

.header-sec .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}

.menu a:hover {color:#fd643a;}

.navbar-brand {
padding-top:0px!important;
}

.donate img, .btn-theme img {
    margin-right: 5px;
}

.donate {border: 1px solid #fd643a; border-radius: 50px; padding: 0px 10px;}

.donate a{color:#fd643a;}

.video-icon-hover {
    width: 100%;
    height: 13%;
    z-index: 99;
    position: absolute;
    left: 0;
    background: url(images/video-icon.png) no-repeat center center;
    background-size: auto auto;
    -webkit-transition: all 0.3s ease-out;
    -mz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.flip {
    display: inline-block;
    transition: all .2s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}

    .flip:hover {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateX(3px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    49.95% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    66.6% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    33.3% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    49.95% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    66.6% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }

    83.25% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.fancybox-opened {
    z-index: 8030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(images/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url(images/fancybox_loading.gif) center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(images/blank.gif); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
} 



.btn-theme {
    background-image: linear-gradient(90deg, #fea444, #fc6539);
    display: inline-block;
    padding: 0px 8px;
    position: relative;
    transition: .3s;
    border-radius: 50px;
}
.btn-theme a, .btn-theme a:hover {color:#fff;}

.btn-theme.btn-gradient {background: #fea444; background: linear-gradient(90deg,#fea444,#fc6539);}

.btn-theme:focus, .btn-theme:hover {background-color: #fea444; color: #fff;}

.btn-theme.btn-slide {overflow: hidden; position: relative; z-index: 1;}

.btn-theme.btn-slide:after, .btn-theme.btn-slide:before {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 50%;
    content: "";
    height: 65px;
    position: absolute;
    width: 65px;
    z-index: -1;
    transition: .5s;
}
.btn-theme.btn-slide:before {
    bottom: -40px;
    left: -27px;
}
.btn-theme.btn-slide:after {
    right: -27px;
    top: -40px;
}
.btn-theme.btn-slide:hover:before {
    border-radius: 32.5px;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    width: 100%;
}
.btn-theme.btn-slide:hover:after {
    border-radius: 32.5px;
    height: 100%;
    opacity: 0;
    right: 0;
    top: 0;
    width: 100%;
}

		/* banner-sec css */

.banner-bg {
	background-image: url(../images/banner-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-content {top: 30%; right: 0; left: 0;}

.banner-content p {font-size: 24px; filter: drop-shadow(0px 2px 1.5px rgba(0,0,0,0.8));}

.banner-content a {font-size: 16px; padding: 15px 35px;}


/* victory section */

.bubble5 {
    position: relative;
    border-radius: 5px;
    border: 1px solid #ff800d;
    display: inline-block;
    padding: 8px 25px;
}
 .bubble5::before, .bubble5::after {
	 content: '\0020';
	 display: block;
	 position: absolute;
	 bottom: -15px;
	 left: 15px;
	 z-index: 2;
	 width: 0;
	 height: 0;
	 overflow: hidden;
	 border: solid 15px transparent;
	 border-top: 0;
	 border-bottom-color: #eff0f3;
	  transform: rotate(
180deg
);
    right: 0;
    left: 0;
    margin: 0px auto;
}
.bubble5::before {
    bottom: -16px;
    z-index: 1;
    border-bottom-color: #ff800d;
}

.vc-box img{ width:auto !important;}

.vc-content {padding-left: 20px;}

.vc-content h4 {font-size: 17px; line-height: 26px; color: #2c2734;}

.vc-content p{ font-size: 14px;}

.vc-content h6{ font-size: 15px; color: #2c2734;}

.vc-client {border-top: 1px solid  #d5dae5; border-bottom: 1px solid  #d5dae5; padding: 10px 0px;}

.cleango-icon {
    width: 30px;
    height: 30px;
    border-bottom: solid 35px #ff800d;
    border-right: solid 35px #ff800d;
    border-left: solid 35px transparent;
    border-top: solid 35px transparent;
    margin-left: auto;
    /* margin-top: -70px; */
	border-radius: 6px 0px;
}

.vc-btn {
	position:absolute;
	right:0;
	bottom:0;
}


.cleango-icon img{margin: 7px; width:auto !important;}

.live1 .owl-dots {display:none;}

.premiumright,.premiumleft { position: absolute; top: 40%;}

.premiumright {right: -50px;}

.premiumleft {left: -50px;}

/* Topic section */

.aims-sec { display: grid; grid-template-columns: repeat(4,2fr);  column-gap: 15px; row-gap: 30px;}

.aim-box {
    border: 2px solid #ff800d;
    border-radius: 50%;
    padding: 6px;
    margin: 0px auto;
    display: inline-block;
}
.sim {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 57px;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
	margin: 0px auto;
}
.sim img {
    position: absolute;
    top: 25%;
    left: 0;
    /* transform: translate(-50%, -50%); */
    right: 0;
    margin: 0px auto;
    text-align: center;
}
.aims-sec h4 {
    color: #131313;
    font-size: 14px;
	line-height: 42px;
	font-family: 'Montserrat-Medium';
}

.aim-box:hover {
	background:#ff800d;
	
}

.aim-box.active {
	background:#ff800d;
	
}


.aim-box:hover img {
 -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.aim-box.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}


/* @keyframes wiggle { */
  /* 0% { */
    /* transform: perspective(400px) scaleX(1); */
  /* } */

  /* 100% { */
    /* transform: perspective(400px) scaleX(-1); */
  /* } */
/* } */

@keyframes wiggle {
  0% {
    transform: perspective(400px) rotateY(0);
  }

  100% {
    transform: perspective(400px) rotateY(180deg);
  }
}

.wiggle:hover {
  animation: wiggle 1s ease;
  transform: rotateY(360deg);
}


/* Trending Petitions section */

.progress {border-radius: 0px; margin: 0px 1px; height:0.7rem;}

.progress-bar {background: linear-gradient( 90deg,#fea444,#fc6539); border-radius: 0px 50px 50px 0px;}

.petition-box {border-radius: 5px; background-color: #f7f7f7; border: 1px solid #dedede; padding:20px 15px 15px 15px;}

.petition-content {padding: 15px;}

.petition-content h6 {font-size: 13px;}

.petition-content h4 {font-size: 18px; color: #001d23;}

.petition-content p {font-size: 14px; line-height: 20px; color: #2d2d2d;}

.petition-btn {margin-bottom: -40px;}

.petition-btn a {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 13px 30px;
    filter: drop-shadow(0px 4px 7.5px rgba(0,0,0,0.13));
}

.petition-btn a:hover {
    background: #fea444;
    background: linear-gradient(90deg,#fea444,#fc6539);
	color:#ffff;
}

/* happen section */

.happen-sec {margin-bottom: -145px; margin-top: 80px;}

.see-more-block {border-bottom: 1px solid #374264;}
	
.people-bg {
    background-image: url(../images/happen.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 55px;
    z-index: 30;
    position: relative;
	border-radius: 5px;
}

.see-more-block, .hp-content {padding: 10px 15px;}

.people-theory {border-radius: 10px; border: 1px solid #374264; margin: 20px 65px 0px 65px;}

.people-theory1 {
    border-radius: 10px;
    border: 1px solid #374264;
    margin: 20px 0px 0px 0px;
}

.people-theory img{width:auto !important;}

.people-theory p{font-size: 13px; line-height: 22px; color: #c5dce4; font-family: 'Muli';}

.people-theory h5{font-size: 18px; white-space: pre-line;}

.people-theory h6{font-size: 14px; color: #c2c2c2;}

.live2 .owl-dots, .live2 .owl-nav {display:none;}

/* media section */

.media-block {padding-top:200px; padding-bottom:60px;}

.media-block h3 {font-size: 30px; line-height: 36px; color: #3c414c;}

.media-btn a{padding:13px 35px; font-size: 14px; letter-spacing: 1px;}

.media-btn a:hover {background:transparent;border:1px solid #ff7800; color:#ff7800 !important;}

/* footer section css */

.footer-sec {border-top: 1px solid #e5e5e5;}

.footer-sec .footer-menus { display: flex; justify-content: space-between; border-bottom: 1px solid #d4d4d4;}

.footer-sec .footer-menus .nav-item {padding: 0 15px;}

.footer-sec .footer-menus .nav-item .nav-link {
    font-size: 14px;
    line-height: 32px;
    color: #444444;
    font-family: 'Muli-SemiBold';
    text-align: center;
    padding: 20px 0px;
    position: relative;
}

.footer-sec .footer-menus .nav-item .nav-link:hover, .footer-text a:hover { color:#ff7800;}
	
.footer-text {border: 1px solid #d4d4d4; padding:20px; height:100%;}

.f-add p {font-size: 14px; color: #3f3f3f;}

.f-contact h6, .f-contact h5, .f-contact a{font-size: 14px;}

.f-contact h6 {color: #7f7f7f;}

.f-contact h5 {margin-top: 5px !important; }

.f-contact a{color: #3f3f3f;}

.footer-icons img{margin:0px 5px;}

/* copy right section css */

.copy-right {background-color: #1f2845; }

.copy-right p{font-size: 14px; line-height: 10px;}




/* ABOUT PAGE CSS STARTS HERE */

.inner-content {top: 37%; right: 0; left: 0;}

.inner-title {
	font-size: 30px;
	line-height: 42px;
	color: #2c2734;
	white-space: pre-line;
}


 /* list boxes section */
 
.drive ul {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    flex-flow: wrap;
}

.drive ul li{margin-right:15px; }
 
.drive ul li a {
	font-size: 14px;
	font-family: 'Muli';
	border-radius: 50px;
	color: #2d2d2d;
    border: 1px solid #d3d3d3;
	padding: 4px 35px;
}
.drive ul li a.active{
	color: #ffffff;
    border: 1px solid #ff800d;
	background-image: linear-gradient(90deg, #ff9122 0%, #ff4a12 100%);
}

.drive-sec p {
	font-size: 20px;
	line-height: 30px;
	color: #292929;
	white-space: pre-line;
}

.drive1 ul {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    flex-flow: wrap;
}

    .drive1 ul li {
        /*margin-right: 15px;*/
    }

        .drive1 ul li a {
            font-size: 14px;
            font-family: 'Muli';
            /*border-radius: 50px;*/
            color: #2d2d2d;
            border: 1px solid #d3d3d3;
            padding: 4px 35px;
            background: #f7f7f7;
        }

            .drive1 ul li a.active {
                color: #ffffff;
                border: 1px solid #ff800d;
                background-image: linear-gradient(90deg, #ff9122 0%, #ff4a12 100%);
            }

.drive-sec1 p {
    font-size: 20px;
    line-height: 30px;
    color: #292929;
    white-space: pre-line;
}

/* who uses change.org section */

.work-box {
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding:30px;
    align-items: center;
	border: 1px solid #d3d3d3;
	background:#f7f7f7;
}

.work-reg {margin-left:20px;}

.work-reg h4 {font-size: 18px; color: #001d23;} 
 
.work-reg p {font-size: 14px; color: #2d2d2d;}
 
.org {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 45px;
    border-top-right-radius: 100px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    filter: drop-shadow(0 0 20px rgba(0,0,0,0.15));
    border: 1px solid #ff800d;
}
.org img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
 
 /* platform section */
 
.platform-block {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    padding: 25px 25px 35px 25px;
    margin-top: 20px;
}

.plat-icon { height: 50px;}

.platform-block h5 {font-size: 20px; letter-spacing: 1px; color: #001d23;}

.platform-block p {font-size: 15px; color: #2d2d2d;}

.platform-block a {
	font-size: 14px; 
	color: #2d2d2d; 
	border: 1px solid #d3d3d3; 
	padding: 5px 25px 7px 25px;
}

/* how it works section */

.itwork-sec {
	padding-top:50px;
	padding-bottom:170px;
}

.itwork-sec h3{
	padding-bottom:25px;
}


.start-petition-block h4 {
	font-size: 28px;
	letter-spacing: 1px;
	line-height: 42px;
	color: #2c2734;
	font-family: 'Montserrat-Bold';
	margin: 0px;
}

.start-petition-block p {
	font-size: 20px;
	line-height: 42px;
	color: #2c2734;
	font-family: 'Montserrat-Medium'; 
}
.carousel-indicators-numbers {position:initial !important; margin-bottom: 10px;}

.carousel-indicators-numbers li {
	 text-indent: 0;
	 margin: 0 2px;
	 width: 25px;
	 height: 25px;
	 border-radius: 100%;
	 color: black !important;
	 background-color: transparent;
	 transition: all 0.25s ease;
	 border: 1px solid #d3d3d3;
}
 .carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
	 margin: 0 2px;
	  width: 25px;
	 height: 25px;
	 background-color: #ff710f;
	 color: #fff !important;
	  border: 1px solid #ff710f;
}

.every-sec {margin-top: -130px;}
	
.every-bg {
    background-image: url(../images/every.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 70px;
    z-index: 30;
    position: relative;
    border-radius: 5px;
}
.every-sec p {font-size: 18px; color: #c5dce4;}

.every-sec a {
	font-size: 16px;
	font-family: 'Montserrat-Medium';
	background-image: linear-gradient(0deg, #ff9900 0%, #ff6f0f 100%);
	padding:12px 35px;
}

/* PETITION PAGE CSS STARTS HERE */

.discover-heading {font-size: 42px; letter-spacing: 1px; color: #322448;}

.pety-content .progress, .pety-content .progress-bar {border-radius:50px !important;}

.petyload-btn a{
	font-size: 14px;
	letter-spacing: 1px;
	color: #363135;
	padding: 12px 65px;
	border: 2px solid #adacad;
}

/* PETITION DETAILS PAGE CSS STARTS HERE */

.p-data {font-size: 14px; line-height: 19px; color: #444444;}

.sign-block {padding:25px;}

.sign-block h6 {font-size: 15px; color: #ff4d13;}

.sign-block .progress, .sign-block .progress-bar {border-radius:50px !important;}

.sign-data {margin-top:20px;}

.sign-data p {font-size: 14px; line-height: 22px; color: #2c2734;}

.review span {
	font-size: 13px;
	line-height: 22px;
	color: #363135;
    font-family: 'Muli';
	margin-left: 10px;
}
.review input {
    width: 18px;
    height: 18px !important;
    border-radius: 2px !important;
    filter: none;
}

.join-form p {
	font-size: 12px;
	line-height: 19px;
	color: #5c5c5c;
	font-family: 'Muli';
}
	
.join-form p a {text-decoration:underline !important; color: #5c5c5c; }


/* START PETITION-1 PAGE CSS STARTS HERE */

.pstep-heading {font-size: 42px; letter-spacing: 1px; color: #322448;}

		/* order status  */

.order-tracking{
	text-align: center;
	width: 33.33%;
	position: relative;
	display: block;
}
.order-tracking .is-complete {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    border: 0px solid #AFAFAF;
    background-color: #f7be16;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
    /* padding: 10px; */
    line-height: 42px;
    color: #ff800c;
    font-weight: 600;
    font-size: 20px;
}
.order-tracking .is-complete{
	background-color: #ffffff;
	border: 2px solid #ff800c;
}

.order-tracking::before {
    content: '';
    display: block;
    width: calc(100% - 40px);
    border: 1px dashed #ff800c;
    top: 22px;
    position: absolute;
    left: calc(-50% + 20px);
    z-index: 0;
}

/* .order-tracking::before { */
    /* content: '..........................'; */
    /* display: block; */
    /* width: calc(100% - 40px); */
    /* top: 4px; */
    /* position: absolute; */
    /* left: calc(-49% + 20px); */
    /* z-index: 0; */
    /* letter-spacing: 9px; */
    /* color: #ff800c; */
    /* font-weight: 600; */
    /* font-size: 20px; */
/* } */

.order-tracking:first-child:before{display: none;}

		/* petition-1 content section */

.pstep1-block{padding:19px;}

.pstep1-block h4{font-size: 22px; letter-spacing: 1px; color: #2c2734;}

.pstep1-block p{font-size: 18px; color: #1d1d1d;}

.pstep1-block h6{font-size: 12px;}

.pstep1-block h5{font-size: 15px;}

.pstep-btn a:hover{background:#fc6639; color:#fff;}


/* START PETITION-2 PAGE CSS STARTS HERE */

.pt-topic {grid-template-columns: repeat(4,2fr);}


/* START PETITION-3 PAGE CSS STARTS HERE */

.abt-pety-block p {font-size:18px;}

.abt-pety-block input, .abt-pety-block textarea {
    width: 55%;
    background-color: rgba(0,103,172,0);
    border: 2px solid #d6d6d6;
	font-size: 16px;
	line-height: 22px;
	color: #676767;
	font-family: 'Montserrat-Regular';
	margin: 0px auto;
}

.abt-pety-block input {height:50px;}

.pstep-summary {padding-top:10px;padding-bottom:20px;}

.pstep-summary div{margin-top:25px;}

.pstep-summary h4 {font-size: 22px; }

.pstep-summary p {font-size: 15px; }


		/* order status  */

.track-status{
	text-align: center;
	width: 10.33%;
	position: relative;
	display: block;
}
.track-status::before {
    content: '';
    display: block;
    width: calc(100% - 40px);
    border: 1px dashed #b9b9b9;
    top: 22px;
    position: absolute;
    left: calc(-50% + 20px);
    z-index: 0;
}

/* 2px solid #ff800c */

.track-status:first-child:before{display: none;}

.track-status .is-complete {
    display: block;
    position: relative;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background-color: #ffffff;
	border: 2px solid #b9b9b9;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
    line-height: 42px;
    color:#a2a2a2;
    font-weight: 600;
    font-size: 20px;
}
.track-status.is-complete{
	background-color: #ffffff;
	border: 2px solid #ff800c;
}

.completed {border: 2px solid #ff800c !important; color: #ff800c !important;}

.completed-border::before {border: 1px dashed #ff800c !important; `}

.completed img {margin-top: -3px}

/* START PETITION-5 PAGE CSS STARTS HERE */

.para-long {font-size:13px !important; color: #2c2734;}


/* START PETITION-6 PAGE CSS STARTS HERE */

.upload-block {border:1px dashed #afabb7;}

.upload-block .input-group-append button {
	background-color: #d6d6d6;
	font-size: 16px;
	color: #373737;
	line-height: 22px;
}

.file {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file > input[type='file'] {display: none}

.file > label {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 24px;
	color: #2c2734;
	cursor: pointer;
	padding: 10px 35px;
	border: 1px solid #bababa;	
}

.file > label:hover {border-color: hsl(0, 0%, 21%);}

.file > label:active {background-color: hsl(0, 0%, 96%);}

/* VICTORY DETAILS PAGE CSS STARTS HERE */

.vc-head {font-size: 25px; color: #ec2c22;}

.share-fb {background-color: #37639e; padding:15px;}

.share-fb a{background-color: #37639e; font-size: 16px;}


/*LOGIN PAGE CSS STARTS HERE */

.login_title {font-size: 42px; color: #322448;}

.login-block {border:1px dashed #afabb7; padding:60px 80px 40px 80px;}

.forgot {color: #ff4e00;}

.soc-btns {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	column-gap:15px;
}

.with-fb {background-color: #3a5ba2;}

.with-gog {background-color: #d64135;}

.with-fb, .with-gog {padding: 16px 36px; font-size: 13px;}

.with-fb i, .with-gog i {font-size:16px;}

.signup {background-color: #e6f1f7; padding:15px; font-size:15px;}

.signup a{color: #d85248;}
.toltip a .tooltip-hover {display: block;}
.tooltip-hover {display: none; right: -14px;min-width: 290px;padding-top: 0px;position: absolute;top: 25px;z-index: 999;}
.tooltip-content {background-color: #fff; border-color:#ffe9aa transparent; border-width:9px 7px 0; border-style: solid; box-shadow: 3px 3px 5px 0 rgba(227, 227, 227, 1); color: #fff; font-size: 13px; line-height: 20px; padding: 7px 10px; border-radius:10px;}
.tooltip-content1 {background-color: #fff; box-shadow: none; color: #fff; font-size: 13px; line-height: 20px; padding: 7px 10px; border-radius:10px;}
.errormsg {
    border-radius: 3px;
    display: none;
    position: absolute;
    color: #333;
    background-color: #fff;
    bottom: -35px;
    right: 10px;
    z-index: 99;
    line-height: 12px;
    padding: 12px 12px 12px 35px;
    border: 1px solid #afafaf;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 6px -3px rgba(115,115,115,1);
    -moz-box-shadow: 0px 2px 6px -3px rgba(115,115,115,1);
    box-shadow: 0px 2px 6px -3px rgba(115,115,115,1);
}

    .errormsg span {
        background-image: url(images/error-btm-arrw.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: -9px;
        line-height: 9px;
        width: 16px;
        right: 7px;
    }

    .errormsg i {
        background-image: url(images/alert-icon.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: 8px;
        line-height: 19px;
        width: 19px;
        left: 8px;
    }

    .errormsg abbr {
        background-image: url(images/valid-close.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: -1px;
        line-height: 10px;
        width: 12px;
        right: 7px;
        cursor: pointer;
    }
    .msg-caption {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
.hide {
display:none;
}

.field-validation-error{display: -moz-inline-stack;display: inline-block; font-size:11.5px; color:#fd0002; margin-left:5px; position:absolute; z-index:99; position:relative; }
.error, .success, .information, .attention, .alert {
    background: #ffffad;
    text-align: center;
    margin: 0 auto;
    border-top: 2px solid #558400;
    color: #313131;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 999991;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    -moz-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    min-height: 27px;
    font-size: 12px;
    right: 1%;
    left: 1%;
    max-width: 350px;
    top: 0px;
}

/*.success { background:#fff url(images/sucess.jpg) no-repeat 10px -5px; border-color: #558400;color: #313131; margin-bottom:15px; }
.error { background:#fff url(images/error.jpg) no-repeat 10px -5px; border-color: #ec3b3b;color: #313131;  }
.information{background:#fff url(images/information.jpg) no-repeat 10px -5px; border-color: #1998d8;color: #313131;}

.alert{background:#fff url(images/aleart.jpg) no-repeat 10px -5px; border-color: #c09853;color: #313131;}*/
.attention{background-color:#fef5be; border-color:#d9d3b1; background-position: left -163px; color:#605611;}

.divmessage, .message, .divmessage {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}

.closable {
    position: fixed;
}

    .closable .closelink {
        position: absolute;
        top: 10px;
        right: 5px;
        width: 16px;
        height: 16px;
        background: url('images/errorclose.png') no-repeat 0 0;
        cursor: pointer;
        opacity: 0.3;
    }

.closelink:hover {
    opacity: 1;
}

.msg-caption {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999991;
}
.norecords {text-align:center!important;color:#0066CC;font-weight:bold;line-height:50px;font-size:14px;vertical-align:middle;}

.position-r {
position:relative;
}
.dis-in {
display:inline-block;
}
.dashborder{border-style:dashed;}
.dkborder{border-color:#bcbcbc;}
.border2{border:#d0d0d0 2px solid;}
.photoupload{min-height:124px; background:#f6f6f6 url(images/photo.png) no-repeat center center; border-radius:100%; position:relative;}
.photouploadfile{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height:100%; width:100%; position:absolute; border-radius:100%; }


.pay-bg {background-color:#fff8d8;}

.bg-backgrounimage {
    background-image: url("../images/change-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 50px;
    color: #fff f;
    text-align: center;
}

.responsive-reg-icon {
    display: none;
}

/* POPUP BLOCK CSS STARTS HERE  */
.modal-dialog {
    width: auto !important;
    margin: 0px auto;
    margin-top: 40px;
}

.modal-header {
    border-bottom: 0;
    padding: 0px;
}

    .modal-header .close {
        padding: 6px 10px;
        background: #5bc6d8;
        border-radius: 100px;
        color: #000;
        text-align: end;
        margin: 5px 10px 0px auto;
        text-shadow: none;
        opacity: 9;
    }

.sc-boxes {
    padding: 10px;
    padding: 10px 15px;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.sc_hidden_icon {
    position: absolute;
    right: -10px;
    top: 0;
    visibility: hidden;
}

.sc-boxes::after {
    content: "";
    border: 1px solid #5bc6d8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: none;
}

.sc-boxes:hover.sc-boxes::after {
    display: block;
}

.sc-boxes:hover .sc_hidden_icon {
    visibility: visible;
}
.mr-30p {
margin-right:30px;
}


/*Teams*/
/* 12-15-22*/
/*.clients-li li {
    width: 23.7%;
    margin-right: 1.7%;
    margin-bottom: 8%;
}

    .clients-li li:nth-child(4n+4) {
        margin-right: 0;
    }

    .clients-li li:nth-child(4n+5) {
        clear: both;
    }

    .clients-li li:last-child {
        margin-right: 0;
    }*/
	
.clients-li {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  column-gap: 25px;
  row-gap:75px;
}	
	

    .clients-li li:hover .tabdownarrow1, .clients-li li.active .tabdownarrow1 {
        display: block;
    }

.tabdownarrow1 {
    position: absolute;
    width: 17px;
    height: 13px;
    bottom: -36px;
    left: 48%;
    display: none;
    background: url(images/arrow.png) no-repeat center center;
}
.read-more__link {
    padding: 0px 16px;
    display: block;
    margin-top: 3px;
    text-align: right;
    color: #e0252d;
    cursor: pointer;
    font-family: 'OpenSans';
}

.read-more1 {
    padding: 0px 16px;
    display: block;
    margin-top: 3px;
    text-align: right;
    color: #e0252d;
    cursor: pointer;
    font-family: 'OpenSans';
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.shadow {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(221,221,221,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(221,221,221,1);
    box-shadow: 0px 3px 5px 0px rgba(221,221,221,1);
}
.black2-t {
    color: #232323;
}
.btm-per1:hover .tabdownarrow1 {
    display: block;
}

.btm-per2 .tabdownarrow1 {
    bottom: -220px;
}

.btm-per2:hover .tabdownarrow1 {
    display: block;
}
.l-m10 {
margin-left:10px;
}


/* 12-15-22*/

.team-img img{width:100%!important;}