@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 85% center;
}




body {color: #666; margin: 0px; font-family: "Inter", serif; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}


a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }





.blog-body {background-image:url(../images/bg.jpg); background-size:100% auto; background-attachment:fixed; background-repeat:no-repeat; background-color:#000;}


header {position:fixed; left:0px; top:0px; margin:15px 0px;  width:100%; z-index:10; }

header .black {background-color:#000; border-radius:1000px; display:table; width:100%;  border-image: linear-gradient(to right, #e14e9e, #29B9FA) 1;
   background: 
    linear-gradient(#000 0 0) padding-box,
    linear-gradient(to right, #e14e9e, #29B9FA) border-box;border: 1px solid transparent;}

.logo {float:left; display:inline-block;}

.join-button {float:right; display:inline-block;}

.top-navigation{display:block; margin:auto;}

.tab button{margin-bottom:10px;}


.blog-part-1 {margin-top:100px; color:#fff; display:table; width:100%; }

.blog-part-1 a {color:#fff;}

.blog-part-1 .content-holder {border:1px solid #666; display:table; width:100%; border-radius:20px; padding:30px;  height:580px; position:relative; transition: all 0.5s ease-in 0s;}

.blog-part-1 .content-holder:hover {background-color:rgb(0,0,0,0.5); transition: all 0.5s ease-in 0s;}

.blog-part-1 h2 {color:#fff; font-size:39px; font-weight:bold; margin:0px;}

.socialmedia-top {float:right;}

.socialmedia-top a {display:inline-block; margin-left:20px;}

.socialmedia-top a img {display:block; width:20px;}

.blog-part-1 figure {width:100%; height:580px; padding:0px; margin:0px; border-radius:20px; overflow:hidden; }

.blog-part-1 figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.blog-part-1 figure:hover img {width:110%; margin:-5%; transition: all 0.5s ease-in 0s;}

.blog-part-1 .cat {font-size:14px; text-transform:uppercase; font-weight:600; color:#3cdefb; }

.blog-part-1 h3 {font-size:30px; line-height:130%; margin:10px 0px;}

.blog-part-1 .date-and-socialmedia {width:100%; color:#fff; position:absolute; bottom:15px; left:0px; }

.blog-part-1 .date-and-socialmedia span { font-size:12px; width:100%; border-bottom:1px solid #666; display:block; padding-bottom:10px; margin-bottom:15px; text-indent:30px;   }

.blog-part-1 .date-and-socialmedia a {display:inline-block; float:left; margin-right:10px; opacity:0.5;}

.blog-part-1 .date-and-socialmedia a:nth-child(2) {margin-left:30px;}

.blog-part-1 .date-and-socialmedia a img {display:block; width:20px; }

.blog-part-1 .date-and-socialmedia a:hover  {opacity:1.0;}


.sitetitle{    width:100%; text-align:center; }
.sitetitle h2{
    color: #25ccff;
    font-size: 42px;
    line-height: 51px;

}










.blog-part-2 {margin-top:50px; color:#fff; display:table; width:100%; }

.blog-part-2 a {color:#fff;}

.blog-part-2 .content-holder {font-style: normal;display:table; width:100%; background-color:#000;  border-radius:0px 0px 20px 20px; padding:30px;  height:380px; position:relative; transition: all 0.5s ease-in 0s;}

.blog-part-2 .content-holder:hover {background-color:#000; transition: all 0.5s ease-in 0s;}

.blog-part-2 h3 {color:#fff; font-size:30px; font-weight:bold; margin:0px; display:inline-block; float:left; margin-right:50px;padding-bottom: 20px;}

.blog-part-2 .tag-clouds {display:inline-block; float:left;}

.blog-part-2 .tag-clouds .selected-tag {display:inline-block; float:left; border:2px solid #fff; background-color:#fff; border-radius:1000px; color:#000; padding:5px 20px; margin-left:4px; font-weight:600;}

.blog-part-2 .tag-clouds a {display:inline-block; float:left; border:2px solid #fff; border-radius:1000px; color:#fff; padding:5px 20px; margin-left:4px; font-weight:600;}

.blog-part-2 .tag-clouds a:hover {background-color:rgb(255,255,255,0.3);}

.blog-part-2 .readmore {float:right; display:inline-block; border-bottom:1px solid #fff; color:#fff;}  

.blog-part-2 figure {width:100%; height:270px; padding:0px; margin:0px; border-radius:20px 20px 0px 0px; overflow:hidden; }

.blog-part-2 figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.blog-part-2 figure:hover img {width:120%; margin:-10%; transition: all 0.5s ease-in 0s;}

.blog-part-2 .cat {font-size:14px; text-transform:uppercase; font-weight:600; color:#3cdefb; }

.blog-part-2 h4 {font-size:24px; line-height:130%; margin:10px 0px;font-style: normal;}

.blog-part-2 .date-and-socialmedia {width:100%; color:#fff; position:absolute; bottom:15px; left:0px; }

.blog-part-2 .date-and-socialmedia span { font-size:12px; width:100%; border-bottom:1px solid #222; display:block; padding-bottom:10px; margin-bottom:15px; text-indent:30px;   }

.blog-part-2 .date-and-socialmedia a {display:inline-block; float:left; margin-right:10px; opacity:0.5;}

.blog-part-2 .date-and-socialmedia a:nth-child(2) {margin-left:30px;}

.blog-part-2 .date-and-socialmedia a img {display:block; width:20px; }

.blog-part-2 .date-and-socialmedia a:hover  {opacity:1.0;}





.blog-part-3 {margin-top:50px; color:#fff; display:table; width:100%; }

#video-left iframe {width:100%; height:620px; border-radius:20px;}

#video-right iframe {width:100%; height:290px; border-radius:20px; margin-bottom:30px;}

.blog-part-3 h3 {color:#fff; font-size:30px; font-weight:bold; margin:0px; display:inline-block; float:left; margin-right:50px; margin-bottom:30px;font-style: normal}

.blog-part-3 .readmore {float:right; display:inline-block; border-bottom:1px solid #fff; color:#fff;font-style: normal} 

#video-left {width:65%;}

#video-right {width:35%;}





.blog-part-4 {margin-top:20px; color:#fff; display:table; width:100%; }

.blog-part-4 a {color:#fff;}

.blog-part-4 .content-holder { display:table; width:100%; background-color:#000;  border-radius:0px 0px 20px 20px; padding:30px;  height:250px; position:relative; transition: all 0.5s ease-in 0s;}

.blog-part-4 .content-holder:hover {background-color:#000; transition: all 0.5s ease-in 0s;}

.blog-part-4 h3 {color:#fff; font-size:30px; font-weight:bold; margin:0px; display:inline-block; float:left; margin-right:50px;font-style: normal}

.blog-part-4 .readmore {float:right; display:inline-block; border-bottom:1px solid #fff;font-style: normal} 

.blog-part-4 figure {width:100%; height:270px; padding:0px; margin:0px; border-radius:20px 20px 0px 0px; overflow:hidden; }

.blog-part-4 figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.blog-part-4 figure:hover img {width:120%; margin:-10%; transition: all 0.5s ease-in 0s;}

.blog-part-4 .cat {font-size:14px; text-transform:uppercase; font-weight:600; color:#3cdefb; }

.blog-part-4 h4 {font-size:24px; line-height:130%; margin:10px 0px;font-style: normal}
.blog-part-4 p {font-style: normal}

.blog-part-4 .date-and-socialmedia {width:100%; color:#fff; position:absolute; bottom:15px; left:0px; }

.blog-part-4 .date-and-socialmedia span { font-size:12px; width:100%; border-bottom:1px solid #222; display:block; padding-bottom:10px; margin-bottom:15px; text-indent:30px;   }

.blog-part-4 .date-and-socialmedia a {display:inline-block; float:left; margin-right:10px; opacity:0.5;}

.blog-part-4 .date-and-socialmedia a:nth-child(2) {margin-left:30px;}

.blog-part-4 .date-and-socialmedia a img {display:block; width:20px; }

.blog-part-4 .date-and-socialmedia a:hover  {opacity:1.0;}
















.blog-part-5 {margin-top:50px; color:#fff; display:table; width:100%; }

.blog-part-5 h3 {color:#fff; font-size:30px; font-weight:bold; margin:0px 0px 20px 0px; display:block; }

.blog-part-5 .highlight-box {display:table; width:100%; margin-bottom:30px;}

.blog-part-5 .highlight-box a {color:#fff; display:block; text-align:center; background-color:rgb(0,0,0,0.7); border-radius:20px; padding:30px;}

.blog-part-5 .highlight-box a:hover {background-color:#000;}

.blog-part-5 .highlight-box a img {display:block; margin:30px auto; width:50px; padding:5px; transition: all 0.5s ease-in 0s;}

.blog-part-5 .highlight-box a:hover img {padding:0px; transition: all 0.5s ease-in 0s; }

.blog-part-5 .highlight-box a strong {display:block; text-align:center; font-size:20px; font-weight: 600;}

.blog-part-5 .highlight-box a p {text-align:center; font-weight:400;}
















.blog-details-holder {margin-top:100px; color:#fff; display:table; width:100%; }

.blog-details-holder a {color:#fff;}



.blog-col-1 {width:80px; float:left;}

.back-button {display:block; background-color:#fff; color:#000!important; font-weight:600; padding:5px 10px; text-align:left; border-radius:8px; margin-bottom:15px; }

.share {display:block;  border-radius:10px; margin-top:10px;}

.share span {display:block; font-size:14px; font-weight:500; text-align:center; border:1px solid #999; border-bottom:0px; border-radius:10px 10px 0px 0px; margin:0px; }

.share a {display:flex; font-weight:500; text-align:center;  border:1px solid #999; border-bottom:0px; width:100%; height:70px;   }

.share a:last-child {border:0px; border:1px solid #999; border-radius:0px 0px 10px 10px;}

.share a img {width:30px; display:block; margin:auto; transition: all 0.5s ease-in 0s;}

.share a:hover {background-color:rgb(255,255,255,0.2);}

.share a:hover img {width:40px; transition: all 0.5s ease-in 0s;}







.blog-col-2 {width:calc(71% - 80px); float:left; padding:30px; border:1px solid #999; border-radius:20px; margin:0px 2%;}

.blog-col-2 figure {width:100%; height:auto; padding:0px; margin:0px; border-radius:20px; overflow:hidden; margin-bottom:30px; }

.blog-col-2 figure img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.blog-col-2 figure:hover img {width:110%; margin:-5%; transition: all 0.5s ease-in 0s;}

.blog-col-2 h2 {color:#fff; font-size:38px; line-height:120%; font-weight:bold; margin:0px 0px 20px 0px;}

.blog-col-2 h3 {font-size:30px; line-height:130%; margin:10px 0px;}

.blog-col-2 .date {display:block; font-size:12px;}

.blog-col-2 .cat {font-size:14px; text-transform:uppercase; font-weight:600; color:#3cdefb; display:block;}

.blog-col-2 a {color:#fff; border-bottom:1px solid #fff;}

.blog-col-2 strong {font-weight:800;}

.blog-col-2 ul {margin:0px 0px 0px 20px; padding:0px;}

.blog-col-2 li {padding-left:10px;}

.blog-col-2 img {display:block; width:100%; border-radius:20px;}





.blog-col-3 {width:24%; float:left;  }

.blog-col-3 h3 {font-size:14px; line-height:130%; margin:0px 0px 20px 0px; background-color:#fff; border-radius:8px; color:#000; text-align:center; text-transform:uppercase; letter-spacing:2px; padding:10px 0px; }

.blog-col-3 .content-holder {border:1px solid #999; display:table; width:100%; border-radius:20px; padding:30px 30px 5px 30px; transition: all 0.5s ease-in 0s; }

.blog-col-3 .la-box   {display:table; width:100%; border-bottom:1px solid #666; margin-bottom:10px; padding-bottom:10px; clear:both;}

.blog-col-3 .la-box  img {width:100px; display:inline-block; float:left; border-radius:10px; margin-right:10px; }

.blog-col-3 .la-box h5 {margin:0px; font-size:13px; font-weight:600; line-height:120%;}
 
.blog-col-3 .la-box span {margin:0px; font-size:12px; font-weight:400; line-height:120%; display:block; color:#ccc;}

.blog-col-3 .la-box:last-child {border-bottom:0px;}


























footer {display:table; width:100%; background-color:#000; text-align:center;}

footer img {display:block; margin:auto;}

.footer-mobile {display:none;}











/* Grid */


.grid-1280 {display:table; width:1562px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px;padding-top: 20px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
    background-image: linear-gradient(to right, #02d2ec, #646de9, #8f4de9, #e383f6);
    background-size: 100%;
	border-radius:100px;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */
.top-navigation-mobile {display:none;}
.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#000;
    width: 48px;
    height: 40px;
    position: fixed;
    right: 45px;
    top: 20px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */








/* Style the tab */
.tab {  overflow: hidden;}

/* Style the buttons inside the tab */
.tab button {display:inline-block; float:left; border:2px solid #fff; border-radius:1000px; color:#fff; padding:9px 10px; margin-left:7px; font-weight:600; font-family:Inter; background-color:#1f4b7378; cursor:pointer; }

/* Change background color of buttons on hover */
.tab button:hover {  background-color:rgb(255,255,255,0.3);}

/* Create an active/current tablink class */
.tab button.active {  display:inline-block; float:left; border:2px solid #fff; background-color:#fff; border-radius:1000px; color:#000; padding:9px 10px; margin-left:7px !important; font-weight:600; font-family:Inter;}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


#one,#two,#three,#four,#five,#six {display:none;}

.only-mobile-view {display:none;}



footer {padding:50px 0px; display:table; width:100%;}

.top-navigation{display:block; margin:auto; width:485px; float: right;}
.span-navbdr {color: #29B9FA}

.top-navigation a {color:#fff; line-height:50px; margin:0px 10px; font-weight:400; font-size: 13px;}

.footer-logo {width:100px; display:block; margin:0px auto; }

.socialmedia-bottom {text-align:center; margin-bottom:30px; margin-top:20px;}

.socialmedia-bottom  a {color:#fff; margin:0px 1px; display:inline-block; width:auto;}

.socialmedia-bottom  a img { width:20px; float:left; margin-right:5px; margin-top:3px;}

.copyright {display:block; text-align:center; font-size:14px; color:#666;padding-top: 50px;}

.search {
    display: inline-block;
    float: right;
    transition: all 0.5s ease-in 0s;
}
.search-textbox {
    border: 1px solid #ddd;
    padding: 10px;
    width: 250px;
    font-family: 'Kanit', sans-serif;
    font-size: 13px;
    font-weight: 300;
    float: left;
    height: 35px;
    font-weight: 300;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.search-go-button {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    background-color: #e4c9f7;
    border: 0px;
    background-image: url(../images/search.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

 blockquote {
    box-shadow: inset 3px 0 0 0 #f86466 !important;
    background-color: #0000001f !important;
    padding: 25px !important;
}


@media only screen and (max-width:760px) {
	.top-navigation{
		display: none;
	}
	.search {
	    float: left;
	}
	.search-textbox{
		width: 300px;
	}
	.blog-part-1 h2{
		padding-bottom: 15px;
	}
	.custmwidth{width:100%!important;}

}

.footerul{list-style: none;text-align: left}
.abhrtxt{color: #ffffff;color: #ffffff;font-style: normal;font-weight: 400;}

.poweredtxt{font-style: normal;text-align: center;}


.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgb(41 185 250 / 61%);
  z-index: 1;
  background-color: #000;
}

.dropdown-content a {
  color: #ffffff;
  padding: 1px 0px;
  text-decoration: none;
  display: block;
  line-height: 36px;
  font-size: 14px;
}
.dropdown-content a img{
  width: 15px;
}


.dropdown-content a:hover {background-color: #000;}
.dropdown:hover .dropdown-content {display: block;}