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


body {
font-family: 'Outfit';
}

a {
text-decoration: none !important;
font-family: "Outfit";
}

ul {
padding: 0px !important;
list-style: none !important;
margin:0px !important;
}

img{
max-width:100%;
height:auto;    
}

@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit-Bold.eot');
src: url('../fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Outfit-Bold.woff2') format('woff2'),
url('../fonts/Outfit-Bold.woff') format('woff'),
url('../fonts/Outfit-Bold.ttf') format('truetype'),
url('../fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit-Medium.eot');
src: url('../fonts/Outfit-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Outfit-Medium.woff2') format('woff2'),
url('../fonts/Outfit-Medium.woff') format('woff'),
url('../fonts/Outfit-Medium.ttf') format('truetype'),
url('../fonts/Outfit-Medium.svg#Outfit-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit-Regular.eot');
src: url('../fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Outfit-Regular.woff2') format('woff2'),
url('../fonts/Outfit-Regular.woff') format('woff'),
url('../fonts/Outfit-Regular.ttf') format('truetype'),
url('../fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Outfit';
src: url('../fonts/Outfit-SemiBold.eot');
src: url('../fonts/Outfit-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
url('../fonts/Outfit-SemiBold.woff') format('woff'),
url('../fonts/Outfit-SemiBold.ttf') format('truetype'),
url('../fonts/Outfit-SemiBold.svg#Outfit-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Constantia';
src: url('../fonts/Constantia-Bold.eot');
src: url('../fonts/Constantia-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Constantia-Bold.woff2') format('woff2'),
url('../fonts/Constantia-Bold.woff') format('woff'),
url('../fonts/Constantia-Bold.ttf') format('truetype'),
url('../fonts/Constantia-Bold.svg#Constantia-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Cormorant Garamond';
src: url('../fonts/CormorantGaramond-Bold.eot');
src: url('../fonts/CormorantGaramond-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/CormorantGaramond-Bold.woff2') format('woff2'),
url('../fonts/CormorantGaramond-Bold.woff') format('woff'),
url('../fonts/CormorantGaramond-Bold.ttf') format('truetype'),
url('../fonts/CormorantGaramond-Bold.svg#CormorantGaramond-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

.container-fluid{
max-width:1920px;    
}

/* btn */

.btn1{
background: #394e5b;
border:2px solid #394e5b;
padding:15px 40px;
display:inline-block;
border-radius:50px;
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
transition:0.5s ease-in-out all 0s;
font-weight:500;
}

.btn1:hover{
background:inherit;   
color: #394e5b;
transition:0.5s ease-in-out all 0s;   
}

.btn2, .contact-btn .wpcf7-submit{
background: transparent;
color:#334656;
border: 2px solid #394e5b;
padding:15px 40px;
display:inline-block;
border-radius:50px;
font-size: 15px;
text-transform: uppercase;
transition:0.5s ease-in-out all 0s; 
font-weight:500;  
}

.btn2:hover, .contact-btn .wpcf7-submit:hover, .contact-btn .wpcf7-submit:active, .contact-btn .wpcf7-submit:focus{
background:#394e5b;   
color: #fff;
transition:0.5s ease-in-out all 0s;      
}

.btn3{
background:#6a8297;
color:#fff;
border: 2px solid #6a8297;
padding:15px 40px;
display:inline-block;
border-radius:50px;
font-size: 15px;
text-transform: uppercase;
transition:0.5s ease-in-out all 0s; 
font-weight:500;  
}

.btn3:hover{
background:transparent;
border-color:#6a8297;   
color: #6a8297;
transition:0.5s ease-in-out all 0s;      
}

/* header-sec */

.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index: 999;
background:#fff;
padding:8px 0px;
}

.fixed-header {    
top: 0px;
animation: smoothScroll 1s;
z-index: 999;
transition: all 0.5s ease 0s;
filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.20));
}

.logo a img{
width:150px;
transition: all 0.5s ease 0s;   
}

.fixed-header .logo a img{
width:120px;
transition: all 0.5s ease 0s; 
}

.menu ul li{
font-size: 15px;
text-transform: uppercase;
float:left;
margin-right:35px;
font-weight:500;

}

.menu ul li a{
color: #2f2f2f;
display:block;
padding:30px 0px;
transition:0.5s ease-in-out all 0s;
}

.menu ul li a:hover{
transition:0.5s ease-in-out all 0s;   
}

.header-btns .btn2{
position: relative; 
font-size:18px; 
color:#474747; 
padding:13px 30px 13px 60px; 
border-color:#6a8297;
}

.header-btns .btn2:hover{
color:#fff; 
background:#6a8297;   
}

.header-btns .btn2:before{
position:absolute;
content:"";
background:url(../images/header-call-icon.png) no-repeat 0 0;
width:21px;
height:21px;  
background-size:contain; 
left:27px;
top:16px; 
transition:0.5s ease-in-out all 0s;
}

.header-btns .btn2:hover:before{
filter:brightness(0) invert(1);  
transition:0.5s ease-in-out all 0s;  
}

/* banner-sec */

.banner-sec{
position: relative;
z-index:1;   
margin-top:111px; 
}

.banner-sec:before{
position:absolute;
content:"";
background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.63) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
width:100%;
height:100%;
left:0px;
top:0px;
background-size:cover;  
}

.banner-content {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}

.banner-part{
max-width:540px;    
}

.banner-heading{
font-size: 40px;
line-height:1.3;
color: #394e5b;
font-weight: bold; 
font-family: "Constantia";
padding-bottom:10px;  
}

.banner-para{
font-size: 16px;
line-height: 26px;
color: #343434; 
padding-bottom:15px;   
}

.banner-para span{
display:block; 
color:#6a8297;
font-weight:500;
text-decoration:underline;  
text-underline-offset:3px; 
}

.banner-box-body, .banner-box-part{
display:flex;
align-items:center;    
}

.banner-box-part{
margin-bottom:15px;    
}

.banner-icon{
width: 60px;
height: 60px;
border-radius:50%;
background: rgba(57, 78, 91, 0.102);  
display:flex; 
align-items:center;
justify-content:center; 
}

.banner-box-heading{
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
color: #343434;
font-weight:600;
max-width:70%;
margin-left:15px;
}

/* about-sec */

.about-sec{
background:url(../images/about-shape.png) #f7f6f3 no-repeat 0 0;    
padding:50px 0px;  
position: relative; 
background-position:right top;
background-size:contain; 
}

.about-img img{
border-radius:50%;    
}

.sub-heading{
font-size: 17px;
text-transform: uppercase;
color: #394e5b;
font-family: "Cormorant Garamond";
}

.main-heading{
font-size: 34px;
line-height:1.3;
color: #494949;
font-weight: 700;
font-family: 'Constantia';
padding-bottom:15px;
}

.about-para{
font-size: 16px;
line-height: 24px;
color: #494949;
padding-bottom:20px;
}

.wrapper{
margin-top:80px;    
}

/* service-sec */

.service-box{
filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.14));
background: #f4f4f2;
height:100%;
border-radius:17px;
padding:140px 23px 40px;
position: relative;
transition:0.5s ease-in-out all 0s;
}

