/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
 /* padding-top: 3rem;
  padding-bottom: 3rem;*/ padding:0;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*margin-bottom: 4rem;*/margin-bottom:10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  /*height: 32rem;*/height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 32rem;*/
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 30px;
  }
  
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 0;
  }
}

@media only screen and (max-device-width: 480px) {
.logos-area h1{font-size:35px !important;}
.a-right{margin-bottom:10px;}
.carousel-item{height:10rem;}

.owl-carousel .owl-item img {
    display: block;
    width:100px !important; min-width: 100px !important;
}

}


.bg-dark{/*background:#183883 !important;background:linear-gradient(90deg, #ff0080, #8a2be2, #000000);   */ background: linear-gradient(
90deg,
#cf1d7b 0%,
#b21878 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);
   /* border-radius:0 0 20px 20px;
    box-shadow:0 0 20px rgba(255,0,128,0.4);*/}
.a-left{float:left; text-align:left;}
.a-right{float:right; text-align:right;}

.logos-area img{margin:8px 0px;}
.logos-area h1{color:#183883; font-size:40px; padding-top:2%; text-shadow:#CC3300 1px 0px 2px;}
.logos-area h3{color:#fcbb0f; font-size:25px; text-shadow:#000 1px 0px 2px;}
.logos-area h4{color:#e67a18; font-size:22px; font-weight:700;}
.logos-area h5{color:#037e3b; font-size:19px; font-weight:700;}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;}
	
ul.navbar-nav li{padding-right:15px; text-align:center;}

.carousel-indicators{margin-bottom:4rem;}
.carousel-indicators [data-bs-target] { height:6px; border:2px solid #000099;}

.marketing{margin-bottom:45px; margin-top:50px;}
.marketing p{text-align:justify;}
.section-title h2{text-align:center; font-family:Poppins,Arial,sans-serif; font-size:30px; font-weight:700; padding-bottom:15px; color:#183883;}






footer{/*background:#183883;*/background: linear-gradient(90deg, #14072d 0%, #2a0d46 20%, #8a176f 45%, #5c135f 70%, #2a0d46 90%, #14072d 100%);}
footer p{color:#FFFFFF; padding-top:10px;}
footer p a{color:#FFCC00;}
footer p a:hover{color:#fff;}

.float-end{position: fixed;
    background: #223a66;
    z-index: 9999;
    display: inline-block;
    right: 55px;
    width: 50px;
    height: 50px;
    bottom: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
   opacity:0;
    border-radius: 50px;
    transition: 0.3s;}
	
	.top {
    transition: all 0.3s;
    cursor: pointer;
    opacity: 1;
}

.bread-block{/*background:#3f266a;*/ padding:20px 10px; text-align:center; margin-bottom:50px; background: linear-gradient(
90deg,
#14072d 0%,
#2a0d46 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);}
.bread-block .breadcrumb{display:block !important; margin-bottom:0 !important;}
.bread-block .breadcrumb h4{display:block !important; width:100%; color:#FFCC00;}
.bread-block .breadcrumb p{display:block; color:#FFFFFF;}
.bread-block .breadcrumb p a{color:#FFFFFF; text-decoration:none;}
.bread-block .breadcrumb p a:hover{color:#FFCC00;}


.contact-block{padding:15px 10px; text-align:center; background:#5c135f; margin:20px 0px;}
.contact-block h4{font-size:18.5px; color:#FFFFFF;}
.contact-block h5{font-size:16px; color:#FFFFFF;}
.contact-block h6{font-size:15px; color:#FFFFFF;}

/*.contact-block.bl-1{background:#143687;}
.contact-block.bl-2{background:#e67817;}
.contact-block.bl-3{background:#00793c;}*/
.contact-block.bl-4{background:#3f2768;}
.mt-35{margin-top:35px;}
.button{/*background:#143687;*/ padding:10px 25px 12px; line-height:0; color:#FFFFFF; font-size:17px; border-radius:25px; margin:0; text-decoration:none;background: linear-gradient(
90deg,
#14072d 0%,
#2a0d46 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);}
.button:hover{/*background:#e67817;*/ color:#FFFFFF; transition:0.5; background: linear-gradient(
90deg,
#14072d 0%,
#2a0d46 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);}


.owl-item {  
  margin-right: 10px;
  background: #fff;
}

.owl-carousel .owl-item img {
    display: block;
    width:160px !important; min-width: 160px !important;
}




/*wlcm Msg*/
/* Background Grid */
.wlcm-msg{ font-family:'Poppins',sans-serif;
   /* background:#0b1020;*/background: linear-gradient(
90deg,
#cf1d7b 0%,
#b21878 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);
    overflow-x:hidden;
    color:#fff;}

.wlcm-msg::before{
    content:'';
    position:fixed;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size:60px 60px;
    z-index:-2;
}

.wlcm-msg::after{
    content:'';
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at top left, rgba(255,119,0,0.25), transparent 35%),
    radial-gradient(circle at bottom right, rgba(0,153,255,0.2), transparent 35%);
    z-index:-1;
}

/* Hero Banner */
.wlcm-msg .hero{
    position:relative;
    padding:20px 8% 90px;
    text-align:center;
    overflow:hidden;
}

.wlcm-msg .hero h1{
    font-size:65px;
    font-weight:800;
    line-height:1.2;
    background:linear-gradient(90deg,#ff9f1c,#ffffff,#00c853);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:20px;
}

.wlcm-msg .hero p{
    max-width:900px;
    margin:auto;
    font-size:20px;
    line-height:1.9;
    color:#d8d8d8;
}

/* Floating Shapes */
.wlcm-msg .shape{
    position:absolute;
    /**/border:1px solid rgba(255,255,255,0.12);

    backdrop-filter:blur(8px);
    animation:float 8s infinite ease-in-out;
}

.wlcm-msg .shape1{
    width:180px;
    height:180px;
    top:40px;
    left:-50px;
    transform:rotate(45deg);
}

.wlcm-msg .shape2{
    width:120px;
    height:120px;
    bottom:40px;
    right:60px;
    border-radius:50%;
}

@keyframes float{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-20px);
    }
}

/* Main Container 
.container{
    width:92%;
    max-width:1400px;
    margin:auto;
    margin-bottom:80px;
}*/

/* Glass Card */
.wlcm-msg .glass-card{
   /* background:rgba(255,255,255,0.08);*/background: linear-gradient(
90deg,
#14072d 0%,
#2a0d46 20%,
#8a176f 45%,
#5c135f 70%,
#2a0d46 90%,
#14072d 100%
);
    /*border:1px solid rgba(255,255,255,0.1);*/
    backdrop-filter:blur(14px);
    border-radius:30px;
    padding:70px;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,0.3);
}

.wlcm-msg .glass-card::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgba(255,153,0,0.12);
    border-radius:50%;
    top:-150px;
    right:-120px;
}

.wlcm-msg .section-title{
    font-size:46px;
    margin-bottom:30px;
    color:#ffb703;
    font-weight:800;
}

.wlcm-msg .content{
    position:relative;
    z-index:2;
}

.wlcm-msg .content p{
    font-size:16px; text-align:justify;
    line-height:2;
    color:#e8e8e8;
    margin-bottom:28px;
}

/* Association List */
.wlcm-msg .association-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
    margin:40px 0;
}

.wlcm-msg .association-item{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    padding:22px;
    border-radius:18px;
    transition:0.4s;
}

.wlcm-msg .association-item:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,0.12);
}

.wlcm-msg .association-item h4{
    color:#fff;
    line-height:1.7;
    font-size:16px;
}

/* Highlight Box */
.wlcm-msg .highlight-box{
    background:linear-gradient(135deg,#ff8c00,#ff006e);
    padding:40px;
    border-radius:25px;
    margin-top:45px;
    box-shadow:0 15px 40px rgba(0,0,0,0.25);
}

.wlcm-msg .highlight-box h3{
    font-size:34px;
    margin-bottom:15px;
}

.wlcm-msg .highlight-box p{
    color:#fff;
    font-size:17px;
    line-height:1.9;
}



/* Responsive */
@media(max-width:991px){

    .wlcm-msg .hero h1{
        font-size:44px;
    }

    .wlcm-msg .glass-card{
        padding:40px 28px;
    }

    .wlcm-msg .section-title{
        font-size:34px;
    }

}

@media(max-width:600px){

    .wlcm-msg .hero{
        padding:90px 20px 70px;
    }

    .wlcm-msg .hero h1{
        font-size:34px;
    }

   .wlcm-msg .hero p{
        font-size:17px;
    }

    .wlcm-msg .glass-card{
        padding:30px 22px;
    }

    .wlcm-msg .section-title{
        font-size:28px;
    }

    .wlcm-msg .content p{
        font-size:16px;
    }

}