/*
Theme Name: Serx
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Softech Products Team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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 with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/










body{ font-family: "Poppins", sans-serif; color:#000000; font-size:16px; line-height:24px; font-weight:400; }

h1{ font-family: "Archivo", sans-serif; font-size: 55px; line-height:64px; color:#001c44; font-weight:bold; } 
h2{ font-family: "Archivo", sans-serif; font-size: 50px; line-height:58px; color:#001c44; font-weight:bold; }
h3{ font-family: 'Poppins', sans-serif; font-size: 27px; line-height:35px; font-weight:400; color:#000; }
h4{ font-family: 'Poppins', sans-serif; font-size: 24px; font-weight:400; color:#000; }
h5{ font-family: 'Poppins', sans-serif; font-size: 22px; font-weight:400; color:#000; }
h6{ font-family: 'Poppins', sans-serif; font-weight:400; color:#000; }

.full-width{ width:100%; margin:0 auto; }
ul{ margin:0px; padding:0px; list-style:none; }
a{ color:#0d6efd; text-decoration:none; outline:none; transition: all 0.3s ease 0s; }
a:hover, a:focus{ color:#000; text-decoration:none; outline:none; }

h2.title span{ background:#01f0ff; padding:0 4px; }

.page-gapping{ padding:60px 0px; }
.heading-title{ margin-bottom:35px; }

img{ max-width:100%; }



/* BUTTON 5 */
.btn { background: #ffb545; display: inline-block; font-size: 28px; font-weight: 700; text-align: center; border-radius:60px; line-height:60px; 
position: relative; color: #000; border:0; transition: all 0.3s ease 0s; padding: 0px 32px; border:0px; font-family: "Archivo", sans-serif; }
.btn:hover, .btn:focus{ background:#001c44; color:#fff; border:0px; transform: scale(.9); }

.buy-btn{  }


input{ background:#f2f2f2; border-radius:2px; padding:8px 12px; color: #000; border:1px solid #f2f2f2; border-bottom:0; width: 100%;
margin-bottom:10px; font-size:15px;  transition: all 0.3s ease 0s; }
input:hover, input:focus{ border:1px solid #001c44; outline:none; }
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
input::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

select{ background: url(assets/images/select-arrow-grey.png) right 22px no-repeat #fff; border-radius:4px; padding:8px 12px; color: #000; border:0;
border-bottom:0; width: 100%; margin-bottom:10px; font-size:15px; transition: all 0.3s ease 0s; -webkit-appearance:none;-moz-appearance:none;appearance:none; 
font-family: 'Poppins', sans-serif; }
select:hover, select:focus{ border:0; border-bottom:0px;  outline:none; }

textarea{ background:#f2f2f2; border-radius:2px; padding:8px 12px; color: #000; border:1px solid #f2f2f2; border-bottom:0; width: 100%; 
margin-bottom:10px; font-size:15px; transition: all 0.3s ease 0s; height:65px; }
textarea:hover, textarea:focus{ border:1px solid #001c44; outline:none; }
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ }
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }
textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #000; }

input[type="radio"], input[type="checkbox"]{ width:auto; margin-right: 4px; margin-bottom:10px; }



.no-gap{ padding:0px; }
.clear{ clear:both; }
.text-end { text-align: right !important; }



/* Header Section */
.header{  }

.header-hero{ background: #032555; float:left; }

.logo-white{ max-width:1600px; margin:0 auto; padding:15px 35px 15px 30px;  }
.logo-white .row {  }
.logo-white .logo-top {  }

.logo-white .navigation {  }
.logo-white .navigation .top-menu { padding:5px 0 0 0; width: 100%; }
.nav-sec{ width:100%; float:left; padding-top: 0px; }

.nav-sec .navbar{ padding:0px; background: none !important; text-align: right; float: right; }
.nav-sec .navbar-default{ background-color:initial;  }
.nav-sec .navbar-collapse { padding: 0px; text-align:left; border: 0; }
.nav-sec .navbar-default{ border: 0; min-height: initial; margin: 0px; background: none; float:left; width:100%; }

.nav-sec .menu-top-menu-container { width: 100%; }
.nav-sec ul{ width:100%; }
.nav-sec ul li { float:left; }
.nav-sec ul li a { font-size:16px; color:#fff !important; padding:0 16px !important; text-align:center; line-height:55px; display:block; font-weight:600; text-transform:uppercase; }
.nav-sec ul li:last-child a{  }

.nav-sec ul li.white{}
.nav-sec ul li.white a { border: 2px solid #ffb545; background:#fff; line-height: 42px; border-radius: 6px; margin-top:4px; margin-left: 10px; 
padding: 0 15px !important; color:#000 !important; }
.nav-sec ul li.white a:hover{ border: 2px solid #fff; color: #fff !important; }

.nav-sec ul li a:hover, .nav-sec ul li a:focus{ background-color:initial !important; color:#ffb545 !important; }
.nav-sec ul li.active a{ background-color:initial !important; color:#ffb545 !important; }
.nav-sec .navbar-default .navbar-nav > .open > a, .nav-sec .navbar-default .navbar-nav > .open > a:hover, 
.nav-sec .navbar-default .navbar-nav > .open > a:focus{ background-color:initial !important; color:#ffb545 !important; }


.nav-sec ul li a span { position: relative; }
.nav-sec li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-sec ul li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -16px;
    left: 0;
    background-color: #ffb545;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.nav-sec ul li.current-menu-item a span  { border-bottom: 4px solid #ffb545; padding-bottom:9px; color: #ffb545; }
.nav-sec ul li.current-menu-item a span:before  { content:none; }


.nav-sec .navbar-nav li:hover > ul.dropdown-menu { display: block; }
.nav-sec .dropdown-submenu { position:relative; }
.nav-sec .dropdown-submenu > .dropdown-menu {  }
.nav-sec .dropdown-submenu li {  float: left; width: 100%; text-align: left; }
.nav-sec .dropdown-submenu li:last-child{ margin:0px; padding:0px; border:0px; }
.nav-sec .dropdown-menu a{ font-size: 14px; line-height: 25px; text-align: left; border-bottom: 1px solid #cecece; padding:5px 12px !important;
margin-bottom:3px; }
.nav-sec .dropdown-menu a:last-child{ border:0px; margin:0px; }
.nav-sec .dropdown-menu a .fa-solid{ font-size:15px; }







/* Header Section */


 

/* Slider Section */
.slider_container{ width:100%; margin:0px 0 0 0; clear:both; padding:0px 0 0 0; float:left; position:relative; }
.slider_container .mobile{ display:none; }

.flex-caption { position: absolute; left:0; top:28%; width: 100%; text-align:left; z-index:9; margin-top:-85px; padding:0 0 0 0px; text-align:center;  }
.slider-cont{  }



.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0 0 0px 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1; }
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a { background:url(assets/images/bg_direction_nav.png) 0 0 no-repeat; width:56px; height:56px; margin:0 0 0x 0; display: block; 
position: absolute; right:0px; cursor: pointer; text-indent: -9999px; text-align:left; transition: all 0.3s ease 0s; top:48%; z-index: 999;  }
.flex-direction-nav li a.next { background-position: -80px 0; right: 10px; }
.flex-direction-nav li a.prev { background-position: 0 0; left: 10px; }
.flex-direction-nav li a.disabled {}

/* Control Nav */
.slider_container .flex-control-nav{ display:none; }
.flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { width: 17px; height: 17px; background-color: #fff; border-radius: 50%; display: inline-block; border: 3px solid #424596; 
margin: 0 2px; transition: all 0.5s ease-in-out; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { border:3px solid transparent; background: #ed3237; }
.flex-control-nav li a.active { border:3px solid transparent; background: #ed3237; cursor: default; }
/* Slider Section */





/* Middle Section */
.middle-container{ overflow:hidden; }
p:empty{ display:none; }

.top-home-header-content{ background:url(assets/images/hero-bg.webp) center top no-repeat; padding:20px 35px 0px 25px; float: left; position:relative; background-size:cover; 
min-height: 810px; }

.top-home-header-content .header-content { max-width:1600px; margin: 0 auto; }

.top-home-header-content .content { padding-top: 40px; color: #fff; padding-right: 0; position:relative; }
.top-home-header-content .content:after{ content:""; position:absolute; right: -25px; bottom: -20px; background:url(assets/images/cube-3.webp) 0 0 no-repeat; width:55px; height:56px; }

.top-home-header-content .content h1 { color: #fff; font-size: 60px; line-height: 72px; margin-bottom: 20px; }
.top-home-header-content .content p { font-size: 15px; margin:0px; }
.top-home-header-content .content h5 { font-family: "Archivo", sans-serif; color: #fff; font-size: 43px; font-weight: bold; line-height: 58px; }
.top-home-header-content .content h5 span { background: #0029ff; padding: 0 5px; }
.top-home-header-content .content ul { padding-top: 20px; }
.top-home-header-content .content ul li { font-size: 17px; margin-bottom: 15px; line-height:28px; }
.top-home-header-content .content ul li .fa-circle-check { margin-right: 7px; }
.top-home-header-content .content ul li span{ background:#0029ff; padding: 0 3px; }

.top-home-header-content .girl-img{ position:relative; }
.top-home-header-content .girl-img:before{ content:""; position:absolute; left: -150px; top:-10px; background:url(assets/images/cube-2.webp) 0 0 no-repeat; width:50px; height:49px; }
.top-home-header-content .girl-img:after{ content:""; position:absolute; right: 0; top:0px; background:url(assets/images/cube-1.webp) 0 0 no-repeat; width:95px; height:98px; }

.Topform { padding-left: 0; }
.Topform .box-form{ background:#fff; border:4px solid #0029ff; border-radius:18px; overflow:hidden; margin-top: 100px; }
.Topform .box-form .title{ background:#0029ff; color:#fff; font-size:20px; text-align:center; padding:15px 8px; border-radius:12px 12px 0px 0px; }
.Topform .box-form .title span { font-weight: 700; padding-bottom: 4px; display: block; }
.Topform .box-form .rating { text-align: center; padding:; font-size: 14px; line-height: 20px; }
.Topform .box-form .form { padding:20px 25px 15px; }
.Topform .box-form .form .btn { border-radius: 10px; font-size: 23px; margin: 0; line-height: 54px; }
.Topform .box-form .form p { margin: 0; }
.Topform .box-form .form .wpcf7-not-valid-tip { font-size: 10px; position: absolute; right: 7px; top: 0; }
.Topform .box-form .form .wpcf7-response-output { margin-top: 0; padding: 2px 5px; font-size: 13px; line-height: 18px; }


.cat-carosal-section{ background:#dbf5fe; overflow:hidden; position:relative; padding:25px 0px 12px; }
.cat-carosal-section .heading-title h4 { font-family: "Archivo", sans-serif; text-align:center; color:#032555; font-weight:bold; font-size:26px; }
.cat-carosal-section .owl-carousel .owl-stage-outer{ padding-bottom:25px; }
.cat-carosal-section .item .img{ text-align:center; }
.cat-carosal-section .item .img img{ width:auto; }
.cat-carosal-section .item .img a{ display:inline-block; }
.cat-carosal-section .item .img a img{ width:auto; }

.cat-carosal-section .owl-theme{ position:relative; }
.cat-carosal-section .owl-theme .owl-nav{ position: relative; right: 0px; bottom: 0; text-align: center; width:6%; margin: 0 auto; display:none; }
.cat-carosal-section .owl-carousel .owl-nav button.owl-prev{ background:url(assets/images/carosel-arrow-black-left.png) 0 0 no-repeat; left:0; }
.cat-carosal-section .owl-carousel .owl-nav button.owl-prev:hover{ background:url(assets/images/carosel-arrow-black-left.png) 0 0 no-repeat; }
.cat-carosal-section .owl-carousel .owl-nav button.owl-next{ background:url(assets/images/carosel-arrow-black-right.png) 0 0 no-repeat; right:0; }
.cat-carosal-section .owl-carousel .owl-nav button.owl-next:hover{ background:url(assets/images/carosel-arrow-blue-right.png) 0 0 no-repeat; }
.cat-carosal-section .owl-carousel .owl-nav button { width:30px; height:30px; border-radius:0px; line-height:25px !important; margin:0 4px 0 0; 
opacity:1; outline:none; position:absolute; }
.cat-carosal-section .owl-carousel .owl-nav button:hover, .cat-carosal-section .owl-carousel .owl-nav button:focus{  }
.cat-carosal-section .owl-carousel .owl-nav button span { font-size:0px; } 
.cat-carosal-section .owl-dots{ display:none; }




.section-one{ overflow:hidden; text-align:center; }
.section-one .icon{ margin-bottom:20px; }
.section-one h3{ font-size:25px; }
.page-btn{ width:100%; float:left; text-align:center; margin-top:20px; }


.section-two{ overflow:hidden; }
.section-two .heading-title h2{ text-align:center; }
.section-two .img img { border-radius: 15px; }



.section-threes{ background:#001c44; position:relative; overflow:hidden; padding: 80px 0; }
.section-threes:before{ content:""; position:absolute; left: 0; top:-10px; background:url(assets/images/yellow-left.webp) 0 0 no-repeat; width:120px; height:245px; }
.section-threes:after{ content:""; position:absolute; right: 0; bottom:0px; background:url(assets/images/yellow-right.webp) 0 0 no-repeat; width:120px; height:172px; }
.section-threes .heading-title { text-align: center; }
.section-threes .heading-title h2 { color: #fff; }
.section-threes .heading-title h2 span{ color:#001c44; }
.section-threes .heading-title p { width: 75%; margin: 20px auto 0; color: #fff; }
.section-threes .white { background: #fff; padding: 40px 30px; min-height: 700px; border-radius: 15px; }
.section-threes .white h3 { font-size: 24px; margin-top: 12px; min-height: 75px; }

.blue-section{}
.blue-section:before{ content:none; }
.blue-section:after{ content:none; }
.blue-section .white { background: transparent; border: 2px solid #fff; border-radius: 10px; text-align: center; padding: 40px 20px; min-height: initial; }
.blue-section .white p { margin: 18px 0 35px 0; color: #fff; font-size: 14px; line-height: 22px; }
.blue-section .white .btns a{ background:#00C6A0; color:#fff; border-color: #00c6a0; padding: 9px 33px; position: relative; z-index: 1; 
border: 2px solid #00c6a0; font-size: 15px; display: inline-flex; justify-content: center; align-items: center; font-weight: 500; 
transition: all .4s ease-in-out; border-radius: 6px; }
.blue-section .white .btns a .fa-arrow-right{ margin-left: 5px; } 

.blue-section .white .btns a:hover{ color: #00C6A0; background:#fff; border: 2px solid #00c6a0; }, .blue-section .white .btns a:focus{ color: #00C6A0; background:#fff; border: 2px solid #00c6a0; }
.blue-section .white .btns a:hover .fa-arrow-right{ transform: translateX(3px); margin-left: 3px; transition: all .2s ease; } 

.blue-section .white .blue a{ background:#1C6CF4; border: 2px solid #1C6CF4; }
.blue-section .white .blue a:hover{ color: #1C6CF4; background:#fff; border: 2px solid #1C6CF4; }, .blue-section .white .blue a:focus{ color: #00C6A0; background:#fff; border: 2px solid #00c6a0; }

.blue-section .white .red a{ background:#ec2127; border: 2px solid #ec2127; }
.blue-section .white .red a:hover{ color: #ec2127; background:#fff; border: 2px solid #ec2127; }, .blue-section .white .blue a:focus{ color: #ec2127; background:#fff; border: 2px solid #ec2127; }



.section-four{ overflow:hidden; padding-top:80px; }
.section-four .case-sec{ position:relative; width:100%; }
.section-four .case-heading{ position:relative; }
.section-four .case-heading:before{ content:""; position:absolute; left:-10%; top:-10px; background:url(assets/images/cube-4.jpg) 0 0 no-repeat; width:55px; height:56px; }
.section-four .case-heading:after{ content:""; position:absolute; left:-10%; bottom:0px; background:url(assets/images/cube-5.jpg) 0 0 no-repeat; width:60px; height:61px; }

.section-four .boxes{ position:relative; }
.section-four .boxes:before{ content:""; position:absolute; right:-25%; top:-10px; background:url(assets/images/cube-6.jpg) 0 0 no-repeat; width:95px; height:94px; }
.section-four .boxes:after{ content:""; position:absolute; right:-38%; bottom:0px; background:url(assets/images/sign.jpg) 0 0 no-repeat; width:150px; height:83px; }


.section-four .content-boxes { background: #fff; border-radius: 30px; box-shadow: 0 6px 16px rgba(0,0,0,.1); position: relative; }
.section-four .content-boxes::before { content: ""; position: absolute; right: -70px; top: -110px; background: url(assets/images/orange-box.png) 0 0 no-repeat; 
width: 364px; height: 339px; z-index: -9; }


.section-four .content-boxes .img { }
.section-four .content-boxes .img img { border-radius:30px 0px 0px 30px; }

.section-four .content-boxes .top { padding:25px 0 10px; }
.section-four .content-boxes .top .logo { padding-bottom: 10px; }
.section-four .content-boxes .top a.case-btn { border-radius: 40px; background: #ffb001; color: #000; padding: 10px 20px; margin-left: 15px;
box-shadow: 0 4px 13px rgba(26, 26, 26, 0.2); }
.section-four .content-boxes .top a.case-btn:hover{ background:#000; color:#fff; }

.section-four .content-boxes .bottom { text-align: center; }
.section-four .content-boxes .bottom span { color: #90979d; font-size: 15px; width: 100%; display: block; margin-bottom:20px; }
.section-four .content-boxes .bottom .text-one { display: inline-block; width: 30%; border-right: 1px solid #dedfea; padding-top: 20px; padding-bottom: 20px; vertical-align: top; }
.section-four .content-boxes .bottom .text-one:last-child{ border:0px; }
.section-four .content-boxes .bottom .text-one span.d-block { color: #212529; font-size: 40px; font-weight: 600; }
.section-four .content-boxes .bottom .text-one p { margin: 0; color: #747a80; line-height: 22px; }





.pricing-table{ overflow:hidden; background:url(assets/images/blue-gradient.jpg) 0 0 repeat-x #fff; }
.pricing-table .heading-title{ text-align: center; margin-bottom: 80px; }
.pricing-table .heading-title h4 { font-weight: 600; }

.pricing-table .three-clm-sec{ width:100%; text-align:center; }
.pricing-table .three-clm-sec .price-grey{ width: 32%; float: left; background: #f8f9fb; padding:0px 0px 0px 0px; }
.pricing-table .three-clm-sec .box { border: 2px solid transparent; transition: all 0.3s ease 0s; padding-bottom:20px; }
.pricing-table .three-clm-sec .box:hover { border: 2px solid #0a14a9; }
.pricing-table .three-clm-sec .blue-box { background: #1923ae; display: inline-block; color: #fff; font-size: 16px; padding: 4px 16px; }

.pricing-table .three-clm-sec h3 { font-size: 40px; font-weight: bold; color: #0029ff; margin: 0; padding: 20px 0 25px; }
.pricing-table .three-clm-sec ul{ text-align: left; overflow-x: hidden; }
.pricing-table .three-clm-sec ul li { background:#efefef; font-size: 15px; text-align: left; padding:2px 0 2px 10px; line-height: 35px; }
.pricing-table .three-clm-sec ul li:nth-child(even) { background:#fff;  }
.pricing-table .three-clm-sec ul li .fa-square-check { margin-right: 3px; }
.pricing-table .three-clm-sec .btns{ padding-top:20px; }
.pricing-table .three-clm-sec .btns a { background: #0a14a9; border-radius: 50px; color: #fff; padding: 8px 13px; display: inline-block; font-size: 17px; }
.pricing-table .three-clm-sec .btns a:hover{ background:#000; }

.pricing-table .three-clm-sec .price-white{ width: 36%; float: left; background: #fff; padding: 0px 0px 15px 0; 
box-shadow: 0px 16px 23px 0px rgba(40, 49, 70, 0.3); margin: -39px 0px 0 0px; position: relative; border: 2px solid #eaac2f; min-height: 880px; }
.pricing-table .three-clm-sec .price-white:hover{ border: 2px solid #eaac2f; }
.pricing-table .three-clm-sec .price-white .blue-box { background: #eaac2f; color: #000; }
.pricing-table .three-clm-sec .price-white h3{ color: #eaac2f; }
.pricing-table .three-clm-sec .price-white .btns { padding-top: 30px; padding-bottom: 40px; }
.pricing-table .three-clm-sec .price-white .btns a { background: #eaac2f; color: #000; }



.tabs-section{ background:#fff; overflow:hidden; }
.tabs-section h2{ text-align:center; }
.tabs-section .content { overflow: hidden; }

.tabs-section ul.nav-tabs { margin-bottom:0px; background:transparent; border-radius:0px; width:100%; border:0px; }
.tabs-section ul.nav-tabs li{ margin:0px 0 20px 0; border-right:0px; width:100%; }
.tabs-section ul.nav-tabs li:last-child{ border-right: 0; margin:0px 0 0px 0; }
.tabs-section ul.nav-tabs li a{ border-bottom: 2px solid #a7a7a7; padding:10px 10px 20px 10px; text-align:left; font-size:24px; 
font-family: "Archivo", sans-serif; font-weight:600; color:#374046; line-height: 35px; }
.tabs-section ul.nav-tabs li a.active{ border-top:0px; border-left:0px; border-right:0px; border-bottom: 2px solid #1923ae; color:#1923ae; }
.tabs-section ul.nav-tabs li a.active:hover{ border-bottom: 2px solid #1923ae; color:#1923ae; border-top:0px; border-left:0px; border-right:0px; }
.tabs-section ul.nav-tabs li a:hover, .tabs-section .content ul.nav li a:focus, .tabs-section .content ul.nav li a:active{ 
border-bottom: 2px solid #1923ae; color:#1923ae; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; }

.tabs-section ul.nav-tabs li a:focus, .tabs-section ul.nav-tabs li a:hover{ border-top:1px solid transparent; border-left:1px solid transparent; 
border-right:1px solid transparent; border-bottom: 2px solid #a7a7a7; }


.tabs-section .card { padding: 0; background: transparent; border-radius: 0px; }
.tabs-section .card-body { padding:0 0 0 15px; box-shadow:none; border-radius:0; }
.tabs-section .card-body h3 { color: #1923ae; font-size:30px; font-weight:600; margin-bottom:25px; font-family: "Archivo", sans-serif; }
.tabs-section .card-body .card-text {  }
.tabs-section .card-body .card-text p { padding-top: 0; font-size: 17px; line-height: 28px; }
.tabs-section .card-body .btn { padding: 8px 20px; line-height: 35px; font-size: 25px; margin-top:15px; }

.tabs-section .nav-tabs { display:none; }
@media(min-width:768px) {
    .tabs-section .nav-tabs {
        display: flex;
    }
    
    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
}






.section-five { overflow: hidden; }
.section-five .heading-title { text-align: center; }
.section-five .white { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.1); border-radius: 16px; padding: 28px 20px; }
.section-five .white .icon { width: 100%; margin-bottom: 20px; float: left; }
.section-five .white .icon span { float: left; background: #8fd5e7; font-family: "Archivo", sans-serif; font-size: 43px; 
border-radius: 100%; font-weight: 600; padding: 22px 12px; width: 24%; }
.section-five .white .icon span.blue{ background:#8fd5e7; }
.section-five .white .icon span.orange{ background:#ff8522; }
.section-five .white .icon span.yellow{ background:#ffdf73; }
.section-five .white .icon h3 { float: left; font-size: 25px; width: 58%; margin-left: 10px; line-height: 30px; padding-top: 14px; }





.six-section{ background:url(assets/images/testimonial-bg.webp) center 0 no-repeat #f7f6fb; overflow:hidden; position:relative; background-size:cover; 
  padding-bottom: 90px; }
.six-section:before{ content:""; position:absolute; left:8px; bottom:50px; background:url(assets/images/girl-with-ballon.jpg) 0 0 no-repeat; width:100px; height:216px; }
.six-section .heading-title { margin: 0; }
.six-section h2{ text-align:left; margin:0px; }
.six-section .carousel { background:url(assets/images/rocket-launcher-icon-3.jpg) 0 0 no-repeat; }
.six-section .carousel-item{ padding-top: 15px; }
.six-section .carousel .logo { margin: 0 0 30px 10px; border: 1px solid #002253; display: inline-block; padding: 5px 10px; }
.six-section .carousel-item p{ color:#000; line-height:24px; min-height:120px; position:relative; padding-left: 37px; }
.six-section .carousel-item p:before{ background:url(assets/images/left-quote.png) 0 0 no-repeat; width:32px; height:28px; content:""; position:absolute; left:0px; top:2px; }
.six-section .carousel-item h5{ font-family: "Archivo", sans-serif; font-size:23px; color:#001c44; font-weight:700; margin-top:15px; margin-bottom:0px; }
.six-section .carousel-item span{ color:#000000; }
.six-section .carousel-indicators { text-align: left; bottom: -50px; width: 100%; right: auto; left: auto; margin: 0; justify-content: left; }
.six-section .carousel-indicators li{ background:#000; width:15px; height:15px; border-radius:100%; border:0px; opacity:1; }
.six-section .carousel-indicators li.active{ background:#ffb545; }
.six-section .carousel-indicators li:hover{ background:#ffb545; }



.section-sevan{ overflow:hidden; background:#f9faff; }
.section-sevan .heading-title { text-align: center; }
.section-sevan .white-box { background: #fff; border: 1px solid #e4e4e4; padding:40px 30px; transition: all 0.3s ease 0s; min-height: 670px; border-radius: 15px; }
.section-sevan .white-box:hover{ border: 1px solid #1c26af; }
.section-sevan .white-box .icon { margin-bottom: 18px; }
.section-sevan .white-box h3 { font-size: 24px; color: #001c44; line-height: 32px; font-weight: 400; margin-bottom: 12px; }
.section-sevan .white-box p{ font-size:15px; line-height:22px; }
.section-sevan .page-btn{ margin-top:30px; }


.section-eight { overflow: hidden; }
.section-eight #sp_easy_accordion-1709116598 { width: 100%; }
.section-eight .heading-title { text-align: center; }



.inner-blue-header { overflow: hidden; background: #011a3e; text-align: center; padding: 10px 0; }
.inner-blue-header h1 { text-align: center; width: 100%; color: #fff; font-size: 45px; margin: 0; }





/* 404 Page Section */
.page-not-found-grey { background:#032555; border-radius: 100%; width: 300px; height: 300px; text-align: center; padding-top: 110px; margin:3px auto 0; }
.page-not-found-grey h2 { margin: 0 0 30px 0; font-family: 'Open Sans', sans-serif; font-size: 110px; color: #fff; }
.page-not-found-grey p { color: #fff; }
.page-not-found-cont { text-align: center; }
.page-not-found-cont h3 { font-size: 55px; color: #0a14a9; margin: 0 0 15px 0; line-height: 65px; }
.page-not-found-cont span { text-transform: uppercase; font-weight: 600; display: block; margin: 0 0 10px 0; }
.page-not-found-cont .page-not-found-btn { margin-top: 10px; }
.page-not-found-cont .search-form { position: relative; }
.page-not-found-cont .search-form label{ display:none; }
.page-not-found-cont .search-form .search-submit { background: url(assets/images/search-page-icon.jpg) 0 0 no-repeat; border:0; color:#fff; padding:0; 
position:absolute; right:10px; top:10px; width:30px; height:30px; text-align:left; text-indent:-99999999px; }
/* 404 Page Section */





/* Contact Page Section */
body.page-id-17 .footer-sec { padding-top: 50px; }
body.page-id-17 .footer-top { padding: 0px 0 40px 0; }
body.page-id-17 .footer-top .heading-title{ display:none; }
body.page-id-17 .footer-top .Topform{ display:none; }
body.page-id-17 .footer-top .ft-menus { padding-top: 0; }



.contact-page-sec { overflow: hidden; padding: 15px 0;  }
.cont-info-sec { border-right: 8px solid #002253; border-top: 8px solid #002253; border-bottom: 8px solid #002253; position: relative; padding: 55px 0px; 
overflow: hidden; }
.cont-info-sec :before { position: absolute; left: 0px; top: 0px; width: 8px; height: 46px; background: #002253; content: "" }
.cont-info-sec :after { position: absolute; left: 0px; bottom: 0px; width: 8px; height: 46px; background: #002253; content: "" }

.contact-page-sec h3 { margin: 0px 0 20px 0; color: #002253; font-size: 32px; font-weight: 600; }
.cont-info-sec span { color: #515151; font-size: 17px; margin-bottom: 20px; display: block }
.cont-info-sec ul.info { }

.cont-info-sec ul.info li {
    background: url(assets/images/sprite.webp) 0 0 no-repeat;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
    padding-left: 60px;
	padding-bottom: 18px;
  padding-top: 6px;
  line-height: 30px;
}

.cont-info-sec ul.info li:last-child { margin-bottom: 0px }
.cont-info-sec ul.info li.call { background-position: 0 0 }
.cont-info-sec ul.info li.mail { background-position: 0 -104px }
.cont-info-sec ul.info li.loc { background-position: 0 -213px; }

.cont-info-sec ul.social {
    overflow: hidden;
    width: 100%;
    padding: 20px 0
}

.cont-info-sec ul.social li {
    float: left;
    margin-right: 10px
}

.cont-info-sec ul.social li:last-child {
    margin: 0px
}

.cont-info-sec ul.social li a {
    background: url(/wp-content/themes/herbal/assets/images/sprite.png) 0 0px no-repeat;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px
}
.cont-info-sec ul.social li.fb a { background-position: 0 -726px; }
.cont-info-sec ul.social li.tw a { background-position: -42px -726px; }
.cont-info-sec ul.social li.pin a { background-position: -84px -726px; }
.cont-info-sec ul.social li.you-tube a { background-position: -126px -726px; }

.contact-page-sec .cont-right { float: right; }
.contact-page-sec .cont-right h2 { margin-bottom: 20px }

.unani-treat-one .white { background: #fff; padding: 25px 20px 20px 20px; box-shadow: 0px 0px 10px 4px #EBEBEB; overflow: hidden; }
.unani-treat-one .white h2 { color: #1b2900; }
.unani-treat-one .white .form-group { margin: 0; }
.unani-treat-one .white .form-group p { margin: 0 0 5px 0; }
.unani-treat-one .white textarea { min-height: 70px; }
.unani-treat-one .white .btns p { margin: 0; }
.unani-treat-one .white .btns .btn { margin: 0 0 0 10px; border-radius: 12px; }
.unani-treat-one .white .wpcf7-not-valid-tip { font-size: 10px; position: absolute; right: 7px; top: 0; }
.unani-treat-one .white .wpcf7-response-output { margin-top: 0; padding: 2px 5px; font-size: 13px; line-height: 18px; }


.unani-treat-two h2 {
    font-size: 35px;
    font-family: 'proxima_novabold';
    color: #000;
    line-height: 40px;
    margin: 0
}
/* Contact Page Section */


.aboutstyle { padding-bottom: 0; }
.aboutstyle p { font-size: 22px; text-align: center; font-style: italic; line-height: 33px; }





/* Case Study Page Section */
body.page-id-14 .inner-blue-header{ display:none; }
body.page-id-14 .middle-container{ background: url(assets/images/color-bg.webp) 0 0 no-repeat; }

.case-page-tabs{}
.case-page-tabs .content{ overflow:hidden; width:100%; }
.case-page-tabs .heading-title { text-align: center; }
.case-page-tabs .content ul.nav { background: transparent; border: 0; max-width: 95%; margin: 0 auto 30px; border-radius: 0; }
.case-page-tabs .content ul.nav li{ margin: 0 15px 0 0; border-right: 0; }
.case-page-tabs .content ul.nav li:last-child{ margin-right:0px; border-right: 0; }
.case-page-tabs .content ul.nav li:last-child a{  }
.case-page-tabs .content ul.nav li a { color: #000; font-size: 18px; padding: 12px 10px; border: 0; font-weight: 600; border-radius: 0; text-align: center; }
.case-page-tabs .content ul.nav li a.active{ background: transparent; border-bottom: 3px solid #002253; color: #002253; }
.case-page-tabs .content ul.nav li a:hover, .case-page-tabs .content ul.nav li a:focus, .case-page-tabs .content ul.nav li a:active{ background: transparent; border-bottom: 3px solid #002253; color: #002253; }

.case-page-tabs .tab-content { width: 100%; }
.case-page-tabs .tab-content .card { width: 100%; float: left; background:transparent; }
.case-page-tabs .tab-content .card .collapse { overflow: hidden; }
.case-page-tabs .tab-content .card .collapse .card-body { overflow: hidden; }

.broker-listing { overflow: hidden; width: 48%; padding: 0px 15px 20px; border-bottom: 0; text-align: center; margin-bottom: 10px; display: inline-block; border-radius: 15px; }
.broker-listing ul { background: #fff; border-radius: 18px; padding: 24px 15px; text-align: left; box-shadow: 0 6px 16px rgba(0,0,0,.1); }
.broker-listing .box { border-right: 1px solid #b3b3b3; }
.broker-listing .box:nth-child(2n) { border: 0; }
.broker-listing ul {  }
.broker-listing ul li { display: inline-block; padding: 0 0 0 0; vertical-align: middle; margin-right: 10px; }
.broker-listing ul li.num {
  background: #032555;
  width: 70px;
  height: 70px;
  color: #fff;
  border-radius: 50px;
  font-size: 35px;
  text-align: center;
  font-weight: 600;
  line-height: 45px;
  padding-top: 12px;
}

.broker-listing ul li.purple{ background:#d100ff;  }
.broker-listing ul li.orange{ background: #ff8522; }
.broker-listing ul li.green{ background:#17a400; }
.broker-listing ul li.yellow{ background: #ffdf73; color:#000; }
.broker-listing ul li.cyan{ background: #00ebe8; }


.broker-listing ul li:last-child{  }
.broker-listing ul li.img { margin-right: 0; width: 80%; }
.broker-listing ul li.img img { width: 80%; }
.broker-listing ul li.img p { margin: 8px 0 0 0; font-size: 13px; line-height:20px; }
.broker-listing ul li.img img { width:auto; }
.broker-listing ul li br{ display:none; }
.broker-listing ul .btn-wrapper { width: auto; margin-left: 80px; margin-top: 20px; }

.broker-listing ul li.btn-wrapper a.btn--green-light{ margin-right: 12px; }
.broker-listing ul li a {
  font-size: 14px;
  border-radius: 12px;
  display: inline-block;
  background: #ffb545;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 10px 13px;
  font-weight: 700;
  line-height: 27px;
}
.broker-listing ul li a.blue{ background:#fd8611; }
.full-page-template .single-testimonial .item { margin-bottom: 40px; }


.case-study-pages-sec .section-four { padding-top: 0; overflow:initial; }
.case-study-pages-sec .section-four .content-boxes .top { padding-top: 12px; }
.case-study-pages-sec .section-four .content-boxes .top p{ font-size: 15px; line-height: 20px; }
.case-study-pages-sec .section-four .content-boxes .bottom span{ margin-bottom: 10px; }

.case-study-sec-two { overflow: hidden; padding-bottom: 50px; }
.tpseo {
    padding:50px 25px 0 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    min-height:800px;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.p-relative { position: relative; }
.tpseo-bg {
    position: absolute;
    background: linear-gradient(336.37deg, rgba(192, 223, 214, 0.8) -2.49%, rgba(233, 234, 201, 0.8) 92.36%);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.tpseo-content {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


.tpseo-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  color: #000;
  min-height: 80px;
  text-align: center;
}

.tpseo-info {
    opacity: 1;
    visibility: visible;
    transform: initial;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.tpseo-content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
.tpseo-info ul{}

.tpseo-info ul li {
  background: url(assets/images/check-icon.png) 0px 10px no-repeat;
	font-size: 15px;
  text-align: left;
  padding: 0px 0 5px 25px;
  line-height: 25px;
}



.tpseo-thumb {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.tpseo-thumb img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}


.case-study-sec-three { overflow: hidden; text-align: center; padding-bottom: 45px; }
.case-study-sec-three h5 { font-style: italic; line-height: 36px; font-size: 26px; font-weight: 600; }


.case-study-sec-review { background: #ddf9fb; position: relative; }
.case-study-sec-review .img { text-align: center; }
.case-study-sec-review .img h5 { font-weight: 600; margin: 0; padding: 8px 0; }
.case-study-sec-review .img p { margin: 0; }
.case-study-sec-review .content p {
  background: url(assets/images/left-quote-2.png) 0px 0px no-repeat;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
  padding-top: 40px;
  padding-left: 90px;
}

body.page-template-case-page-template .middle-wrapper{ padding-bottom:0px; }

.wave span {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	-webkit-animation: wave 8s linear infinite;
	animation: wave 8s linear infinite;
	border-radius: 50%;
	border: 1px solid white;
	margin: auto;
	top: 0;
	transform: translatex(50%);
	  opacity:0;
}
.wave span:nth-child(2) {
animation-delay:0.5s;	
}
.wave span:nth-child(3) {
animation-delay:1s;	
}
.wave span:nth-child(4) {
animation-delay:1.5s;	
}
.wave span:nth-child(5) {
animation-delay:2s;	
}
.wave span:nth-child(6) {
animation-delay:2.5s;	
}
.wave span:nth-child(7) {
animation-delay:3s;	
}
.wave span:nth-child(8) {
animation-delay:3.5s;	
}
.wave span:nth-child(9) {
animation-delay:4s;	
}
.wave span:nth-child(10) {
animation-delay:4.5s;	
}
.wave span:nth-child(11) {
animation-delay:5s;	
}
.wave span:nth-child(12) {
animation-delay:5.5s;	
}
.wave span:nth-child(13) {
animation-delay:6s;	
}
.wave span:nth-child(14) {
animation-delay:6.5s;	
}
.wave span:nth-child(15) {
animation-delay:7s;	
}
.wave span:nth-child(16) {
animation-delay:7.5s;	
}
@keyframes wave {
  0% {
	  opacity:0;
  }
  1% {
	width: 20px;
	height: 20px;
	  opacity:0.2;
  }
  99% {
	width: 800px;
	height: 800px;
	opacity:0.2;
  }
  100% {
	width: 800px;
	height: 800px;
	  opacity:0;
  }
}





/* Case Study Page Section */



body.page-id-319 .inner-blue-header, body.page-id-323 .inner-blue-header{ display:none; }
.thanks-you-sec { text-align: center; }
.thanks-you-sec h2.title { font-size: 43px; font-weight: 400; margin-bottom: 30px; }
.thanks-you-sec p { font-weight:400; font-size: 16px; }
.thanks-you-sec .telephone{ background:url(assets/images/blue-mail.webp) 0 0 no-repeat; width:247px; height:144px; margin:30px auto 30px; overflow:hidden; }

body.page-id-319 .footer-sec, body.page-id-323 .footer-sec{ display:none; }



/* Middle Section */ 

 


/* Footer Section */
.footer-sec{ background:url(assets/images/footer-bg.webp) center top no-repeat; overflow:hidden; padding-top:110px; }
.footer-top { background:#002253; padding:0px 0 50px 0; overflow:hidden; }

.footer-top .heading-title { text-align: center; }
.footer-top .title { color: #fff; margin:0px; }
.footer-top .title span { color: #002253; }

.footer-top .Topform { margin: 0 auto; width: 42%; }
.footer-top .Topform .box-form { margin-top: 0; }
.footer-top .Topform .box-form .form { padding-top: 30px; }

.footer-top .ft-menus { width: 100%; text-align: center; padding-top:45px; font-size: 15px; }
.footer-top .ft-menus ul { display: inline-block; text-align: center; }
.footer-top .ft-menus ul li { display: inline-block; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; line-height: 14px; color: #fff; }
.footer-top .ft-menus ul li:last-child{ margin:0px; padding:0px; border:0px; }
.footer-top .ft-menus ul li a { color: #fff; }
.footer-top .ft-menus ul li a:hover{ color:#ffd200; }




/* Footer Section */