@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root{
    --c-primary:#412e4e;
}

body{font:400 16px "Open Sans", sans-serif}

.fs_13{font-size: 13px!important;}
.fs_14{font-size: 14px;}

.text_primary{color: var(--c-primary);}
.bg_primary{background-color: var(--c-primary);}

::marker{color: var(--c-primary);}

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}

p{text-align: justify;}


.box_shadow1{box-shadow:0 2px 9px rgba(0, 0, 0, 0.11);}
.btn-primary{background: var(--c-primary); border: 0;}
.text-primary{color: var(--c-primary)!important;}
.btn-primary:hover{background:var(--c-primary)}

.bg-primary{background:var(--c-primary)!important}

.Effect_zoom_in{transition: all 1s ease 0.3s; @starting-style {opacity: 0; transform: scale(0)}}
.Effect_left{transition: all 1s ease 0.3s; @starting-style {opacity: 0; transform: translateX(-20%)}}
.Effect_top{transition: all 1s ease 0.5s; @starting-style {opacity: 0; transform: translateY(-15%)}}

header .dropdown-menu{ padding:0; width: 320px;}
header .dropdown-menu li{ padding: 6px 0; position: relative;}
header .dropdown-menu a{ padding-left: 10px; display: flex; align-items: center; transition: all 0.6s ease;}
header .dropdown-menu a:hover{ padding-left: 16px; color: var(--c-primary); }

header .nav-link{font-size: 16px; text-transform: uppercase; font-weight: 400; background-color: var(--c-secondary); color: var(--bs-black); border-radius: 30px; padding: 6px 14px!important; transition: all 0.6s ease;}
header .nav-link:hover{box-shadow:inset 0 0 0 24px var(--c-primary); color: var(--bs-white);}
header .nav-link.active,header .nav-link:focus{background-color: var(--c-primary); color: var(--bs-white)!important;}
header .nav-item{margin-right: 4px;}
header .dropdown-menu li a .fa-circle{font-size: 5px!important;}


main{min-height: 300px;}
.ThetaCarousel .carousel-control-next, .ThetaCarousel .carousel-control-prev{filter:invert();}
.ThetaCarousel .carousel-caption{ background: radial-gradient(circle, var(--bs-white),transparent);}
.ThetaCarousel .carousel-item{background-color: #285bf5;}
.ThetaCarousel .carousel-item img{height: 60vh;}
.ThetaCarousel .carousel-item h1,
.ThetaCarousel .carousel-item h2,
.ThetaCarousel .carousel-item p
{filter:drop-shadow(2px 2px 2px var(--bs-white))}

.Contact .card-header,.Contact .card-footer{background-color: var(--c-primary);}

.thetaJournals{overflow: hidden; box-shadow:0 2px 9px rgba(0, 0, 0, 0.11); transition: all 0.4s ease;}
.thetaJournals .card-body{background: linear-gradient(to left, #412e4e21, #8daa7000);}
.thetaJournals .curlEffect{width: 0px; height: 0px; background: linear-gradient(-45deg, #fff, #f3f3f3 45%, #ddd 50%,#aaa 50%,	#bbb 56%, 	#ccc 62%, #f3f3f3 80%,#fff 100%); transition: all 0.6s ease;}
.thetaJournals__heading{font-size: 22px; color: var(--c-primary); min-height: 72px;}
.thetaJournals:hover .curlEffect{width: 40px; height: 40px;}
.thetaJournals__details{display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient:vertical; overflow: hidden; color: #7d7d7d;}

.EditorialBoardMembers__profilePic{height: 160px; height: 160;}

.policy{top:78px}
.policy .nav-underline .nav-link{color: var(--bs-secondary); text-transform: uppercase; font-size: 14px;}
.policy .nav-underline .nav-link.active,.policy .nav-underline .show>.nav-link{color: var(--bs-primary);}
.policy .nav-item.active, .policy .nav-item:hover,.policy .nav-item.active a{border-bottom: 2px solid var(--bs-primary); color: var(--bs-primary);}

.authDetails{min-height: 150px; background-color: #dee4f7; box-shadow:0 2px 9px rgba(0, 0, 0, 0.11);}
.authDetails .btn-primary{top:80%; opacity: 1; transition: all 0.4s ease; }
.authDetails:hover .btn-primary{top:75%; opacity: 1;}
.authDetails:hover .btn-link{opacity: 0; transition: all 0.4s ease;}

#thetaAccordion .accordion-button:not(.collapsed){background-color: #21252957; color: var(--bs-black);}
#thetaAccordion .accordion-button:focus{box-shadow: none;}

#Testimonial .carousel-indicators [data-bs-target]{background-color: var(--c-primary);}


footer{background: var(--c-primary);}

@media screen and (max-width: 1199.98px){
    header .navbar-brand{margin-right: 0!important;}    
    
} 
@media screen and (max-width: 991.98px){
    header .nav-item{margin-bottom: 6px;}  
    
}

@media screen and (max-width: 768.98px){   
   
    
}
@media screen and (max-width: 575.98px){   
    
  
    
}