/*header start*/
.guidewire-header{
	background: url(../images/header_background.png) no-repeat var(--solid-black);
    background-position: top center;
    background-size: cover;
    position: relative;
}

.guidewire-navbar{
	padding: 20px 0px;
	min-height: 120px;
	transition: all 0.5s ease-in-out; 
    position: relative;
}
.headerfixed {
	position: fixed;
	top: 0;
	z-index: 1050;
	left: 0;
	right: 0;
	background: var(--white);
}
.guidewire-header .header-timer-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.guidewire-header .header-timer-wrapper .counter-description{
	font-size: 1rem;
	color: var(--solid-black);
	margin-bottom: 0px;
	margin-top: 10px;
	font-family: var(--Main-font);
	text-align: center;
}
.guidewire-header .header-timer-content{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.guidewire-header .header-timer-content .time-unit {
	width: 70px;
    height: 65px;
    display: flex;           
    flex-direction: column;  
    justify-content: center;  
    align-items: center; 
    background: linear-gradient(219deg, #26D1A0 0%, #068898 100%);
    border-radius: 10px;
    opacity: 1;
    text-align: center;
}
.guidewire-header .header-timer-content .time-unit .number {
	color: var(--white);
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0; 
    line-height: 1.2; 
}
.guidewire-header .header-timer-content .time-unit .text {
	color: var(--white);
    font-size: 0.8rem;
    margin: 0;  
    line-height: 1.2;
}
.header-timer-content .colon {
    font-size: 1.5rem;
    color: var(--solid-black);
}
.guidewire-header .register-btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.guidewire-header .register-btn .reg-disclimer{
	font-size: 0.8rem;
	color: #000000;
	margin: 5px 0px 0px;
	/* font-family: var(--Title-font); */
}
.hero-banner{
	background: url(../images/hero_banner.png) no-repeat;
    background-position: right top;
    background-size: cover;
    position: relative;
    min-height: 500px;
  	max-width: calc(100% - 100px);
  	margin-right: auto;
  	margin-left: 0px;
  	display: flex;
  	align-items: center;
}
.row.banner-row{
	align-items: flex-end;
}
.hero-banner .hero_banner_arrow{
	position: absolute;
	right: 0px;
	top: 0px;
	max-width: 160px;
}
.hero-banner .hero-banner-infographic{
	max-width: 430px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.hero-banner .hero_banner_textsec_arrow{
	position: absolute;
	right: 0px;
	top: 0px;
	max-width: 160px;
}
.hero-banner .hero-banner-content{
	padding-left: 60px;
    position: relative;
    padding-right: 90px;
}
.hero-banner .title{
	font-size: 2.5rem;
	line-height: 1.2;
	margin-top: 60px;
	color: var(--white);
}
.hero-banner .sub-title{
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 28px;
	color: var(--white);
	font-weight: normal;
	font-family: var(--Main-font);
}
.hero-green-band{
	background-color: var(--secondary-guiding-green);
	width: 356px;
	height: 45px;
	left: 0;
	position: absolute;
}
@media screen and (min-width: 1080px) and (max-width: 1920px) {
	@media (min-resolution: 1.25dppx) {
		.hero-banner .hero-banner-content{
			width: 50%;
		}
		.hero-banner .hero-banner-infographic{
			width: 50%;
		}
	}
}
/*header end*/
/*footer start*/
.footer{
	background: url(../images/footer_background.png) no-repeat var(--solid-black);
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 50px 0px;
    z-index: 5;
}
.footer-disclimer{
	display: flex;
    align-items: center;
    justify-content: center;
}
.footer-disclimer .message p{
	color: var(--white);
	font-size: 1.6rem;
	text-align: center;
	margin-top: 10px;
	line-height: 1.5;
	margin-bottom: 0px;
}
.footer-social-media{
	display: flex;
	align-items: flex-start;
	justify-content: end;
	flex-direction: column;
	width: 15%;
	margin-left: auto;
}
.footer-social-media .social-media-text{
	color: var(--secondary-guiding-green);
	font-size: 1.4rem;
	margin-bottom: 8px;
	font-weight: 600;
}
.footer-social-media .social-media-list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.footer-social-media .social-media-list .social-media-item .social-media-link{
    margin: 0px 5px;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--secondary-guiding-green1);
}
.footer-social-media .social-media-list .social-media-item:first-child .social-media-link{
	margin-left: 0px;
}
.footer-social-media .social-media-list .social-media-item:last-child .social-media-link{
	margin-right: 0px;
}
.footer-social-media .social-media-list .social-media-item .social-media-link svg{
    max-width: 12px;
}
.footer-social-media .social-media-list .social-media-item .social-media-link svg path{
    fill: #ffffff;
}
.footer-social-media .social-media-list .social-media-item .social-media-link:hover svg path{
    fill: var(--secondary-guiding-green1);
}
.footer-social-media .social-media-list{
    justify-content: flex-start;
}
.footer-social-media .social-media-list .social-media-item .social-media-link svg path {
    fill: var(--white);
}
.footer-social-media .social-media-list .social-media-item .social-media-link:hover svg path {
    fill: var(--secondary-guiding-green1);
}
.footer-linesepartor{
	width: 100%;
	height: 1px;
	background-color: var(--secondary-guiding-green2);
	margin: 30px 0px 50px 0px;
}
.footer-copyright h6{
	color: var(--white);
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 0px;
}
.privacy-menu .menu-list{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.privacy-menu .menu-list .menu-item{
	padding: 15px 0px 0px;
}
.privacy-menu .menu-list .menu-link{
	color: #ffffff;
	font-size: 0.9rem;
} 
.privacy-menu .menu-list .menu-link:hover{
	text-decoration: underline;
}
.row.footer-main-row{
	align-items: center;
}
.fixed-footer{
    position: absolute!important;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.fixed-footer-body{
    position: relative;
    padding-bottom: 320px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    .fixed-footer-body{
        padding-bottom: 485px;
    }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.footer {
	    padding: 50px 0px;
	}
	.footer-logo{
		margin: 0 auto;
	}
    .footer-disclimer .message p{
		font-size: 1.2rem;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.footer-social-media {
		margin-top: 25px;
	    justify-content: center; 
		align-items: center;
		width: 100%;
	}
	.footer-linesepartor {
	    margin: 30px 0px 30px 0px;
	}
	.footer-social-media .social-media-text{
		width: 100%;
		margin-bottom: 12px;
		text-align: center;
		font-size: 1.2rem;
	}
	.privacy-menu .menu-list{
		justify-content: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.footer {
	    padding: 40px 0px;
	}
	.footer-logo{
		margin: 0 auto;
	}
    .footer-disclimer .message p{
		font-size: 1rem;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.footer-social-media {
	    justify-content: center; 
	}
	.footer-linesepartor {
	    margin: 30px 0px 30px 0px;
	}
	.footer-social-media .social-media-text{
		font-size: 1.2rem;
	}
	
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
	.footer-disclimer .message p{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.footer-social-media {
	    justify-content: center;
	}
	.footer-social-media .social-media-text{
		font-size: 1.4rem;
	}
}
/*footer end*/
/* style for counter scroll (Specifications section) start */
.sec-specifications{
	background: url(../images/specifications-bg.png) no-repeat var(--tertiary-trusted-blue);
    background-position: right center;
    background-size: 50%;
}
.eligibility-card{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 30px 40px;
	background-color: var(--white);
	border-radius: 14px;
	margin: 20px 0px;
}
.eligibility-card.top-card{
	margin-top: 40px;
}
.eligibility-card .eligibility-card-item:not(:last-child){
	margin-right: 80px;
}
.eligibility-card .eligibility-card-item p{
	margin-bottom: 0px;
}
.eligibility-card .eligibility-card-title{
	font-size: 1.7rem;
	color: var(--primary-trusted-blue);
	margin-bottom: 0px;
}
.small-title{
	font-size: 1.7rem;
	color: var(--primary-trusted-blue);
	margin-bottom: 0px;
}
/* Grid layout for donut charts */
.donut-grid {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

/* Each progress container */
.progress-container-wrapper{
	width: 200px;
	margin-bottom: 15px;
	text-align: center;
	margin-right: 40px;
}
.progress-container-wrapper .donut-title{
	font-size: 1.1rem;
	margin-top: 20px;
}
.progress-container {
	position: relative;
	width: 200px;
	height: 200px;
}
.progress-container-wrapper:last-child{
	margin-right: 0px;
}
/* Outer ring (donut chart) */
.donut-ring {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: conic-gradient(
		#ffc000 0deg,
		#ffc000 0deg, /* Start value */
		#e7f1f5 0deg
	);
	transform: rotate(180deg);
}

/* Inner white circle (hollow effect) */
.donut-inner {
	position: absolute;
	width: 110px;
	height: 110px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #fff;
}

/* Centered text (counter + label) */
.progress-text {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.progress-text .points {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.progress-text .label {
	font-size: 14px;
	color: #666;
}
.scrolling-card{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	padding: 30px 40px;
	background-color: var(--white);
	border-radius: 14px;
	margin: 20px 0px;
}
.scrolling-card-item{
	width: 100%;
}
.scrolling-card-item.progress-circle-wrapper{
	width: 100%;
	margin: 50px 0px;
}
.eligibility-card.footer-card{
	flex-direction: column;
	align-items: flex-start;
}
.eligibility-card.footer-card .eligibility-card-item:not(:last-child){
	margin: 0px 0px 20px;
}
.eligibility-card.footer-card.university-card .eligibility-card-item{
	width: 100%;
}
.university-logo-card{
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.university-logo-card .university-logo{
	max-width: 380px;
	min-height: 250px;
	display: flex;
	align-items: center;
}
.university-logo-card .university-logo img{
	max-width: 100%;
}
.university-logo-card .university-title h4{
	text-align: center;
	font-family: var(--Title-font);
	font-size: 1rem;
	margin-top: 10px;
}
.university-carousel.owl-carousel .owl-nav button.owl-next svg{
	transform: rotate(180deg);
}
.university-carousel.owl-theme .owl-nav [class*=owl-]{
	width: 60px;
    height: 35px;
    border: 1px solid #BEC9D1;
    border-radius: 8px;
}
@media (min-width: 1400px) {
    .sec-specifications .container{
		max-width: 1200px;
	}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.eligibility-card{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.eligibility-card .eligibility-card-item:not(:last-child) {
		margin-right: 0px;
		margin-bottom: 15px;
	}
	.eligibility-card .eligibility-card-item{
		text-align: center;
	}
	.scrolling-card{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px;
	}
	.progress-container-wrapper:not(:last-child){
		margin-bottom: 20px;
	}
	.scrolling-card-item.progress-circle-wrapper {
	    width: 100%;
	    margin: 0px 0px 15px 0px; 
	}
	.donut-grid {
	    justify-content: center;
	}
	.university-logo-card .university-logo{
		min-height: 200px;
	}
	.scrolling-card-item{
		width: 100%;
		text-align: center;
	}
	.scrolling-card-item .btn-primary{
		margin: 15px auto 0px;
		display: block;
	}
	.scrolling-card-item p{
		text-align: center;
	}
}
/* style for counter scroll (Specifications section) end */
.sec-takeways-wrapper{
	background: url(../images/takeways-bg.png) no-repeat var(--white);
    background-position: left center;
    background-size: 50%;
}
.sec-takeways{
	position: relative;
}
.sec-takeways .green_outline_assets{
	position: absolute;
    right: 100px;
	top: 0px;
	max-width: 125px;
}
.takeways-card{
	background-color: var(--primary-trusted-blue);
	color: #ffffff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 40px 20px;
	min-height: 390px;
}
.takeways-card .takeway-card-element{
	position: absolute;
	right: 0px;
	top: 0px;
	max-width: 60px;
}
.takeways-card .card-icon img{
	max-width: 100px;
	margin: 0 auto;
}
.takeways-card .card-icon {
	margin-bottom: 15px;
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.takeways-card .t-card-title{
	font-size: 1.17rem;
	font-family: var(--Title-font);
	color: #ffffff;
	margin-bottom: 15px;
}
.takeways-card .card-content{
	text-align: center;
	color: #ffffff;
}
.takeways-card .card-content p{
	color: #ffffff;
}
/* .takeways-carousel.owl-theme .owl-nav{
	text-align: right;
} */
.takeways-carousel.owl-carousel .owl-nav button.owl-next svg{
	transform: rotate(180deg);
}
.takeways-carousel.owl-theme .owl-nav [class*=owl-]{
	width: 60px;
    height: 35px;
    border: 1px solid #BEC9D1;
    border-radius: 8px;
}
.takeways-carousel{
	margin-top: 50px;
}
.sec-takeways{
	padding-bottom: 70px;
}
.motive-box-list{
	display: flex;
	flex-direction: column;
}
.sec-motive{
	background: rgba(163, 236, 255, 0.2);
	padding: 120px 0px;
}
.motive-content {
	position: relative;
}
.motive-content .green_outline_assets{
	position: absolute;
    right: -24px;
    top: -34px;
    max-width: 65px;
    z-index: 1;
}
.motive-box-list-item{
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px 0px;
}
.motive-box-item.right{
	background: #ffffff;
	padding: 50px;
	padding-left: 375px;
}
.motive-box{
	position: relative;
	padding-left: 120px;
	
}
.motive-box-item.left{
	background: url(../images/motive_box.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	max-width: 420px;
	padding: 80px 50px;
	background-color: #004d69;
	opacity: 1;
}
.motive-box-item.left::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); 
	z-index: 1;
	pointer-events: none;
}
.motive-box-item.left > * {
	position: relative;
	z-index: 2;
}
.motive-list-content h3{
	font-size: 1.2rem;
	margin-bottom: 5px;
}
/*glance start*/
.sec-glance {
    background: url(../images/glance_mask.svg) no-repeat left center, 
        linear-gradient(to right, var(--dark-blue) 92%, var(--primary-trusted-blue) 92%); 
    background-size: 92%, 100%; 
    background-position: left center, left; 
    background-repeat: no-repeat, no-repeat; 
}
.sec-glance .glance-content-box{
    padding-right: 80px; 
}
.sec-glance .glance-video-box{
   padding: 25px 100px 25px 20px; 
}
.sec-glance .video-image{
    position: relative;
}
.sec-glance .glance_video_assets{
    position: absolute;
    right: 74px;
    top: -15px;
    max-width: 65px;
}
/*glance end*/
/*usecase start*/
.sec-usecase {
   background: 
    linear-gradient(to right, white 10%, transparent 10%), 
    linear-gradient(to right, #004D69 20%, transparent 15%), 
    linear-gradient(to left, rgba(6, 32, 55, 0.8) 85%, transparent 85%), 
    url(../images/usecase_bg.png) no-repeat right center, 
    linear-gradient(to right, #004D69 80%, #004D69 80%);
	background-size: 100%, 100%, 100%, 85%, 100%;
	background-position: top right;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media screen and (min-width: 1080px) and (max-width: 1920px) {
	@media (min-resolution: 1.25dppx) {
		.sec-usecase {
			background: 
			 linear-gradient(to right, white 7%, transparent 7%), 
			 linear-gradient(to right, #004D69 15%, transparent 10%), 
			 linear-gradient(to left, rgba(6, 32, 55, 0.8) 85%, transparent 85%), 
			 url(../images/usecase_bg.png) no-repeat right center, 
			 linear-gradient(to right, #004D69 80%, #004D69 80%);
			 background-size: 100%, 100%, 100%, 85%, 100%;
			 background-position: left, left, center, right center, right;
			 background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
		 }
	}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.sec-usecase {
		background: 
		 linear-gradient(to right, white 7%, transparent 7%), 
		 linear-gradient(to right, #004D69 15%, transparent 10%), 
		 linear-gradient(to left, rgba(6, 32, 55, 0.8) 85%, transparent 85%), 
		 url(../images/usecase_bg.png) no-repeat right center, 
		 linear-gradient(to right, #004D69 80%, #004D69 80%);
		 background-size: 100%, 100%, 100%, 85%, 100%;
		 background-position: left, left, center, right center, right;
		 background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	 }
}
.usecase-image{
	padding-left: 0px;
}
.usecase-box-list{
	display: flex;
	flex-direction: column;
	margin-left: 75px;
	margin-right: 80px;`
}
.usecase-box-list-item{
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px 0px;
}
.usecase-list-content h3{
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.usecase-list-icon{
	min-width: 70px;
	max-width: 70px;
}
.usecase-list-icon img{
	max-width: 70px;
}
/*glance end*/
.sec-challenges{
	background: linear-gradient(to bottom, rgba(163, 236, 255, 0.2), rgba(255, 255, 255, 0.5) 50%);
	padding-top: 80px;
}
.challenges-round-circle {
    max-width: 100%;
    left: -25%;
    position: relative;
    z-index: 1;
    height: 700px;
}
.challenges-success{
    width: 18%;
    top: 18%;
    left: -100px;
    position: absolute;
    z-index: 2;
}
.challenges-top-right{
	position: absolute;
	top: 56px;
	right: 0;
	width: 50%;
	 z-index: 2;
}
.weekly-challenges{
	position: absolute;
	top: 115px;
	z-index: 3;
	width: 100%;
}
.weekly-challenges .challenges-wrapper p{
	padding: 0px 180px;
}
.tabel-weekly-winners tr th, .tabel-weekly-winners tr td{
	width: auto;
    padding: 15px 15px;
	font-size: 1rem;
}
.tabel-weekly-winners tr th{
	font-size: 1rem;
}
.tabel-weekly-winners tr td{
	font-size: 1rem;
	color: #4d4d4d;
}
.table-striped tbody tr:nth-child(odd) {
  	background-color: #F4FCFF;
}

.table-striped tbody tr:nth-child(even) {
  	background-color: #e7f1f5;
}
.tabel-weekly-winners tr{
    vertical-align: middle;
}
.tabel-weekly-winners .btn-primary{
    padding: 8px 15px;
    font-size: 0.9rem;
    padding-right: 40px;
    background-color: var(--primary-trusted-blue);
}
.tabel-weekly-winners .btn-primary:hover{
    background-color: var(--white);
}
.tabel-weekly-winners .btn:first-child:active{
	color: var(--secondary-transfomative-teal);
}
.tabel-weekly-winners .row-title{
	display: none;
}
.sec-ourstory {
    position: relative;
    overflow: visible;
    z-index: 1;
    padding-bottom: 140px;
    margin-top: -80px;
}
.ourstory-bottom-right {
    width: 500px;
    position: absolute;
    right: 0;
    bottom: -80px;
    z-index: 10;
    pointer-events: none; 
}
.ourstory-video{
	position: relative;
	z-index: 99;
}
.ourstory-video .video-image{
	max-width: 425px;
	height: 200px;
	padding: 40px;
	object-fit: cover;
}
.video-image{
	position: relative;
}
.play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 95px;
	height: 95px;
	border-radius: 100%;
	border: 1px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}
.play-btn .icon{
	width: 70px;
	height: 70px;
	display: block;
	border: 15px solid rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease-in-out;
}
.play-btn .icon svg{
	width: 45px;
	height: 45px;
	border-radius: 100%;
}
.play-btn .icon svg path{
	fill: #00739D;
}
.ourstory-video .ourstory_video_assets{
	position: absolute;
    right: 15px;
    top: 12px;
    max-width: 45px;
}
.play-video-modal{
	cursor: pointer;
}

.play-video-modal:hover .play-btn .icon{
	border: 15px solid rgba(255, 255, 255, 0.8);
	transform: scale(1.1, 1.1);
}
.videoModal video {
   width: 100%;
}
.videoModal .modal-header{
	border: 0px;
    padding: 15px 15px 0px;
}
/* .glance-video .play-btn .icon svg path{
	fill: var(--secondary-bright-sky);
} */
/* .glance-video .play-video-modal .play-btn{
	border-color: rgba(30, 183, 223, 0.8);
}
.glance-video .play-video-modal .play-btn .icon{
	border-color: rgba(30, 183, 223, 0.5);
}
.glance-video .play-video-modal:hover .play-btn .icon{
	border-color: rgba(30, 183, 223, 0.8);
	transform: scale(1.1, 1.1);
} */
/*ThankyouPage*/
.thankyou-checklist .tick-list li {
    list-style: none;
    margin-bottom: 5px;
}
.thankyou-content .card{
	background-color: var(--tertiary-proven-gray1);
	min-height: 175px;
}
.thankyou-content .card h3{
	margin-bottom: 10px;
	color: var(--primary-trusted-blue);
}
.thankyou-content .card b{
	font-weight: 600;
}
.thankyou-text-align{
	margin-bottom: 8px!important;
}
/*ThankyouPage End*/
.sec-otp .otp-content{
	background-color: var(--white);
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	padding: 50px;
	border-radius: 5px;
}
.sec-otp .otp-content .logo img{
	min-width: 150px;
	max-width: 150px;
	margin: 0 auto;
}
.sec-otp .otp-content .otp-title{
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 20px 0px;
	color: var(--secondary-guiding-green);
}
.otp-content .otp-input-box{
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: center;
	margin: 20px;
}
.otp-content .otp-input-box .form-control{
	width: 45px;
	height: 45px;
	margin: 0 auto;
	border-color: var(--secondary-guiding-green);
}
/*ThankyouPage End*/
@media (min-resolution: 1.25dppx) {
    .hero-banner .hero_banner_arrow{
		max-width: 135px;
	}
	.sec-ourstory {
	    margin-top: -140px;
	}
	.usecase-image {
	    padding-left: 50px;
	}
	.thankyou-text-align{
		margin-bottom: 15px!important;
	}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.sec-takeways .green_outline_assets, 
	.hero-green-band,
	.motive-content .green_outline_assets,
	.sec-glance .glance_video_assets {
	   display: none;
	}
	.hero-banner .sub-title {
		margin-bottom: 30px;
	}
	/* .brand-logo img{
		width: 82px;
	} */
	.guidewire-navbar {
	    min-height: 0px; 
	}
	.guidewire-header .header-timer-content .time-unit {
	    width: 32px;
	    height: 32px;
	}
	.guidewire-header .header-timer-content .time-unit .number {
	    font-size: 0.8rem;
	}
	.guidewire-header .header-timer-content .time-unit .text {
	    font-size: 0.4rem;
	}
	.guidewire-header .header-row{
		align-items: center;
	}
	.guidewire-header .header-timer-wrapper .counter-description{
		font-size: 0.8rem;
		text-align: center;
	}
	.guidewire-header .header-timer-content {
	    gap: 5px;
	}
	.guidewire-header .btn-primary {
		font-size: 0.9rem;
		padding: 6px;
	}
	.guidewire-header .btn-primary:after {
	    display: none;
	}
	.hero-banner {
	    max-width: calc(100% - 15px);
	    min-height: 400px;
	}
	.hero-banner .hero-banner-content {
	     padding-left: 0px; 
	}
	.hero-banner .hero_banner_arrow {
	    max-width: 100px;
	}
	.hero-banner .title{
		font-size: 1.8rem;
		line-height: 1.4;
		margin-top: 35px;
		width: 100%;
	}
	.takeways-card{
		min-height: 325px;
	}
	.motive-box {
	    padding-left: 0px;
	}
	.motive-box-item.left {
	    background: url(../images/motive_box.png);
	    position: relative;
	    top: 0%; 
	    transform: translateY(-0%);
	}
	.motive-box-item.right {
	    padding: 10px;
	    padding-left: 0px; 
	}
	.ourstory-video .video-image {
	     width: 100%; 
	}
	.takeways-carousel {
	    margin-top: 20px;
	}
	.sec-takeways {
	    padding-bottom: 30px;
	}
	.sec-motive {
	    padding: 20px 0px;
	}
	.sec-glance {
	    background: url(../images/glance_mask.svg) no-repeat var(--dark-blue);
	    background-position: left center, left;
	    background-repeat: no-repeat, no-repeat;
	    text-align: center;
	    border-bottom: 35px solid var(--primary-trusted-blue);
	}
	.sec-glance .glance-content-box, .sec-glance .glance-video-box {
	     padding: 15px;
	}
	.progress-container-wrapper {
	    width: 145px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.progress-container {
	    position: relative;
	    width: 145px;
	    height: 145px;
	}
	.donut-inner {
		width: 100px;
		height: 100px;
	}
	.sec-usecase {
    	position: relative;
	    border-top: 35px solid #004D69;
	    background: 
	        url(../images/usecase_bg.png) no-repeat rgba(6, 32, 55, 0.81);
	    background-size: cover;
	    background-position: top, center;
	    background-repeat: no-repeat, no-repeat;
	}
	.sec-usecase::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.81);
	    z-index: 1;
	}
	.sec-usecase > * {
	    position: relative;
	    z-index: 5;
	}
	.weekly-challenges {
	    position: static; 
	    top: 50px;
	}
	.usecase-image {
        padding: 20px; 
    }
    .usecase-box-list {
	    margin-left: 0px; 
	    margin-right: 0px; 
	}
	.usecase-list-icon{
		min-width: 50px;
		max-width: 50px;
	}
	.usecase-box-btn{
		margin: 0 auto;
	}
	.sec-challenges {
	    padding-top: 0px; 
	}
	.weekly-challenges .challenges-wrapper p {
	     padding: 0px; 
	}
	/* .tabel-weekly-winners tr th, .tabel-weekly-winners tr td {
	    padding: 15px;
	    width: 50%;
	}
	.tabel-weekly-winners tr th {
	    font-size: 1.1rem;
	}
	.tabel-weekly-winners tr td {
	    font-size: 1rem;
	} */
	.tabel-weekly-winners .btn-primary{
		padding-right: 15px;
	}
	.tabel-weekly-winners .btn-primary::after{
		display: none;
	}
	/* .tabel-weekly-winners  tr th:first-child{
		min-width: 120px;
		left: 0;
		position: sticky !important;
		position: -webkit-sticky !important;
	}
	.tabel-weekly-winners  tr td:first-child{
		min-width: 120px;
		left: 0;
		position: sticky !important;
		position: -webkit-sticky !important;
	}
	.tabel-weekly-winners  tr th:last-child{
		min-width: 170px;
	} */
	.tabel-weekly-winners thead{
		display: none;
	}
	.tabel-weekly-winners tbody, .tabel-weekly-winners tbody tr, .tabel-weekly-winners tbody tr td{
		display: block;
		width: 100%;
	}
	.tabel-weekly-winners tbody tr{
		margin-top: 30px;
	}
	.tabel-weekly-winners tbody tr td{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		align-items: center;
		--bs-table-color-type: var(--bs-table-striped-color);
		--bs-table-bg-type: var(--bs-table-striped-bg);
	}
	.tabel-weekly-winners .row-title{
		display: inline-block;
		background-color: var(--secondary-transfomative-teal)!important;
		color: var(--white);
		width: 30%;
		flex: 0 0 auto;
		padding: 15px;
	}
	.tabel-weekly-winners .text{
		display: inline-block;
		width: 70%;
		flex: 0 0 auto;
		padding: 15px;
	}
	.tabel-weekly-winners tbody tr td:last-child{
		padding: 15px;
		text-align: center;
		justify-content: center;
	}
	.winner-page-sec{
		padding-top: 50px;
	}
	.sec-ourstory {
	    padding-bottom: 50px;
	    margin-top: 40px; 
	}
	.ourstory-video{
		margin-bottom: 30px;
	}
	.ourstory-video .ourstory_video_assets {
	    position: absolute;
	    right: 30px;
	    top: 20px;
	    max-width: 30px;
	}
	.motive-box-list-item{
	    align-items: start;
	    padding-left: 15px;
	}
	.usecase-box-list-item {
	    align-items: start;
	}
	.sec-otp .otp-content{
		padding: 30px 20px;
	}
	.otp-content .otp-input-box{
		gap: 10px;
		margin: 25px 15px;
	}
	.otp-content .otp-input-box .form-control{
		width: 35px;
		height: 35px;
	}	
	.thankyou-mob-sec{
		margin-top: 30px;
	}
}
@media screen and (min-width: 0px) and (max-width: 360px) {
	.donut-inner {
		width: 80px;
		height: 80px;
	}
	.progress-container {
        width: 110px;
        height: 110px;
    }
	.progress-container-wrapper {
        width: 110px;
    }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
	.donut-inner {
		width: 90px;
		height: 90px;
	}
	.progress-container {
        width: 120px;
        height: 120px;
    }
	.progress-container-wrapper {
        width: 120px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ourstory-video .video-image {
	    padding: 20px;
	}
	.ourstory-video .ourstory_video_assets {
	    right: 12px;
	    top: 2px;
	    max-width: 30px;
	}
	.challenges-round-circle {
	    display: none;
	}
	.sec-ourstory {
        margin-top: 175px;
        padding-bottom: 30px;
    }
    .weekly-challenges .challenges-wrapper p {
	     padding: 0px; 
	}
	.sec-space-inside {
	    padding: 45px 0px;
	}
	.usecase-box-list {
	    margin-left: 0px; 
	    margin-right: 0px; 
	}
	.usecase-box-list-item {
	    gap: 15px;
	    padding: 15px 0px;
	}
	.sec-glance .glance-content-box {
	     padding-right: 0px; 
	}
	.motive-box {
	    position: relative;
	    padding-left: 25px;
	}
	.motive-box-item.left {
	    background: url(../images/motive_box.png);
	    position: relative; 
	    padding: 80px 50px;
	    max-width: 100%;
	    top: 0;
	    transform: translateY(-0%);
	}
	.motive-box-item.right {
	    padding-left: 15px; 
	}
	.sec-motive {
	    padding: 60px 0px;
	}
	.hero-banner {
	    max-width: calc(100% - 50px);
	}
	.hero-green-band {
	    background-color: var(--secondary-guiding-green);
	    width: 250px;
	    height: 30px;
	}
	.sec-takeways {
	    padding-top: 30px;
	}
	.hero-banner .hero-banner-infographic {
		max-width: 300px;
	    margin-top: 40px;
	    margin-bottom: 50px;
	}
	.hero-banner .title {
		font-size: 2rem;
	}
	.guidewire-header .header-timer-content .time-unit {
	    width: 60px;
	    height: 60px;
	}
	.guidewire-navbar {
	   	min-height: 0px;
	}
	.sec-otp .otp-content{
		padding: 30px 25px;
	}
	.otp-content .otp-input-box{
		gap: 10px;
		margin: 25px 0px;
	}
	.otp-content .otp-input-box .form-control{
		width: 38px;
		height: 38px;
	}
	.thankyou-content .card{
		min-height: 220px;
	}	
	.weekly-challenges{
		position: static;
	}
	.tabel-weekly-winners .btn-primary{
		padding-right: 15px;
	}
	.tabel-weekly-winners .btn-primary::after{
		display: none;
	}
	.tabel-weekly-winners  tr th:last-child{
		min-width: 180px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
	.hero-banner {
	    max-width: calc(100% - 50px);
	}
	.hero-green-band {
	    background-color: var(--secondary-guiding-green);
	    width: 250px;
	    height: 50px;
	}
	.sec-takeways .green_outline_assets {
	    position: absolute;
	    right: 100px;
	    top: 0px;
	    max-width: 75px;
	}
	.motive-box-item.right {
	    padding: 25px;
	    padding-left: 340px;
	}
	.usecase-box-list {
	    margin-left: 15px;
	    margin-right: 0px; 
	}
	.sec-space-inside {
	    padding: 45px 0px;
	}
	.challenges-round-circle {
	    max-width: unset;
	    left: -45%;
	}
	.challenges-success {
	    left: -70px;
	}
	.sec-ourstory {
        margin-top: -120px;
        padding-bottom: 80px;
    }
    .sec-otp .otp-content{
		padding: 30px 25px;
	}
	.otp-content .otp-input-box{
		gap: 10px;
		margin: 25px 0px;
	}
	.otp-content .otp-input-box .form-control{
		width: 38px;
		height: 38px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1367px) {
	.hero-banner .hero_banner_arrow {
	    max-width: 135px;
	}
	.usecase-image {
	    padding-left: 25px;
	}
	.usecase-box-list {
    	margin-left: 50px;
    	margin-right: 50px;
	}
	.sec-space-inside {
	    padding: 60px 0px;
	}
}
/* style for privacy page start  */
.privacy-content .sub-title{
	font-size: 1.3rem;
}
.sec-space-inside.sec-privacy{
	padding-top: 40px;
}
/* style for privacy page end  */
/* style for faq start */
.sec-faq{
	background: url(../images/takeways-bg.png) no-repeat var(--white);
	background-position: left center;
    background-size: 50%;
}
.sec-faq .faq-accordion .accordion-button:not(.collapsed){
	background-color: var(--white);
	border: 0px;
}
.accordion.faq-accordion{
	border-radius: 0px;
	margin-top: 40px;
}
.accordion.faq-accordion .accordion-button{
	border-radius: 0px;
	border: 0px;
	box-shadow: none;
	font-size: 1.2rem;
}
.accordion.faq-accordion .accordion-item{
	border: 0px;
	border-bottom: 1px solid var(--light-green);
}

/* style for faq end */
.brand-logo{
	display: flex;
	align-items: center;
}
.brand-logo .partner-logo-box{
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid var(--primary-trusted-blue);
}
.brand-logo .partner-logo-box img{
	max-width: 120px
}
.brand-logo .partner-logo-box{
	font-size: 0.8rem
}
.brand-logo .logo-small-text{
	font-size: 0.8rem;
}
.partner-image-box{
	width: 100%;
	height: 100%;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	background-color: var(--primary-trusted-blue);
	padding: 20px;
}
.partner-content{
	padding-left: 50px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.brand-logo .partner-logo-box img{
		max-width: 70px
	}
	.brand-logo .logo-small-text{
		font-size: 0.7rem;
	}
	.brand-logo .partner-logo-box{
		min-width: 110px;
	}
	.partner-content{
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-top: 20px;
	}
	.partner-image-box img{
		max-width: 50%;
	}
}
/* style for finalists start */
/* .finalists-carousel.owl-carousel .owl-nav button.owl-next svg{
	transform: rotate(180deg);
}
.finalists-carousel.owl-theme .owl-nav [class*=owl-]{
	width: 60px;
    height: 35px;
    border: 1px solid #BEC9D1;
    border-radius: 8px;
} */
.finalists-carousel.owl-carousel .owl-nav button.owl-next svg{
	transform: rotate(180deg);
}
.finalists-carousel.owl-carousel .owl-nav [class*=owl-]{
	width: 60px;
    height: 35px;
    border: 1px solid #27D1A0;
    border-radius: 8px;
}
.finalists-carousel.owl-theme .owl-nav [class*=owl-]:hover{
    background: #27D1A0;
    color: #FFF;
    text-decoration: none;
}
.finalist-card{
	width: 100%;
	background-color: var(--white);
}
.finalist-card .card-content{
	background-color: var(--secondary-transfomative-teal);
	padding: 20px;
	text-align: center;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.finalist-card .card-content .f-card-title, .finalist-card .card-content .team-name{
	color: var(--white);
}
.finalist-card .card-content .f-card-title{
	font-size: 1.7rem;
	color: var(--white);
	margin-bottom: 10px;
	font-family: var(--Title-font);
}
.finalist-card .card-content .team-name{
	font-family: var(--Title-font);
	font-size: 1.3rem;
	color: var(--white);
}
.finalists-carousel{
	margin-top: 50px;
}
.finalist-card .card-content .finalist-details{
	text-align: left;
}
/* .finalist-card .card-content .btn-secondary{
	margin: 0px auto 0px;
} */
@media screen and (min-width: 0px) and (max-width: 767px) {
	.finalist-card .card-content .f-card-title{
		font-size: 1.3rem;
	}
	.finalist-card .card-content .team-name{
		font-size: 1.1rem;
	}
	.finalist-card .card-content{
		padding: 15px;
	}
	.finalist-card .card-content{
		flex-direction: column;
	}
	.finalist-card .card-content .finalist-details{
		text-align: center;
		margin-bottom: 20px;
	}
	
}
/* style for finalists end */