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

.ml-auto{
	margin-left: auto !important;
}

.table-wrapper {
	width: 100% !important;
	margin: 20px 0 !important;
	min-width: auto !important;
}
.table-container {
	position: relative !important;
	overflow-x: auto !important;
	max-width: 100% !important;
	padding-bottom: 50px !important;
}
.table-container::-webkit-scrollbar {
	height: 4px !important;
}
.table-container::-webkit-scrollbar-track {
	background-color: #EEEEEE !important;
	border-radius: 6px !important;
}
.table-container::-webkit-scrollbar-thumb {
	background-color: rgba(65, 89, 156, .40) !important; /* red thumb */
	border-radius: 6px!important;
}
.table-container::-webkit-scrollbar-thumb:hover {
	background-color: rgba(65, 89, 156, .40) !important;
}
.table-container .sticky{
	background: #f6f8fb;
	font-size: 14px;
	font-weight: bold;
	width: 175px !important;;
	box-shadow: 0 10px 10px 5px rgba(65, 89, 156, .20);
	position: sticky;
	left: 0;
	border-left: solid 1px rgba(65, 89, 156, .20) !important;
}

.table-container .row:nth-child(1) .sticky{
	border-radius: 10px 0 0 0;
}
.table-container .row:last-child .sticky{
	border-radius: 0 0 0 10px;
}

.table-container .has-drop{
	cursor: pointer;
}
.table-container .has-drop:after{
	content: "";
    width: 13px;
    height: 13px;
    background: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/down-arrow.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
		transform: rotate(0deg);
		transition-duration: .3s;
}
.table-container .has-drop.active:after{
	transform: rotate(-180deg);
	transition-duration: .3s;
}

