.knowledge-hub-page {
            background: #F4F6FC;
        }

        .row {
            display: flex;
            justify-content: space-between;
            color: #fff;
        }

        .sub-title {
            color: #fff;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            font-family: "Montserrat", Sans-serif;
        }

        .main-title h3 {
            margin: 12px 0 4px;
            font-size: 24px;
            line-height: 32px;
            font-weight: 500;
        }

        .main-title p {
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            margin: 0;
        }

        .return-main-site {
            color: #fff;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            font-family: "Montserrat", Sans-serif;
        }

        .serach-bar {
            margin: 24px 0;
        }

        input#gsearch {
            box-shadow: 0px 4px 4px 0px #3471C20D;
            border: none;
            padding: 12px;
            border-radius: 12px;
            width: 548px;
        }

        .card {
            background: #fff;
            box-shadow: 0px 4px 4px 0px #3471C20D;
            width: 32%;
        }

        .card-title h3 {
			font-size:16px;
            padding: 16px;
            margin: 0;
            border-bottom: 1px solid #E5ECF9;
            line-height: 24px;
            font-family: "Hobostd", Sans-serif;
        }

        .description {
            padding: 16px;
        }

        .description p {
            padding: 0;
            margin: 0 0 16px;
            font-size: 16px;
            line-height: 28px;
            font-weight: 500;
            font-family: "Montserrat", Sans-serif;
        }

        .card a.knowledge-btn {
            background-color: #285EAF;
            font-family: "Montserrat", Sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 24px;
            color: #FFFFFF;
            border-radius: 12px;
            padding: 8px 20px 8px 20px;
            text-decoration: none;
            display: flex;
			align-items: center;
   			gap: 8px;
			width: max-content;
			height:44px;
   			margin: auto 15px 24px;
	 }

        .main-card {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
			justify-content: start;
        }
	 .knowledge-hub-card .card{
		margin-bottom:0;
	}
	 @media (max-width:1500px){
		 .card { 
			width: 31%;
		}		
	 }
 @media (max-width:1200px){
		 .card { 
			width: 48%;
		}		
	 }
	 @media (max-width:991px){
		 .card { 
			width: 48%;
		}
		 input#gsearch{
			 width:100%;
		 }
	 }
	 @media (max-width:632px){
		 .card { 
			width: 100%;
		}
	 }