/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 04 2025 | 05:33:23 */
#case-studies .case-heading {
    max-width: 100%;
    width: 100%;
    padding: 0px 44px;
}
#case-studies .case-heading h1 {
    padding-bottom: 135px;
}
#case-studies .case-inner-part {
    max-width: 100%;
    width: 100%;
    padding: 0px 44px;
}
#case-studies .case-inner-part .case-studies-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
	margin-bottom: 14px;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
    max-width: calc((100% - 80px) / 3);
/*     background: #F05B7E; */
    padding: 70px 70px 0px 70px;
    border-radius: 20px;
    width: 100%;
	position: relative;
}
#case-studies .case-inner-part .case-studies-wrapper .case-popup-summary {
    display: none;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .img img {
    width: 100%;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail {
    background: #fff;
    position: absolute;
    bottom: 10px;
    padding: 20px;
    width: auto;
    left: 10px;
    border-radius: 20px;
    right: 10px;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail h4 {
    font-size: 20px;
    line-height: 34px;
    padding: 0px;
    color: #1D1D21;
    font-weight: 700;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #1D1D21;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail a.view-more {
    color: #266CFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    display: inline-block;
    margin-top: 13px;
	position: relative;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail a.view-more::before {
    content: '';
    background: url(/wp-content/uploads/2025/05/down-arrow.svg);
    width: 11px;
    position: absolute;
    height: 14px;
    right: -22px;
    background-size: contain;
    top: 6px;
}
.case-popup-summary {
    background: #fff;
    border-radius: 20px;
    padding: 60px 30px;
	margin-top: 14px;
	margin-bottom: 40px;
}
.case-popup-summary h2 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    color: #1D1D21;
	padding-bottom: 50px;
}
.case-popup-summary .content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 0px !important;
	margin-bottom: 40px;
}
.case-popup-summary .content .summary {
    max-width: calc((100% - 80px) / 3);
    width: 100%;
}
.case-popup-summary .content .summary h4 {
    font-size: 32px;
    line-height: 40px;
    color: #1D1D21;
    font-weight: 700;
    padding-bottom: 20px;
}
.case-popup-summary .content .summary p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #1D1D21;
}
.case-popup-summary .client-content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.case-popup-summary .client-content .summary {
    background: #EDF1F7;
    border-radius: 20px;
    padding: 28px 23px;
}
.case-popup-summary .client-content >div {
    max-width: calc((100% - 40px) / 2) !important;
}
.case-popup-summary .client-content .summary h3 {
    color: #1D1D21;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    padding-bottom: 13px;
}
.case-popup-summary .client-content .summary p {
    color: #1D1D21;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}
.case-popup-summary .client-content .client-images {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.case-popup-summary .client-content .client-images img {
    height: 259px;
    border-radius: 20px;
    object-fit: cover;
    max-width: calc((100% - 40px) / 2);
}
.case-popup-summary .website-link {
    margin-top: 50px;
}
.case-popup-summary .website-link a {
    font-weight: 500;
    background: #1D1D21;
    color: #fff;
    border-radius: 50px;
    padding: 18px 36px;
    font-size: 20px;
    line-height: 25px;
	display: inline-block;
}
#case-studies {
    padding-bottom: 0px;
}
.case-study-book {
    margin-top: 160px !important;
}
body.case-study-page .et_pb_row.et_pb_row_0_tb_header.cols.et_pb_gutters1.et_pb_row--with-menu::before ,body.resources-page .et_pb_row.et_pb_row_0_tb_header.cols.et_pb_gutters1.et_pb_row--with-menu::before{
    content: '';
    background: url(/wp-content/uploads/2025/05/header-top.png);
    width: 500px;
    height: 400px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    right: 0;
    z-index: 0;
}

body.resources-page .et_pb_row.et_pb_row_0_tb_header.cols.et_pb_gutters1.et_pb_row--with-menu::before{
    background: url(/wp-content/uploads/2025/07/resourc-shpe.png) !important;
	background-repeat: no-repeat !important;
    background-size: contain !important;
}
.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.menu-bar {
    background: transparent;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items.active a::before {
    background: url(/wp-content/uploads/2025/05/up-arrow.svg) !important;
}
.mobile-view-only {
    display: none;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items.non-active {
    opacity: 60%;
}


/* resource page css */

ul.resource-ul {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

ul.resource-ul li {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

ul.resource-ul li h3 {
    font-family: DM Sans;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #fff;
    background-color: #266CFF;
    padding: 40px 40px;
}

ul.resource-ul li p {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0px;
    color: #1D1D21;
    padding: 40px;
    padding-bottom: 0px;
}

.resource-btn a {
    padding: 18px 36px 18px 36px;
    font-family: DM Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #fff;
    background-color: #1D1D21;
    border-radius: 30px;
    display: inline-block;
	border: 2px solid #1d1d21;
	transition:.2s linear;
	display: flex;
    max-width: max-content;
    align-items: center;
    gap: 15px;
}
.resource-btn a:hover{
	background-color:#266CFF;
	transition:.2s linear;
	border: 2px solid #266CFF;
	color:#fff;
}
.resource-btn a:hover svg path{
	transition:.2s linear;
}
.resource-btn a:hover svg path{
	stroke:#fff;
	transition:.2s linear;
}
.resource-box {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.resource-btn {
    padding: 40px;
    margin-top: auto;
}

/* resource-box color */
ul.resource-ul li:not(:nth-child(4n + 1)) h3{
    color: #000;
}

/* pink */
ul.resource-ul li:nth-child(4n + 2) h3{
    background-color: #FCA5FF;
}

ul.resource-ul li:nth-child(4n + 2) .resource-btn a:hover {
    border: 2px solid #FCA5FF;
    color: #1D1D21;
    background-color:#FCA5FF;
}

ul.resource-ul li:nth-child(4n + 2) .resource-btn a:hover svg path{
	stroke:#1D1D21;
}

/* green */
ul.resource-ul li:nth-child(4n + 3) h3{
    background-color: #42F479;
}

ul.resource-ul li:nth-child(4n + 3) .resource-btn a:hover {
    border: 2px solid #42F479;
    color: #1D1D21;
     background-color:#42F479;
}

ul.resource-ul li:nth-child(4n + 3) .resource-btn a:hover svg path{
	stroke:#1D1D21;
}

/* yellow */
ul.resource-ul li:nth-child(4n) h3{
    background-color: #FFFF00;
}
ul.resource-ul li:nth-child(4n) .resource-btn a:hover {
    border: 2px solid #FFFF00;
    color: #1D1D21;
     background-color:#FFFF00;
}
ul.resource-ul li:nth-child(4n) .resource-btn a:hover svg path{
	stroke:#1D1D21;
}
/* yellow */
body.resources-page a.et_pb_button {
    border: 1px solid #000000;
}

/* 3-7-25 */
.service-section-text p {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #1D1D21;
    margin-bottom: 15px;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #1d1d21;
}

.service-section-text p em {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #1d1d21 !important;
    font-style: normal !important;
    margin-top:5px !important;
    display:inline-block  !important;
}
.service-section-text .et_pb_module.et_pb_divider {
    margin-bottom: 0px !important;
    height: 30px !important;
    margin-top: 0px !important;
}
.service-section-text .et_pb_module.et_pb_text {
    margin-bottom: 14px;
}


.service-section-text .et_pb_divider_8:before {
    border-top-color: #FFFF00;
}

.service-section-text .et_pb_divider_8 {
    width: 100%;
}

.service-section-text .et_pb_divider_9:before {
    border-top-color: #42F479;
}

.service-section-text .et_pb_divider_9 {
    width: 100%;
}

.servicees {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.service-section-text .et_pb_module.et_pb_text {
    display: block;
}
.service-first-colmn span {
    font-family: DM Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0px;
}

/* 3-7-25 end*/


@media screen and (max-width:1600px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
    max-width: calc((100% - 80px) / 3) !important;
    width: 100%;
}
.service-first-colmn  a.et_pb_button.et_pb_button_2.button-aa.et_pb_bg_layout_light {
    font-size: 20px !important;
}
}









@media screen and (max-width:1400px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
    padding: 40px 40px 0px 40px;
}
}




@media screen and (max-width:1200px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail h4 {
    font-size: 18px;
    line-height: normal;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail p {
    line-height: normal;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail {
    padding: 15px;
}
#case-studies .case-heading h1 {
    padding-bottom: 100px;
}
#case-studies .case-heading h1 {
    font-size: 70px;
    line-height: normal;
}
.case-popup-summary {
    padding: 30px;
}
.case-popup-summary h2 {
    font-size: 50px;
    line-height: normal;
    padding-bottom: 30px;
}
.case-popup-summary .content .summary {
    max-width: calc((100% - 40px) / 2);
    width: 100%;
}
.case-popup-summary .client-content >div {
    max-width: calc((100% - 0px) / 1) !important;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail a.view-more {
    font-size: 18px;
    line-height: normal;
}
body.case-study-page .et_pb_row.et_pb_row_0_tb_header.cols.et_pb_gutters1.et_pb_row--with-menu::before,body.resources-page .et_pb_row.et_pb_row_0_tb_header.cols.et_pb_gutters1.et_pb_row--with-menu::before {
    width: 300px;
    height: 210px;
}
}


@media(max-width:1024px){
    ul.resource-ul li h3 {
    font-size: 28px;
    line-height: 32px;
    padding: 30px 20px;
}
ul.resource-ul li p,.resource-btn {
    padding: 30px 20px;
}
ul.resource-ul li {
    padding: 0 10px;
    margin-bottom: 20px;
}
ul.resource-ul {
    margin: 0 -10px;
}
}




@media screen and (max-width:991px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .img img {
	width: 100%;
	height: 480px;
	object-fit: cover;
	object-position: top;
}
#case-studies .case-inner-part .case-studies-wrapper {
    flex-direction: column;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
	max-width: calc((100% - 0px) / 1) !important;
	width: 80%;
	margin: 0 auto;
}
#case-studies .case-heading h1 {
    padding-bottom: 50px;
}
#case-studies .case-heading h1 {
    font-size: 60px;
    line-height: normal;
}
.case-popup-summary h2 {
	font-size: 40px;
}
.case-popup-summary .content .summary {
	max-width: calc((100% - 0px) / 1);
	width: 100%;
}
.case-popup-summary .content {
    gap: 20px;
}
.case-popup-summary .client-content {
    gap: 20px;
}
.desktop-view-only {
    display: none;
}
.mobile-view-only {
    display: block;
}
	
div#our-service-mobile {
    display: none;
}
div#our-service {
    display: block !important;
	margin-top:0px;
}
.servicees {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
body #page-container .button-aa.buton-service-mobile {
    font-size: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
}



@media screen and (max-width:980px) {
body.case-study-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before {
	content: '';
    background: url(/wp-content/uploads/2025/05/header-top.png);
    width: 500px;
    height: 400px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    z-index: 0;
}
body.resources-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before{
	content: '';
    background: url(/wp-content/uploads/2025/07/resourc-shpe.png) !important;
    width: 500px;
    height: 400px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    right: 0;
    z-index: 0;
}
body.case-study-page .et_pb_module.et_pb_menu.et_pb_menu_1_tb_header.et_pb_bg_layout_light.et_pb_text_align_left.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned {
    background: transparent;
}
body.case-study-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before ,body.resources-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before{
	width: 300px;
	height: 210px;
	right: -30px;
}
}






@media screen and (max-width:767px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
	width: 100%;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .img img {
	width: 100%;
	height: 480px;
	object-fit: contain;
}
#case-studies .case-heading h1 {
    font-size: 50px;
    line-height: normal;
}
#case-studies .case-inner-part, #case-studies .case-heading {
    padding: 0px 30px;
}
.case-popup-summary {
	padding: 20px;
}
.case-popup-summary h2 {
	font-size: 30px;
	padding-bottom: 20px;
}
.case-popup-summary .content .summary h4 {
    font-size: 25px;
    padding-bottom: 10px;
}
.case-popup-summary .client-content .summary {
    padding: 20px;
}
.case-popup-summary .client-content .summary h3 {
    font-size: 25px;
    padding-bottom: 10px;
}
.case-popup-summary .client-content .client-images img {
	height: auto;
	max-width: calc((100% - 0px) / 1);
	width: 100%;
}
.case-popup-summary .client-content .client-images {
    gap: 20px;
}
.case-popup-summary .website-link {
    margin-top: 30px;
}
.case-popup-summary .website-link a {
    padding: 12px 20px;
    font-size: 18px;
    line-height: normal;
}
ul.resource-ul li {
    width:100%;
}
body #page-container .button-aa.buton-service-mobile {
    font-size: 16px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
}