.service-box:before{
position:absolute;
content:"";
background:#fff;
width:100%;
height:85%;
left:0px;
bottom:0px; 
border-radius:17px;   
z-index:-1;
transition:0.5s ease-in-out all 0s;
}

.service-box:hover{
background:#eaeef4;    
transition:0.5s ease-in-out all 0s;    
}

.service-box-icon{
width: 85px;
height: 85px;
border-radius:50px;
background: #394e5b;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
left:50%;
transform:translate(-50%, 0);
top:40px;
}

.service-box-text-part{
/* min-height:340px; */
min-height: calc(75% + 36px);
}

.service-box-heading{
font-size: 18px;
line-height: 24px;
color: #494949;
font-weight:600;
text-align:center;
}

.service-box-heading span{
font-size:16px; 
display:block;
padding-top:5px;   
}

.service-box-para{
font-size: 15px;
line-height: 24px;
color: #494949;
padding-top:5px;
}

.service-list{
padding-top:10px;  
}

.service-list ul li{
font-size: 15px;
line-height: 24px;
color: #494949;
margin-bottom:5px;
padding-left:25px;
background:url(../images/check-icon.png) no-repeat 0 0;
background-size:17px;
background-position:left 3px;
}

.service-box-btn{
text-align:center;
margin-top:20px;    
}

