@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --orange: #ff6a2a;
    --black: #000;
    --white: #fff;
    --blue: #13239a;
    --pink: #ffebf7;
    --copper: #0681c6;
}


/* font-family: "Poppins", sans-serif;*/

body{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #212529;
    padding: 0;
    margin: 0;
    font-weight: 400;
}
h2{font-size: 40px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 15px;}

p{font-size: 15px;}

.owl-carousel .owl-item img{width: auto;}

a{
	text-decoration: none;
}
img{max-width: 100%; height: auto;}

ul.orng-bullet{padding: 0; margin: 0;}
ul.orng-bullet li{list-style: none; padding-left: 20px; position: relative; font-size: 15px; margin-bottom: 5px;}
ul.orng-bullet li::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 8px;
  height: 8px;
  background: #FF6A2A;
}

.owl-theme .owl-nav { margin-top: 0px;}

/*------------------------ header ------------------*/

.top-header{background: var(--white); padding: 0 0; position: relative;}
.header-logo{text-align: center; margin-left: 0; }
.header-logo img{height: 60px; width: 100%; }

/*------------------------- header menu ------------------------*/

.header-menu{border-top: 1px solid #ccc; background: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); z-index: 99; position: relative;}
.header-menu .navbar{padding: 0px;}
.header-menu .navbar-nav .nav-link{font-weight: 700; font-size: 13px; color: var(--black); padding: 20px 15px; text-transform: uppercase;}
.header-menu .navbar-expand-lg .navbar-collapse{justify-content: center;}
.header-menu .navbar-expand-lg .navbar-nav .dropdown-menu{left:0; right: auto; background: #000;}
.header-menu h5{color: var(--yellow); border-bottom: 1px dashed var(--yellow); padding-bottom: 15px; margin-bottom: 15px;}
.header-menu .mega-submenu{padding-left: 0px;}
.header-menu .mega-submenu li{list-style: disc; list-style-position: inside; color:var(--white)}
.header-menu .mega-submenu li a{color: var(--white); transition-duration: 0.6s;}
.header-menu .mega-submenu li:hover a{padding-left: 5px; color: var(--blue);}
.header-menu .navbar-nav > .nav-item a{border-top:4px solid transparent;}

.header-menu .navbar-nav > .nav-item .active, .header-menu .navbar-nav > .nav-item:hover > a{border-top:4px solid var(--blue); color: var(--blue);}

.header-menu .navbar-expand-lg .navbar-nav .dropdown-menu{background: var(--blue); min-width: 200px; border-radius: 0px;}
.header-menu .navbar-expand-lg .navbar-nav .dropdown-menu li a{color: #fff; font-size: 12px;}
.header-menu .navbar-expand-lg .navbar-nav .dropdown-menu li:hover a{background: transparent;}

.header-menu.sticky{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
}

.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

/*------------------------- banner ------------------------*/

.banner{ position: relative; }
.home-banner .owl-nav .owl-next, .home-banner .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);}
.home-banner .owl-nav .owl-next {right: 0; display: flex; margin-right: 2%; font-size: 25px !important;}
.home-banner .owl-nav .owl-prev{ left: 0; display: flex; margin-left: 2%; font-size: 25px !important;}
.owl-carousel.home-banner .owl-nav button.owl-next, .owl-carousel.home-banner .owl-nav button.owl-prev{color:var(--white); background: transparent; border:2px solid var(--white); border-radius: 50%; width:40px; height: 40px; justify-content: center; align-items: center;}
.home-banner.owl-theme .owl-nav [class*=owl-]:hover{background: var(--blue); border-color: var(--blue);}

/*-------------------- welcome-section -----------------------*/

.welcome-section{ padding: 50px 0;}
.welcome-section h4{color: var(--blue);}
.read-more{background: var(--blue); padding: 15px 20px; color:var(--white); text-transform: uppercase;}
.read-more:hover{background: transparent; color: var(--black);}

/*------------------- aim-of-conference-section --------------*/

.aim-of-conference-section{ padding: 50px 0; background: var(--blue);}
.aim-of-conference-section h4, .aim-of-conference-section p{color: var(--white);}
.icon-holder{margin-bottom: 15px; text-align: center;}
.icon-holder img{background: var(--white); border:2px solid var(--orange); border-radius: 10px; height: 90px; padding: 10px;}

/*--------------------- 3 box section -----------------*/

.three-box-section{
    padding: 50px 0;
    margin-bottom: 15px;
    /* background: url(../images/bg_stripe_bnr.jpg) no-repeat scroll 0 0;
    background-size: cover; */
    position: relative;
}
.three-box-section::before{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  content: "";
  background: #FFAC1E14;
}
.three-box-section h4{color: var(--black); position: relative;}
.black-box{background: var(--dark); padding: 30px; border: 1px solid var(--black); text-align: center; height: 100%; width: 100%;}
.black-box h5{    
    font-weight: bold;
    color:var(--black);
    line-height: 29px;
    margin-bottom: 10px;
}
.black-box p{
    
    font-weight: normal;
    color:var(--black);
    line-height: 22px;
}
.icon-bx{
  background: #2C2C2C;
  border-radius:4px 4px 26px 4px;
  width: 70px;
  height: 70px;
  line-height: 90px;  
  position: relative;
  z-index: 99;
}
.icon-bx i{margin-left: 5px; color:#fff; font-size: 35px;}
.icon-bx::before{
  background: var(--orange);
  border-radius:4px 4px 26px 4px;
  width: 70px;
  height: 70px;
  position: absolute;
  content: "";
  left: 5px;
  top:5px;
  z-index: -1;
}
.icon-bx-holder{display: flex; justify-content: center; margin-bottom: 15px;}
.hvr-sweep-to-top:before{background: var(--orange);}
.black-box:hover p{color:var(--white) ;}
.three-box-pic{margin-bottom: 15px;}
.three-box-pic img{height: 100px; width: auto;}

.section-width-900{max-width: 900px; margin: 0 auto;}

/*-------------- call-for-paper --------------------*/

.call-for-paper{background: var(--white); padding: 50px 0;}
.call-for-paper h4{color: var(--blue);}

/*-------------- call-fr-paper-below --------------------*/

.call-fr-paper-below{background: var(--pink); padding: 50px 0;}
.call-fr-paper-below h4{color: #820d3f;}

/*------------------------- student-poster-section------------------------*/

.student-poster-section{background: var(--white); padding: 50px 0;}
.student-poster-section h4{color:var(--blue);}

/*----------------- outstanding-paper-section -------------------*/

.outstanding-paper-section{background: var(--pink); padding: 50px 0;}
table.blue-heading th{background: var(--blue); color: var(--white); font-weight: 500; border: 1px solid var(--blue);}
table.blue-heading td{border: 1px solid #ccc; background: var(--white);}

.outstanding-paper-section h4{color: #820d3f;}

/*--------------------- important-dates-section -----------------*/

.important-dates-section{background: var(--white); padding: 50px 0 40px;}
.important-dates-section h4{color: var(--blue);}
.important-dates-section p{margin-bottom: 0px; color: var(--black);}

/*--------------------- footer -----------------*/

footer{background: var(--blue); position: relative;}
footer .footer-top{padding: 50px 0;}
footer .footer-top ul{padding: 0; font-size: 0; text-align: center;}
footer .footer-top ul li{padding: 0; list-style: none; margin: 0 5px; display: inline-block;}
footer .footer-top ul li a{color: var(--white); font-weight: 400; letter-spacing: 1px;  text-transform: uppercase; font-size: 13px;}
footer .footer-top ul li:hover a{color:var(--orange) ;}
.social-links ul {
  padding: 0;
  margin-bottom: 0px;
}

.social-links ul li {
  list-style: none;
}

.social-links ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  text-align: center;
  line-height: 40px;  
  margin: 0 5px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  z-index: 1;
}

.social-links ul li a .icon {
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
  font-size: 20px;
  line-height: 40px;
}

.social-links ul li a:hover .icon {
  color: #fff;
  transform: rotateY(360deg);
}

.social-links ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  transition: .5s;
  z-index: 2;
}

.social-links ul li a:hover:before {
  top: 0;
}

.social-links ul li:nth-child(1) a:before{
  background: #3b5999;
}

.social-links ul li:nth-child(2) a:before{
  background: #55acee;
}

.social-links ul li:nth-child(3) a:before {
  background: #0077b5;
}

.social-links ul li:nth-child(4) a:before {
  background: #f20000;
}

.social-links ul li:nth-child(5) a:before {
  background: #FF00FF;
}

.copy-right{color: var(--white); font-size: 13px; line-height: 19px; padding: 15px;  background: var(--black);
  /* border-top:1px solid #fff; */
}
.copy-right a{color: var(--white); text-decoration: underline;}

/*------------------- side button ---------------*/

.download-rochure{
  background: var(--orange);
  border-radius: 10px 10px 0 0;
  color: var(--white);
  display: inline-block;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  width: 200px;
  bottom: 435px;
  z-index: 9;
}

.sambalpur-travel {
  background: var(--orange);
  border-radius: 10px 10px 0 0;
  color: var(--white);
  display: inline-block;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  width: 225px;
  bottom: 225px;
  z-index: 9;
}

.btn {
  background-color: var(--orange);
  border: none;
  color:white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: var(--blue);
  color:white;
}

.btn1 {
  background-color: white;
  border: none;
  color: var(--blue);
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}
/* Darker background on mouse-over */
.btn1:hover {
  background-color:white;
  Color:var(--orange);
}

.stkybtn:hover{ background: var(--blue); color: var(--white);}
.stkybtn i{font-size: 14px;}

/*------------ added on 27-09-24 ---------------*/

.about-right-pic{ border-left: 5px solid var(--blue); padding-left: 15px;}
.orange-btn{ background-color: var(--orange); border: none; color: white; padding: 12px 30px; cursor: pointer; font-size: 20px;  border-radius: 5px;}
.orange-btn:hover{ background-color: var(--blue); color: white;}
.text-link{ background-color: white; border: none; color: var(--blue); padding: 0px; cursor: pointer; font-size: 20px;}
.text-link:hover{color: var(--orange);}
.contactsection { background: #fff; border-radius: 6px; padding: 50px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.contactsection i {font-size: 30px; color: #3e2093; margin-bottom: 10px;}
.contactsection .border-lr{border-left:2px solid #afafb6; border-right:2px solid #afafb6;}
.contactsection .text-one{font-size: 18px; font-weight: 500;}
