/*!
Theme Name: Roto Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beston-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

beston-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/

body{ color:#fff; font-size:16px;  font-weight:normal; line-height:1.5; display: flex;flex-wrap: wrap; overflow-x: hidden;       font-family: 'Poppins', sans-serif;}



.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2; 	 font-family: inherit;      font-family: 'Poppins', sans-serif; font-weight: 700;}
.h1, h1 {font-size:45px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px; font-weight: 600;}
.h5, h5 {font-size:20px; margin-bottom: 15px; font-weight: 600;}
.h6, h6 {font-size:18px; margin-bottom: 10px; font-weight: 600;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#555; font-size:16px; font-weight:400; line-height:1.8;  margin-bottom:15px; }

p:last-child { margin-bottom:0; }

ul,
ol{ margin: 0;padding: 0;margin-left: 17px;}
ul li,
ol li{ font-size:14px;  color:#292829; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#2f64bf; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input,
textarea,
button { font-family: 'Poppins', sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:7px 10px; color:#000; font-size:16px;font-weight: 400; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: normal; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 6px 12px;font-size: 14px; font-weight: normal; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }
.btn:hover,
.btn:focus { color: #fff; background-color: #019852; border-color: #019852;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight:normal; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight:normal; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th,
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px; font-size: 14px; color: #424242;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%; position: relative; flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.main-container{width:100%;}
.container {max-width: 1170px;}
#page { width: 100%}

/*---- header ----*/

#header {	width: 100%;	position:absolute;	z-index: 1000;	padding: 50px 0;}
#header .container {height: auto;  }
#header .container {	max-width: 1170px;	position: relative; width: 100%;	}
#header.fixed {	position: fixed;	width: 100%;	left: 0;	top: 0;      height: 84px;}
.top-right {    float: right; margin: 12px 0 0;}

@media(min-width:993px) {
	/*#header { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}*/
	.full-header { -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; width:100%; position:relative; z-index:10;	}
	.full-header.fixed {	position: fixed;	top: 0;	z-index: 10;	width: 100%;  }
	.full-header.fixed #header  { padding:5px 0;}
}

.top-header {		padding:18px 25px; border-radius: 8px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);}
.header.fixed { position: fixed; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25); background: #fff; padding: 0px !important; }
.header.fixed .top-header { box-shadow: none; padding: 10px 0; }
.header.fixed  .top-right {    float: right;    margin: 0px 0 0;}

.top-header .container { max-width: 1200px; }


.logo {    float: left;    margin-top: 10px;   width: 250px; }

/*.pop-btn a::after {	width: calc(100% - 28px);	height: calc(100% - 16px);	position: absolute;	border: #fff dashed 1.5px;	content: '';	left: 14px;	top: 8px;}*/

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: fixed;top: 15px;right: 0;z-index: 100;}
.hamburger:hover,
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #0b9444;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 25px 20px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}


/* nav */
.navigation { float:left;  clear: both; text-align: center;}
.navigation  .menu-main-menu-container { display:inline-block;}

