/* new styles _ddev */

        :root {
            /* Основной цвет. Поменяй здесь, если ваш бренд-цвет другой */
            --primary: #2563eb; 
            --primary-hover: #1d4ed8;
            
            /* Фон страницы и карточек */
            --bg: #f8fafc;
            --card-bg: #ffffff;
            
            /* Цвета текста */
            --text-main: #0f172a;
            --text-muted: #64748b;
            
            /* Границы и скругления */
            --border: #e2e8f0;
            --radius: 12px;
            --transition: all 0.2s ease;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            color: var(--text-main);
            line-height: 1.5;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
        }

        /* --- Сетка преимуществ --- */
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin-bottom: 40px;
        }

        .feature-card {
            background: var(--card-bg);
            padding: 30px;
            border-radius: var(--radius);
            border: 1px solid var(--border);
            text-align: center;
            transition: var(--transition);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;
        }

        .feature-card:hover {
            border-color: var(--primary);
            transform: translateY(-4px);
            box-shadow: 0 10px 20px -10px rgba(37, 99, 235, 0.15);
        }

        .icon {
            width: 54px;
            height: 54px;
            margin: 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #eff6ff; /* Светло-синий фон под иконкой */
            color: var(--primary);
            border-radius: 14px;
			align-self: center;
        }

        /* Увеличил иконки внутри контейнера для лучшей читаемости */
        .icon svg {
            width: 28px;
            height: 28px;
        }

        .feature-card h3 {
            font-size: 19px;
            margin-bottom: 12px;
            font-weight: 700;
        }

        .feature-card p {
            font-size: 15px;
            color: var(--text-muted);
            line-height: 1.6;
        }

        /* --- Форма --- */
        .form-container {
            background: var(--card-bg);
            padding: 45px;
            border-radius: 24px;
            border: 1px solid var(--border);
            box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.1);
        }

        .form-header {
            margin-bottom: 35px;
        }

        .form-header span {
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 800;
            color: var(--primary);
            letter-spacing: 1.2px;
            display: block;
            margin-bottom: 8px;
        }

        .form-header h2 {
            font-size: 32px;
            font-weight: 800;
            letter-spacing: -0.5px;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-bottom: 24px;
        }

        @media (max-width: 768px) {
            .form-grid { grid-template-columns: 1fr; }
            .form-container { padding: 25px; }
            .form-header h2 { font-size: 26px; }
            body { padding: 20px 15px; }
        }

        .input-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .input-group label {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-main);
            margin-left: 4px;
        }

        input, textarea {
            padding: 14px 18px;
            border-radius: var(--radius);
            border: 1px solid var(--border);
            background: #fcfcfd;
            font-size: 15px;
            outline: none;
            transition: var(--transition);
            font-family: inherit;
        }

        input::placeholder, textarea::placeholder {
            color: #a0aec0;
        }

        input:focus, textarea:focus {
            border-color: var(--primary);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
        }

        /* Загрузка файла */
        .file-drop {
            border: 2px dashed #cbd5e1;
            padding: 35px;
            border-radius: var(--radius);
            text-align: center;
            cursor: pointer;
            transition: var(--transition);
            background: #f8fafc;
            group: file-drop;
        }

        .file-drop:hover {
            border-color: var(--primary);
            background: #eff6ff;
        }

        .file-drop svg {
            color: #94a3b8;
            margin-bottom: 12px;
            transition: var(--transition);
        }
        
        .file-drop:hover svg {
            color: var(--primary);
        }

        .file-drop span {
            display: block;
            font-size: 15px;
            color: var(--text-muted);
        }

        .file-drop b {
            color: var(--primary);
            font-weight: 600;
        }

        /* Чекбокс */
        .checkbox-group {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 25px 0;
            font-size: 14px;
            color: var(--text-muted);
        }
		
		.checkbox-group label{
			display: flex;
		}
		
		.checkbox-group a{
			color: #2563eb;
		}

        .checkbox-group input {
            width: 20px;
            height: 20px;
            cursor: pointer;
            accent-color: var(--primary);
            border-radius: 4px;
        }

        /* Кнопка */
        .btn-submit {
            background: var(--primary);
            color: white;
            border: none;
            padding: 18px 36px;
            border-radius: var(--radius);
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: var(--transition);
            width: fit-content;
            box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2);
        }

        @media (max-width: 640px) {
             .btn-submit { width: 100%; }
        }

        .btn-submit:hover {
            background: var(--primary-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);
        }

        .btn-submit:active {
            transform: translateY(0);
        }
		



