html {
	scroll-behavior: smooth;
	font-family: 'Lato', sans-serif;
    font-display:swap;
}

body {
	font-family: 'Lato', sans-serif;
    font-display:swap;
	font-size: 1rem;
	line-height: 1.8;
	font-weight: 400;
	color: #6b6b6b;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
	body {
        font-size: 0.8rem;
	}
}


*,
*::before,
*::after {
	margin: 0;
	padding: 0 ;
	box-sizing: border-box;
}

h1 {
    font-weight: bolder;
    color: #fff;
    font-family: Playfair Display, serif;
    font-display:swap;
    font-size: 2rem;
    line-height: 1.4;
}

h2 {
	font-family: Playfair Display, serif;
    font-display:swap;
	color: #101d2d;
    /* margin-top: 50px; */
    /* color: #fff; */
}
h3{
    color:#eaa30d;
}
h4 {
	color: #8d9fb9;
}
h5{
    color: #eaa30d;
}

p {
	color: #000;
}
.section-lg {
    padding: 85px 0;
}
.logo{
	max-width: 140px;
    PADDING-TOP: 0.5rem;
}

.logo, .navbar-collapse{
	cursor: pointer;
}
@keyframes movedown{
    0%{
        transform: translateY(-100px);
        visibility: visible;
    }
    100%{
        transform: translateY(0);
        visibility: visible;
    }
}

/* banner */

#box {
    height: 800px;
	width: 100%;
	/* clip-path: polygon(100% 83%, 100% 0%, 0 0, 0 100%, 45% 93%); */
	background-color: #66328D;
    padding: 60px 0;
    position: relative;
    z-index: 1;
    background-image: url(../images/slide-1.avif);
}
#box:before{
    content: '';
    background: #66328D;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    opacity: .9;
}
#box:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url(../images/bg-1.svg);
    height: 10%;
    background-size: 100% 100%;
    z-index: 21;
   
}
.banner-bg h4{
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.4;
}
.banner-bg h3{
    color: #ffad00;
    font-size: 1.5rem;
    line-height: 1.9;
}
.bg-box{
    position: relative; 
    margin-top: 87px;
}
.bg-box-overlay{
    border: 2px solid #818893;   
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0%;
    right: 0px;
    z-index: -1;
    transform: translate(15px, 15px);
} 

@media screen and (max-width: 767px) and (min-width: 320px) {
    #box:after{
        background:none !important;
    }
   
 }
/*.banner-img{
    height:300px
}
*/
.banner-bg1{
    background-color: #f1f5f9;
}

.banner-bg2{
    background-image: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    /* padding: 40px 0; */
}
.banner-bg2:before{
     content: '';
    background: #434e5a;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    opacity: .9;
}

.call-paper{
  box-shadow: 1px 0px 10px darkgrey;
  padding: 10px 15px;
  line-height: 1.5;
  background: #fff;
  min-height:468px !important;
}

/* navbar */
.navbar {
	margin: 0;
	position: absolute;
	width: 100%;
	z-index: 999;
    padding: 0 61px;

}

.navbar-dark .navbar-toggler {
    color: rgb(255 255 255);
    font-size: 1.8rem;
}
.navbar-dark .navbar-toggler:hover {
    text-decoration: none;
    border-color: #ffffff00;
}

 @media screen and (max-width: 767px) and (min-width: 320px) {
    .navbar {
        padding: 0 0;
    }
    .navbar.sticky {
        padding: 0 30px !important;
    }
  }

