/* About page */

.header-h1{margin-bottom:0px;color:#fff;}



/* Header */
#header.header-md #topNav a.logo{height:63px;}
#header.fixed #topNav a.logo{height:52px;}
#topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a {color:#fff !important;background-color:#6D1347 !important;border-radius:0;}
#header{border-bottom:none !important;}
#topNav ul.dropdown-menu li a{font-size:14px;}
		h1, h2,h3,h4,h5,h6,p,body{font-family: 'tahoma', sans-serif;}
		h1,h2,h3,h4,h5,h6{color:#EE2D67;font-weight:400;}
		body,p{color:#000;}
		h2{font-size:35px;padding-left:15px;}
/* home */
    .paracontent{  padding-left:30px; padding-right:30px;}

.price-clean{
    text-align:left;
    background: linear-gradient(-180deg, #EE2D67, #962067);

        -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065);
  border-radius:20px;
}
.h2{
    
    position:relative;
}
.headingbackground{
  
    background-color:#FFE73F;
position:absolute;
top: -0px; 
   left: auto; 
width:80px !important;
    height:35px;
      background-position: top left; 
    z-index:-1;
    
}


.btn-3d{
        background-color:#EE2D67 !important;
        color:#fff;
            border-radius:100px;
    padding:5px 18px;
}
.btn-3d:hover{
    
         color:#fff; 
}
.pricing{
    
    border-style:none;
  /*background-image: url("../images/background-pattern.png");*/

}
.pricing h3{
    padding-top:45px;
    margin-bottom:10px;
    color:#fff;
}
.colzero{padding:0px !important;margin:0px !important;}

  .readmore{
      color:#fff;
  }
  .readmore :hover{color:#FFE73F;}

.container1 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.container1 .item {
  display: grid;
  margin: auto;
  position: relative;
  flex: 1;
  text-align: center;
  color: white;
  transition: .3s;
  max-width: 30%;
  height: 30vh;
  min-width: 10%;
}

@media (min-width: 1500px) 
{
    .container1 .item 
    {
        height: 20vh;
    }
}
.container1 .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}
.container1 .item:after {
    
    content:'';
    background-image:url("../images/optimized-images/next.png");
    background-repeat:no-repeat;
    background-repeat: no-repeat;
    background-position: top right;
    height: 188px;
    position: absolute;
    top: auto;
    width: 27px;
    right: 0;
    
}
.container1 .item:nth-of-type(odd):before {
border-style:solid;
    border-right:1px #EE2D67;
}
.container1 .item:nth-of-type(even):before {
border-style:solid;
    border-right:1px #EE2D67;
}
.container1 .item:hover {
  transition: .5s;
  max-width: 40% !important;
  flex-grow: 2;
  cursor: pointer;
  color: #fff;
  background-color: rgba(255, 255, 255, 1);
}
.container1 .item:hover p {
  -webkit-transform: none;
          transform: none;
  transition: .3s;
  display:inline-block;
}
.container1 .content {
  margin: auto;
  font-size: 2em;
}
.container1 p {
  -webkit-transform: translateY(250vh);
          transform: translateY(250vh);
          font-size:24px;
          color:#434343;
          line-height:30px;
          text-align:left;
}
.container1 h3{color:#EE2D67;font-size:65px;}
.container1 .item:hover h3{display:inline-block;padding-top:13px;}

/* home */

/*About Section */
.about-padcol{padding:0px 80px;}
.box-about{    background: linear-gradient(-180deg, #EE2D67, #962067);
height:auto;width:250px;position:absolute;top:auto;left:0;padding:30px 20px;}
.box-about h4{color:#fff;font-size:20px;margin-bottom:0px;}
.box-about h3{color:#fff;font-size:35px;margin-bottom:0px;margin-top:0px;padding-top:0px;font-weight:500;line-height:40px;}
.img-class{position:absolute;}


.testimonials-section{padding-bottom:50px;}
/* Footer */

.footer-sec{background-color:#1c1b1c !important;padding:60px 0;border-style:none;}
.footer-h{color:#fff;font-size:16px;margin-bottom:10px;text-align:center;}

.footer-p{color:#fff;font-size:14px;margin-bottom:10px;text-align:center;}
.footer-a{color:#EE2D67;font-size:14px;margin-bottom:5px;text-align:center;}
.borderright{border-right:solid 1px #fff;}
.footer-img{width:35px !important;margin:auto;}
.footer-img2{width:35px !important;margin:auto;}
.footer-img3{width:35px !important;margin:auto;}
.footer-social{display:block;width:35px;margin:auto;}
a:hover{color:#EE2D67;}


/* Media Queries */
@media (min-width: 1024px)
{        .parapadding{padding:0px 40px 0px 0px;}

}
@media (min-width: 768px) and (max-width: 1024px) 
{
    .box-flip .box2{width:100% !important;}
    .footer-sec{background-color:#434343 !important;padding:50px 0;border-style:none;} 
    .marginbottom-tab{margin-bottom:0px !important;}
    .marginbottom2{margin-bottom:0px !important;
      
    }
    .footer-social{display:block;width:35px;margin:auto;}
    .footer-img{width:35px !important;margin:auto;}
.footer-img2{width:35px !important;margin:auto;}
.footer-img3{width:35px !important;margin:auto;}
h2{margin-bottom:10px;}
    p{margin-bottom:15px;}
        .parapadding{padding:0px 10px;}
.about-padcol{padding:0 30px;}
.price-clean{margin-bottom:0px;}
.pricing{padding-bottom:20px;}
.pricing h3 {
    padding-top: 15px;
    margin-bottom: 10px;
     
}
/* Flex Box */
.container1 .item{height:20vh;}

}
.padleftheading{padding-left:15px !important;}

@media (min-width: 320px) and (max-width: 480px) {
     .footer-social{display:block;width:35px;margin:auto;}
    .testimonial-text:before{left:0 !important;top:0 !important;}
    .testimonial-text:after{right:0 !important;bottom:0 !important;}
    .testimonial-text{padding:10px !important;}
    .padleftheading{padding-left:30px !important;}
    .headingbackground{left:10px;}
    .padrightleft{padding-right:10px;padding-left:10px;}
    .mobile-box{padding:15px;}
    .border{border:solid 1px #ddd;}
    .border-right-top-bottom{border-top:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
    .border-left-right-bottom{border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
    .border-right-bottom{border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
    .paddingzero{padding:0px;}
    .mobile-box-h3{font-size:55px;margin-bottom:10px;color:#EE2D67 !important;padding-top:0px !important;}
    .mobile-box-p{font-size:24px;margin-bottom:10px;line-height:30px;}
    .price-clean{text-align:center;}
    h2{margin-bottom:10px;padding-left:3px !important;}
    p{margin-bottom:15px;}

    .about-padcol {padding:0 15px;}
    .bg-col{background-position:center;}
    .box-about{width:200px;}
   .footer-sec{background-color:#434343 !important;padding:45px 0;border-style:none;} 
   .marginbottom{margin-bottom:0px !important;}
   .marginbottom2{margin-bottom:30px !important;}
   .borderright{border-right:none;}
    .parapadding{padding:0px 0px;}
    .price-clean{margin-bottom:0px;}
    .pricing h3 {
    padding-top: 15px;
    margin-bottom: 10px;
    color: #fff;
}
}

/* Header css */
#topNav div.submenu-dark ul.dropdown-menu
{
    background-color: #6D1347;
}
#topNav ul.dropdown-menu li {
    position: relative;
    border-bottom: #fff 1px solid;
}
#topNav div.submenu-dark ul.dropdown-menu{
    border-color:transparent;
}

/*about*/
	.section1{border-style:none; }
		.about-box{height:250px;}
		.about-box h1{padding-left:50px;color:#000;margin-bottom:30px;font-size:55px;line-height:60px;}
		.about-box h4{padding-left:50px;color:#000;font-weight:600;}
		.about-box:before
		{
		    content:'';
		    background-color:#FFE73F;
		    position:absolute;
		    height:250px;
		    width:180px;
		}
		.about-img{display:block !important;width:100% !important;margin-left:auto;margin-right:auto;}
		.p-about{padding-top:35px;line-height: 25px;}
		.bg-color-about-col{ height:490px;}
		.col-right-side{padding:0 0px 0 40px;height:500px;}
		.col-left-side{padding:0 40px 0 0;}
		.right-side-p{margin-bottom:20px;line-height: 25px;}
		.right-side-p-b{margin-bottom:20px;font-weight:600;line-height: 25px;}
		
		/* Section 2 */
		.section2{border-style:none;padding-top:0px;}
		.about-box-2{height:440px;}
		.about-box-2 h1{ color:#000;margin-bottom:20px;padding-top:30px;font-size:40px;line-height:45px;}
		.about-box-2 p{ line-height: 25px;margin-bottom:20px;}
		.about-box-2 p:nth-child(3) {
    color: #000;
    font-weight:600;
    
}
.vision-h4{font-size:24px;margin-bottom:20px;color:#000;}
table{margin-bottom:10px;}
		
		/* Section 3 */
		.section3{border-style:none;padding-top:0px;}
		.about-box-2{height:440px;} 
		.about-box-3 h1{ color:#000;margin-bottom:20px;padding-top:10px;font-size:40px;line-height:45px;}
		.about-box-3 p{ line-height: 25px;margin-bottom:20px;}
		.object-about{margin-bottom:40px;padding:0 30px;}
		.object-about-h4{font-size:22px;margin-bottom:20px;color:#000;}
		.object-about p{}
		.disnone{display:none;}
	
:root {
  /* The intrinsic width of the underline stroke (in pixels). This is 
   * the same as the height of the cap images. Don't specify the
   * units! This is because of some of the calculations we do later on. */
  --underline-intrinsic-width: 8;
  
  /* The actual width of the underline stroke we want to render (in pixels).
   * You can modify this, and the sizing and positioning should be calculated
   * accordingly. Again, Don't specify the units! */
  --underline-width: 12;
  
  /* The colour used to draw the underline. It should match the colour
   * used in the cap images... unfortunately we can't modify the SVG
   * fill via CSS because it's a background image. */
  --underline-color: #FFE73F;
  
  /* We need to know the width of the cap images so that we
   * can position everything on the x axis accordingly. */
  --underline-cap-width: 1px;
  
  /* The border is positioned relative to the bottom of the line.
   * We can move it upwards a little to create an overlap effect. */
  --underline-offset-y: -2px;
  
  /* The padding to add to the x axis. By default, the caps would be
   * aligned with the beginning and end of the line. */
  --underline-padding-x: 0em;
  
  /* The cap images to use that form the left and right rounded
   * shape. I guess these could be any shape, they don't
   * necessarily have to be round 🙂.
   
  --cap-image-left: url(../images/about/line.png);
  --cap-image-right: url(../images/about/line.png);*/
}
  
.heading {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  padding: 0 calc(var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
  box-decoration-break: clone;
  background-repeat: no-repeat;
  color: #EE2D67;
  background-image:
    linear-gradient(180deg, var(--underline-color), var(--underline-color)),
    var(--cap-image-left),
    var(--cap-image-right);
  background-position-x:
    calc(var(--underline-cap-width) * var(--underline-width-scale)),
    0,
    100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size:
    calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}

.heading--2 {
  --underline-width: 8;
  --underline-offset-y: -4px;
}
.heading--3 {
  --underline-width:6;
  underline-offset-y: -2px;

}
.padbottom{
    padding-bottom:25px;
}
    /*courses */
.btn-2d{
        background-color:#fff !important;
        color:#EE2D67;
        font-weight:600;
            border-radius:100px;
    padding:5px 18px;
    margin-top: 50px;
    margin-bottom:50px;

}
.box-flip{
     text-align:left;
    background: linear-gradient(-90deg, #962067, #EE2D67);

        padding-left:20px;
  border-radius:10px;
  height: 200px; 
  width: 320px;
   padding: 1em;
line-height:1em;
padding-left:initial;
}
section{
    border-style:none;
 
}
#box-flip.flip .back{
    width:320px;
    left:0;
    margin-left:0px !important;
    

}
.box-flip .box2{
    background-color:#EE2D67 !important;
  border-radius:10px;
  height: 200px; 
  width: 320px;
line-height:1em;
   padding: 1em;

}
.nav-tabs.nav-bottom-border>li.active>a, .nav-tabs.nav-bottom-border>li.active>a:hover{        border-bottom-color:#FFE73F !important;

}
.nav-tabs>li.active>a{
    color:#EE2D67 !important;
}
/* infrastructure*/
	 .infra-section
	 {
	     border-style:none;
	 }
	 .infra-section-2
	 {
	     border-style:none;padding-top:0px;
	 }
	 .infra-h4{color:#000;margin-top:25px;margin-bottom:20px;}
	 .infra-p{color:#000;margin-top:0px;margin-bottom:10px;font-size:15px;}
	  .infra-h1{font-size:45px;line-height:55px;color:#000;margin-bottom:0px;}
	  .infra-box{height:150px;}
	  .infra-box:before
	  {
	      content:'';
 background: linear-gradient(-180deg, #EE2D67, #962067);
	      position:absolute;
	      width:170px;
	      height:150px;
	      left:-15px;
	      top:0px;
	      z-index:-9999;
	  }
	  .infra-col-right:after
	  {
	      content:'';
	      position:absolute;
	  background: linear-gradient(-180deg, #EE2D67, #962067);
	      right:-5px;
	      top:-30px;
	      width:150px;
	      height:250px;
	      z-index:-9999;
	  }
	  .infra-col-right{padding:0 30px;}
	  .infra-col-left{padding:0 30px 0;}
	  
	   .infra-col-left-img:before
	  {
	      content:'';
	      position:absolute;
	  background: linear-gradient(-180deg, #EE2D67, #962067);
	      left:-5px;
	      top:-30px;
	      width:150px;
	      height:250px;
	      z-index:-9999;
	  }
	  .infra-col-left-img{padding:0 30px;}
	  
	  /* carousel text CSS */
	  .text-box-carousel{text-align:left;height:359px;padding:0 50px;}
	  .text-box-carousel h4{color:#000;margin-bottom:10px;text-align:left;font-size:22px;}
	  .text-box-carousel p{color:#000;margin-bottom:10px;font-size:16px;line-height:25px;}
	  .text-box-carousel ul{color:#000;margin-bottom:10px;font-size:16px;line-height:25px;text-align:left}
	  .controlls-over .owl-pagination {
    text-align: center;
    position: relative;
    width: 60%;
    margin: auto;
    bottom: 80px;
    left: 4%;
    right: 0;
    z-index: 1;
}
.owl-theme.controlls-over .owl-controls .owl-page {
    background: transparent;
}
.owl-theme.controlls-over .owl-controls .owl-page span {
    background: #000;
}
.owl-theme .owl-controls .owl-buttons div{opacity:0;}