/*  @media screen and (min-width:1701px) {
	 
	.page-template-paypage  .payform input {
		border: none !important;
		margin-bottom: 5px;
		border-radius: 8px !important;
		box-shadow: 0 3px 20px rgb(34 34 34 / 10%);
		color: #000;
		min-width: 100% !important;
	}

	.page-template-paypage  .payform input#node-6 {
		max-width: 20px !important;
		min-width: initial !important;
	}
	
	.formpaycheck p {
		display: flex;
	}
	
	label.w-form-label {
		font-size: 12px !important;
	}
	
	.tabs {
		left: 0;
		transform: none;
		width: 100%;
		padding: 30px 20px;
	}aside.sidebar-container.col-lg-2.col-md-3.col-12.order-last.order-md-first.sidebar-left.area-sidebar-full-screen-menu {
		flex: 0 0 24%;
		max-width: 24%;
		width: 300px;
		flex: initial;
	}.site-content.col-lg-10.col-12.col-md-9 {
		max-width: calc(100% - 300px);
		left: 0;
		flex: initial;
	}aside.sidebar-container .widget-area {
		max-width: 220px;
	}div#custom_html-5, .woodmart-widget,div#custom_html-5, .wd-widget {
		width: 100%;
	}
	
	}
	
	@media screen and (min-width:1201px) and (max-width:1700px){
	.page-template-paypage  .payform input {
		border: none !important;
		margin-bottom: 5px;
		border-radius: 8px !important;
		box-shadow: 0 3px 20px rgb(34 34 34 / 10%);
		color: #000;
		min-width: 100% !important;
	}
	
	.page-template-paypage  .payform input#node-6 {
		max-width: 20px !important;
		min-width: initial !important;
	}
	
	.formpaycheck p {
		display: flex;
	}
	
	label.w-form-label {
		font-size: 12px !important;
	}
	
	.tabs {
		left: 0;
		transform: none;
		width: 100%;
		padding: 30px 20px;
	}
	span.menu-opener.color-scheme-light {
		width: 270px !important;
	}
	
	h6.entry-title.title {
		padding-left: 270px !important;
	}
	
	.breadcrumbs {
		padding-left: 270px !important;
	}.row.content-layout-wrapper.align-items-start {
		display: flex;
		justify-content: space-between;
	}.site-content.col-lg-10.col-12.col-md-9 {
		max-width: calc(100% - 300px) !important;
	}aside.sidebar-container .widget-area {
		margin-top: 330px;
	}
	
	aside.sidebar-container.col-lg-2.col-md-3.col-12.order-last.order-md-first.sidebar-left.area-sidebar-full-screen-menu {
		margin-top: 0px;
		width: 300px !important;
    flex: initial;
	}aside.sidebar-container .widget-area {
		max-width: 220px;
	}div#custom_html-5, .woodmart-widget,div#custom_html-5, .wd-widget {
		width: 100%;
	}
	
	}@media screen and (min-width:1025px) and (max-width:1200px){
	.page-template-paypage  .payform input {
		border: none !important;
		margin-bottom: 5px;
		border-radius: 8px !important;
		box-shadow: 0 3px 20px rgb(34 34 34 / 10%);
		color: #000;
		min-width: 100% !important;
	}aside.sidebar-container .widget-area {
		margin-top: 330px !important;
	}
	
	aside.sidebar-container.col-lg-2.col-md-3.col-12.order-last.order-md-first.sidebar-left.area-sidebar-full-screen-menu {
		margin-top: 0px;
	}
	.site-content.col-lg-10.col-12.col-md-9 {
		max-width: calc(100% - 300px);
		left: 0;
		flex: initial;
	}span.menu-opener.color-scheme-light {
		width: 270px !important;
	}
	
	h6.entry-title.title {
		padding-left: 270px !important;
	}
	
	.breadcrumbs {
		padding-left: 270px !important;
	}
	.page-template-paypage  .payform input#node-6 {
		max-width: 20px !important;
		min-width: initial !important;
	}
	
	.formpaycheck p {
		display: flex;
	}
	
	label.w-form-label {
		font-size: 12px !important;
	}
	
	.tabs {
		left: 0;
		transform: none;
		width: 100%;
		padding: 30px 20px;
	}
	
	}
	
	@media screen and (min-width:769px) and (max-width:1024px){
	.page-template-paypage  .payform input {
		border: none !important;
		margin-bottom: 5px;
		border-radius: 8px !important;
		box-shadow: 0 3px 20px rgb(34 34 34 / 10%);
		color: #000;
		min-width: 100% !important;
	}
	
	.page-template-paypage  .payform input#node-6 {
		max-width: 20px !important;
		min-width: initial !important;
	}
	
	.formpaycheck p {
		display: flex;
	}
	
	label.w-form-label {
		font-size: 12px !important;
	}
	
	.tabs {
		left: 0;
		transform: none;
		width: 100%;
		padding: 30px 20px;
	}
	
	}
	@media screen and (min-width:320px) and (max-width:768px){
	.page-template-paypage  .payform input {
		border: none !important;
		margin-bottom: 5px;
		border-radius: 8px !important;
		box-shadow: 0 3px 20px rgb(34 34 34 / 10%);
		color: #000;
		min-width: 100% !important;
	}
	
	.page-template-paypage  .payform input#node-6 {
		max-width: 20px !important;
		min-width: initial !important;
	}
	
	.formpaycheck p {
		display: flex;
	}
	
	label.w-form-label {
		font-size: 12px !important;
	}
	
	.tabs {
		left: 0;
		transform: none;
	}
	.site-content.col-lg-10.col-12.col-md-9 {
		left: 0;
	}
	}
	
	

	input.wpcf7-form-control.has-spinner.wpcf7-submit {
		color: #fff !important;
	}



	.tabs {
		background: #fcfcfcf9;
		padding: 60px;
		border-radius: 20px;
		box-shadow: none;
		border: 1px solid rgba(243, 241, 241, 1);
	}
	@media screen and (min-width:1201px) and (max-width:1700px){
	.tabs {
		background: #fcfcfcf9;
		padding: 40px 40px;
		border-radius: 20px;
		box-shadow: none;
		border: 1px solid rgba(243, 241, 241, 1);
	}
	}
	@media screen and (min-width:1025px) and (max-width:1200px){
	.tabs {
		background: #fcfcfcf9;
		padding: 30px;
		border-radius: 20px;
		box-shadow: none;
		border: 1px solid rgba(243, 241, 241, 1);
	}
	}
	@media screen and (min-width:769px) and (max-width:1024px){
	.tabs {
		background: #fcfcfcf9;
		padding: 30px;
		border-radius: 20px;
		box-shadow: none;
		border: 1px solid rgba(243, 241, 241, 1);
	}
	}


	/* new design*/ 

	/* .pay-icons-top {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.pay_icons_item {
		width: calc(100%/3 - 20px);
		max-width: 350px;
		border-radius: 5px;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
		background: #fff;
		padding: 27px 22px 32px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.pay-icon-title {
		font-family: var(--font-family);
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		color: #000;
		margin-top: 16px;
	}
	
	.pay-icon-text {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 16px;
		text-align: center;
		color: #000;
		padding-top: 16px;
	}
	
	.pay-page-form {
		padding-top: 55px;
	}
	
	.pay-page-form-title {
		font-family: var(--font-family);
		font-weight: 600;
		font-size: 18px;
		text-align: center;
		color: #000;
	}
	
	.pay-page-contacts-title {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 18px;
		text-align: center;
		color: #000;
	}
	
	.pay-page-contacts {
		padding-top: 70px;
	}
	
	.pay-page-contacts-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 30px;
	}
	
	.pay-page-contacts-item {
		width: calc(100% / 3 - 20px);
		max-width: 350px;
		border-radius: 5px;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
		background: #fff;
		padding: 28px 29px 44px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.pay-page-contacts-item-title {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 18px;
		text-align: center;
		color: #000;
	}
	
	.pay-page-contacts-item-text {
		padding-top: 30px;
		display: flex;
		justify-content: center;
	}
	
	.pay-page-contacts-item-text p a {
		display: block;
		text-align: left;
	}
	
	.pay-page-contacts-item-text p a {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 16px;
		line-height: 237%;
		color: #4db5ff;
	}
	
	.pay-page-contacts-item-text p a img {
		margin-right: 11px;
	}


	.pay-page-form-form .form-row {
		width: 100%;
		display: flex;
		margin: 0;
		justify-content: space-between;
		margin-bottom: 19px;
	}
	
	.form-column {width: calc(50% - 20px);  font-weight: 500;}
	
	.pay-page-form-form {
		padding-top: 29px;
	}
	
	.form-row input {
		border: none !important;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05) !important;
		background: #fff !important;
		font-family: var(--font-family);
		font-weight: 400 !important;
		font-size: 16px !important;
		color: rgba(51, 51, 51, 0.5) !important;
		height: 50px !important;
	}
	
	.form-row textarea {
		width: 100%;
		border: none;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
		background: #fff;
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 16px;
		color: rgba(51, 51, 51, 0.5);
		height: 50px;
		padding-top: 15px;
	}
	
	.form-row p {
		width: 100%;
	}
	
	input.wpcf7-form-control.wpcf7-file.file {
		background: none !important;
		box-shadow: none !important;
		height: auto !important;
	}
	
	span.wpcf7-form-control.wpcf7-acceptance.optional input {
		height: auto !important;
	}
	
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
		width: calc(50% - 20px);
		height: 50px !important;
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 18px;
		color: #fff;
	}
	
	.pay-page-contacts-item-text {
		padding-top: 17px;
	}
	.pay_icons_item > div.img {
		min-height: 63px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	@media screen and (min-width:1025px) and (max-width:1200px){

		.pay_icons_item {
			width: calc(100% / 3 - 10px);
			max-width: max-content;
			padding: 27px 10px 32px;
		}
		
		.pay-page-contacts-item {
			width: calc(100% / 3 - 5px);
			max-width: max-content;
			padding: 28px 10px 44px;
		}

	}

	@media screen and (min-width:320px) and (max-width:1025px){

		.pay-icons-top {
			display: flex;
			flex-wrap: wrap;
		}
		
		.pay_icons_item {
			width: 100%;
			margin-bottom: 20px;
			max-width: 100%;
		}
		
		.form-column {
			width: 100%;
			margin-bottom: 10px;
		}
		
		.pay-page-form-form .form-row {
			margin-bottom: 10px;
		}
		
		.form-column:last-child {
			margin-bottom: 0px;
		}
		
		input.wpcf7-form-control.wpcf7-submit.has-spinner {
			width: 100% !important;
			min-width: 100%;
		}
		
		.pay-page-contacts-item {
			width: 100%;
			margin-bottom: 20px;
			max-width: 100%;
		}.pay-icon-text br {
			display: none;
		}
	} */