/* sticky navbar */
.navbar.sticky {
	position: fixed;
	z-index: 999;
	transition: all 0.3s ease-out 0s;
	padding: 0px 61px;
	top: 0;
    background: linear-gradient(to bottom, #66328D 0%,#66328D 126%);
    box-shadow: 0px -2px 10px #a9a9a9;
}

.navbar.sticky.navbar-collapse,
.navbar-nav .nav-item .nav-link:hover {
	color: #e7d2a6
}
 /* call for paper */
 .call-paper p{
   text-align: justify;
 }

/* theme */
.nav-pill,.nav-item a{
    color: #eaa30d;
  
}
    
.nav-pills .nav-link.active{
    color: #607d8b;
    background-color: none;
}
.separator--type-2 {
    position: relative;
    height: 1px;
    padding: 0;
    background:#bb9e61;
    border: none;
    margin-bottom: 20px;
    width: 50%;
    background-image: linear-gradient(-45deg, white, transparent);}
    .separator--type-2:before {
        content: '';
        position: absolute;
        top: -2px;
        left: 0;
        height: 1px;
        width: 60%;
        background:#bb9e61;
        background-image: linear-gradient(-45deg, #ffffff, transparent);
    }
.separator--type-1 {
    position: relative;
    height: 1px;
    padding: 0;
    background:#bb9e61;
    border: none;
    margin-bottom: 20px;
    width: 50%;
    /* left: 218px; */
    background-image: linear-gradient(-45deg, white, transparent);}
    .separator--type-1:before {
        content: '';
        position: absolute;
        top: -2px;
        left: 0;
        height: 1px;
        width: 60%;
        background:#bb9e61;
        background-image: linear-gradient(-45deg, #ffffff, transparent);
    }
    
    /* Tab content */
    .nav {
        border-right: 1px solid #1a1919 61;
   }
    
    .nav .nav-item .nav-link {
        transition: all 0.2s linear;
        color: #000;
        width: 100%;
        font-weight: 600;
        text-align: right;
        font-size: 1.1rem;
        position: relative;
        border: 0;
        border-radius: 0;
        padding: 0.5rem 1.5rem 0.5rem 0.5rem;
        line-height: normal;
   }
   
    .nav .nav-item .nav-link::before {
        content: "";
        position: absolute;
        right: -9px;
        top: 0;
        bottom: 0;
        background: #d7b56d;
        z-index: 1;
        height: 15px;
        transition: 0.33s all ease-in;
        width: 15px;
        left: auto;
        box-shadow: -3px 3px 1px #000;
        transform: translateY(81%) rotate(45deg);
        opacity: 0;
   }
    .nav .nav-item .nav-link:after {
        content: "";
        position: absolute;
        right: -5px;
        top: 0;
        bottom: 0;
        background: #f6f4f2;
        z-index: 1;
        height: 8px;
        transition: 0.33s all ease-in;
        width: 8px;
        left: auto;
        box-shadow: 0 0 5px #000 inset;
        transform: translateY(15px) rotate(45deg);
        border-radius: 25px;
   }
    .nav .nav-link.active, .nav .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #66328D;
        border-radius: 35px;
   }
    .nav .nav-link.active:before, .nav .nav-pills .show > .nav-link:before, .nav .nav-link.active:after, .nav .nav-pills .show > .nav-link:after {
        opacity: 1 !important;
   }
    
   .list-line {
    color: #000;
   
   }
   .list-count{
    column-count: 2;
   }

   .sec-title{
    text-align: start;
   }
   .navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255);
    padding: 10px;
    font-family: Playfair Display, serif;
    font-display:swap;
    font-size: 1rem;
}

/* porter */
.msg-item{
    padding: 15px 10px;
    box-shadow: inset 0.2rem 0.2rem 0.5rem rgb(195 193 198 / 90%), inset -0.2rem -0.2rem 0.5rem #fff, 0.3rem 0.3rem 0.5rem rgb(195 193 198 / 90%), -0.2rem -0.2rem 0.4rem #fff;
    margin-bottom: 10px;
    /* min-height: 172px; */
    list-style-type: none;
}
.msg-item p{
    color: #000;
    padding: 0;
    margin: 0;
    text-align: center;
}

/* impdate */
.section-bg{
    background-color:#66328D;
}

.section-bg h2{
   color: #f1f5f9; 
}
 h5 span{
    color:#f1f5f9; 
}
/* contact */
.section-contact h4{
    color: #66328D;
}
 a {
    color: #ff9800;
    text-decoration: none;
}

/* sub-footer */

.sub-footer{
    text-align: center;
    padding: 0;
    border-top: 1px solid #9e9e9e38;
    background-color: #000000;
}