.service-box-btn a{
padding:10px 45px;
}

/* wcu-sec */

.wcu-sec{
background:url(../images/wcu-bg.png) #eaedf1 no-repeat 0 0 ;  
padding:70px 0px;
position: relative; 
z-index:1;
background-size:cover;
background-blend-mode:multiply;
}

.wcu-sec:before{
position:absolute;
content:"";
background:url(../images/wcu-texture1.png) no-repeat 0 0;
width:105px;
height:203px;
background-size:contain; 
right:0px;
bottom:40px;
}

.wcu-sec:after{
position:absolute;
content:"";
background:url(../images/wcu-texture2.png) no-repeat 0 0;
width:109px;
height:196px;
background-size:contain; 
left:0px;
bottom:60px;
}

.wcu-sec .col{
border-right:2px solid #ccd0d2;    
}

.wcu-sec .col:last-child{
border-right:0px;    
}

.wcu-box{
max-width:180px;
margin:auto;    
}

.wcu-heading{
font-size: 16px;
line-height: 23px;
color: #394e5b;
font-weight:500;
margin-top:15px;
}

/* contact-sec */

.contact-sec{
background:url(../images/cta-bg.jpg) no-repeat 0 0;
width:100%;
background-size:cover; 
padding:80px 0px;    
}

.cta-img{
border-radius: 24px;
outline: 8px solid #ffffff;
}

.cta-img img{
border-radius: 24px;
}

.contect-info ul li{
font-size: 16px;
line-height:30px;
color: #ffffff;
position: relative;
padding-left:42px;
margin-bottom:15px;
}

.contect-info ul li strong, .contact-sec .about-para:last-child{
font-weight:500 !important;    
}

.contect-info ul li a{
color:#fff;
transition:0.5s ease-in-out all 0s;    
}

.contect-info ul li a:hover{
color:#5b809c;
transition:0.5s ease-in-out all 0s;     
}

.contect-info ul li span{
width: 30px;
height: 30px;
border-radius:50%;
border: 2px solid #788c9f;
display:flex;
align-self:center;
justify-content:center;
padding:6px;
position:absolute;
left:0px;
top:0px;
}

/* footer-sec */

.footer-sec{
background:#fcfcfc;    
padding:65px 0px 30px;
margin-top:60px;
}

.page-id-8 .footer-sec{
margin-top:0px;    
}

.footer-logo a img{
width:230px;
}

.footer-heading{
font-size: 21px;
font-weight:600;
color: #082744;
padding-bottom:5px;
}

.footer-menu ul li{
font-size: 15px;
line-height: 28px;
}

.footer-menu ul li a{
color: #2e2e2e;
transition:0.5s ease-in-out all 0s;
}

.footer-contact-info ul li{
font-size: 16px;
line-height: 30px;
color: #242424;
position: relative;
padding-left:30px;
margin-bottom:5px;
}

.footer-contact-info ul li a{
color: #242424;  
transition:0.5s ease-in-out all 0s; 
}

.footer-contact-info ul li img{
width:18px;
position:absolute;
left:0px;
top:7px;
}

.copyright-sec{
background: #00015d;
padding:10px 0px;
text-align:center;
}

.copyright-text{
font-size: 15px;
color: #ffffff;
line-height:26px;	
}

.copyright-text a{
color: #ffffff; 
transition:0.5s ease-in-out all 0s;
}

