@font-face{
	font-family:'suisse_intlbold';
	src:url(../fonts/suisseIntl-bold.woff2) format("woff2"),
		url(../fonts/suisseIntl-bold.woff) format("woff");
	font-weight:normal;
	font-style:normal}
@font-face{
	font-family:'suisse_intlsemi_bold';
	src:url(../fonts/suisseIntl-semibold.woff2) format("woff2"),
		url(../fonts/suisseIntl-semibold.woff) format("woff");
	font-weight:normal;
	font-style:normal}
@font-face{
	font-family:'suisse_intlmedium';
	src:url(../fonts/suisseIntl-medium.woff2) format("woff2"),
		url(../fonts/suisseIntl-medium.woff) format("woff");
	font-weight:normal;
	font-style:normal}
@font-face{
	font-family:'suisse_intlregular';
	src:url(../fonts/suisseIntl-regular.woff2) format("woff2"),
		url(../fonts/suisseIntl-regular.woff) format("woff");
	font-weight:normal;
	font-style:normal
}

*{box-sizing: border-box;}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {font-family:'suisse_intlregular'; color: #000; margin: 0px;}
img {max-width: 100%;}
a:active{outline: 0;}
:focus{outline: none;}

button:focus {outline: none; }
input:focus {outline: none;}
.btn:focus {outline: none;}
.btn:active:focus {outline: none;}
textarea:focus {outline: none;}
input{-webkit-appearance: none; border-radius: 0px;}
textarea{-webkit-appearance: none; border-radius: 0px;}
h1,h2,h3,h4,h5,h6{color: #000;}


/* banner section start */
.home-banner-section {position: relative;padding: 0 180px 0 0;}
.home-banner-image {display: block;position: relative;}
.home-banner-image > img {width: 100%; display: block;}


.link-circle {position: absolute;left: 54%;top: 17%;width: 190px;height: 190px;border-radius: 50%; background: rgba(242,120,195,0.2); border: 3px solid rgba(242,120,195,0.3);border-radius: 50%;z-index: 2;text-align: center; transform: scale(1);}
.link-circle .circle-box{position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;background: #F278C3; transform: translate(-50%, -50%); z-index: 3; text-align: center; padding-top: 22px; border-radius: 50%;}
.link-circle .circle-box h5 {margin: 0;color: #fff;font-size: 28px;font-family:'suisse_intlbold';}
.link-circle .circle-box span {color: #fff;font-size: 14px;}
.link-circle{animation: pulse 0.5s linear infinite}
@keyframes pulse{
	from{
		transform: scale(1);
	}
	to{
		transform: scale(1.1);
	}
}

.link-circle.clean-link {left: 12%;top:45%;}
.link-circle.safe-link {left: 55%;top:57%;}
/*.link-circle.clean-link .circle-box{background: #28E4BF;}
.link-circle.safe-link .circle-box{background: #FFB021;}
*/
.banner-note {position: absolute;left: 20px;bottom: 20px;background: #fff;padding: 10px;display: flex;align-items: center; width: 100%; max-width: 224px; z-index: 1;}
.banner-note p {margin: 0; font-size: 12px; color: #000; max-width: 125px;}
.banner-note img{margin-right:15px;}

.home-banner-section .lines{position: absolute;right: 0;top: 0;bottom: 0;width: 180px;display: flex;}
.home-banner-section .lines .line.pink{background: #F278C3;width:80%;}
/*.home-banner-section .lines .line.purple{background: #CAA3E5;width:17.77%;}
.home-banner-section .lines .line.yellow{background: #FFB021;width:17.77%;}*/
.home-banner-section .lines .line.red{background: #EB0045;width:20%;}

.inner-container:before, 
.inner-container:after{content: "";clear: both;display: table;}
.inner-container{display: block;margin: 0 auto;max-width: 1050px;padding: 0 15px;}

/* banner section end */
.hacks-section {display: inline-block;width: 100%;padding: 44px 0; vertical-align: top}
.inner-container {display: block;margin: 0 auto;max-width: 1050px;padding: 0 15px;}
.inner-container:before, 
.inner-container:after{content: "";clear: both;display: table;}

.hack-item-list {display: flex;flex-wrap: wrap;margin: 0 -15px;}
.hack-item-list .hack-item {width: 33.33%;padding: 0 15px; margin: 0 0 30px;}

.hack-item .hack-box {height: 100%;display: block;background: #F378C4;position: relative;}
.hack-item .hack-box:before{position: absolute; content: ""; left: 0px; top: 0px; width:25px; bottom: 0px; background: #EB0045;}
.hack-item .hack-box .hack-img {display: block;position: relative;padding-bottom: 59%; z-index: 3; background-size: cover; background-repeat: no-repeat; background-position: top center}
.hack-box .hack-img:before{position: absolute; content: ""; left: 10px; right: 10px; top: 10px; bottom: 10px; background-color:rgba(255,255,255,0.3); }

.hack-info {display: inline-block;align-items: center;width: 100%;padding:25px 25px 25px 50px;position: relative;}
.hack-info h4{font-size: 30px; color: #000; margin: 0 0 20px; font-family:'suisse_intlbold';}
.hack-info p{font-size:17px; line-height: 24px; color: #000; margin: 0px;}

.section-heading{display: inline-block;width: 100%; padding: 0 0 50px;}
.section-heading h2 {font-size: 22px;margin: 0 0 10px;line-height: 1;letter-spacing: -0.5px; font-family: 'suisse_intlbold';}
.section-heading p{font-size: 14px; line-height: 21px; color: #000; margin: 0px;}

.filter-sidebar {position: fixed;right:0px;top: 50%;transform: translateY(-50%);z-index: 999;transition: all 0.5s ease-in-out 0s; pointer-events: none;}
.filter-sidebar .filter-box {display: inline-block;width: 100%;background: #F278C3;padding:80px 115px 80px 65px; transform: translateX(90%); transition: all 0.5s ease-in-out 0s; opacity:0; visibility:hidden; pointer-events:none;}
.filter-sidebar.open .filter-box{transform: translateX(0%); opacity: 1; visibility: visible; pointer-events: auto;}
.filter-sidebar .filter-button {position: absolute;right:0px;top: 0;height: 100%;width: 50px;background: #EB0045; cursor: pointer; z-index: 99; opacity:0; visibility:hidden; pointer-events:none;}
.filter-sidebar.open .filter-button{left: auto; right:0;}
.filter-sidebar .filter-button span {transform: rotate(-90deg);display: inline-block;text-align: center;min-width:84px;font-size: 24px;font-weight: 700;color: #001937; margin-left: -15px; margin-top:110px;}
.filter-sidebar .filter-button img {transform: rotate(90deg);margin-right:3px;}
.filter-sidebar.on .filter-button{opacity: 1; visibility: visible; pointer-events: auto;}

.filter-close {position: absolute;left:20px;top:20px;width: 30px;height: 30px;cursor: pointer;}
.filter-close:before, .filter-close:after {content: "";position: absolute;left: 50%;top: 50%;width: 20px;height: 4px;background: #000;transform: rotate(45deg); margin-left: -10px;}
.filter-close:after {transform: rotate(-45deg);}
.filter-sidebar .filter-form{min-width: 500px;}
.filter-sidebar .form-select {width: 100%;display: block;margin: 0 0 20px;}
.select2-container--default .select2-selection--single{background-color: #fff;border: none;border-radius: 0;height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #F278C3;line-height:44px;padding: 0 30px 0 15px; font-size: 13px; font-family:'suisse_intlsemi_bold';}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 42px;position: absolute;top: 1px;right: 1px;width: 30px;background: url(../images/select-arrow.svg);background-repeat: no-repeat;background-position: center center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.select2-dropdown{border: none;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #F278C3;}
.select2-results__option {padding: 10px 15px;font-size: 13px; font-family:'suisse_intlsemi_bold';}
.submit_btn {display: block;background:#001937;color: #fff;border: none;height: 44px;width: 100%;max-width: 184px;font-size: 14px;font-weight: 500;font-family: 'Roboto', sans-serif;margin-left: auto; cursor: pointer; transition: all 0.3s ease-in-out 0s;}
.submit_btn:hover,
.submit_btn:focus{background:#EB0045; color: #fff;}

.hacks-content{display:inline-block; margin:30px 0 100px; width: 100%;}
.hacks-content h1{margin:20px 0 50px;font-size:40px; line-height: 52px; color: #000; font-family:'suisse_intlbold';}
.hacks-content p{margin:0px;font-size:18px; line-height:27px; color: #000; font-family:'suisse_intlsemi_bold';}

/*new update design*/
.home-slider .slide-item{vertical-align: top;}
.home-slider .slide-item img {width: 100%; display: block;}
.slick-dots {position: absolute;left: 0;width: 100%;bottom: 30px;z-index: 9;padding: 0;margin: 0;list-style-type: none;text-align: center;}
.slick-dots li {display: inline-block;margin: 0 3px;}
.slick-dots li button {padding: 0;margin: 0;border: 2px solid #F278C3;font-size: 0;background: transparent;width: 11px;height: 11px;border-radius: 50%;}
.slick-dots li.slick-active button {background: #EB0045;}

.knowledge-section {display: inline-block;vertical-align: top;background: #F378C4;width: 100%;position: relative; padding: 50px 0px;}
.knowledge-section:before {position: absolute;content: "";left: 0;top: 0;width:80px;bottom: 0;background: #EB0045;}

.knowledge-section h5 {margin: 0 0 35px;color: #000;font-size: 20px;line-height: 1; font-family:'suisse_intlbold';}
.knowledge-section h2 {margin: 0 0 15px;color: #000;font-size: 30px;line-height: 51px;font-family: 'suisse_intlbold';max-width: 600px;}

.border-btn {border: 1px solid #000;text-decoration: none;display: inline-block;width: 100%;max-width: 331px;height: 44px;line-height: 42px;font-size: 12px;text-align: center;color: #000; font-family:'suisse_intlbold'; transition: all 0.3s ease-in-out 0s;}
.border-btn:hover{background: #000; color: #fff;}

/*.home-video {display: none;}*/
.video-block video {width: 100%;vertical-align: top;}

/*responsive start*/
@media screen and (max-width:1199px){
	.knowledge-section:before{display: none;}	
  
}
@media screen and (min-width:992px){    
  
}
@media screen and (max-width:991px){    
	.home-banner-section{padding: 0px;}
	.home-banner-section .lines{display: none;}
	.hack-item-list .hack-item {width:50%;}

	.link-circle{width: 120px;height: 120px;}
	.link-circle .circle-box h5{font-size: 20px;}
	.link-circle .circle-box{padding-top: 28px;}

	.hacks-content h1{font-size:30px; line-height: 42px;}
	.hacks-content p{font-size: 16px; line-height: 26px;}
	.knowledge-section h2{font-size:30px; line-height: 42px;}
}

@media screen and (max-width:767px){    
	.hack-item .hack-box:before{width:10px;}
	.hack-info{padding: 15px 15px 15px 20px;}
	.hack-info h4{font-size: 24px;margin: 0 0 10px;}

	.link-circle {width: 90px;height: 90px;}
	.link-circle .circle-box{width: 60px; height: 60px;}
	.link-circle .circle-box h5{font-size:14px;}
	.link-circle .circle-box{padding-top:12px;}
	.link-circle .circle-box span{font-size: 12px;}

	.filter-sidebar .filter-button{height: 120px; top: 30%;}
	.filter-sidebar .filter-button span{margin-top: 45px;}
	.filter-sidebar .filter-box{padding: 50px 70px 50px 30px; transform: translateX(100%);}
	.filter-close{left: 7px; top: 7px;}
	.filter-sidebar .filter-form {min-width: 220px;}

	.hacks-content h1{font-size:24px; line-height: 32px; margin:0px 0 30px;}
	.hacks-content{margin: 0 0 50px;}
	.knowledge-section{padding:30px 0px;}
	.knowledge-section h2 {font-size: 24px;line-height: 32px;}
	.knowledge-section h5{font-size: 16px; margin: 0 0 15px;}
}
@media screen and (max-width:575px){
	.hack-item-list .hack-item {width:100%;}
}