@media screen and (max-width: 481px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .img img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
	padding: 30px 30px 0px 30px;
}
#case-studies .case-heading h1 {
	font-size: 40px;
	line-height: normal;
	padding-bottom: 20px;
}
.case-popup-summary h2 {
	font-size: 18px;
	padding-bottom: 10px;
}
.case-popup-summary .content .summary h4 {
	font-size: 17px;
	padding-bottom: 5px;
	line-height: normal;
}
.case-popup-summary .content .summary p {
    font-size: 15px;
    line-height: normal;
}
.case-popup-summary .client-content .summary h3 {
	font-size: 17px;
	padding-bottom: 10px;
	line-height: normal;
}
.case-popup-summary .client-content .summary p {
    font-size: 15px;
    line-height: normal;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail p {
	line-height: normal;
	font-size: 15px;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail h4 {
	font-size: 17px;
	line-height: normal;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .case-detail a.view-more {
	font-size: 15px;
	line-height: normal;
	margin-top: 10px;
}
.case-popup-summary .website-link a {
	font-size: 15px;
	line-height: normal;
}
body.case-study-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before ,body.resources-page .et_pb_row.et_pb_row_1_tb_header.flex-display.et_pb_gutters1.et_pb_row--with-menu::before{
	top: -20px;
	width: 250px;
	height: 210px;
	right: -30px;
}
}
/* 9th JUNE 2025 START */
@media only screen and (min-width: 992px) and (max-width: 1359px)  {
	#case-studies .case-inner-part .case-studies-wrapper .case-study-items{
		height: 374px !important;
	}
}
@media screen and (max-width: 991px) {
#case-studies .case-inner-part .case-studies-wrapper .case-study-items {
    padding: 0 !important;
}
#case-studies .case-inner-part .case-studies-wrapper .case-study-items .img img{
	height: auto !important;
    object-fit: cover !important;
}
}
/* 9th JUNE 2025 END */
 