.footer-menu ul li a:hover,
.footer-contact-info ul li a:hover,
.copyright-text a:hover{
color: #7e2076; 
transition:0.5s ease-in-out all 0s;    
}

/* scroll to top */

#top {
background:#0a2946;
border-radius:50%;
padding:8px;
bottom: 0;
color: #ffffff;
height:50px;
position: fixed;
right: 20px;
bottom:40px;
text-align: center;
text-transform: uppercase;
width:50px;
opacity: 0;
z-index: 10000;
font-size:0px;
border: 0;
transition: all 0.2s ease-in-out 0s;
cursor: pointer;
outline: none;

.fa-chevron-up {
line-height: 35px;
-webkit-font-smoothing: antialiased;
font-family: "FontAwesome";
font-size: 22px;
}
}
#top.show {
opacity: 1;
}

.upper-arrow img{
animation: bounce 1.5s infinite;
} 

@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
40% {-webkit-transform: translateY(-12px);}
60% {-webkit-transform: translateY(-3px);}
}

.site-content, .site-main .widecolumn {
margin-left: 0px !important;
}
.page .entry-header, .blog_page_header {
background: url("../images/inner-banner.jpg") no-repeat center !important;
background-size: cover !important;
max-width: 100% !important;
padding: 170px 0 100px !important;
margin:111px 0 0px !important;
position: relative;
overflow: hidden;
text-align: center;
}
.page .entry-header:before, .blog_page_header:before {
background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.63) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.blog_page_header{
margin-bottom:60px !important;    
}

.page .entry-content {
max-width: 100% !important;
padding: 0px !important;
}
.content-area, .content-sidebar {
padding-top: 0px !important;
}
.page .entry-title, .blog_page_title {
color: #394e5b;
position: relative;
font-size: 32px;
font-weight:bold;
text-transform: none;
z-index: 99;
margin-bottom: 3px;
font-family: "Constantia";
text-align:left;
}
.breadcrumb-container {
width: 100%;
color: #000;
position: relative;
font-size: 15px;
text-align:left;
}
.breadcrumb-container a {
color: #6a8297;
}
.page {
margin-top: 0 !important;
}

/* inner-sec */

.inner-sec{
margin-top:60px;    
}

.inner-img img{
border-radius:10px;    
}

.inner-heading{
font-size: 30px;
line-height: 1.3;
color: #494949;
font-weight: 700;
font-family: 'Constantia';
padding-bottom: 10px;
}

.inner-para{
font-size: 16px;
line-height: 24px;
color: #494949;
}

.inner-para:last-child, .inner-para p:last-child, .inner-service-box-para:last-child, .inner-service-box-para p:last-child{
margin-bottom:0px;    
}

.inner-service-box{
background:#394e5b;
padding:25px 20px;
border-radius:8px;
height:100%;
}

.inner-service-box-heading{
font-size:22px;
line-height: 1.3;
color: #fff;
font-weight: 700;
font-family: 'Constantia';
padding-bottom:5px;
}

.inner-service-box-para{
font-size: 16px;
line-height: 24px;
color: #fff;
padding-bottom:15px;
}

.inner-list ul li{
font-size: 15px;
line-height: 24px;
color: #fff;
margin-bottom:5px;
padding-left:25px;
background:url(../images/check-icon.png) no-repeat 0 0;
background-size:17px;
background-position:left 3px;
}

.ref_form_box{
background:#6a8297;
padding:35px;
border-radius:15px;   
}

.ref_form_box p, .ref_form_box_input p{
margin-bottom:0px;    
}

.ref_form_box .wpcf7-text, 
.ref_form_box .wpcf7-date,
.ref_form_box .wpcf7-select,
.ref_form_box .wpcf7-file,
.ref_form_box .wpcf7-textarea
{
background-color:#fff !important;
padding:14px 20px;
border-radius:50px; 
width:100%; 
border:0px;
outline:0px;  
}

.ref_form_box .wpcf7-select{
padding:12px 20px !important;   
}