.table-container .row{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.table-container.companies-3 .col-sm-2{
	width: calc(calc(100% - 175px) / 3);
}
.table-container.companies-2 .col-sm-2{
	width: calc(calc(100% - 175px) / 2);
}
.table-container .col-sm-2{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: calc(calc(100% - 175px) / 5);
	padding: 25px;
	border-bottom: solid 1px rgba(65, 89, 156, .20);
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	flex-direction: column;
}
.table-container .col-sm-2.has-rating p{
	margin: 0;
	display: flex;
	gap: 3px;
}
.table-container .col-sm-2.has-rating p span{
	color: #E5A000;
	font-size: 13px;
	width: auto;
	height: auto;
}
.table-container .col-description{
	    width: 100%;
    padding: 30px 30px 30px 200px;
    background: #f6f8fb;
    border-bottom: solid 1px rgba(65, 89, 156, .20);
	display: none;
	    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.table-container .policy-label {
	font-size: 12px;
	font-weight: bold;
	color: #26315E;
	margin-top: 6px;
	font-family: "Inter", sans-serif;
}

/* Policy type labels – Guardian GSI template */
.table-container .policy-label {
	font-size: 12px;
	font-weight: bold;
	color: #26315E;
	margin-top: 6px;
	font-family: "Inter", sans-serif;
}

.policy-type-label-inline {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #41599C;
	font-family: "Inter", sans-serif;
	background: rgba(65, 89, 156, .10);
	padding: 2px 10px;
	border-radius: 50px;
}

.table-container .col-sm-2 img{
	max-height: 42px;
	width: auto;
	max-width: 90%;
	object-fit: cover !important;
}
.table-container .tc-border{
	display: block;
	width: 100%;
	min-width: 900px;
	border: solid 1px rgba(65, 89, 156, .20);
	border-radius: 10px;
	position: relative;
	border-left: 0;
}
.table-container .tc-border .row:last-child .col-sm-2{
	border: 0 !important;	
}
.table-container .tc-border .row:last-child .col-sm-2.sticky{
	border-left: solid 1px rgba(65, 89, 156, .20) !important;
}
.table-container .tc-border:after{
content: "";
    background: #fff;
    position: absolute;
    left: -8px;
    right: 0;
    height: 25px;
    bottom: -26px;
}

.scroll-hint {
	position: absolute !important;
    top: calc(100% - 47px) !important;
    transform: translateY(-50%) !important;
    right: 0 !important;
    color: #26315E;
    padding: 4px 8px 4px 32px;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
    background-image: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 13px;
    background-color: rgba(65, 89, 156, .10);
    border-radius: 15px;
    font-size: 12px;
    font-family: "Inter", sans-serif;
	opacity: 0;
}

@media (max-width: 767px) {
	.scroll-hint {
		opacity: 1 !important;
	}
}
.scroll-hint.visible { opacity: 1 !important; }
.scroll-hint.hidden { opacity: 0 !important; }




.site-row{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;	
	margin: -4px -8px;
}
.site-col-3{
	flex: 0 0 auto;
	/*width: calc(25% - 12px);*/
	width: 100% !important;
	padding: 4px 8px;
}
.site-col-full{
	flex: 0 0 auto;
	width: 100%;
	padding: 4px 8px;
}

.faq-col h3{
	padding-left: 25px !important;;
}
.faq-col h3:before{
	display: none;
}

.plan-box{
	float: left;
	width: 100%;
	background: #F6F7FA;
	border: solid 1px rgb(65, 89, 156, 
	.13);
	border-radius: 10px;
}
.plan-box h3{
	float: left;
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 40px 0 40px;
	min-height: 60px;
	font-family: "Source Sans Pro", Sans-serif;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
.plan-box h3:before{
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	left: 15px;
	background: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/checked.svg);
}

.plan-box h3:after{
		content: "";
    width: 13px;
    height: 13px;
    background: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/down-arrow.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
		transform: rotate(0deg);
		transition-duration: .3s;
}
.plan-box.active h3:after{
	transform: rotate(-180deg);
	transition-duration: .3s;
}

.plan-box p{
		font-family: "Source Sans Pro", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #26315E;
	padding: 0 25px;
	display: none;
}


.site-col-4{
	flex: 0 0 auto;
	width: calc(33.3% - 0px);
	padding: 4px 8px;
}
.plan-selection .site-row{
	align-items: center;
}

.plan-selection{
	float: left;
	width: 80%;
	clear: both;
}
.plan-selection-item{
	float: left;
	width: 100%;
	background: #F8F8F8;
	border: solid 1px rgba(65, 89, 156, .13);
	border-radius: 20px;
	padding: 16px 32px;
	cursor: pointer;
	margin-bottom: 16px;
}
.plan-selection-item:last-child{
	margin-bottom: 0;
}
.plan-selection-item.active .psi-left span{
	display: flex;
}
.plan-selection-item .psi-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.plan-selection-item .psi-left span{
	background: #41599C;
	color: #fff;
	position: relative;
	display: flex;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 15px;
	align-items: center;
	gap: 6px;
	border-radius: 50px;
	display: none;
}
.plan-selection-item .psi-left span:before{
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/white-tick.svg);
	background-repeat: no-repeat;
	background-position: center !important;
}

/* Policy type label – always visible, no checkmark */
.plan-selection-item .psi-left span.policy-type-label {
	display: flex !important;
	background: none !important;
	color: #41599C !important;
	font-size: 13px !important;
	font-weight: bold !important;
	font-family: "Inter", sans-serif !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.plan-selection-item .psi-left span.policy-type-label:before {
	content: none !important;
}

.plan-selection-item .psi-left img{
	max-height: 67px;
	max-width: 80%;
	object-fit: cover !important;
}

.plan-selection-item .psi-center{
	float: left;
	width: 100%;
}
.plan-selection-item .psi-center p{
	float: left;
	width: 100%;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-size: 13px;
	color: #26315E;
}

.plan-selection-item .psi-center ul{
	clear: both;
	list-style: none;
	padding: 0;
}
.plan-selection-item .psi-center ul li{
	position: relative;
	padding-left: 30px;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-size: 14px;
	font-weight: bold;
	color: #26315E;
	margin-bottom: 6px;
	position: relative;
	float: left;
	clear: both;
}
.plan-selection-item .psi-center ul li a{
	color: #26315E;
	text-decoration: underline;
}

.plan-selection-item .psi-center ul li.has-description span{
	position: relative;
	text-decoration: underline;
}
.plan-selection-item .psi-center ul li.has-description span:after{
	    content: "";
    width: 13px;
    height: 13px;
    background: url(https://doctordisability.techtonex.com/wp-content/uploads/2026/01/down-arrow.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
		top: 3px;
		transform: rotate(0deg);
		transition-duration: .3s;
}
.plan-selection-item .psi-center ul li.has-description.active span:after{
	transform: rotate(-180deg);
	transition-duration: .3s;
}


.plan-selection-item .psi-center ul li img{
	position: absolute;
	left: 0;
	top: 3px;
}

.plan-selection-item .psi-center ul li p{
	clear: both;
	font-weight: 400;
	margin: 3px 0;
	display: none;
}
.plan-selection-item .psi-center ul li:last-child{
	margin: 0;
}

.plan-selection-item .psi-right{
	display: block;
}
.plan-selection-item .psi-right .price-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	background: #fff;
	border: solid 1px rgb(65, 89, 156, .10);
	padding: 15px;
	border-radius: 10px
}
.plan-selection-item .psi-right .price-wrap p{
	margin: 0;
}
.plan-selection-item .psi-right .price-wrap .price{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 21px;
	color: #26315E;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-weight: bold;
	line-height: normal;
}
.plan-selection-item .psi-right .price-wrap .price span{
	color: #41599C;
	font-weight: 400;
	font-size: 14px;
}
.plan-selection-item .psi-right .price-wrap .for{
	color: #41599C;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-size: 16px;
}
.plan-selection-item .psi-right .price-wrap .benefit{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #41599C;
	font-weight: bold;
	font-family: "Source Sans Pro", Sans-serif !important;
	line-height: normal;
}
.plan-selection-item .psi-right .price-wrap .benefit b{
	font-size: 21px;
	color: #26315E;
	font-family: "Source Sans Pro", Sans-serif !important;
	font-weight: bold;
}

.plan-selection-item .psi-right .btn-apply{
	background: #E5A000;
	width: 100%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	font-family: "Source Sans Pro", Sans-serif !important;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	margin: 15px 0
}

.plan-selection-item .psi-right .info{
	clear: both;
	text-align: center;
	font-size: 11px;
	font-family: "Inter", sans-serif;
	color: rgba(38, 49, 94, .80);
	margin: 0;
}











.yt-video-box {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #000;
}

.yt-player iframe {
    width: 100%;
    height: 100%;
}

.yt-overlay-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #fff;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
}

.yt-title-btn {
    margin-top: 10px;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
	font-family: "Source Sans Pro", Sans-serif;
	font-weight: bold;
	color: #26315E;
	
	
	
}
.yt-title-btn .icon img{
	float: left;
}

.desktop-price{
	display: flex !important;
}
.mobile-price{
	display: none !important;
}


@media (min-width: 900px) and (max-width: 1080px) {
	
	.site-col-3{
		width: calc(33.3% - 0px);
	}
	.plan-selection{
		width: 90%;
	}
	
}

@media (min-width: 768px) and (max-width: 899px) {
	
	.site-col-3{
		width: calc(50% - 0px);
	}
	.plan-selection{
		width: 100%;
	}
	
	.ml-auto{
		margin-left: unset !important;
	}

	
}



@media (min-width: 1px) and (max-width: 767px) {
	.table-wrapper{
		margin-top: 0 !important;
	}
	.site-col-3{
		width: 100%;
	}
	.plan-selection{
		width: 100%;
	}
	.plan-selection-item{
		padding: 16px;
	}
	.site-col-4{
		width: 100%;
	}
	.plan-selection-item .psi-center p{
		text-align: center;
	}
	.ml-auto{
		margin-left: unset !important;
	}
	.btn-wrap a.elementor-button {
		width: 100%;
	}
	.btn-wrap .elementor-element:nth-child(1){
		width: calc(50% - 5px) !important;
	}
	.btn-wrap .elementor-element:nth-child(2){
		width: calc(50% - 5px) !important;
		margin-left: auto;
	}
	
	
	.yt-overlay-btn img{
		height: 60px;
	}
	
	.yt-video-box iframe{
		height: 200px;
	}
	
	
	.table-container{
		max-width: calc(100% - 16px) !important;
		margin-left: 16px;
		border-radius: 10px;
	}
	.table-container .tc-border{
		margin-right: 16px;	
	}
	
	.scroll-hint{
		right: 16px !important;;
	}
	
	
	.table-container .col-sm-2.sticky,
	.table-container.companies-3 .col-sm-2.sticky{
		width: 112px !important;
	}
	
	.table-container .col-sm-2{
		width: calc(calc(100% - 112px) / 5) !important;
		padding: 12px 20px;
	}
	.table-container.companies-3 .col-sm-2{
		width: calc(calc(100% - 112px) / 3) !important;
		padding: 12px 20px;
	}
	.table-container.companies-2 .col-sm-2{
		width: calc(calc(100% - 112px) / 2) !important;
		padding: 12px 20px;
	}
	.table-container .has-drop:after{
		right: 5px;
	}
	.plan-box h3{
		font-size: 14px;
	}
	
	.plan-selection-item .psi-right .price-wrap .price{
		font-size: 19px;
	}
	.plan-selection-item .psi-right .price-wrap .price span{
		font-size: 13px;
	}
	.plan-selection-item .psi-right .price-wrap .benefit b{
		font-size: 18px;
	}
	
	.desktop-price{
		display: none !important;
	}
	.mobile-price{
		display: block !important;
		margin: 15px 0;
	}
	.table-container .col-description{
		padding: 30px 30px 30px 135px;
	}
}



#site-footer .copyright{
	display: none;
}