html, body {
  width: 100%;
  overflow-x: hidden;
}

.toplogo img {
width:100%;
  margin-right: -87px;
  margin-top: 12px;
}

.associationLogos img {
    width: 32%;
    margin: 8px;
}

.navbar {
  background-color: var(--blue) !important;
color:var(--white) !important;
}

.bg-themeBlue {
  background-color: var(--blue) !important;
color:var(--white) !important;
}

.bg-white {
  background-color: var(--white) !important;
color:var(--black) !important;
}

.bg-grey {
  background-color: var(--grey) !important;
color:var(--black) !important;
}

.bg-darkRed {
  background-color: var(--darkred) !important;
color:var(--white) !important;
}

#formCol #contact label {
  display: none;
}

.navbar a {
  color: var(--white) !important;
}

.bannerSliderSection .banner img {
  width: 100%;
}

.swiper-slide .text {
  background-color: var(--black);
  color: #fff;
  padding: 60px 30px 40px 30px;
  transition: all 1s;
}

.swiper-slide .text:hover
{
  background-color: var(--red);
  cursor: pointer;
  transition: all 1s;
}

.swiper-slide .profilePic {
  margin-bottom: -50px;
}

.swiper-slide .profilePic .img {
  height: 160px;
  width: 160px;
  margin: auto;
}

.profilePic img {  
  height: 100%;
  width: 100%;
  border-radius: 50%;
  margin: 0px auto;
  border: 6px solid var(--white);
}

.msgImg img {
  width: 100%;
}

.navbar-nav li {
  margin-left: 12px;
}

.dropdown-menu {
  background-color: var(--blue);
  padding-left: 0px !important;
}

.dropdown-menu li {
  margin-left: 0px !important;
}

.dropdown-menu li:hover a {
  color: var(--blue) !important;
}

#welcomeMessage .msgImg img {
  border-radius: 15px;
  border: 4px solid var(--white);
}

.facilities li
{
  list-style-type: none;
}

.facilities li:before {
content: "\2663";
margin: 8px;
font-size: 20px;
color:gold;
}

.eventContent {
  background-color: #fff !important;
  box-shadow: 0px 0px 1px grey;
}

/* whatsApp button */

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	left: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
  z-index: 9999999999;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

/*whatsApp button end*/

/* animated phone icon */

.fixedContent .container
{
    position: fixed;
    left: 20px;
    bottom: 120px;    
}

.fixedContent .header
{
    color: #006380;
    font-weight: bold;
    font-size: 25px;   
    font-family: Open Sans;    
    margin: 10px 0;
}

.fixedContent .container {
  background: var(--blue);
	color: white;
	position: fixed;
	bottom: 100px;
	left: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
  border: 2px solid var(--white);
  z-index: 9999999999;
}

.fixedContent .trin-trin
{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.fixedContent .icon-phone
{
   /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC1klEQVRoQ+2Z21XbQBCG/7ULCKkgTgUxFcR0YCrAl7wHKvBQQeA9Fu4AqCCkgogKcCqIU4C1OaONOLYl7e5IstY+B73wwMwy385l/10UjvxTRx4/3gBCZ7A8AyPqQ3XeOQPUyTMWtHLa7ckgD8CBd3APhZ7n34wxp1NP28bN8gATehEEbwJSOMN3emo8Oo8F8wBT0h5+2yYHBsD17K79TQSNK0R0IwZvwKGohJ6g8Fm2tn7E/Hoo82nGuqiEFgAuRMtrrBDRe5FPQ8ZFGSAozMTrr3GKBcViv5oOeYAvNIDGD/G6gfqg6Bw4QRd/KgAsEdFHsV9Nh+KTeEIxFD6J1w5QRsUA09kNoL6KAQKcByUAxCPxXgjwG2v029ZF5WJumgo03wPtL9YYHMYUyrZ9Sr7nQbDgjQwr+1iVdvHLWUYB6n4zJvuNbEJ2WaExRpRmKthnB5hamznoPSDbMfed2H4mnGNOD8G239oDWVQ2acEiLkk10DIUhDsDHJm9F2Kscdb2/PcvIbYcUQ9dvJTussYCEY1DZMEvAyYLl1D4ZoEIcivzB3CXEhBgrMoATCnxpaVcYrQMIQPgLNjPBlNhWhGi2bWzJ0bEd487aAwAPCDBrVRPyQFMKY2gcGcNkBs7wVXpdDLB882vv7UOj2aFGFqxClghUTEsr3/VAEwmfMQej9hxblfLgrftiMYSCc5316oO4A+xXVJVgn8Fyz/f1AMQQWAJpQjQl7mycTbLfwONn4iI++X1qw9geqLaU4xv4Jnd3gB8G1sa8K79XgGM5OBLEKvTD3VjLfTfO4CBOEFXU6VXDRd1KwBZEEaG86htLhutAmQgRgSS4IWjPA9BALKy6oBBeIT6PtXkQYIBbIbCMgQpjPzp8iAAMhhWth3wC+DQ+x8qBS/gzRxkrunh83tu+gR9KPSh0Ut/bpabxjMSDHfv34cD4ANZYPMGUHHjGnM7+gz8A29K+DHRISQ9AAAAAElFTkSuQmCC');	*/
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    width: 30px;
    display: inline-block;
}

@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

/* animated phone icon */

/* scroll to top */

.scrollTop {
	background: var(--blue);
	color:var(--white);
	position: fixed;
	bottom: 120px;
	right: 20px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
  border: 2px solid var(--white);
	border-radius: 50%;
  transition: all 1s;
  z-index: 9999999999;
}

.scrollTop:hover {
	background: var(--darkred);
	color:var(--white);
  transition: 1s all;
}

/* scroll to top end */


.colorYellow {
  color:var(--yellow) !important;
}

.colorWhite {
  color: var(--white) !important;
}

.colorBlack {
  color: var(--black) !important;
}

.colorBlue {
  color: #003399 !important;
}

.iconSize {
    height: 40px !important;
    width: 40px !important;
    display: inline-block;
    vertical-align: middle;
  }
  
  .alignRight{text-align: right !important;}
  
  .font1 {
    font-size: 14px;
  }
  
  .font2 {
    font-size: 19px;
  }
  
  .font3 {font-size: 24px !important;}
  
  .heading1 {font-size: 22px !important;}
  
  .heading2 {font-size: 28px !important;}
  
  .heading3 {font-size: 34px !important;}
  
  .heading4 {font-size: 40px !important;}
  
  .heading5 {font-size: 48px !important;}
  .heading6 {font-size: 60px !important;}
  .heading7 {font-size: 70px !important;}
  .heading8 {font-size: 84px !important;}

  :root {
--blue:#0c60a9;
--red:#ff0000;
--darkred:#ad0000;
--white:#fff;
--lightWhite:#f4f5f5;
--black:#000;
--lightBlack:#1e1e1e;
--yellow:yellow;
--grey:#e6e6e6;
  }