.ref_form_box .wpcf7-file{
padding:10px 20px !important;   
}

.ref_form_box_label, .ref_form_box_input label{
color:#fff;
padding-bottom:5px; 
font-size:15px;   
}

.ref_form_box_input input, .ref_form_box_input select{
border-radius:4px !important;
background-color: #6a82971c !important;
width: 100% !important;
outline: 0 !important;
padding: 13px 15px !important;
color: #4b4f53 !important;
font-size: 15px !important;
border:1px solid #ccc !important;
}

.ref_form_box_input .wpcf7-select{
padding: 12px 15px !important;   
}

.ref_form_box_input textarea {
border-radius:4px !important;
background-color: #6a82971c !important;
width: 100% !important;
outline: 0 !important;
padding: 14px 15px !important;
color: #4b4f53 !important;
font-size: 15px !important;
border:1px solid #ccc !important;
height:144px !important;
}

.ref_form_box_input input::placeholder, 
.ref_form_box_input textarea::placeholder
{
color:#4b4f53;    
}

.contact_page_info {
position: relative;
padding-left: 47px;
color:#494949;
margin-top: 25px;
font-size:15px;
}

.contact_page_info img {
position: absolute;
top: 7px;
left: 0;
width: 35px !important;
border-radius:0px;
}

.contact_page_info strong{
color:#0a2946;
font-size:18px;
}

.contact_page_info a {
color:#494949;
text-decoration:none !important;
transition:0.5s ease-in-out all 0s;
}

.contact_page_info a:hover{
transition:0.5s ease-in-out all 0s;
color:#6a8297;	
}

/* blog */

.more-link {
display: block;
width: fit-content;
padding: 13px 30px;
border:2px solid #6a8297;
margin:20px 0px 0px;
border-radius:50px;
background:#6a8297;
color:#fff;
transition:0.5s ease-in-out all 0s;
font-size:16px;
font-weight:500;	
text-transform:uppercase;
}

.more-link:hover {
background:transparent;
color:#6a8297;	
transition:0.5s ease-in-out all 0s;
}

.post .entry-title{
font-size:27px !important;
line-height:1.3 !important;
text-transform: capitalize;
font-weight:600 !important;	
color:#494949;	
font-family: 'Constantia';
}

.post .entry-title a{
color:#313131 !important;	
}

.wp-block-heading {
border-top: 5px solid #00015d;
color:#313131;
font-size: 18px;
font-weight: 600;
margin: 0 0 18px;
padding-top: 7px;
text-transform: uppercase;
font-weight:600;	
}

.post .entry-summary, .post .entry-content, .comment-form-comment label{
font-size: 16px;
line-height: 24px;
color: #494949;
padding-bottom:10px;	
}

.comment-form-comment label{
font-weight:700;
padding-bottom:3px;	
}

.post ul{
margin:15px 0px !important;	
}

.post ul li{
font-size: 14px;
line-height: 27px;
color: #494949;
font-weight: 400;
margin-bottom:5px;
padding-left:18px;
position:relative;	
}

.post ul li:before{
position:absolute;
content:"";
background:#303030;	
width:9px;
height:9px;
border-radius:50%;
left:0px;
top:8px;	
}

.site-content .has-post-thumbnail .entry-header {
margin-top: 0 !important;
}

.post-template-default .site-content .entry-content,
.post-template-default .site-content .entry-header,
.blog .site-content .entry-header,
.blog .site-content .entry-summary {
max-width: 100% !important;
}

.content-sidebar .widget a{
color:#494949 !important;
transition: all 500ms ease-in-out;
}

.entry-meta a{
color:#374550 !important;	
}

.entry-title a, .entry-meta a{
transition: all 500ms ease-in-out;   
}

.content-sidebar .widget a:hover, .entry-title a:hover, .entry-meta a:hover {
color:#6a8297 !important;
transition: all 500ms ease-in-out;	
}

.site-content footer.entry-meta {
margin-bottom:30px !important;    
}