.sub-footer p{
    color: #fff;
    margin-bottom: 0;
    font-size: 1rem;
    padding: 10px;
}
h5 span {
    color: #223a54;
}
 /* scorllbar */
 #scrollTop {
    position: fixed;
    bottom: 30px;
    right: 100px;
    z-index: 98;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: 0.6s ease-in-out;
    line-height: 2.4;
    background-color: #66328D;
    }
    #scrollTop:hover {
    transform: translateY(-10px);
    }
    /* end */

    /* responsive mobile */
    @media screen and (max-width: 767px) and (min-width: 320px) { 
        .navbar-toggler {
        padding: 0;
        margin: 0;

    }
    h1{
        /* margin-top: 58px; */
        font-size: 1rem;
    }
    .banner-bg h3 {
        font-size: 1rem;
    }
    .banner-bg h4{
        font-size: 0.90rem;
        line-height: 1.6;
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1rem;
    }
    .bg-box {
        margin-top: 46px;
        width: 74%;
    }
    .navbar{
        background-color: #66328D;
    }
    
    #box {
        height: 115vh !important;
        clip-path: none;
    }
    .logo, .navbar-collapse{
        animation: none;
        visibility:visible;
    }
    .msg-item{
        min-height: auto;
    }
    
}

/* tab responsive */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    
    #box{
        height: 520px;
    }
    .navbar{
        background-color: #66328D;
    }
    h1{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.1rem;
    }
    .bg-box{
        margin-right: 30px;
        margin-top: 81px;
        height:300px
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: 1.3rem;
       
    }
   
}

/* end */
 /* chaires */
.team-members  {
    padding: 10px;
    color: #66328D;
    font-size: 1rem;
    /* margin-bottom: 5px; */
    position: relative;
    z-index: 1;
}
.team-members1 {
    /* background-color: #fff; */
    padding: 5px;
    
    font-size: 20px;
    margin-bottom: 5px;
    background-color:#fff;
    box-shadow: none;
   
}
.msg-item h5{
    padding-top: 23px;
}
  .list-custom li, .list-linking li {
                position: relative;
                text-align: left;
                background-color: #fff;
        }
        .list-custom li:before, .list-linking li:before {
            content: "\f0a4";
            height: 30px;
            width: 30px;
            font-family: FontAwesome;
            top: 12px;
            left: 3px;
            border-radius: 25px;
            transform: none;
            color: #324e69;
            display: inline-grid;
            justify-content: center;
            align-items: center;
            font-size: 1rem;
        }

 .list-custom li:hover:before{
    color: #fff;
 }        

 @media screen and (max-width: 767px) and (min-width: 320px) { 
     .list-custom{
        padding-left: 0;
     }
     .list-count{
    column-count: 1;
   }
   .theme-inner h3 {
        font-size: 1.4rem !important;
        line-height: 1.5;
    }
 }        

.team-members:hover{
    background: #66328D;
    color: #fff;
    box-shadow: none;
}
.team-members:hover p {
    color: #fff;
}

/* end */
 /* impdate */

.notify {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding: 20px;
    /* color: #fff; */
    border-radius: 21px;
}
.bg-convener{
    background-color: #66328D;
   
}


  /*--------------------------------------------------------------
   heading Title
    --------------------------------------------------------------*/
    