@media(min-width:993px) {
.memu_top {	clear: both;		height: 70px;	background: #171e54;	border: #fff solid 2px;	position: relative;	top: 33px;	margin-top: -33px;}

.navigation { clear: both;	}  	
	
.navigation ul.nav { margin: 0px 0px 0px 0px; padding: 0px;      text-align: center;    display: inline-block;    } 
.navigation ul.nav li {	list-style: none;	padding: 18px 7px 22px;	position: relative;	float: none;	display: inline-block;}
.navigation ul.nav > li + li { }
.navigation ul.nav li a {		font-size: 15px;		display: block;	color: #fff; text-transform: inherit;	font-weight: normal;	text-decoration: none !important;		position: relative;	text-align: left;	font-weight: normal;        font-family: 'Poppins', sans-serif;  text-transform:uppercase	; }
.navigation ul.nav > li > a:after { content: ''; position: absolute; bottom: -5px; 
    width: 0;    height: 2px;    background: #fff;    left: 0px;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.navigation ul.nav li:hover > a:after { width:100%;}
.navigation ul.nav > li > a:hover {    background:none;    border-radius: 50px;    /*color: #00c6ff;*/ }
.navigation ul.nav > li.current_page_item > a {    /*background: #1c4d91;*/      color: #fff;}
.navigation ul.nav > li.current_page_item { /*background: #80D742;*/ border-radius:5px;  }
.navigation ul.nav > li.current_page_item > a{ color: #fff; }
.navigation ul.nav li.current_page_item > a:after, .navigation ul.nav li.current-menu-ancestor  > a:after { width:100%;border-radius: 5px;}

	
	
.navigation ul.nav li.current-menu-parent > a:after { width:100%;}
.navigation ul.nav ul li a{  color: #fff; }

.navigation  .menu-menu-menu-container {	float: left;}

.navigation .bq_btn {	width: 184px;	display: inline-block;	background: #80D742;	font-size: 22px;	color: #000;	height: 50px;	margin-top: 5px;	border-radius: 5px;	padding: 8px 0 0;	text-decoration: none !important; margin-left: 15px; font-family: 'FilsonProMedium';}

.navigation ul.nav > li.menu-item-has-children > a::before {    content: '';    position: absolute;       width: 100%;    height: 50px;    bottom: -53px;}


.navigation ul.nav li .sub-menu { margin-top:3px;}
.navigation ul.nav li:hover > ul{ display:block;}

.navigation ul.nav ul {    position: absolute;    background: #274f96;    top: 71px;    left: 9px;    width: 222px;    margin: 0px;    padding: 0px;    display: none;    z-index: 10;    border: none;    border: #51576a solid 1px;}
.navigation ul.nav ul li { padding:0px; padding:0px; float:left; width:100%;}
.navigation ul.nav ul li a {	font-size: 14px;	padding: 6px 15px;	display: block;     font-family: 'Poppins', sans-serif; }
.navigation ul.nav ul li a:hover { background:#fff; color:#fff;}

/*.navigation ul.nav ul li:hover > ul { display:block;}*/
.navigation ul.nav ul li:hover > a { background:#fff; color: #000;}
.navigation ul.nav ul ul {    left: 220px;    top: -4px;    width: 250px;}
#header.fixed .navigation ul.nav > li > a {
	color: #333;
}

	
.navigation ul.nav ul ul li a {
	padding: 3px 15px;
	font-size: 14px;
}
	

}


#footer { background: #363636;  padding: 50px 0; }
#footer h3 { font-size: 22px; }
#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style: none; }
#footer ul li a {	color: #fff;	font-size: 14px;}
#footer .con_link p { color:#fff }
#footer  .con_link a{ color: #fff; }

#footer .social_fo ul li { float: left; }
#footer .social_fo ul li + li { margin-left: 8px; }
#footer .social_fo ul li a {	width: 35px;	height: 35px;	background: #3261A8;	border-radius: 35px;	color: #fff;	text-align: center;	display: flex;	align-items: center;	justify-content: center;}
#footer .form_fo {	background: #161D3E;	padding: 35px 55px;	border-radius: 10px;	margin: -230px 0 50px;}
#footer .form_fo h3 { color: #fff; font-size: 45px; }
#footer .center-dv p {	color: #FFFFFF;	font-size: 18px;	max-width: 590px;	margin-bottom: 55px; margin:0 auto 50px;}
#footer  .center-dv { text-align: center; }
#footer .form_fo .wpcf7-form-control-wrap { display: block; margin-bottom: 30px; }
#footer .form_fo input[type="text"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="email"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="tel"] { width: 100%; height: 45px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo textarea{ width: 100%; height: 135px; background: #fff; border-radius: 5px; border-radius: 5px; }
#footer .form_fo input[type="submit"] {	margin: auto;	display: table;	width: 250px;	height: 55px;	background: #455290 !important;	border-radius: 5px;	font-size: 22px;	padding: 0;	font-weight: normal;}
#footer  .wpcf7-spinner {	position: absolute;}

.copy_fo {	background: #29325C;	padding: 15px 0;}
.copy_fo .fo_right {	text-align: right;}
/*--------- home page ------------*/

/*--------- home banner ------------*/

.home_banner { width: 100%;    position: relative;}
.home_banner .banner_blk { height: 100vh;   padding: 160px 0 0; display: flex; align-items: end; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.home_banner .banner_blk::before {	content: '';	position: absolute;	width: 100%;	height: 100%;	background: rgba(0,0,0,0.2);	top: 0; }
.home_banner h1 { color: #fff; font-size: 60px; font-weight:normal;  }
.home_slider::after {		content: '';	position: absolute;	width: 100%;	height: 192px;	bottom: -50px;	left: 0;	background-size: 100% 100%;}
.home_slider .content_blk {	max-width: 1120px; margin: auto;}
.home_slider .content_blk p { max-width: 744px;}
.home_banner .item .middle-content {	height: 480px;	width: 100%;	position: relative;	z-index: 1;	font-family: 'Poppins', sans-serif;	display: table;	padding-top: 115px;	background-size: cover;}
.home_banner .item .middle-content:after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: -1 ;}
.home_banner h2 { font-size: 45px;  line-height: 1.2;      font-family: 'Poppins', sans-serif; color: #fff;  font-weight: normal;  margin: 0 0 48px;}
.home_banner h2 strong{ color: #77bb0b; font-weight: 400;}
.home_banner ul { margin: 0px; padding: 0px 0px 30px;}
.home_banner ul li { list-style: none; font-size: 22px; color: #fff; font-weight:normal; padding: 0 0 15px; background: url(assets/images/check-img.png) no-repeat 0px 10px ; padding-left: 30px;}
.home_banner p { color: #333; font-size: 18px;}
.home_banner .btn-reg { margin-top: 40px;}
.banner_box .col-lg-4 { padding:0px 0px; }


.btn-reg {	color: #000;	border: #f8791b solid 2px;	display: inline-block;	padding: 14px 0px 14px 0;	border-radius: 100px;	font-size: 16px;	font-weight: 400;	text-decoration: none !important;	position: relative;	width: 189px;	height: 55px;	text-align: center; position: relative; z-index: 1}
.home_banner .btn-reg::after { z-index: -1;	position: absolute;	right: 10px;	content: '';	top: 10px;	transform: inherit;	width: calc(100% - 20px);	height: calc(100% - 20px);	font-size: 0;	background-color: rgb(255, 255, 255);	border-radius: 145px;	background-repeat: no-repeat;	border: none !important;	outline: none !important;	background-image: url(assets/images/arrow.png);	background-position: center;}
.btn-reg:hover { background: #f8791b; color: #000}

.new-home { background: url(assets/images/wel-bg.jpg) no-repeat;  background-position: bottom;}
.new-home a.cta_btn.fr { float: right; }
a.cta_btn {background: linear-gradient(180deg, #BE506C 0%, #CE6F6A 53.96%, #D57D6A 100%); height: 54px; display: block; 
       width: 213px;    color: #fff;    text-align: center;    border-radius: 5px;    font-size: 16px;    font-weight: normal; 
          padding: 14px 0 0;    text-decoration: none; font-family: 'SofiaProBoldAz';}
.new-home .a-item { align-items: center; margin-bottom: 60px; }
.new-home .img_blk img{ border-radius: 7px;  }
.new-home .img_blk { display: block; margin-bottom: 30px; }
.new-home h3 { font-size: 24px; color: #fff; font-weight: normal; line-height: 1 }




.quality_sec {    padding: 60px 0;    text-align: center;    background: #143967 url(assets/images/back-bg.png) no-repeat; background-size: cover; background-attachment: fixed;    margin-top: 50px;}
.quality_sec .container {		}
.quality_sec h2 {font-size: 35px;	max-width: 311px;	margin: auto;	padding: 11px 0 0;	color: #555555;}
.quality_sec .padd_blk { padding: 0px; }
.quality_sec h3 {	font-size: 18px;	max-width: 191px;	margin: auto;	padding: 11px 0 0;	font-weight: 400;	color: #fff;}


/*.quality_sec .col-md-4:nth-child(2) .padd_blk { background: #fff; }*/
.quality_sec .icon_blk {	display: block;	height: auto;	max-width: 120px;	margin: auto;}

.welcome_sec { width: 100%; padding: 20px 0; }
.welcome_sec .wrapp {	max-width: 1555px;	margin: auto;	padding: 0px 0;}
.welcome_sec p { color: #333; }
.welcome_sec h2 { font-size: 45px; color: #215DA9; text-align:center; }
.welcome_sec h2 span { display: block; 	 }
.welcome_sec .row {align-items: center;}
.welcome_sec .rm_link {	width: 146px;	height: 45px;	color: #fff !important;	background: #215DA9;	display: block;	text-align: center;	padding: 11px 0;	margin: 29px 0 0;	border-radius: 5px;	text-decoration: none !important;}
.welcome_sec h2 span {	display: block;	color: #28225A;}

.book_btn {     width: 156px;    display: block;    background: #fff;   color: #29235C;    float: right;    text-align: center;    height: 45px;    font-size: 16px;   padding: 11px 0;   margin: 8px 0 0 14px;    border-radius: 5px;    text-transform: uppercase;    text-decoration: none !important;    font-weight: 600; position: relative;}
/*.book_btn::before {   content: '';   position: absolute;    border: #fff solid 1px;    border-radius: 5px;   left: -10px;    top: -10px;    bottom: -10px;    right: -10px;}*/
.book_btn:hover { background:#274f96; color:#fff; }
.book_btn:hover::before{border: #fff solid 1px}

.header.fixed .book_btn { background:#29235C; color:#fff; }
.header.fixed .book_btn::before{ border: #29235C solid 1px }

a.top-phone {   margin: 18px 19px 0;   display: inline-block;    vertical-align: top; color: #fff; text-decoration: none !important;}
.header.fixed a.top-phone { border-color:#333; }


.product_sec { padding: 70px 0 40px; }
.product_sec .padd_blk {	padding: 0 15px;	text-align: center; }
.product_sec .padd_blk img { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.product_sec h3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

@media(min-width:1200px) {
#header .container {    max-width: 1800px; width: 96%;}

}


.home_banner .slick-prev.slick-arrow {    position: absolute;    top: 43%;    transform: translate(0,-50%);    left: 0;    z-index: 10;    border-radius: 0;    background: #256DC8;     border-radius: 0 35px 35px 0px;}
.home_banner .slick-next.slick-arrow {    position: absolute;    top: 43%;    transform: translate(0,-50%);    right: 0;    z-index: 10;    border-radius: 0;    background: #256DC8;     border-radius: 35px 0px 0px 35px; }
.home_banner .slick-arrow:focus  { border:none !important; outline:none !important; }
.home_banner .slick-arrow i{ color:#fff; }


.inner_product_sec { padding-top:20px;  }



.product_sec .img_blk { margin-bottom: 20px; }
.product_sec .img_blk, .product_sec .img_blk img{ display: block; }
.product_sec .slick-track { margin: 0px !important; }
.product_sec h2 {	color: #555555;	font-size: 30px;	font-weight: 700;	text-align: center;}
.product_sec article  { padding-bottom:20px; }
/*.product_sec article {	padding: 0 25px 35px;	max-width: 871px;}*/
.product_sec article p { font-size: 18px; }	

.call_actioon { width: 100%; }
.call_actioon .wrapp {	max-width: 100%;	margin: auto;	background: #29325C url(assets/images/call-bg.jpg) no-repeat; background-size: cover;;	padding: 60px 0;}
.call_actioon .t_right {	float: right;	margin-top: 0px;} 






.faq_sec .acc__panel { display: none; }
.faq_sec .row.a-item {    margin-bottom: 50px; }
.faq_sec .acc__card {	margin-bottom: 20px;}
.faq_sec .acc__title {	background: #f2f2f2  font-size: 20px;	padding: 21px 50px 21px 35px;	position: relative; color: #333;}


.faq_sec .i-blk {	position: absolute;	right: 25px; }
.faq_sec .i-blk .fa {  color: #979797;}
.faq_sec .acc__panel .padd {	padding: 30px;	background: #2e2e2e;}


.call_actioon article {	max-width: 600px;	font-size: 22px; float: left;}
.call_actioon .call_btn {	background: inherit;	color: #fff !important;	padding: 10px;	width: 235px;	display: inline-block;	text-align: center;	font-size: 18px;	margin-right: 20px;	text-decoration: none;	border: #fff solid 2px;	border-radius: 45px;}
.call_actioon .en_btn {	border: #fff solid 2px;	padding: 10px;	width: 235px;	display: inline-block;	text-align: center;	font-size: 18px;	border-radius: 45px;	text-decoration: none;	background: #fff;	color: #000 !important;}

.faq_sec {	padding: 70px 0;}
.faq_sec  h2 {	text-align: center;	margin: 0 0 45px;	color: #29325C;	font-size: 45px;}

.client_sec .wrapp {	background: #ECEDF0;	max-width: 1548px;	margin: auto;	padding: 70px;	text-align: center;}
.client_sec .container { background: url(assets/images/quote.png) no-repeat; }
.client_sec h2 { color: #29325C; font-size: 45px; }
.client_sec p {	font-size: 24px;}
.client_sec .name_blk{	font-size: 24px; color: #000;}
.client_sec .star i {	color: #FFB038;	display: inline-block;	vertical-align: top;	padding: 0 10px;	font-size: 40px;}
.client_sec .star {	display: block;	padding: 24px 0;}
.client_sec .slick-dots {	margin: 35px 0 0;	padding: 0;}
.client_sec .slick-dots li {	list-style: none;	display: inline-block;	vertical-align: top;	padding: 0;		width: 15px;	height: 15px;	margin: 0 5px;	overflow: hidden;}
.client_sec .slick-dots li.slick-active { width: 35px;  }
.client_sec .slick-dots li button {	padding: 0px;	line-height: 1;	width: 100%;	height: 100%;	text-indent: 14px; background: #7E7E7E; border-radius: 10px; text-indent: 150px;}
.client_sec .slick-dots li.slick-active button { background: #FFAF38; }

.inner-banner { background: #161d3e;	height: 450px; padding: 220px 0 0; position: relative; background-size: cover; background-position: center; }
.inner-banner::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;  
	background: rgba(0,0,0,0.5);  z-index: 1; }
.inner-banner .container	 { position: relative; z-index: 1; }

.inner-banner h1 { color: #fff; font-size: 40px; }
.contact-us-sec .padd_blk {	background: #f2f2f2;	padding: 30px 30px;	height: 100%;	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);	border: #ccc solid 1px; border-radius: 10px;}
.inner-page { padding: 60px 0 50px; }
.inner-page .post-thumbnail {	float: right;	width: 48%;	margin: 9px 0 0 39px;	box-shadow: 1px 1px 35px rgba(0,0,0,0.2);	border-radius: 10px !important;	overflow: hidden;}

.contact-us-sec  { text-align: center; }
.contact-us-sec h2  { margin: 0px 0px 45px !important; }
.contact-us-sec a{ color: #333; }

.contact-us-sec  .padd_blk h3 { margin: 0px; padding: 0px 0px 15px; font-size: 22px; }

.inner-banner h1 {	color: #fff;	font-size: 40px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 11px;}

.inner-page h2 {font-size: 35px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 11px;}
.inner-page h3 {font-size: 24px;	line-height: 1;	padding: 24px 0px 0px;	margin: 0 0 15px; color: #555;}

.about-faq { margin-top: 50px; }
.inner-page .acc__title {	background: #f7f6ff;	border-radius: 5px;	border: #29235c solid 1px;}
.inner-page .acc__card { margin-bottom: 10px; }
.inner-page  .acc__panel {	background: #f7f6ff;	border: #3c366a solid 1px;}
.inner-page .acc__title h3 { margin: 0px; padding: 15px 20px;font-size: 22px; }
.inner-page .acc__panel { display: none; }
.inner-page .padd {    padding: 20px;}
.inner-page span.i-blk {	float: right;	font-size: 15px;	color: #333;	top: 1px;	position: relative;}
.inner-page .acc__title  { cursor:pointer; }
.inner-page .acc__title h3 {	margin: 0px;	padding: 15px 20px;	font-size: 18px;	font-weight: normal;	color: #333;     font-family: 'Poppins', sans-serif;}
.inner-page  .acc__title.active {	border-bottom: none;	background: #3c366a;border-radius: 5px 5px 0 0;}
.inner-page  .acc__title.active  h3 { color:#fff; }
.inner-page  .acc__title.active  span.i-blk  { color:#fff; }

.faq_sec .acc__panel .padd {	padding: 8px 22px 22px; font-size: 15px;color: #333;}
.faq_sec .acc__panel .padd {	padding: 30px;	background: #f7f7f7;}




.industries_sec h2 { text-align: center; }

.industries_sec .img_blk {  display: block;  padding: 10px; position: relative;}
.industries_sec .img_blk article {
	position: relative;
	border: #d5d5d5 solid 1px;
}
.industries_sec .img_blk article h3 { position: absolute; bottom: 0px; left: 0px; }
.industries_sec .img_blk img { /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/ }
/*.industries_sec .img_blk article h3 {	position: absolute;	bottom: 0px;	left: 0px;	margin: 0;	background: rgba(0,0,0,0.5);	width: 100%;	font-size: 16px;	padding: 15px;	color: #fff;	text-align: center;}*/
.industries_sec .img_blk article h3 {	position: relative;	bottom: 0px;	left: 0px;	margin: 0;	background: rgb(240, 239, 244);	width: 100%;	font-size: 16px;	padding: 15px 25px;	color: #555;	text-align: center;	height: 70px;	font-weight: 500;	display: flex;	align-items: center;	justify-content: center;}

.industries_sec .indus_gallery {	padding: 0 70px;}
.industries_sec .fa.fa-chevron-left { color:#fff; }
.industries_sec .fa.fa-chevron-right { color:#fff; }

.industries_sec .slick-prev.slick-arrow, .industries_sec .slick-next.slick-arrow {top: 50%; }



.slick-arrow {	background: none;	border: #29325C solid 1px !important;	color: #29325C !important;	font-size: 20px;	width: 50px;	height: 50px;	padding: 0; border-radius: 5px;}
.slick-arrow:hover { background: none !important; }
.slick-prev.slick-arrow {	position: absolute;	right: 85px;	top: -65px;}
.slick-next.slick-arrow {	position: absolute;	right: 19px;	top: -65px;}


.product_box {	background: #f2f2f2;	padding: 35px 0;}
.product_box:nth-child(2n) { background: #fff; }
.product_sec_new { padding: 0px; }
.product_sec_new .row.row-r {	flex-direction: row-reverse;}
.product_sec_new .img_blk {	margin-bottom: 0px;  overflow: hidden; border: #ccc solid 1px; }


.product_sec_new .img_blk img { object-fit: cover; width: 100%; height: 100%; }

.product_sec_new  .slick-prev.slick-arrow {	position: absolute;	left: 0;	top: 0;	z-index: 1;	background: #161d3e !important;	top: 50%;	transform: translate(0%,-50%);	color: #fff !important;	width: 35px;	height: 35px;	font-size: 17px;}
.product_sec_new  .slick-next.slick-arrow {	position: absolute;	right: 0;	top: 0;	z-index: 1;	background: #161d3e !important;	top: 50%;	transform: translate(0%,-50%);	color: #fff !important;	width: 35px;	height: 35px;	font-size: 17px;}
.product_sec_new  .col-md-6:nth-child(n+3) { margin-top: 35px; }

.product_sec_new .p-r-p {	padding-right: 40px;}
.product_sec_new .product_box:nth-child(2n) .row.row-r {	flex-direction: initial;}
.product_sec_new .product_box:nth-child(2n) .p-r-p {	padding-left: 40px; padding-right: 0px;}
.product_sec_new .product_box p { font-size: 15px; }
.product_sec_new  h2 {	text-align: center;	margin: 0;	padding: 0 0 48px;	border-bottom: cadetblue;}


#footer h3 {	text-transform: inherit;	font-size: 20px;	color: #FFF;	font-weight: 600;}
.con_link p { position: relative; }
.con_link .fa {	position: absolute;	font-size: 22px;	top: 4px; left: 0px;}
.con_link p {	position: relative;	padding-left: 35px;}

.product_sec_new .product_box h2 p {  font-size: 20px;  padding: 10px 0 10px;}
.en_btn {	display: table;	margin: 25px auto 0;}
.book_btn:hover {  color: #fff !important }



/*******404****/

.error-tab { overflow:hidden; clear: both;}
.not-found  .intro.intro-small { display:none;}
.not-found {	background: #2d2d2d;	padding: 220px 0 140px;	text-align: center;	color: #fff;	width: 100%;	float: left;	margin-bottom: 0px;	font-size: 20px;	text-transform: uppercase;	font-weight: normal;}
.not-found .not-four {	display: block;	font-size: 250px;	line-height: 1.2;	color: #fff;	font-weight: normal;	text-shadow: 1px 19px 46px rgba(0,0,0,0.4);	padding: 0px 0 0;}
.not-found  p, .error-404  a  { color:#fff; font-size:16px; text-transform:uppercase; display:block; padding-top:20px;}
.not-foundh1 { color:#fff;}
.not-found h1 { color:#fff !important;}
@media(max-width:767px) {
.not-found .not-four { font-size:140px;}
.not-found { font-size:16px;}
.not-found  p, .not-found  a  { font-size:14px;}
}


.breadcrump-call a{ color: #fff; }
.product_box:nth-child(2n) {    background: #fff;    box-shadow: 5px 5px 25px 0px rgb(0 0 0 / 2%);    position: relative;}
.wpcf7-response-output {    color: #fff !important;    text-align: center;}
.page-id-280 .product_box .col-md-6 {	max-width: 100%;	flex: 0 0 100%;}
.template-content_blk {    padding: 60px 0;}
.welcome_sec .wrapp { background-size:cover;}
.fo_right a {	color: #fff;}
.copy_fo a {	color: #fff;}

#footer .social_fo ul li a {	text-decoration: none !important;}
.con_link p {	line-height: 23px;}

.welcome_sec {	width: 100%;	padding: 177px 0 0px;		margin-top: -128px;}
.product_sec {	padding: 50px 0 30px;	background: #fff;}
.industries_sec {	padding: 50px 0;}
.faq_sec {	padding: 70px 0 0;}

.product_sec .img_blk {	position: relative;}
.product_sec .more_link {	display: block;	position: absolute;	width: 100%;	height: 100%;	left: 0;	top: 0;	}

.template-content_blk h2 strong, .template-content_blk h3 strong, .template-content_blk h4 strong {
	font-weight: 700;
}


.template-content_blk h2 {	font-size: 24px;	color: #354066;}
.template-content_blk h3 {	font-size: 20px;	color: #636464;}
.template-content_blk h4 {	font-size: 20px;	color: #636464;}

.banner_blk article {	background: rgba(0,0,0,0.4);	padding: 24px 45px;}
.banner_blk article {	background: #75787A;	padding: 24px 45px;	display: flex;	border-radius: 8px;	bottom: -101px;	position: relative;	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);}
.home_banner h2 {	font-weight: 700;	margin: 0 0 18px;	font-size: 30px;	color: #fff;	text-transform: ;}
.banner_blk article p {	font-size: 20px;	line-height: 32px; color: #fff;}
.welcome_sec h2 {	font-size: 35px;	color: #215DA9;    max-width: 665px;    margin: 0 auto 30px !important;}
.home_banner h2 {    -webkit-box-flex: 0;    -ms-flex: 0 0 40%;    flex: 0 0 40%;    max-width: 40%;}
.home_banner p {    -webkit-box-flex: 0;    -ms-flex: 0 0 60%;    flex: 0 0 60%;    max-width: 60%;}



.industries_sec h2 {	text-align: center; color: #555; font-size: 30px;}
.h2, h2 {	color: #455290;}
.client_sec h2 {	color: #29325C;	font-size: 35px;	text-transform: uppercase;}
.faq_sec h2 {	font-size: 35px;	text-transform: uppercase;}
#footer .form_fo h3 {	color: #fff;	font-size: 35px;}

.logo {		margin-top: 0px; width: 238px;}
.logo::before{ content:''; position:absolute; width:238px; height:178px; background:url(assets/images/logo-bg.png) no-repeat; top: 0;
z-index: -1; }
.top-right {		margin: 0 0 0;}


#header {	width: 100%;	position: absolute;	z-index: 1000;	padding: 0px 0px; top: 0px;}
.top-header {		padding: 11px 0px;	border-radius: 8px;	box-shadow: none;}
.logo a { display: block;	padding: 0px; width: 100%; text-align: center;}


.top-right {	float: right;	margin: 2px 0 0;}

.inner-banner {
	display: flex;
	align-items: center;
	padding: 0;
}
.home_banner .banner_blk {
	height: calc(100vh - 87px);
}


.home_banner .banner_blk {	height: calc(100vh - 178px);	margin-bottom: 128px;}



.slick-prev.slick-arrow {	position: absolute;	left: 0;	top: 40%;	transform: translate(0,-50%);}
.slick-next.slick-arrow {	position: absolute;	right: 0;	top: 40%;	transform: translate(0,-50%);}

.slick-arrow {	font-size: 20px;	width: 50px;	height: 50px;padding: 0;	border-radius: 5px;	background: linear-gradient(218.59deg, #404042 -45.53%, #676767 77.81%);	box-shadow: 0px -3px 25px rgba(0, 0, 0, 0.25);	transform: matrix(1, 0, 0, -1, 0, 0);	border-radius: 35px;}
.slick-arrow:hover { background:#000 !important; }

 .product_slider {	padding: 0 60px;}
.product_slider .fa.fa-chevron-left {	color: #fff;left: -2px;	position: relative;}
.product_slider .fa.fa-chevron-right {	color: #fff;right: -2px;	position: relative;}
.product_sec .img_blk {	position: relative;	background: #f1f1f1;	padding: 0px 0 0; border: #d5d5d5 solid 1px;}
.product_sec .padd_blk img {	box-shadow: inherit;	border-radius: 0;}

.welcome_sec h2, .product_sec h2, .industries_sec h2 { margin:0px 0px 0px; padding:0px 0px 25px;  color: #215DA9}
.quality_sec h2 {    width: 100%;    max-width: 100%;    text-align: left;    color: #fff;    margin: 0 !important;    padding: 0;}


.reviews-sec .acc__title {	border: #272258 solid 1px;	margin-bottom: 15px;	border-radius: 5px;	color: #555;	padding: 10px 47px 10px 20px; position: relative;}
.reviews-sec .acc__title .i-blk {	position: absolute;	right: 14px;}
.reviews-sec .acc__panel {	display: none;}

.reviews-sec h2 {	background: url(assets/images/bdr.png) no-repeat bottom left;	margin: 0px 0px 30px;	padding: 0px 0px 25px; font-size: 30px; color: #555; }

/*.reviews-sec .padd_blk {	background: #F0F0F4;	padding: 45px;	border-radius: 10px;	margin-right: 40px;}*/

.client_slider  .fa.fa-star {	color: #FF4D00;	font-size: 22px;	margin: 0 10px 12px 0;}
.client_slider  .name_blk {	color: #272258;	font-weight: 700;	font-size: 18px;}

.reviews-sec { padding-bottom:50px;	 }
.slick-dots { margin:20px 0px 0px; padding:0px; }
.slick-dots li { list-style:none;  display:inline-block; vertical-align:top; margin-right:8px; overflow:hidden; }
.slick-dots li button { padding:0px; width:10px; height:10px; text-indent:55px; border-radius:25px; background:#A6A6A6; }
.slick-dots li.slick-active button{ width:25px; background:#272258; }

.reviews-sec .padd {	padding: 0 0 22px;}
.reviews-sec .padd p {	margin: 0;	font-size: 14px;	line-height: 24px;}

@media(min-width:1200px) {
.industries_sec .indus_gallery {		margin-left: -80px;margin-right: -80px;}
.product_slider 	{		margin-left: -80px;margin-right: -80px;}
}


.footer h3 { color:#fff; }
.footer h5 { color:#fff; font-size:16px;  }
.footer p { font-size:14px; }
.footer .con_link .padd + .padd { margin-top:20px; }
.footer .email-top { padding-top:20px; }
.footer a, #footer ul li a, #footer .con_link p, #footer .con_link a{ color:rgba(255, 255, 255, 0.7); text-decoration:none; }
.footer a:hover, #footer ul li a:hover, #footer .con_link a:hover { color:#fff; }

.fo-bt {	margin: 40px 0 0;	padding-top: 40px;border-top: #5C5C5C solid 1px; position: relative;}
.about-box {    width: calc(100% - 200px);    position: relative;    padding-left: 205px;    padding-right: 50px;}
.about-box .fo-logo {	position: absolute;	left: 0;}
.about-box p { color:#fff; }

.copy_fo {	background: #F4F4F4;	padding: 15px 0;text-align: center;	color: #333;}
.copy_fo  a{ color:#333; }

.social-fo {	position: absolute;	right: 0;	top: 0;	margin-top: 55px;}
.social-fo ul { margin:0px; padding:0px; }
.social-fo ul li { float:left; margin-left:10px; }
.social-fo ul li a {	width: 38px;	height: 38px;	background: #fff;	color: #2D275D !important;	border-radius: 5px;	font-size: 22px !important;	text-align: center;	padding: 8px 0;}

.contact-us-page .padd_blk {background: #f2f2f2;	padding: 0; border: #d5d5d5 solid 1px;}
.contact-us-page h3 {	line-height: 1;	padding: 0 0 4px;	margin: 0 0 11px; font-size: 18px; font-weight: 600;}
.add-box { padding:30px; }
.add-box + .add-box {		border-top: #d5d5d5 solid 1px;}
.add-box:nth-child(2n) { background:#fff; }

.contact-us-page h2 {	text-align: center;		font-size: 30px;	color: #555; background: url(assets/images/bdr.png) no-repeat bottom center;
margin: 0px 0px 50px;padding: 0px 0px 35px;}
.contact-us-page p { margin:0px; padding:0px; }

.contact-form {height: 100%;	padding: 35px;	border: #d5d5d5 solid 1px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {
	width: 100%; 	height: 45px;	display: block;	margin: 20px 0 0;}

.contact-form textarea {
	width: 100%; 	height: 210px;	display: block;	margin: 20px 0 0;}	

.contact-form  .wpcf7-submit {width: 100%;	height: 55px;margin: 20px 0 0;border-radius: 8px !important;	font-weight: 600 !important;	font-size: 22px;}	

.inner-page .acc__card {	margin-bottom: 10px;}


.about-box-one figure.wp-block-image.size-full img {    width: 100%;      box-shadow: 0px 0px 25px rgb(0 0 0 / 20%);}
.two-box {   flex-direction: row-reverse;    margin: 67px 0 0;}
.two-box figure.wp-block-image.size-full img  { width:100%;     box-shadow: 0px 0px 25px rgb(0 0 0 / 20%); }
.two-box p, .about-box-one p { font-size:15px; line-height:25px;  text-align: justify; padding-right: 20px;}


section.product_sec.inner_product_sec {    padding-top: 0;}

.tube-product { background:#f2f2f2;  margin-bottom: 50px;]}
.tube-product .container { max-width:1000px; text-align:left; }

.tube-product h2 {      margin: 0px 0px 20px;   padding: 0px 0px 0px;     color: #555555;    font-size: 30px;    font-weight: 700;    text-align: left; line-height:45px; }

.tube-product-new { margin-bottom:20px; }
.tube-product-new .padd {   border: #d5d5d5 solid 1px;   text-align: center;}

.tube-product-new .padd .img_blk {    position: relative;}
.tube-product-new .padd .img_blk span {    position: absolute;    top: 0px;    left: 0px;    background: #27275a;    padding: 10px 19px;    border-radius: 0px 0px 25px 0;}
.tube-product-new .col-lg-4 { margin-bottom:30px; }
.tube-product-new h3 {   font-size: 18px;    font-weight: 600;    text-align: center;    color: #555;    padding: 0 20px;    line-height: 27px;    height: 80px;    margin: 0;    display: flex;    align-items: center;    justify-content: center;}

#freequote-popup {    max-width: 500px;    background: #29235C;    border: rgba(255,255,255,0.2) solid 2px;    border-radius: 25px; }
#freequote-popup h2 { color:#fff; }
#freequote-popup h3 {    color: #fff;    font-weight: 500;   text-transform: uppercase;    text-align: center;    margin: 0 0 31px;}

#freequote-popup input[type="text"], #freequote-popup input[type="email"], #freequote-popup input[type="tel"],  #freequote-popup  textarea { width:100%; height:45px; margin-bottom:20px; border-radius:5px; }
#freequote-popup  textarea { height:80px; }
.fancybox-bg {    background: #cdcdcd !important; }
#freequote-popup {    max-width: 500px;    background: #29235C url(assets/images/call-bg.jpg) no-repeat  0 -1px;; background-size: cover ;    border: none;    border-radius: 15px;    box-shadow: 1px 1px 44px rgba(0,0,0,0.5);}
#freequote-popup input.wpcf7-submit {    width: 100%;    height: 55px;   border-radius: 5px;    background: #8c43ed !important;    margin: 0;    padding: 0;}
#freequote-popup span.wpcf7-spinner {    position: absolute;    left: 0;}

#freequote-popup {	display: none;}


.instrumentation-page .instrumentation-sec:nth-child(2n) {  background: #f2f2f2;}
.instrumentation-page .instrumentation-sec {  padding: 50px 0;}
.tube-product.instrumentation-product{ margin-bottom:0px; }

.instrumentation-page center {	padding: 0 0 30px; background: url(assets/images/bdr.png) no-repeat bottom center; margin-bottom: 50px;}
.instrumentation-page h3 { font-size:18px; font-weight:600; }
.instrumentation-page .p-img img {	box-shadow: 1px 1px 25px rgba(0,0,0,0.1);border: #d5d5d5 solid 1px;}
.instrumentation-page .p-img {	position: sticky;top: 120px;}


.instrumentation-page .padd_blk {	background: #fff;	padding: 25px;	height: 100%;	border: #ccc solid 1px;}
.instrumentation-page .pf-box  { margin:0px; }
.instrumentation-page .col-md-6 { padding:0px; }
.instrumentation-page .c-2 .padd_blk, .instrumentation-page .c-3 .padd_blk{ background:#5E5E64; }
.instrumentation-page .c-2 p, .instrumentation-page .c-3 p, .instrumentation-page .c-2 h3, .instrumentation-page .c-3 h3   { color:#fff; }
.instrumentation-page h2 {color: #555555;font-size: 30px;font-weight: 700;text-align: center;line-height: 45px; margin: 0px; padding: 0px;}
.instrumentation-page .sub-title {font-size: 20px;}




.footer_bt {	width: 100%;	position: fixed;	bottom: 0;	height: 70px;	background: #fff;	box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.2);	z-index: 1000;	}
.footer_bt .m-btn {	float: none;margin: 11px auto 0;	display: table;	width: calc(100% - 160px);}
.footer_bt .m-btn a {	display: inline-block;	background: #222666;	height: 50px;	line-height: 50px;	padding: 0 17px;	color: #fff;	text-decoration: none;	font-size: 17px;	font-weight: 700;	text-transform: uppercase;	width: 100%;	text-align: center;	border-radius: 6px;	font-family: 'Poppins', sans-serif;}
.whatsapp-fix .fa.fa-whatsapp {	position: fixed;	z-index: 1000000000;	width: 45px;	height: 45px;	background: #428a21;	right: 21px;	font-size: 24px;	color: #fff;	border-radius: 100%;	padding: 10px 6px 6px 12px;	box-shadow: 1px 1px 9px rgba(0,0,0,.5);	bottom: 13px;}

.ring {	position: fixed;	bottom: 0;	left: 0;	transform: scale(0.7);	z-index: 100000;	transform-origin: 0;} 


.coccoc-alo-ph-circle {    width: 160px;    height: 160px;    top: 20px;    left: 20px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-phone {    background-color: transparent;    width: 200px;    height: 200px;    cursor: pointer;    z-index: 200000 !important;    -webkit-backface-visibility: hidden;    -webkit-transform: translateZ(0);    -webkit-transition: visibility .5s;    -moz-transition: visibility .5s;    -o-transition: visibility .5s;    transition: visibility .5s;    right: 150px;    top: 30px;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {    background-color: rgba(0, 175, 242, 0.5);    opacity: .75 !important;}
.coccoc-alo-ph-circle-fill {    width: 100px;    height: 100px;    top: 50px;    left: 50px;    position: absolute;    background-color: #000;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .1;    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}
.coccoc-alo-ph-img-circle {    width: 60px;    height: 60px;    top: 70px;    left: 70px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    opacity: .7;    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {    background-color: #00aff2;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {    border-color: #00aff2;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {    border-color: #75eb50;    opacity: .5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {    background-color: rgba(117, 235, 80, 0.5);    opacity: .75 !important;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {    background-color: #75eb50;}

@-moz-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}
@-webkit-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@-o-keyframes coccoc-alo-circle-anim {
0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@keyframes coccoc-alo-circle-anim {
    0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1    }
    30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5    }
    100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
	50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2    }
    50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2    }
    100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {transform: rotate(0) scale(1) skew(1deg)    }
    10% {transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% {transform: rotate(25deg) scale(1) skew(1deg)    }
    30% {transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% {transform: rotate(25deg) scale(1) skew(1deg)    }
    50% {transform: rotate(0) scale(1) skew(1deg)    }
    100% {transform: rotate(0) scale(1) skew(1deg)    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% { transform: rotate(0) scale(1) skew(1deg)    }
    10% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    20% { transform: rotate(25deg) scale(1) skew(1deg)    }
    30% { transform: rotate(-25deg) scale(1) skew(1deg)    }
    40% { transform: rotate(25deg) scale(1) skew(1deg)    }
    50% { transform: rotate(0) scale(1) skew(1deg)    }
    100% { transform: rotate(0) scale(1) skew(1deg)    }
}



@media (max-width: 767px) {
	
.footer_bt { display:block;}	
.whatsapp-fix .fa.fa-whatsapp {	position: fixed;	z-index: 1000000000;	width: 45px;	height: 45px;	background: #428a21;	right: 21x;	font-size: 24px;	color: #fff;	border-radius: 100%;	padding: 10px 6px 6px 12px;	box-shadow: 1px 1px 9px rgba(0,0,0,.5);	bottom: 13px; right: 20px;}
.ring {  position: fixed;  bottom: -65px;  left: -20px;  transform: scale(0.6);  z-index: 100000;  transform-origin: 0;}


}

@media (min-width:1024px) {.submenu-caret { display:none !important; } }
@media (max-width:1023px) {
#navigation ul.nav li { position:relative; }
.submenu-caret {
	position: absolute;
	color: #fff;
	top: 0;
	right: 0;
	width: 46px;
	background: #646464;
	height: 44px;
	padding: 10px 0;
}
#navigation ul.nav ul { display:none; margin-bottom: 0px;}
#navigation ul.nav ul li li a {
	font-size: 14px;
	padding: 4px 8px 4px 58px;
}
}




@media(min-width:768px) {
.hero_mobile-img { display:none !important; }
.footer_bt { display:none; }
.whatsapp-fix .fa.fa-whatsapp {
	position: fixed;
	z-index: 1000000000;
	width: 60px;
	height: 60px;
	background: #428a21;
	right: 20px;
	font-size: 45px;
	color: #fff;
	border-radius: 100%;
	padding: 6px 6px 6px 11px;
	box-shadow: 1px 1px 9px rgba(0,0,0,.5);
	bottom: 88px;
}
}


.contact-form .wpcf7-response-output {
    color: #333 !important;
}



.instrumentation-page.instrumentation-page-new .instrumentation-sec {
    padding: 0px 0 50px;
}

section.reviews-sec.testimonial-sec {    background: #143967 url(assets/images/back-bg.png) no-repeat; background-size: cover; background-attachment: fixed;;    padding: 50px 0;}
section.reviews-sec.testimonial-sec span.star { display:block; }
section.reviews-sec.testimonial-sec h2 { text-align:center; color:#fff; background:none; margin:0px 0px 30px; padding:0px; }
section.reviews-sec.testimonial-sec p { color:#fff; font-size:18px; }
section.reviews-sec.testimonial-sec span.name_blk {    color: #fff !important;}
section.reviews-sec.testimonial-sec .fa.fa-star { color:#FEB805 }
section.reviews-sec.testimonial-sec .slick-dots {    margin: 40px 0px 0px;    padding: 0px;    text-align: center;}
.slick-dots li.slick-active button { background:#FEB805; }

section.faq-sec.reviews-sec {    padding: 60px 0 20px;}
section.faq-sec.reviews-sec h2 { color:#215DA9; background:none; padding:0px; margin:0px; }

a.top-phone {    display: inline-block;    vertical-align: top;    color: #fff;    text-decoration: none !important;    border: #fff solid 1px;    margin: 7px 7px 0 14px;    padding: 10px 20px;    border-radius: 5px;    position: relative;}
a.top-phone::before {    content: '';    position: absolute;    background: #14509B;    width: calc(100% - 20px);    height: calc(100% - 20px);    top: 10px;    left: 10px;    border-radius: 5px;    z-index: -1;}

.add-box  strong {    color: #000;    font-weight: 600;}

.tube-product ul { margin:25px 0px 0px; padding:0px; }
.tube-product ul li { list-style:none; margin-bottom:8px; background: url(assets/images/check-icon.png) no-repeat left 3px; padding-left: 30px;}
.about-box p {    min-height: 116px;}

.tube-product { margin-bottom:0px;}

a.top-phone i.fa.fa-phone {    background: #274f96;    width: 50px;    position: absolute;    height: 50px;
    left: -31px;    top: -4px;    border-radius: 55px;    align-items: center;    display: flex;    justify-content: center;}
a.top-phone {    margin-left: 45px; padding-left: 28px;}


.instrumentation-page .p-img {    border: #c5c5c5 solid 1px;}
.instrumentation-page .p-img img {
    box-shadow: none;
    border: none;
}

.instrumentation-page  .img_blk.img_blk_two {
    margin-top: 24%;
    padding: 0 15px;
}

img.fancybox-image {
    width: 100% !important;
    padding: 25px  25px;
}

.fancybox-slide--image .fancybox-content {     background: #fff !important; }

.instrumentation-page  .slick-next.slick-arrow {
    border-radius: 5px;
    width: 35px;
    height: 35px;
    color: #fff !important;
    font-size: 14px !important;
}

.instrumentation-page  .slick-prev.slick-arrow {
    border-radius: 5px;
    width: 35px;
    height: 35px;
    color: #fff !important;
    font-size: 14px !important; z-index:99
}

.instrumentation-sec .book_btn {
    margin: 20px auto 0;
    cursor: pointer;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0px); background:#29235C;
}

/***************/

.design1 .wmpci-popup-body {    border: 5px solid #fff;    background-color: #325ca4;    color: #fff;}

.design1 .wmpci-popup-body {
    border: none;
    background-color: #325ca4;
    color: #fff;
    border-radius: 15px;
    padding: 50p;
    max-width: 500px;
    padding: 0 27px;
}

.wmpci-popup-body h3 {
    color: #fff;
    padding: 0 0 20px;
    margin-top: -19px; text-transform: uppercase;
}

.design1 .wmpci-popup-body input[type="text"], input[type="password"], .design1 .wmpci-popup-body input[type="email"], .design1 .wmpci-popup-body input[type="tel"], input[type="search"], .design1 .wmpci-popup-body input[type="number"], .design1 .wmpci-popup-body textarea {    margin: 0 0 16px;    border-radius: 5px;}

.design1 .wmpci-popup-body textarea.wpcf7-form-control.wpcf7-textarea {    height: 69px;}
.design1 .wmpci-popup-body input.wpcf7-form-control.has-spinner.wpcf7-submit {    width: 100%;    height: 55px;    background: #000 !important;    border-radius: 4px;}
.design1 .wmpci-popup-body span.wpcf7-spinner {    position: absolute;}

@media(max-width:767px) {
.wmpci-popup-open, .wmpci-popup-open body {    overflow: auto;}
.wmpci-popup-open #wmpci-popup-wrp {    display: none;}
	}


.rotary-nav {    padding: 38px 0 0;    border-top: #707070 solid 1px;    margin: 40px 0 0;}
.rotary-nav ul {    column-count: 3;}

.form_blk .wpcf7-response-output {
    color: #333 !important;
    text-align: center;
}


.ring i.fa.fa-phone {
    color: #fff;
    font-size: 30px;
    position: relative;
    left: 16px;
    top: 13px;
}

/* Home Certificate Add */

/* Certificate Section */

.bs-certificates-section {
    padding: 60px 0;
    background: #fbfbfb;
}

.bs-section-heading {
    max-width: 750px;
    margin: 0 auto 40px;
    text-align: center;
}

.bs-section-heading h2 {
margin: 0 0 15px;
    color: #00569E;
    font-size: 35px;
    font-weight: 700;
    line-height: 60px;
}

.bs-certificates-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.bs-certificate-card {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(36, 54, 95, 0.08);
    text-align: center;
    transition: all 0.3s ease;
}

.bs-certificate-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 40px rgba(36, 54, 95, 0.15);
}

.bs-certificate-card a {
    color: inherit;
    text-decoration: none;
}

.bs-certificate-card img {
    width: 100%;
    height: 340px;
    object-fit: contain;
    background: #f5f5f5;
    border-radius: 6px;
}

.bs-certificate-card h3 {
    margin: 18px 0 8px;
    color: #455290;
    font-size: 18px;
    font-weight: 700;
}

.bs-certificate-card span {
    display: inline-block;
    color: #FFB038;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .bs-certificates-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .bs-certificates-section {
        padding: 55px 0;
    }

    .bs-certificates-grid {
        grid-template-columns: 1fr;
    }

    .bs-section-heading h2 {
        font-size: 29px;
    }

    .bs-certificate-card img {
        height: auto;
    }
}
.roto-about{
	margin-top: 60px;
}
.roto-about img{
	border-radius: 25px;
}

/* Industry Page */

.industry-section{
	padding: 80px 0; 
}

/* Industry Listing Section */
.industry-listing-section {
    background: #f6f8fa;
    padding: 80px 0 !important;
}

.industry-listing-section .industry-listing-header {
    max-width: 800px;
    margin: 0 auto 45px;
}

.industry-listing-section .industry-listing-header h2 {
    color: #172b3a;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 18px;
}

.industry-listing-section .industry-listing-header p {
    color: #637180;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* Industry Cards */
.industry-listing-section .industry-card {
    position: relative;
    display: flex;
    min-height: 430px;
    height: 100%;
    overflow: hidden;
    isolation: isolate;
    border-radius: 10px;
    background-color: #17303b;
    background-size: cover;
    background-position: center;
    transition: box-shadow 0.3s ease;
}

/* Background Images */
.industry-listing-section .industry-plastic {
    background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-1.png');
}

.industry-listing-section .industry-paper {
    background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-2.png');
}

.industry-listing-section .industry-textile {
    background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-3.png');
}
.industry-listing-section .industry-textiles{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-4.png');
}
.industry-listing-section .industry-film{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-5.png');
}
.industry-listing-section .industry-steel{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-6.png');
}
.industry-listing-section .industry-printing{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-7.png');
}
.industry-listing-section .industry-chemical{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-8.png');
}
.industry-listing-section .industry-food{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-9.png');
}
.industry-listing-section .industry-glass{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-10.png');
}
.industry-listing-section .industry-insulation{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-11.png');
}
.industry-listing-section .industry-automotive{
	background-image: url('https://rotaryunions.in/wp-content/uploads/2026/10/indus-12.png');
}

/* Gradient Overlay */
.industry-listing-section .industry-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
	background: linear-gradient(180deg, rgba(5, 22, 32, 0.05) 0%, rgba(5, 22, 32, 0.22) 15%, rgba(5, 22, 32, 0.82) 50%, rgba(5, 22, 32, 0.97) 100%);
    transition: background 0.3s ease;
}

/* Card Content */
.industry-listing-section .industry-card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    min-height: 500px;
    padding: 28px;
}

.industry-listing-section .industry-card h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 14px;
}

.industry-listing-section .industry-card h3 a {
    color: inherit;
    text-decoration: none;
}

.industry-listing-section .industry-card p {
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 24px;
}

.industry-listing-section .industry-card-footer {
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.industry-listing-section .industry-card-footer a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.industry-listing-section .industry-card-footer a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    font-size: 20px;
    transition: transform 0.3s ease, background 0.3s ease;
}

.industry-listing-section .industry-card-footer a:hover span {
    transform: translateX(5px);
    background: #455290;
    border-color: #455290;
}

/* Tablet */

@media (max-width: 1199px){
	
	.industry-section {
    	padding: 50px 0;
	}
	.industry-top-heading h2{
		font-size: 30px;
	}
	
}

@media (max-width: 991px) {
    .industry-listing-section {
        padding: 60px 0 !important;
    }

    .industry-listing-section .industry-listing-header h2 {
        font-size: 32px;
    }

    .industry-listing-section .industry-card,
    .industry-listing-section .industry-card-content {
        min-height: 410px;
    }

    .industry-listing-section .industry-card-content {
        padding: 24px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .industry-listing-section {
        padding: 45px 0 !important;
    }
	
    .industry-top-heading h2 {
        font-size: 24px;
    }

    .industry-listing-section .industry-listing-header {
        margin-bottom: 28px;
    }

    .industry-listing-section .industry-listing-header h2 {
        font-size: 27px;
    }

    .industry-listing-section .industry-listing-header p {
        font-size: 14px;
    }

    .industry-listing-section .industry-card,
    .industry-listing-section .industry-card-content {
        min-height: 390px;
    }

    .industry-listing-section .industry-card-content {
        padding: 22px;
    }

    .industry-listing-section .industry-card h3 {
        font-size: 22px;
    }

    .industry-listing-section .industry-card p {
        font-size: 14px;
        line-height: 1.75;
    }
}

@media (max-width: 400px){
	
	.industry-top-heading h2 {
        font-size: 21px;
		line-height: 1.4;
    }
	
}
/* Space below each industry card */
.industry-listing-section .industry-listing-grid {
    row-gap: 30px;
}

.industry-listing-section .industry-card {
    margin-bottom: 0;
}

/* Space at the bottom of the section */
.industry-listing-section {
    padding-bottom: 80px !important;
}

/* Mobile spacing */
@media (max-width: 767.98px) {
    .industry-listing-section .industry-listing-grid {
        row-gap: 24px;
    }

    .industry-listing-section {
        padding-bottom: 50px !important;
    }
}


/* Rotary Product Table */
.rotary-product-table-section {
    padding: 60px 0 !important;
    background: #ffffff;
}

.rotary-product-table-section .rotary-product-table-wrapper {
    max-width: 1050px;
    margin: 0 auto;
}

.rotary-product-table-section h2 {
    color: #455290;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 12px;
}

.rotary-product-table-section p {
    color: #3f4852;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 25px;
    max-width: 900px;
}

/* Table Wrapper */
.rotary-product-table-section .rotary-product-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d9e0e8;
    border-radius: 8px;
    -webkit-overflow-scrolling: touch;
}

/* Table */
.rotary-product-table-section table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.55;
}

.rotary-product-table-section thead {
    background: #223f70;
    color: #ffffff;
}

.rotary-product-table-section th {
    background: #223f70;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    padding: 14px 16px;
    border: 1px solid #d9e0e8;
}

.rotary-product-table-section td {
    color: #303943;
    text-align: left;
    vertical-align: top;
    padding: 13px 16px;
    border: 1px solid #d9e0e8;
    overflow-wrap: anywhere;
}

.rotary-product-table-section th:first-child,
.rotary-product-table-section td:first-child {
    width: 36%;
}

.rotary-product-table-section tbody tr:nth-child(even) {
    background: #f5f8fc;
}

.rotary-product-table-section tbody tr {
    transition: background 0.2s ease;
}

.rotary-product-table-section tbody tr:hover {
    background: #edf5fc;
}

.rotary-product-table-section td a {
    color: #2876bb;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.rotary-product-table-section td a:hover {
    color: #164b83;
	text-decoration: none;
}

/* Tablet */
@media (max-width: 991px) {
    .rotary-product-table-section {
        padding: 45px 0 !important;
    }

    .rotary-product-table-section h2 {
        font-size: 27px;
    }

    .rotary-product-table-section th,
    .rotary-product-table-section td {
        padding: 12px;
    }
}

/* Mobile: Convert table rows into readable cards */
@media (max-width: 575px) {
    .rotary-product-table-section {
        padding: 35px 0 !important;
    }

    .rotary-product-table-section h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .rotary-product-table-section p {
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 20px;
    }

    .rotary-product-table-section .rotary-product-table-scroll {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .rotary-product-table-section table,
    .rotary-product-table-section tbody {
        display: block;
        width: 100%;
    }

    .rotary-product-table-section thead {
        display: none;
    }

    .rotary-product-table-section tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 16px;
        padding: 15px;
        background: #ffffff !important;
        border: 1px solid #d9e3ed;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(25, 50, 80, 0.05);
    }

    .rotary-product-table-section tbody tr:hover {
        background: #ffffff !important;
    }

    .rotary-product-table-section td,
    .rotary-product-table-section th:first-child,
    .rotary-product-table-section td:first-child {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        text-align: left;
    }

    .rotary-product-table-section td:first-child {
        color: #223f70;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.6;
        margin-bottom: 9px;
    }

    .rotary-product-table-section td:last-child {
        color: #4c5968;
        font-size: 14px;
        line-height: 1.7;
        padding-top: 9px;
        border-top: 1px solid #edf0f4;
    }

    .rotary-product-table-section td a {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 400px) {
    .rotary-product-table-section h2 {
        font-size: 21px;
    }
}


/* Rotary Union Guide */
.rotary-guide-section {
    padding: 80px 0 !important;
    background: #f4f7fb;
}

.rotary-guide-section .rotary-guide-wrapper {
    max-width: 1050px;
    margin: 0 auto;
    padding: 45px;
    background: #ffffff;
    border: 1px solid #e4eaf1;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(28, 53, 83, 0.06);
}

/* Header */
.rotary-guide-section .rotary-guide-content {
    max-width: 800px;
    margin-bottom: 32px;
}

.rotary-guide-section .rotary-guide-content h2 {
    color: #455290;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 16px;
}

.rotary-guide-section .rotary-guide-content > p {
    color: #596879;
    font-size: 16px;
    line-height: 1.85;
    margin: 0;
}

/* Detail Cards */
.rotary-guide-section .rotary-guide-grid {
    margin-bottom: 35px;
}

.rotary-guide-section .rotary-guide-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    height: 100%;
    padding: 24px;
    background: #f7f9fc;
    border: 1px solid #e3eaf2;
    border-radius: 10px;
    transition: background 0.25s ease,
                border-color 0.25s ease,
                transform 0.25s ease;
}

.rotary-guide-section .rotary-guide-card:hover {
    background: #ffffff;
    border-color: #a9c7e5;
    transform: translateY(-3px);
}

.rotary-guide-section .rotary-guide-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background: #455290;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
}

.rotary-guide-section .rotary-guide-card-content {
    flex: 1;
    min-width: 0;
}

.rotary-guide-section .rotary-guide-card p {
    color: #637180;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* Resource Links Footer */
.rotary-guide-section .rotary-guide-footer {
    padding: 28px;
    background: #223f70;
    border-radius: 12px;
}

.rotary-guide-section .rotary-guide-footer-content p {
    color: #dce7f5;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 20px;
}

.rotary-guide-section .rotary-guide-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.rotary-guide-section .rotary-guide-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 58px;
    padding: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-decoration: none;
    transition: background 0.25s ease,
                border-color 0.25s ease;
}

.rotary-guide-section .rotary-guide-links a span {
    flex-shrink: 0;
    color: #7de1dc;
    font-size: 20px;
    transition: transform 0.25s ease;
}

.rotary-guide-section .rotary-guide-links a:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: #7de1dc;
}

.rotary-guide-section .rotary-guide-links a:hover span {
    transform: translateX(4px);
}

/* Tablet */
@media (max-width: 991.98px) {
    .rotary-guide-section {
        padding: 60px 0 !important;
    }

    .rotary-guide-section .rotary-guide-wrapper {
        padding: 32px;
    }

    .rotary-guide-section .rotary-guide-content h2 {
        font-size: 30px;
    }

    .rotary-guide-section .rotary-guide-links {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .rotary-guide-section {
        padding: 40px 0 !important;
    }

    .rotary-guide-section .rotary-guide-wrapper {
        padding: 22px 16px;
        border-radius: 12px;
    }

    .rotary-guide-section .rotary-guide-content {
        margin-bottom: 24px;
    }

    .rotary-guide-section .rotary-guide-content h2 {
        font-size: 25px;
        line-height: 1.4;
    }

    .rotary-guide-section .rotary-guide-content > p {
        font-size: 14px;
        line-height: 1.8;
    }

    .rotary-guide-section .rotary-guide-card {
        gap: 14px;
        padding: 18px 14px;
    }

    .rotary-guide-section .rotary-guide-number {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 12px;
    }

    .rotary-guide-section .rotary-guide-card h3 {
        font-size: 16px;
    }

    .rotary-guide-section .rotary-guide-card p {
        font-size: 13px;
    }

    .rotary-guide-section .rotary-guide-footer {
        padding: 20px 15px;
    }

    .rotary-guide-section .rotary-guide-footer-content h3 {
        font-size: 19px;
    }

    .rotary-guide-section .rotary-guide-links a {
        font-size: 13px;
        padding: 13px 12px;
    }
}


/* Why Choose Roto-Flow */
.roto-choose-section {
    padding: 85px 0;
}

.roto-choose-section .roto-choose-header {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.roto-choose-section .roto-choose-header h2 {
    color:#455290;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 16px;
}

.roto-choose-section .roto-choose-grid {
    align-items: stretch;
	row-gap: 30px;
}

.roto-choose-section .roto-choose-card {
    position: relative;
    height: 100%;
    padding: 28px;
    overflow: hidden;
    background: #f7f9fc;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.roto-choose-section .roto-choose-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #455290;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.roto-choose-section .roto-choose-card:hover {
    transform: translateY(-5px);
    border-color: #c6d8e9;
    box-shadow: 0 15px 35px rgba(25, 48, 78, 0.09);
}

.roto-choose-section .roto-choose-card:hover::before {
    transform: scaleX(1);
}

.roto-choose-section .roto-choose-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
}

.roto-choose-section .roto-choose-card-top > span {
    color: #91a1b6;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.roto-choose-section .roto-choose-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    color: #455290;
    background: #eaf7f7;
    border-radius: 10px;
}

.roto-choose-section .roto-choose-icon svg {
    display: block;
    width: 27px;
    height: 27px;
}

.roto-choose-section .roto-choose-card h3 {
    color: #455290;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 12px;
}

.roto-choose-section .roto-choose-card p {
    color: #657286;
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
}

.roto-choose-section .roto-choose-card p a {
    color: #455290;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.roto-choose-section .roto-choose-card p a:hover {
    color: #075681;
}

.roto-choose-section .roto-choose-cta::before {
    background: #40d4c3;
}

.roto-choose-section .roto-choose-cta .roto-choose-card-top > span {
    color: #a9bdd8;
}

.roto-choose-section .roto-choose-cta .roto-choose-icon {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}

.roto-choose-section .roto-choose-cta h3 {
    color: #ffffff;
}

.roto-choose-section .roto-choose-cta p {
    color: #d7e2f0;
}

.roto-choose-section .roto-choose-cta-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 24px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.roto-choose-section .roto-choose-cta-link span {
    color: #65e2d3;
    font-size: 21px;
    transition: transform 0.25s ease;
}

.roto-choose-section .roto-choose-cta-link:hover span {
    transform: translateX(5px);
}

/* Tablet */
@media (max-width: 991.98px) {
    .roto-choose-section {
        padding: 65px 0;
    }

    .roto-choose-section .roto-choose-header h2 {
        font-size: 31px;
    }

    .roto-choose-section .roto-choose-card {
        padding: 24px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .roto-choose-section {
        padding: 45px 0;
    }

    .roto-choose-section .roto-choose-header {
        margin-bottom: 28px;
        text-align: left;
    }

    .roto-choose-section .roto-choose-header h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .roto-choose-section .roto-choose-header p {
        font-size: 14px;
    }

    .roto-choose-section .roto-choose-card {
        padding: 22px;
    }

    .roto-choose-section .roto-choose-card-top {
        margin-bottom: 20px;
    }

    .roto-choose-section .roto-choose-card h3 {
        font-size: 19px;
    }

    .roto-choose-section .roto-choose-card p {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .roto-choose-section .roto-choose-header h2 {
        font-size: 21px;
    }
}

/* Industery FAQ */

.indus-faq{
	background-color: #f4f7fb;
}

/* Industry Detail Page */


/* Paper Machine Section */
.paper-machine-section {
    padding: 80px 0 !important;
    background: #f6f8fa;
}

.paper-machine-section .paper-machine-content {
    padding-right: 15px;
}

.paper-machine-section h2 {
    color: #455290;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 22px;
}

.paper-machine-section .paper-machine-content > p {
    color: #637180;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 17px;
}

/* Right Image */
.paper-machine-section .paper-machine-image {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    border-radius: 12px;
    background: #e8edf2;
    box-shadow: 0 15px 35px rgba(25, 48, 78, 0.12);
}

.paper-machine-section .paper-machine-image img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.paper-machine-section .paper-machine-image:hover img {
    transform: scale(1.04);
}

/* Tablet */

@media (max-width: 991px) {
    .paper-machine-section {
        padding: 60px 0 !important;
    }

    .paper-machine-section h2 {
        font-size: 30px;
    }

    .paper-machine-section .paper-machine-content {
        padding-right: 0;
    }

    .paper-machine-section .paper-machine-image img {
        height: 420px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .paper-machine-section {
        padding: 42px 0 !important;
    }

    .paper-machine-section h2 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 18px;
    }

    .paper-machine-section .paper-machine-content > p {
        font-size: 14px;
        line-height: 1.85;
    }

    .paper-machine-section .paper-machine-highlight {
        padding: 16px;
        margin-top: 20px;
    }

    .paper-machine-section .paper-machine-highlight p {
        font-size: 13px;
    }

    .paper-machine-section .paper-machine-image {
        min-height: 280px;
        border-radius: 9px;
    }

    .paper-machine-section .paper-machine-image img {
        height: 320px;
    }

    .paper-machine-section .paper-machine-image-caption {
        padding: 18px;
    }

    .paper-machine-section .paper-machine-image-caption p {
        font-size: 13px;
    }
}

@media (max-width: 400px){
	
	.paper-machine-section h2{
		font-size: 21px;
	}
	
}


/* Paper Application Table */
.paper-application-table-section {
    padding: 75px 0;
}

.paper-application-table-section .paper-application-table-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

/* Header */
.paper-application-table-section .paper-application-table-header {
    margin-bottom: 28px;
}

.paper-application-table-section .paper-application-table-header h2 {
    color: #455290;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 14px;
}

.paper-application-table-section .paper-application-table-header p {
    color: #596879;
    font-size: 16px;
    line-height: 1.85;
    margin: 0;
}

/* Table Wrapper */
.paper-application-table-section .paper-application-table-scroll {
    width: 100%;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9e2ec;
    border-radius: 9px;
    box-shadow: 0 8px 25px rgba(30, 55, 85, 0.05);
    -webkit-overflow-scrolling: touch;
}

/* Table */
.paper-application-table-section table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.65;
}

.paper-application-table-section thead {
    background: #223f70;
}

.paper-application-table-section th {
    padding: 15px 16px;
    color: #ffffff;
    background: #223f70;
    border: 1px solid #d2dce9;
    text-align: left;
    vertical-align: top;
    font-size: 15px;
    font-weight: 700;
}

.paper-application-table-section td {
    padding: 14px 16px;
    color: #3e4a59;
    border: 1px solid #dfe5ec;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.paper-application-table-section th:nth-child(1),
.paper-application-table-section td:nth-child(1) {
    width: 31%;
}

.paper-application-table-section th:nth-child(2),
.paper-application-table-section td:nth-child(2) {
    width: 22%;
}

.paper-application-table-section th:nth-child(3),
.paper-application-table-section td:nth-child(3) {
    width: 47%;
}

.paper-application-table-section tbody tr:nth-child(even) {
    background: #f5f8fc;
}

.paper-application-table-section tbody tr {
    transition: background 0.2s ease;
}

.paper-application-table-section tbody tr:hover {
    background: #eaf3fb;
}

.paper-application-table-section td a {
    color: #0878cc;
    text-underline-offset: 3px;
}

.paper-application-table-section td a:hover {
    color: #174c80;
}

/* Source Note */
.paper-application-table-section .paper-application-table-note {
    margin: 22px 0 0;
    color: #596879;
    font-size: 15px;
    line-height: 1.8;
}

.paper-application-table-section .paper-application-table-note a {
    color: #0878cc;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Tablet */
@media (max-width: 767px) {
    .paper-application-table-section {
        padding: 55px 0;
    }

    .paper-application-table-section .paper-application-table-header h2 {
        font-size: 28px;
    }

    .paper-application-table-section th,
    .paper-application-table-section td {
        padding: 12px;
    }
}

/* Mobile: Table rows become individual cards */
@media (max-width: 575px) {
    .paper-application-table-section {
        padding: 40px 0;
    }

    .paper-application-table-section .paper-application-table-header {
        margin-bottom: 22px;
    }

    .paper-application-table-section .paper-application-table-header h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .paper-application-table-section .paper-application-table-header p {
        font-size: 14px;
        line-height: 1.8;
    }

    .paper-application-table-section .paper-application-table-scroll {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .paper-application-table-section table,
    .paper-application-table-section tbody {
        display: block;
        width: 100%;
    }

    .paper-application-table-section thead {
        display: none;
    }

    .paper-application-table-section tbody tr {
        display: block;
        margin-bottom: 15px;
        padding: 16px;
        background: #ffffff !important;
        border: 1px solid #dce5ef;
        border-radius: 9px;
        box-shadow: 0 4px 15px rgba(30, 55, 85, 0.05);
    }

    .paper-application-table-section tbody tr:hover {
        background: #ffffff !important;
    }

    .paper-application-table-section td,
    .paper-application-table-section th:nth-child(1),
    .paper-application-table-section td:nth-child(1),
    .paper-application-table-section th:nth-child(2),
    .paper-application-table-section td:nth-child(2),
    .paper-application-table-section th:nth-child(3),
    .paper-application-table-section td:nth-child(3) {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        text-align: left;
    }

    .paper-application-table-section td:nth-child(1) {
        color: #203d68;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    .paper-application-table-section td:nth-child(2) {
        padding: 10px 0;
        color: #56677b;
        font-size: 13px;
        line-height: 1.65;
        border-top: 1px solid #edf1f5;
        border-bottom: 1px solid #edf1f5;
    }

    .paper-application-table-section td:nth-child(2)::before {
        content: "Typical media: ";
        color: #203d68;
        font-weight: 700;
    }

    .paper-application-table-section td:nth-child(3) {
        padding-top: 11px;
        font-size: 14px;
        line-height: 1.8;
    }

    .paper-application-table-section td:nth-child(3)::before {
        content: "Suitable solution";
        display: block;
        margin-bottom: 5px;
        color: #203d68;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.6px;
    }

    .paper-application-table-section .paper-application-table-note {
        margin-top: 20px;
        font-size: 13px;
    }
}
@media (max-width: 400px){
	
	 .paper-application-table-section .paper-application-table-header h2 {
        font-size: 21px;
    }
	
}
.roto-paper{
	background: #f4f7fb;
}


.paper-joint-selection-section {
    padding: 75px 0;
    background: #f4f7fb;
}

.paper-joint-selection-section .paper-joint-selection-content {
    max-width: 1050px;
    margin: 0 auto;
}

.paper-joint-selection-section h2 {
	color: #455290;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 12px;
}

.paper-joint-selection-section p {
	color: #3f4852;
    font-size: 16px;
    line-height: 1.8;
    max-width: 900px;
}

.paper-joint-selection-section ol {
    padding-left: 30px;
    margin: 10px 0 16px;
}

.paper-joint-selection-section li {
    color: #222222;
    font-size: 16px;
    line-height: 1.6;
    padding-left: 5px;
    margin-bottom: 10px;
}

.paper-joint-selection-section li strong {
    color: #111111;
    font-weight: 700;
}

.paper-joint-selection-section a {
    color: #0878d1;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.paper-joint-selection-section a:hover {
    color: #174c80;
}

/* Tablet */
@media (max-width: 767px) {
    .paper-joint-selection-section {
        padding: 35px 0;
    }

    .paper-joint-selection-section h2 {
        font-size: 25px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .paper-joint-selection-section {
        padding: 28px 0;
    }

    .paper-joint-selection-section h2 {
        font-size: 24px;
        line-height: 1.45;
    }

    .paper-joint-selection-section p,
    .paper-joint-selection-section li {
        font-size: 14px;
        line-height: 1.75;
    }

    .paper-joint-selection-section ol {
        padding-left: 24px;
    }

    .paper-joint-selection-section li {
        padding-left: 3px;
        margin-bottom: 8px;
    }
}

@media (max-width: 400px) {
    .paper-joint-selection-section h2 {
        font-size: 21px;
    }
}


/* Paper Mill Problems Section */
.paper-problems-section {
    padding: 75px 0;
}

.paper-problems-section .paper-problems-header {
    max-width: 790px;
    margin-bottom: 35px;
}

.paper-problems-section .paper-problems-header h2 {
    color: #203d68;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 14px;
}

.paper-problems-section .paper-problems-grid {
    align-items: stretch;
}

.paper-problems-section .paper-problem-card {
    height: 100%;
    padding: 26px;
    background: #f4f7fb;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    box-shadow: 0 5px 18px rgba(30, 55, 85, 0.035);
    transition: transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
}

.paper-problems-section .paper-problem-card:hover {
    transform: translateY(-4px);
    border-color: #b8d6e8;
    box-shadow: 0 12px 28px rgba(30, 55, 85, 0.08);
}

.paper-problems-section .paper-problem-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.paper-problems-section .paper-problem-number {
    color: #8c9caf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.paper-problems-section .paper-problem-card h3 {
    color: #203d68;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 11px;
}

.paper-problems-section .paper-problem-card p {
    color: #5c6878;
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
}

/* Maintenance Resources Footer */
.paper-problems-section .paper-problems-footer {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 30px;
    padding: 28px;
    background: #203d68;
    border-radius: 12px;
}

.paper-problems-section .paper-problems-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 10px;
}

.paper-problems-section .paper-problems-footer-icon svg {
    width: 25px;
    height: 25px;
}

.paper-problems-section .paper-problems-footer-content {
    flex: 1;
    min-width: 0;
}

.paper-problems-section .paper-problems-footer-content h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 20px;
}

.paper-problems-section .paper-problems-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.paper-problems-section .paper-problems-footer-links a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 15px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-decoration: none;
    transition: background 0.25s ease,
                border-color 0.25s ease;
}

.paper-problems-section .paper-problems-footer-links a span {
    flex-shrink: 0;
    color: #65dfd2;
    font-size: 19px;
    transition: transform 0.25s ease;
}

.paper-problems-section .paper-problems-footer-links a:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #65dfd2;
}

.paper-problems-section .paper-problems-footer-links a:hover span {
    transform: translateX(4px);
}

/* Tablet */

@media (max-width: 1199px){
	
	.paper-problems-section .paper-problems-header h2{
		font-size: 30px;
	}
	
}

@media (max-width: 991px) {
    .paper-problems-section {
        padding: 60px 0;
    }

    .paper-problems-section .paper-problems-header h2 {
        font-size: 30px;
    }

    .paper-problems-section .paper-problem-card {
        padding: 23px;
    }

    .paper-problems-section .paper-problems-footer-links {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .paper-problems-section {
        padding: 42px 0;
    }

    .paper-problems-section .paper-problems-header {
        margin-bottom: 25px;
    }

    .paper-problems-section .paper-problems-header h2 {
        font-size: 24px;
        line-height: 1.4;
    }

    .paper-problems-section .paper-problems-header p {
        font-size: 14px;
    }

    .paper-problems-section .paper-problem-card {
        padding: 21px;
        border-radius: 9px;
    }

    .paper-problems-section .paper-problem-top {
        margin-bottom: 18px;
    }

    .paper-problems-section .paper-problem-card h3 {
        font-size: 18px;
    }

    .paper-problems-section .paper-problem-card p {
        font-size: 14px;
    }

    .paper-problems-section .paper-problems-footer {
        flex-direction: column;
        gap: 16px;
        padding: 22px 18px;
    }

    .paper-problems-section .paper-problems-footer-content h3 {
        font-size: 19px;
    }

    .paper-problems-section .paper-problems-footer-links a {
        width: 100%;
        padding: 12px;
    }
}

@media (max-width: 400px) {
    .paper-problems-section .paper-problems-header h2 {
        font-size: 21px;
    }
}


.paper-quote-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 65px 0;
    background-image: url(assets/images/call-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Background Overlay */
.paper-quote-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
	background: #000;
    opacity: 0.4;
}

.paper-quote-section h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 12px;
}

.paper-quote-section p {
    color: #edf3fa;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 12px;
}

.paper-quote-section ul {
    padding-left: 25px;
    margin: 10px 0 16px;
}

.paper-quote-section li {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
    padding-left: 3px;
    margin-bottom: 4px;
}

.paper-quote-section .paper-quote-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 8px;
    padding: 13px 23px;
    color: #ffffff;
    background: #215DA9;
    border: 1px solid #215DA9;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    transition: background 0.25s ease,
                border-color 0.25s ease,
                transform 0.25s ease;
}

.paper-quote-section .paper-quote-button span {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.paper-quote-section .paper-quote-button:hover {
    color: #ffffff;
    background: #066a75;
    border-color: #066a75;
}

.paper-quote-section .paper-quote-button:hover span {
    transform: translateX(4px);
}

.paper-quote-section .paper-quote-button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}

/* Tablet */
@media (max-width: 767.98px) {
    .paper-quote-section {
        padding: 50px 0;
    }

    .paper-quote-section h2 {
        font-size: 27px;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .paper-quote-section {
        padding: 38px 0;
        background-position: 60% center;
    }

    .paper-quote-section h2 {
        font-size: 24px;
        line-height: 1.45;
    }

    .paper-quote-section p,
    .paper-quote-section li {
        font-size: 14px;
        line-height: 1.8;
    }

    .paper-quote-section ul {
        padding-left: 22px;
    }

    .paper-quote-section li {
        margin-bottom: 6px;
    }

    .paper-quote-section .paper-quote-button {
        width: 100%;
        padding: 14px 18px;
    }
}

/* Flow Comparison Section */
.flow-comparison-section {
    width: 100%;
    padding: 20px 0;
}

.flow-comparison-container {
    max-width: 100%;
    margin: 0 auto;
}

.flow-comparison-heading {
    margin: 0 0 8px;
    color: #337ab7;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.flow-comparison-table-wrap {
	width: 100%;
    max-width: 1050px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
}

.flow-comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    color: #111;
    font-size: 14px;
    line-height: 1.35;
}

.flow-comparison-table th,
.flow-comparison-table td {
    border: 1px solid #bdbdbd;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
    overflow-wrap: break-word;
    word-break: normal;
}

.flow-comparison-table thead th {
    background: #203b68;
    color: #fff;
    font-weight: 700;
}

.flow-comparison-table thead th:first-child {
    width: 27%;
}

.flow-comparison-table thead th:nth-child(2),
.flow-comparison-table thead th:nth-child(3) {
    width: 36.5%;
}

.flow-comparison-table tbody th {
    font-weight: 400;
}

.flow-comparison-note {
    margin: 22px 0 0;
    color: #111;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .flow-comparison-section {
        padding: 16px 0;
    }

    .flow-comparison-heading {
        font-size: 19px;
    }

    .flow-comparison-table {
        min-width: 520px;
    }

    .flow-comparison-table th,
    .flow-comparison-table td {
        padding: 8px;
        font-size: 13px;
    }

    .flow-comparison-note {
        margin-top: 16px;
    }
}