.wp-block-group ul li{
line-height:20px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #ccc;    
}

.wp-block-group ul li:last-child{
padding-bottom:0px;
border-bottom:0px;    
}

.error_container {
display: flex;
align-items: center;
text-align: center;
margin-bottom: 60px;
}

/* footer-fixed */

.footer-fixed-buttons {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 99;
display:none;
}
.footer-btn1 {
background:#394e5b;
color: #fff !important;
width: 50%;
float: left;
padding: 10px 0;
}
.footer-btn2 {
background: #fff;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
height: 44px;
width: 44px;
border-radius: 50%;
padding: 9px 12px 0;
}
.footer-btn3 {
background:#6b0d63;
color: #fff !important;
width: 50%;
float: left;
padding: 10px 0;
}

.rmp-menu-title-image{
filter:brightness(0) invert(1);	
}

/* responsive */

@media only screen and (max-width : 767px) {
.wcu-sec .col{border-right:0px;}
.banner-sec:before{background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 25%, rgb(255 255 255 / 70%) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);}	
.wcu-sec .col:nth-child(3){border-right: 0px;}	
.about-sec{background-image:none;}	
}


@media only screen and (min-width :300px) and (max-width :480px) {
.banner-sec .container{padding:0px;}
.banner-img {height:650px !important;object-fit: cover;}	
.banner-content{left:4%;right:4%;width:auto !important;}
.banner-btn-part .btn1{display:none;}
.banner-btn-part .btn2{margin-left:0px !important;}
.banner-box-body{flex-direction:column;align-items:start;}	
.ref_form_box{padding:30px;}	
}

@media only screen and (min-width : 300px) and (max-width : 1023px) {
.primary-navigation, .header-btns{display:none;}
.logo a img, .fixed-header .logo a img{width:100px;}
.banner-img{height:470px;object-fit:cover;} 
.banner-sec, .page .entry-header, .blog_page_header{margin-top:79px !important;}	
.footer-fixed-buttons{display:block;}	
.copyright-sec{padding-bottom:50px;}
.upper-arrow{bottom:60px !important;}
.page .entry-header, .blog_page_header{padding:100px 0 70px !important;}	
}

@media only screen and (min-width : 300px) and (max-width : 1024px) {
.banner-heading, .main-heading{font-size:30px;}
.wrapper{margin-top:60px;}
.banner-box-heading{max-width:65%;}	
.wcu-sec, .contact-sec{padding:60px 0px;}	
.wcu-sec:before, .wcu-sec:after{width:70px;}
.footer-sec{padding-top:50px;}	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

}

@media only screen and (min-width : 481px) and (max-width : 767px) {

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.banner-part{max-width:500px;}
.banner-sec:before{background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 25%, rgb(255 255 255 / 70%) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);}
.wcu-sec .col:nth-child(3){border-right: 0px;}	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.banner-part{max-width:500px;}
.banner-sec:before{background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 25%, rgb(255 255 255 / 70%) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);}	
.wcu-sec .col:nth-child(3){border-right: 0px;}		
}

/* iPhone X/XS */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}

/* iPhone XR */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* iPhone XS Max */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.banner-part{max-width:540px !important;}	
.wcu-sec .col:nth-child(4){border-right: 0px !important;}	
.wcu-sec .col:last-child{border-right: 0px;}
.header-btns .btn3{padding:15px 30px;}
.menu ul li{margin-right:20px;}	
}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.banner-part{max-width:540px !important;}		
.wcu-sec .col:nth-child(4){border-right: 0px !important;}	
.wcu-sec .col:last-child{border-right: 0px;}
.header-btns .btn3{padding:15px 30px;}	
.menu ul li{margin-right:20px;}		
}

@media screen and (min-width: 1424px) {

}

@media screen and (min-width: 1624px) {

}

@media screen and (min-width: 1920px) {
	
}

@media screen and (min-width: 2048px) {

}

@media screen and (min-width: 2550px) {

}