.dt-sc-anytitle {
    clear: both;
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

.dt-sc-anytitle .anytitle-heading {
    margin: 0 0 0px;
}

.dt-sc-anytitle span {
    border-bottom: 3px solid #66328D;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 163px;
}

.dt-sc-anytitle span:after {
    background-color: #e49c29;
    bottom: -5px;
    /* border-radius: 20px; */
    content: "";
    height: 5px;
    position: absolute;
    left: 10;
    right: -4px;
    margin: auto;
    width: 91px
}

.dt-sc-anytitle .anytitle-heading:empty ~ span {
    display: none;
}
.elementor-23246 .elementor-element.elementor-element-5987c40 .dt-sc-anytitle {
    text-align: center;
}
.dt-sc-anytitle {
    clear: both;
    float: left;
    margin: 20px 0 20px;
    /* position: relative; */
    width: 100%;
    text-align: center;
}
.dt-sc-anytitle span:after {
    background-color: #e49c29;
    bottom: -4px;
    border-radius: 20px;
    content: "";
    height: 5px;
    position: absolute;
    right: 32px;
    margin: auto;
    width: 91px;
}
.elementor-23246 .elementor-element.elementor-element-8d1c7eb > .elementor-background-overlay {
    background-color: #5F5AF0;
    opacity: 0.98;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.theme-section{
    padding: 0.8rem;
    display: block;
    background: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0 0 2px rgba(221,221,221,.75);
   transition: all .2s ease-in-out 0s;
   margin-bottom: 20px;
}
.theme-inner{
    webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    border-radius: 4px;
    padding: 20px;
    /* min-height: 487px; */
}
.theme-inner h3{
    color: #243b55;
    font-size: 1.5rem;
}
.theme-section:hover {
    border: 1px solid rgba(16,34,62,.05);
    -webkit-background-clip: padding-box;
    background: #e9e9e9;
}
.outer-heading h5{
    color: #130b0b0d;
    font-size: 60px;
    line-height: 0px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:-40px;
    font-family: ui-monospace;
    font-display:swap;
}

.footer-area {
   
    position: relative;
    z-index: 1;
    padding: 60px 0;
    background-image: url(../images/footer-bg.png);
    position: relative;
    z-index: 1;
    padding: 60px 0;
    background-image: url(../images/footer-bg.png);
     background-position: center; 
     background-repeat: no-repeat; 
}

.footer-area::before{
    content: '';
   background: #000000;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    opacity: .78;
}

.section-contact h4 {
    color: #ff9d00;
}
/* footer */

footer .footer-top .unit .unit-left .icon {
    color: #fff;
    background: #66328D !important;
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
}


.add-contact p{
 color: #fff;
}

.add-contact p a{
 color: #fff;
}


.add-contact h4 i{
    font-size: 2rem;
    color: #fff;
}
/*--------------------------------------------------------------
   Patron
--------------------------------------------------------------*/

.Patron-img{
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 10px;
    transition: all .5s;
    background: #fff;
    box-shadow: 0 15px 38px 0 rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.Patron-img .img-team{
    width: 100%;
    transition: all .4s;
    z-index: 1;
    position: relative;
}

.Patron-img .img-team img{
    width: 100%;
   
}

.Patron-img .team-item-titles h4{
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 20px;
    color: #66328D;
}

.Patron-img .team-item-titles p{
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 400;
}

.Patron-img .team-item-titles h6 {
    font-size: 1.2rem;
    margin-bottom: 3px;
   color: #ff9d00;
    font-weight: 600;
}
.Patron-img .view-btn a{
   font-size: 1rem;
   transition: all .4s;
}

.Patron-img:hover{
    transform: translateY(-20px);
}
.Patron-img .view-btn a:hover{
   letter-spacing: 4px;
}

/*--------------------------------------------------------------
   Committee
--------------------------------------------------------------*/


.committee-members {
    background-color: #fff;
    padding: 5px;
    color: #66328D;
    font-size: 20px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    height: 45px;
}
.committee-members:before {
    position: absolute;
    content: "";
    background: linear-gradient(38deg, rgb(30 52 78 / 52%) 0%, rgb(30 52 78) 100%);
    width: 10px;
    height: 100%;
    bottom: 0;
    left: 10px;
    transition: .4s;
    transform: translateX(-10px);
    z-index: -1;
}
.committee-item {
    padding:10px;
    box-shadow: inset 0.2rem 0.2rem 0.5rem rgb(195 193 198 / 90%), inset -0.2rem -0.2rem 0.5rem #fff, 0.3rem 0.3rem 0.5rem rgb(195 193 198 / 90%), -0.2rem -0.2rem 0.4rem #fff;
    margin-bottom: 15px;
   
}

.committee-item h5{
    color: red;
    font-size: 1.5rem;
}

.committee-item p{
   font-size: 1rem;
   margin-bottom: 0;
   text-align: justify;
    padding-left: 15px;
}

.committee-item p:hover {
    color: #fff;
}

.committee-members:hover::before {
    width: 100%;
}


.imp-date{
    color: #fff;
    background: #66328D;
    text-align: center;
    min-height: 190px;
    padding: 40px 10px 55px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.imp-date:before,
.imp-date:after{
    content:"";
    background: #fff;
    width: 100%;
    height: calc(100% - 20px);
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transform: translateX(-50%);            
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: -1;
}
/*.imp-date:after{
    background: #000;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: none;
    transform: translateX(0);    
    bottom: -12px;
    left: auto;
    right: -12px;
    z-index: -2;
}*/
.imp-date h3{
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    /* text-transform: capitalize; */
    margin: 0 0 10px;
    color: #ff9d00;
    line-height: 1.5;
}
.imp-date .imp-date-value{
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    display: block;
    color: #66328D;
}
.imp-date .imp-date-icon span{
    color:#66328D;
}
.imp-date .imp-date-icon{
    background: #fff;
    font-size: 30px;
    line-height: 58px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    position: absolute;
    bottom: -10px;
    right: -10px;
}

/* @media (min-width: 1600px) {
    .container{
        max-width: 80%;
    }
} */

.bg {
    background-image: url(../images/bg-5.png);
}
.under-con{
    text-align: center;
}
.under-con h6{
        font-size: 30px;
        color: #eaa30d;
}
.img-wid{
    width: 15%;
    margin: 0px;
    border: 2px solid white;
    border-radius: 50%;
}

/* International advisory*/
.wid{
     min-height: 375px;
}
    .our-team {
           /* border: 2px dashed #bfbfbf; */
           /* min-height: 375px; */
            padding: 10px;
            text-align: center;
            box-shadow: 0 0 18px -1px rgb(143 125 125 / 62%);
            background: #fff;
            transition: all .5s;
}
    .our-team .pic {
        border-radius: 10px;
        overflow: hidden;
        width: 90%;
    }
    .our-team:hover {
        transform: translateY(20px);
    }
	    .team-content h3  {
            font-size: 1rem;
            font-weight: 700;
            color: #eaa30d;
            padding-top: 20px;
        }
        .team-content h6{
            color: #000;
            font-size: .85rem;
            line-height: 1.5;
            margin-bottom: 0
        }
        .team-content h5{
            color: #66328D;
            font-weight: 600;
            font-size: 0.80rem;
        }


 /* National Advisory Board */       

        .our-team-1{
            border-radius: 30px;
             padding: 10px;
             text-align: center;
             box-shadow: 0 0 18px -1px rgb(143 125 125 / 62%);
             background: #fff;
             transition: all .5s;
 }
     .our-team-1 .pic-1 {
         border-radius: 50%;
         overflow: hidden;
         width: 90%;
     }
     .our-team-1:hover {
         transform: translateY(20px);
     }
         .team-content-1 h3  {
             font-size: 1rem;
             font-weight: 700;
             color: #eaa30d;
             padding-top: 20px;
         }
         .team-content-1 h6{
             color: #000;
             font-size: .85rem;
             line-height: 1.5;
             margin-bottom: 0
         }
         .team-content-1 h5{
             color: #66328D;
             font-weight: 600;
             font-size: 0.80rem;
         }

         /* editional board */
         .our .team{
            border-radius: 30px;
            padding: 10px;
            text-align: center;
            box-shadow: 0 0 18px -1px rgb(143 125 125 / 62%);
            background: #fff;
            transition: all .5s;
         }

.our-team-1 .view-btn a{
    font-size: 1rem;
    transition: all .5s;
}
.our-team-1 .view-btn a:hover{
    letter-spacing: 1px;
}

.our-team .view-btn a{
    font-size: 1rem;
    transition: all .5s;
}
.our-team .view-btn a:hover{
   letter-spacing: 1px;
}

/* ----------------------------------------------------------
:: Registration Dates
---------------------------------------------------------- */
/* Table */
.table-responsive {
  padding: 10px; }
  .table-responsive .table-effect--primary {
    background: #ffffff2b;
    box-shadow: 16px 9px 1px 1px #ffca10, -16px -9px 1px 1px #ffca10; }
    .table-responsive .table-effect--primary thead {
      color: #000; }
      .table-responsive .table-effect--primary thead th {
        vertical-align: middle;
        text-align: center;
        font-size: 1rem; }
    .table-responsive .table-effect--primary tbody {
      color: #000; }
      .table-responsive .table-effect--primary tbody td {
        vertical-align: middle;
        text-align: center;
        font-size: 1rem; }
        .table-responsive .table-effect--primary tbody td a {
          color: #000; }
          .table-responsive .table-effect--primary tbody td a:hover, .table-responsive .table-effect--primary tbody td a:visited, .table-responsive .table-effect--primary tbody td a:active {
            color: #204c56; }
      .table-responsive .table-effect--primary tbody tr:hover {
        color: #ffffff;
        background-image: linear-gradient(45deg, #66328D, #66328D); }


.blink-text{
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .blink-text{
        font-size: 1rem;
    }
}
@keyframes blinker{
    0% {
    opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.color-yellow{
    color: #eaa30d;
}