@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');

img {
    max-width: 100%;
}

body {
    font-family: "Inter", sans-serif !important;
}

a {
    text-decoration: none;
}

h1 {
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
}

/* h2 {
    font-size: 32px;
    font-weight: 700;
    line-height:43px;
    margin: 0;
} */

h2{font-weight:600;}

p {
    font-size: 14px;
    color: #545454;
}

.btn-primary{background-color: #3EACEF;border-color:#3EACEF;}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/* .topbar {
    list-style: none;
    padding: 0 30px;
}

.navbar {
    padding: 0;
}

.signin a {
    background-color: #3EACEF;
    padding:6px 15px;border-radius:6px;
    font-size: 15px;
    color: #fff;
    gap: 5px;
}

.btn.signin:active{border:0 !important;}

.signin:hover a {
    color: #fff;
    transition: 0.5s;
    background:#00c58a ;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: #3EACEF;
}

.nav-link {
    padding: 25px 15px !important;
    font-size: 15px;
    color: #000;
}

header.sticky-top{z-index: 10200;} */


/* hero sections css */
.kodago-workplace {background:#fff;}
.kodago-workplace h1 {max-width:700px;margin:0px auto 20px;color:#2B2B2B;transition:5s ease-in-out;}
.cursor {display: inline-block;width: 1px;background-color: #3EACEF;animation: blink 5s step-end infinite;}

@keyframes blink {
    50% { background-color: transparent; }
}

.kodago-workplace h1 span{color:#3EACEF;}
.kodago-workplace h5{font-size: 17px;line-height: 34px;}
.kodago-workplace p {color:#545454;max-width:620px;margin:0 auto;line-height:28px;}
.startbutton .btn-primary{font-size: 15px;padding: 10px 20px;}
.hero-section{padding-bottom: 20px;background: url(../new-images/hero-gradient.png) no-repeat center bottom;}

/* picku platform section css */
.pickuplatform{background-color: #1A232F;}
.pickupbox-inn {border-radius: 12px;box-shadow: 0px 4px 5px 0px #00000030;height: 100%;}
.pb-img {border-radius: 12px 12px 0 0;}
.pickupbox-inn .bg-white {border-radius: 0 0 12px 12px;padding: 15px;height: calc(100% - 194px);}
.pb-tags li {background: #C8D1D8;padding: 3px 12px;border-radius: 4px;color: #192E37;
font-size: 13px;font-weight: 500;margin-right: 4px;}
.pb-cont {flex-grow: 2;}
.pickupbox-inn h3 {font-size:20px;color: #1A232F;font-weight:600;margin:20px 0 10px;}
.pickupbox-inn p {color: #637079;font-size:14px;}
.pb-action a, .pb-action a:hover {background: #1A232F;margin-top: 15px;color: #fff;font-size: 15px;font-weight: 500;padding: 10px 30px;border-radius: 4px;transition: .2s all;}
.pb-action a:hover {opacity: 0.97;}

/* Our clients section css */
.our_clients h2{font-size: 21px;}
.our_clients .owl-carousel .owl-item img{height:62px;width:auto;}
.brand-strip {
    background-image: url(../new-images/brandstriplogo.png);
    height: 60px;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: repeat-x;
    transition: .3s;
    position: relative;
    -webkit-animation: 900s linear infinite brand_slide;
}

@-webkit-keyframes brand_slide{from{background-position:0 0}to{background-position:-50000px 0}}

/* new features css here */
.new-features h2{max-width: 430px;margin: 0 auto 10px;}
.new-features .tittle p{max-width:500px;margin: 0 auto;}
.new-features-box h3{font-size: 28px;}
.new-features-box p{font-size:15px;color:#000;line-height:27px;}
.new-features-box ul li:before{content: "";position: absolute;left: 0;
top: 5px;background: url(../new-images/list-check.png) 0 0 / contain no-repeat;
display: block;width:18px;height: 18px;}
.new-features-box ul li{position: relative;padding-left: 30px;font-size: 15px;
line-height: 25px;margin: 0 0 10px 0;}
.btn-getstarted {font-size: 16px;font-weight: 500;color: #0c2330;
margin-left: 35px;margin-top: 10px;position: relative;display: inline-block;}
.btn-getstarted::before {content: "";position: absolute;bottom: 0;width: calc(100% - 26px);
background: #0c2330;height: 1px;}
.btn-getstarted img {margin-left: 10px;transition: .3s ease-in-out;}
.btn-getstarted:hover img{margin-left: 15px;}

/* Artificial Intelligence css here */
.ho-section4, .kodago-stats{background-color:#1A232F;}
.ho-section4 .sticky-container>div{transition: .3s ease-in-out;}
.ho-section4 .sticky-container .sticky-top video {border-radius: 12px;}
.ho-section4 .aicontent-scrollp {padding: 80px 0 80px 40px;}
.ho-section4 .sticky-container .aicontent-scroll-img {display: none ;}
.ho-section4 .ai-title-cont {
    position: relative;
    padding: 6px 22px 9px;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
}
.ho-section4 .aicontent-scrollp .data-1 .ai-title-cont {
    opacity: .8;
    transition: .3s ease-in-out;
}

.ho-section4 .aicontent-scrollp .data-1 h3 {
    opacity: .7;
    transition: .3s ease-in-out;
}

.ho-section4 .aicontent-scrollp .data-1 p {
    opacity: .6;
    transition: .3s ease-in-out;
}

.ho-section4 .aicontent-scroll .data-1 p {
    font-size: 15px;
    font-weight: 500;
    color: #b5babe;
}

.ho-section4 .ai-content p {
    line-height: 30px !important;
}

.ho-section4 .aicontent-scroll .data-1 h3 {
    font-size:24px;
    font-weight: 600;
    color: #fff;
}
.ho-section4 .aicontent-scrollp.active-content .data-1 .ai-title-cont, .ho-section4 .aicontent-scrollp.active-content .data-1 h3, .ho-section4 .aicontent-scrollp.active-content .data-1 p{    opacity: 1;}

.ho-section4 .section-heading h2 span{background:-webkit-linear-gradient(left, #3eacef, #ffbb00);-webkit-background-clip: text;background-clip: text;color: #309cff;
display: inline-block;opacity: 1;-webkit-text-fill-color: #fff0;}
.ho-section4 .section-heading p{color:rgba(255,255,255,.9);}
.ho-section4 .ai-title-cont::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #ec8a46, #469aea);
    border-radius: 32px;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border: 2px solid;
    border-image: linear-gradient(to right, #EC8A46, #469AEA);
    border-image-slice: 1;
    top: 0;
    z-index: 1;
    content: "";
    left: 0;
}

.ho-section4 .ai-title-cont span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

/* kodago stats css here */

.fun-facts-area .fun-fact {text-align: center;position: relative;z-index: 1;}
.fun-fact .counter {position: relative;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;line-height: 1;margin-bottom: 5px;font-size: 50px;}
.fun-fact .medium {font-weight: 700;width: 100%;display: block;text-align: center;
font-size: 17px;color: #fff;}
.recommend-section {position: relative;padding: 20px 35px 20px 20px;background-color: #1A232F;
border-radius: 15px;margin-top: 10px;}
.recommend-section::before {content: "";position: absolute;top: 0;left: 0;width: 100%;
height: 100%;background: linear-gradient(to right, #ec8a46, #469aea);
border-radius: inherit;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;z-index: 1;border: 1px solid;
border-image: linear-gradient(to right, #EC8A46, #469AEA);border-image-slice: 1;}
.recommend-content p {font-size: 27px;font-weight: 500;color: #fff;max-width: 300px;margin-left: 15px;}
.g2badges-area img {max-height: 109px;}
.recommend-content p {font-size: 27px;font-weight: 500;color: #fff;max-width: 300px;
margin-left: 15px;}
.integration-box {border-radius: 6px;transition: .3s ease-in-out;border: 1px solid #dbe1e5;}
.integration-link {transition: .3s ease-in-out;padding: 30px 18px;    width: 100%;}
.integration-box img {max-height: 56px;margin-bottom: 10px;}
.integration-box h4 {font-size:18px;font-weight: 500;color: #0c0e10;}
.integration-box p {font-size: 14px;color: #637079;}
.integration-link:hover {box-shadow: 0 0 25px rgb(0 0 0 / .2);border-radius: 6px;}
.integration-box:hover {border-color: #fff0;}

/* kodago client */

.kodago-client h6 {font-size: 13px;}
.kodago-client h5 {font-size: 16px;}
.client-img {height: 50px;width: 50px;}
.client-img img {height: 100%;border-radius: 6px;object-fit: cover;}
.kodago-client .owl-dots button.owl-dot.active {background-color: #09B850;
border: 1px solid transparent;border-radius: 35%;height: 8px;width: 16px;}
.kodago-client .owl-dots button.owl-dot {border: 1px solid #b0b2b6;background: #b0b2b6;
border-radius: 50%;height: 8px;width: 8px;margin-right: 5px;position: relative;}
.kodago-client .owl-carousel .owl-dots {display: block;padding-top: 6px;}

/* cta-section section css here */

.cta-section-box{background-color: #1A232F;border-radius: 16px;padding: 48px 30px; }
.cta-section p{color:#fff;opacity:0.8;max-width:700px;margin:15px auto 25px;
    line-height: 28px;}
.startbutton {display: inline-block;}
.startbutton a {padding: 13px 20px;transition: 0.5s;font-weight: 600;border-radius: 6px;
font-size:14px;}
.startbutton a:hover {background-color: #00c58a !important;color:#fff;
border-color:#00c58a !important;}

/* new testomnial */
.newtestimonials .nav-link.active {border-bottom: 2px solid #ff4051 !important;}
.newtestimonials .nav-link img {filter: grayscale(100%);max-height: 40px;transition: .3s ease-in-out;}
.newtestimonials .nav-link.active img, .newtestimonials .nav-link:hover img {
filter: grayscale(0);}
.newtestimonials .nav-link {padding-bottom: 5px !important;border-color: transparent !important;}
.newtestimonials .tabcont-box[data-name=schiermonnikoog] {background-color: #b2f9ff;}

.newtestimonials .tabcont-left {
    width: 55%;
    padding: 20px 30px;
    position: relative;
    border-radius: 12px 0 0 12px;
}

.newtestimonials .tabcont-box[data-name=schiermonnikoog] .tabcont-left {
    background-color: #9dfcf0;
    background: -webkit-gradient(linear, left top, right top, from(#9dfcf0), to(#1bfcff));
    background: -webkit-linear-gradient(left, #1bfcff, #9dfcf0);
    background: -moz-linear-gradient(left, #1bfcff, #9dfcf0);
    background: -ms-linear-gradient(left, #1bfcff, #9dfcf0);
    background: -o-linear-gradient(left, #1bfcff, #9dfcf0);
}

.newtestimonials .tabcont-right {
    width: 45%;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}

.newtestimonials .tabcontleft-imgbox {
    padding: 15px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 13px 0 #00000026;
    border-radius: 10px;
}

.newtestimonials .tabcont-box[data-name=schiermonnikoog] .tabcont-right-box {
    box-shadow: 0 4px 13px 0 #55c8D1D9;
}

.newtestimonials .tabcont-right-box {
    border-radius: 10px;
    background-color: #fff;
    padding: 35px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.newtestimonials .tabcont-right-box .head-box {
    width: 50%;
    position: relative;
}

.newtestimonials .head-box strong {
    font-size:40px;
    font-weight: 600;
    line-height: normal;
    color: #1a232f;
    text-transform: uppercase;
}

.newtestimonials .head-box p {
    font-size: 15px;
    font-weight: 500;
    color: #637079;
    margin: 0;
}

.newtestimonials .tabcont-right-box .head-box:first-child::after {
    content: "";
    background: #d6d6d6;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
}

.newtestimonials .tabcont-right-box .head-box:last-child {
    padding-left: 20px;
}

.ho-section6 .tabcontr-mid {
    flex-grow: 2;
}

.ho-section6 .tabcontr-mid p {
    font-size: 14px;
    margin-top: 70px;
    margin-bottom: 20px;
    position: relative;line-height: 28px;
}

.ho-section6 .tabcontr-mid p::before {
    content: "";
    position: absolute;
    left: 0;
    top: -45px;
    background: url(../new-images/quote.webp) 0 0 / contain no-repeat;
    display: block;
    width: 100%;
    height: 38px;
    opacity: .2;
}

.ho-section6 .bottom-content {
    margin-left: 15px;
}

.ho-section6 .tabcont-box[data-name=isolated] .tabcont-left {
    background-color: #ffdedc;
}

.ho-section6 .tabcont-box[data-name=isolated] {
    background-color: #f9f9f9;
}
.ho-section6 .tabcont-box[data-name=theleela] .tabcont-left {
    background-color: #dfdfc8;
}
.ho-section6 .tabcont-box[data-name=theleela] {
    background-color: #f2f2e3;
}

.ho-section6 .bottom-content strong {
    font-size: 16px;
    font-weight: 700;
    color: #0c0e10;
}
.ho-section6 .bottom-content span {
    font-size: 14px;
    font-weight: 400;
    color: #5f7079;
}


/* footer */
footer {background: #F4F4F6;}
.foter-left p {line-height: 23px;padding: 20px 0px;margin:0;}
.foter-right h5 {
    font-size: 20px;
    font-weight: 600;
    color: #2B2B2B;
}

.foter-right ul li a {
    color: #545454;
    padding: 3px 0;
    font-size: 14px;
    display:block;
}

.foter-right ul li a:hover {
    color: #000;
    transition: 0.5s;
}

.copright p {
    font-size: 12px;
    border-top: 1px solid #d6d6d6;
    color: #545454;
}

.foter-right a i {
    font-size: 17px;
}

.social-link a i {
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.insta-logo i {
    background: #c32aa3;
    border: 1px solid transparent;
}

.linden-logo i {
    background: #0077B5;
    border: 1px solid transparent;
}

.insta-logo i:hover {
    background: #fff;
    color: #c32aa3 !important;
    border: 1px solid #c32aa3;
    transition: 0.9s;
}

.linden-logo i:hover {
    background: #fff;
    color: #0077B5 !important;
    border: 1px solid #0077B5;
    transition: 0.9s;
}

/* footer css */

	#footer2 {
		background: #F4F4F6;
		color: #0C2330;
	}
	#footer2 .footer-top {
		padding:40px 0 30px;
	}
	#footer2 .footer-top span {
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 8px;
		display: block;
		font-size: 17px;
		font-weight: 600;
		color:#0C2330;
		font-family: 'General Sans', sans-serif;
	}
	#footer2 .footer-top .footer-links ul {
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 30px;
	}
    #footer2 .footer-top .footer-links ul:last-child {
        margin-bottom: 0px;
    }
	#footer2 .footer-top .footer-links ul li {
		padding: 6px 0;
		display: flex;
		align-items: center;
	}
	#footer2 .footer-top .footer-links ul li:first-child {
		padding-top: 0;
	}
	#footer2 .footer-top .footer-links ul a {
		transition: .3s;
		font-size: 14px;
		font-weight: 500;
		color:#0C2330;
		font-family: 'General Sans', sans-serif;
	}
	#footer2 .footer-top .footer-links ul a:hover {
		color: #ff4051;
	}
	#footer2 .read-review span {
		padding: 0;
		margin: 0;
		font-size: 15px;
		font-weight: 500;
		color: #0C2330;
		font-family: 'General Sans', sans-serif;
	}
	#footer2 .read-review a {
		transition:all 0.3s ease-in-out;
	}
	#footer2 .read-review a:hover {
		opacity:0.9;
	}
	#footer2 .footer-bottom{	
		border-top:1px solid #1A1A1A;
		background-color: #F4F4F6;
    	padding: 25px 0;
	}
	#footer2 .subfooter li:not(:last-child) {
		margin-right:7%;
	}
	#footer2 .subfooter a {
		font-family: 'General Sans', sans-serif;
		font-size: 14px;
		font-weight: 500;
		color:#0C2330;
		transition: all 0.3s ease-in-out;
	}
	#footer2 .subfooter a:hover {
		opacity:0.9;
	}
	#footer2 .subfooter p {
		font-family: 'General Sans', sans-serif;
		font-size: 14px;
		font-weight: 500;
		color:#0C2330;
		margin:15px 0 0;
	}
	#footer2 .social-links span {
		font-family: 'General Sans', sans-serif;
		font-size: 14px;
		font-weight: 500;
		color:#0C2330;
	}
	#footer2 .social-links li:not(:first-child) {
		margin-left:10px;
	}
	#footer2 .social-links li a,
    #footer2 .gdpr-section li a {
		display:inline-block;
		transition:all 0.3s ease-in-out;
	}
	#footer2 .social-links li a:hover,
    #footer2 .gdpr-section li a:hover {
		opacity: 0.9;
	}
    #footer2 .gdpr-section li:not(:first-child) a img {
        max-height: 30px;
        width: auto;
        display: block;
        max-width:100%;
    }
    .page-template-display footer#footer2 {
        display: none;
    }
    .page-template-display footer#footer {
        display: block !important;
    }
    @media(max-width:1199px) {
        #footer2 .footer-top .footer-links ul a,
        #footer2 .social-links span,
        #footer2 .subfooter a,
        #footer2 .subfooter p {
            font-size:13px;
        }
        #footer2 .footer-top .footer-links ul li {
            padding: 5px 0; 
        }
        #footer2 .footer-top span {
            margin-bottom: 5px;
        }
        #footer2 .footer-bottom {
            padding: 20px 0;
        }
    }
    @media(max-width:991px) {
        #footer2 .footer-top .footer-links ul:last-child {
            margin-bottom: 20px;
        }
        #footer2 .footer-bottom {
            padding: 15px 0;
        }
        #footer2 .social-links li a img {
            max-height: 28px;
        }
        #footer2 .gdpr-section li:first-child a img {
            max-height: 40px;
        }
        #footer2 .gdpr-section li:not(:first-child) a img {
            max-height: 22px;
        }
        #footer2 .footer-top span {
            margin-bottom: 0px;
        }
        #footer2 .subfooter ul,
        #footer2 .social-links span {
            display: none !important;
        }
        #footer2 .subfooter p {
            margin: 0 0 10px;
            text-align: center !important;
        }
        #footer2 .social-links {
            justify-content: center !important;
        }
        #footer2 .social-links li {
            margin-left: 5px !important;
            margin-right: 5px;
        }
    }
    @media(max-width:767px) {
        #footer2 .footer-top {
            padding-top: 10px;
        }
    }
    @media(max-width:574px) {
        #footer2 .footer-top {
            padding-top: 5px;
        }
    }


/*****************************/    
/* event-social-hero page css */
/*****************************/ 

.event-social-hero{}
.startbutton a.btn-outline-secondary{padding: 10px 20px;}
.event-social-hero p{line-height: 28px;}
.event-social-hero h6 {font-size: 14px;color:#545454;font-weight:normal;}
.event-social-hero h5{font-size: 15px;color:#000;font-weight:500;}
.event-social-hero-right{border:solid 6px #000;border-radius:3px;}

.innerfeatures{background:#f7f9fc;}
.innerfeaturesText span{color: #cacaca;font-size:20px;font-weight:500;}
.innerfeaturesText h3{color: #2b2b2b;font-size:22px;font-weight:500;}
.innerfeaturesdec p{margin:15px 0;}

.achievemore{background:#f7f9fc;}
.advance-social .new-features-box h3{font-size: 20px;}

.cta-section-wall{background-color: #1A232F;}
.cta-section-wall .cta-section-box{padding:0;}

.advancedsocialwalls .integration-link{background:#f7f9fc;box-shadow:none !important;}
.advancedsocialwalls .integration-box{border:0;}

.wallengagement.achievemore{background:transparent;}
.wallengagement.new-features h2{max-width:unset;}