/* Css For Biogenix */



 /************ TABLE OF CONTENTS ***************

1. Fonts

2. Reset

3. Global

4. Main Header/style-one/style-two

5. Main Slider/style-one/style-two

6. Intro Section

7. Welcome Section

9. Cta Section

8. Research Fields

10. Testimonial Section

11. Researches Section

12. Team Section

14. Video

15. Fact Counter

16. News Section

19. Clients Section

20. Main Footer

21. Footer Bottom

22. Research Style Two

23. Innovative Solution

24. Discover Section

25. Testimonial Section

26. Chooseus Section

27. News Style Two

28. Page Title

29. Research Page Section

30. Research Details

31. Professor Page Section

32. Professor Details

33. About Section

34. Error Section

35. Blog Page Section

36. Blog Details

37. Blog Sidebar

38. Contact Section

39. Google Map





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







 /*** 



====================================================================

  Reset

====================================================================



 ***/

 * {

   margin: 0px;

   padding: 0px;

   border: none;

   outline: none;

 }





 /*** 



====================================================================

  Global Settings

====================================================================



 ***/





 body {

   font-size: 18px;

   color: #7c8083;

   line-height: 28px;

   font-weight: 400;

   background: #ffffff;

   font-family: 'DM Sans', sans-serif;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center top;

   -webkit-font-smoothing: antialiased;

 }



 @media (min-width:1200px) {

   .container {

     max-width: 1200px;

     padding: 0px 15px;

   }

 }



 .large-container {

   max-width: 1550px;

   padding: 0px 15px;

   margin: 0 auto;

 }



 .container-fluid {

   padding: 0px;

 }



 .auto-container {

   position: static;

   max-width: 1200px;

   padding: 0px 15px;

   margin: 0 auto;

 }



 .small-container {

   max-width: 680px;

   margin: 0 auto;

 }



 .boxed_wrapper {

   position: relative;

   margin: 0 auto;

   overflow: hidden !important;

   width: 100%;

   min-width: 300px;

 }





 a {

   text-decoration: none;

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 a:hover {

   text-decoration: none;

   outline: none;

 }



 input,

 button,

 select,

 textarea {

   font-family: 'DM Sans', sans-serif;

   font-weight: 400;

   font-size: 16px;

   background: transparent;

 }



 ::-webkit-input-placeholder {

   color: inherit;

 }



 ::-moz-input-placeholder {

   color: inherit;

 }



 ::-ms-input-placeholder {

   color: inherit;

 }



 ul,

 li {

   list-style: none;

   padding: 0px;

   margin: 0px;

 }



 input {

   transition: all 500ms ease;

 }



 button:focus,

 input:focus,

 textarea:focus {

   outline: none;

   box-shadow: none;

   transition: all 500ms ease;

 }



 p {

   position: relative;

   font-family: 'DM Sans', sans-serif;

   color: #000;

   font-weight: 400;

   margin: 0px;

   transition: all 500ms ease;

 }



 h1,

 h2,

 h3,

 h4,

 h5,

 h6 {

   position: relative;

   font-family: 'Saira', sans-serif;

   font-weight: 400;

   color: #16436f;

   margin: 0px;

   transition: all 500ms ease;

 }



 /* Preloader */



 .handle-preloader {

   align-items: center;

   -webkit-align-items: center;

   display: flex;

   display: -ms-flexbox;

   height: 100%;

   justify-content: center;

   -webkit-justify-content: center;

   position: fixed;

   left: 0;

   top: 0;

   width: 100%;

   z-index: 9999999;

 }



 .preloader-close {

   position: fixed;

   z-index: 99999999;

   font-size: 26px;

   background: #fff;

   width: 40px;

   height: 40px;

   line-height: 36px;

   text-align: center;

   border-radius: 50%;

   cursor: pointer;

   right: 30px;

   top: 30px;

 }

.handle-preloader{
  background-color: #fff !important;
}

 .handle-preloader .animation-preloader {

   position: absolute;

   z-index: 100;

 }



 .handle-preloader .animation-preloader .spinner {

   animation: spinner 1s infinite linear;

   border-radius: 50%;

   height: 150px;

   margin: 0 auto 45px auto;

   width: 150px;

 }



 .handle-preloader .animation-preloader .txt-loading {

   text-align: center;

   user-select: none;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {

   animation: letters-loading 4s infinite;

   content: attr(data-text-preloader);

   left: 0;

   opacity: 0;

   top: 0;

   position: absolute;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading {

   font-family: 'DM Sans', sans-serif;

   font-weight: 500;

   letter-spacing: 15px;

   display: inline-block;

   position: relative;

   font-size: 70px;

   line-height: 70px;

   text-transform: uppercase;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

   animation-delay: 0.2s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

   animation-delay: 0.4s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

   animation-delay: 0.6s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

   animation-delay: 0.8s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

   animation-delay: 1s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

   animation-delay: 1.2s;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

   animation-delay: 1.4s;

 }



 .handle-preloader .loader-section {

   background-color: #ffffff;

   height: 100%;

   position: fixed;

   top: 0;

   width: calc(50% + 1px);

 }



 .preloader .loaded .animation-preloader {

   opacity: 0;

   transition: 0.3s ease-out;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading {

   color: #ffffff;

 }



 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {

   color: #ffffff;

 }



 .handle-preloader .animation-preloader .spinner {

   border: 3px solid #ffffff;

   border-top-color: rgba(255, 255, 255, 0.5);

 }



 /* Animación del preloader */

 @keyframes spinner {

   to {

     transform: rotateZ(360deg);

   }

 }



 @keyframes letters-loading {



   0%,

   75%,

   100% {

     opacity: 0;

     transform: rotateY(-90deg);

   }



   25%,

   50% {

     opacity: 1;

     transform: rotateY(0deg);

   }

 }



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

   .handle-preloader .animation-preloader .spinner {

     height: 8em;

     width: 8em;

   }

 }



 @media screen and (max-width: 500px) {

   .handle-preloader .animation-preloader .spinner {

     height: 7em;

     width: 7em;

   }



   .handle-preloader .animation-preloader .txt-loading .letters-loading {

     font-size: 30px;

     letter-spacing: 10px;

   }

 }





 .centred {

   text-align: center;

 }



 .pull-left {

   float: left;

 }



 .pull-right {

   float: right;

 }



 .special_fonts {

   font-family: 'DM Sans', sans-serif;

 }





 figure {

   margin: 0px;

 }



 img {

   display: inline-block;

   max-width: 100%;

   height: auto;

   transition-delay: .1s;

   transition-timing-function: ease-in-out;

   transition-duration: .7s;

   transition-property: all;

 }



 /** button **/





 .theme-btn {

   position: relative;

   display: inline-block;

   overflow: hidden;

   vertical-align: middle;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   font-family: 'Saira', sans-serif;

   color: #fff;

   background: #16436f;

   text-align: center;

   padding: 15px 50px;

   letter-spacing: 0.5px;

   text-transform: uppercase;

   z-index: 1;

   transition: all 500ms ease;

 }



 .theme-btn:hover {

   color: #fff;

 }



 .theme-btn.light {

   background: #fff;

   color: #16436f;

 }



 .theme-btn.light:hover {

   color: #fff;

 }



 .row {

   --bs-gutter-x: 30px;

 }



 .pagination {

   position: relative;

   display: block;

 }



 .pagination li {

   position: relative;

   display: inline-block;

   margin-right: 7px;

 }



 .pagination li:last-child {

   margin: 0px !important;

 }



 .pagination li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   font-weight: 500;

   height: 54px;

   width: 54px;

   line-height: 54px;

   background: #f0f5f7;

   font-family: 'Saira', sans-serif;

   text-align: center;

   color: #16436f;

   z-index: 1;

   transition: all 500ms ease;

 }



 .pagination li a:hover,

 .pagination li a.current {

   color: #fff;

 }



 .pagination li i {

   position: relative;

   top: 4px;

 }



 .sec-pad {

   padding: 50px 0px;

 }



 .mr-0 {

   margin: 0px !important;

 }



 .scroll-top {

   width: 54px;

   height: 54px;

   line-height: 60px;

   position: fixed;

   bottom: 105%;

   right: 50px;

   font-size: 16px;

   z-index: 99;

   background: #ffffff;

   color: #16436f;

   text-align: center;

   cursor: pointer;

   transition: 1s ease;

   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10) !important;

 }



 .scroll-top.open {

   bottom: 30px;

 }







 .sec-title {

   position: relative;

   display: block;

   margin-bottom: 50px;

 }



 .sec-title .sub-title {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   margin-bottom: 13px;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding-left: 27px;

 }



 .sec-title .sub-title:before {

   position: absolute;

   content: '';

   width: 10px;

   height: 10px;

   left: 8px;

   top: 7px;

   border-radius: 50%;

 }



 .sec-title .sub-title:after {

   position: absolute;

   content: '';

   width: 6px;

   height: 6px;

   left: 0px;

   top: 2px;

   border-radius: 50%;

 }



 .sec-title h2 {

   position: relative;

   display: block;

   font-size: 55px;

   line-height: 62px;

   font-weight: 500;

   margin: 0px;

 }



 .sec-title.light h2 {

   color: #fff;

 }



 .owl-dots-none .owl-dots,

 .owl-nav-none .owl-nav {

   display: none !important;

 }











 /*** 



====================================================================

                        Home-Page-One

====================================================================



***/





 /** main-header **/



 .main-header {

   position: relative;

   left: 0px;

   top: 0px;

   right: 0px;

   z-index: 999;

   width: 100%;

   box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03);

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .sticky-header {

   position: fixed;

   opacity: 0;

   visibility: hidden;

   left: 0px;

   top: 0px;

   width: 100%;

   z-index: 0;

   background-color: #16436f;

   border-bottom: 1px solid rgba(255, 255, 255, 0.10);

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .fixed-header .sticky-header {

   z-index: 999;

   opacity: 1;

   visibility: visible;

   -ms-animation-name: fadeInDown;

   -moz-animation-name: fadeInDown;

   -op-animation-name: fadeInDown;

   -webkit-animation-name: fadeInDown;

   animation-name: fadeInDown;

   -ms-animation-duration: 500ms;

   -moz-animation-duration: 500ms;

   -op-animation-duration: 500ms;

   -webkit-animation-duration: 500ms;

   animation-duration: 500ms;

   -ms-animation-timing-function: linear;

   -moz-animation-timing-function: linear;

   -op-animation-timing-function: linear;

   -webkit-animation-timing-function: linear;

   animation-timing-function: linear;

   -ms-animation-iteration-count: 1;

   -moz-animation-iteration-count: 1;

   -op-animation-iteration-count: 1;

   -webkit-animation-iteration-count: 1;

   animation-iteration-count: 1;

 }



 /*** Search Popup ***/



 .search-popup {

   position: fixed;

   left: 0;

   top: 0px;

   width: 100%;

   height: 100%;

   z-index: 99999;

   visibility: hidden;

   opacity: 0;

   overflow: auto;

   background: rgba(0, 0, 0, 0.80);

   -webkit-transform: translateY(101%);

   -ms-transform: translateY(101%);

   transform: translateY(101%);

   transition: all 700ms ease;

   -moz-transition: all 700ms ease;

   -webkit-transition: all 700ms ease;

   -ms-transition: all 700ms ease;

   -o-transition: all 700ms ease;

 }



 .search-popup.popup-visible {

   -webkit-transform: translateY(0%);

   -ms-transform: translateY(0%);

   transform: translateY(0%);

   visibility: visible;

   opacity: 1;

 }



 .search-popup .popup-inner {

   width: 100%;

   background: #fff;

   height: 100%;

 }



 .search-popup .upper-box {

   position: relative;

   padding: 70px 70px;

   z-index: 1;

 }



 .search-popup .upper-box .logo-box {

   max-width: 149px;

 }



 .search-popup .overlay-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   right: 0px;

   bottom: 0px;

   display: block;

 }



 .search-popup .close-search {

   position: relative;

   font-size: 22px;

   color: #141417;

   cursor: pointer;

   z-index: 5;

   top: 11px;

   transition: all 500ms ease;

 }



 .search-popup .close-search:hover {

   color: red;

 }



 .search-popup .search-form {

   position: relative;

   width: 100%;

   padding: 100px 0px 250px 0px;

 }



 .search-popup .search-form .form-group {

   position: relative;

   margin: 0px;

 }



 .search-popup .search-form fieldset input[type="search"] {

   position: relative;

   height: 90px;

   padding: 20px 0px;

   background: #ffffff;

   line-height: 30px;

   font-size: 20px;

   color: #808080;

   font-family: 'DM Sans', sans-serif;

   border: none;

   font-weight: 400;

   border-radius: 0px;

   padding-right: 50px;

   border-bottom: 1px solid #e5e5e5;

 }



 .search-popup .search-form fieldset button[type="submit"] {

   position: absolute;

   top: 30px;

   right: 0px;

   font-size: 22px;

   color: #141417;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .search-popup .search-form fieldset input[type="search"]:focus {

   border-color: #141417;

 }



 .search-popup .form-control:focus {

   box-shadow: none !important;

 }



 .header-style-one {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

 }



 /** header-top **/



 .header-top {

   position: relative;

 }



 .header-top .top-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   padding: 10px 0px;

   border-bottom: 1px dashed rgba(255, 255, 255, 0.20);

 }



 .header-top .top-inner .info-list li {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #d1dbe5;

   margin-right: 37px;

   padding-left: 40px;

 }



 .header-top .top-inner .info-list li:last-child {

   margin: 0px !important;

 }



 .header-top .top-inner .info-list li .icon-box {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 26px;

   height: 30px;

   line-height: 34px;

   font-size: 16px;

   text-align: center;

   z-index: 1;

 }



 .header-top .top-inner .info-list li:last-child .icon-box {

   font-size: 14px;

 }



 .header-top .top-inner .info-list li .icon-box:before {

   position: absolute;

   content: '';

   width: 30px;

   height: 26px;

   background: #16436f;

   left: -2px;

   top: 1px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .header-top .top-inner .info-list li:last-child .icon-box:before {

   top: 2px;

 }



 .hexagon_shape {

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .header-top .top-right {

   position: relative;

   display: flex;

   align-items: center;

 }



 .header-top .social-links li {

   position: relative;

   display: inline-block;

   margin-right: 17px;

 }



 .header-top .social-links li:last-child {

   margin: 0px !important;

 }



 .header-top .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 20px;

   color: #fff;

 }



 .header-top .social-links li a:hover {}



 .header-top .social-links {

   margin-right: 30px;

 }



 .header-top .language span {

   position: relative;

   display: block;

   font-size: 14px;

   width: 26px;

   height: 30px;

   line-height: 30px;

   color: #fff;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   text-align: center;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .header-top .language span:before {

   position: absolute;

   content: '';

   width: 26px;

   height: 30px;

   background-image: url(../images/shape/shape-1.png);

   left: 0px;

   top: 0px;

   background-repeat: no-repeat;

 }



 .header-top .language .language-list {

   position: absolute;

   top: 40px;

   right: 0px;

   width: 150px;

   background: #fff;

   padding: 5px 0px;

   z-index: 1;

   opacity: 0;

   visibility: hidden;

   transition: all 500ms ease;

 }



 .header-top .language:hover .language-list {

   top: 30px;

   opacity: 1;

   visibility: visible;

 }



 .header-top .language .language-list li {

   position: relative;

   display: block;

   padding: 6px 20px;

   border-bottom: 1px solid rgba(0, 0, 0, 0.10);

 }



 .header-top .language .language-list li:last-child {

   border-bottom: none;

 }



 .header-top .language .language-list li a {

   position: relative;

   display: inline-block;

   font-size: 16px;

   color: #7c8083;

 }



 .header-top .language .language-list li a:hover {}



 .main-header .outer-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .main-header .menu-right-content {

   position: relative;

   display: flex;

   align-items: center;

 }



 .main-header .menu-right-content li {

   position: relative;

   display: inline-block;

   margin-right: 40px;

 }



 .main-header .menu-right-content li:before {

   position: absolute;

   content: '';

   background: rgba(255, 255, 255, 0.35);

   width: 1px;

   height: 20px;

   top: 3px;

   right: -20px;

 }



 .main-header .menu-right-content li:last-child:before {

   display: none;

 }



 .main-header .menu-right-content li:last-child {

   margin: 0px !important;

 }



 .main-header .menu-right-content li.support-box {

   position: relative;

   display: block;

   padding-left: 35px;

 }



 .main-header .menu-right-content li.support-box .icon-box {

   position: absolute;

   left: 0px;

   top: 3px;

   font-size: 20px;

 }



 .main-header .menu-right-content li.support-box a {

   display: inline-block;

   color: #fff;

   font-size: 16px;

   line-height: 20px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

 }



 .main-header .menu-right-content li.support-box a:hover {}



 .main-header .menu-right-content li.user-box a,

 .main-header .menu-right-content li.search-box-outer {

   position: relative;

   display: inline-block;

   font-size: 20px;

   color: #fff;

   cursor: pointer;

   top: 3px;

   transition: all 500ms ease;

 }



 .main-header .menu-right-content li.user-box a {

   font-size: 28px;

 }



 .main-header .menu-right-content li.user-box a:hover,

 .main-header .menu-right-content li.search-box-outer:hover {}



 .main-header .menu-right-content li.user-box:before {

   top: 7px;

 }



 .header-style-one .logo-box {

   position: absolute;

   left: 70px;

   top: 24px;

   z-index: 2;

 }



 .header-style-one .btn-box {

   position: absolute;

   top: 24px;

   right: 70px;

   z-index: 2;

 }



 .header-btn {

   position: relative;

   display: inline-block;

   overflow: hidden;

   vertical-align: middle;

   font-size: 15px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   color: #16436f;

   text-transform: uppercase;

   background: #fff;

   padding: 12px 19px 12px 60px;

   z-index: 1;

 }



 .header-btn i {

   position: absolute;

   display: flex;

   align-items: center;

   justify-content: center;

   left: -1px;

   top: 0px;

   width: 50px;

   height: 100%;

   line-height: 100%;

   text-align: center;

   font-size: 22px;

   color: #fff;

   font-weight: 400;

   clip-path: polygon(0% -50%, 100% 50%, 50% 100%, 0% 100%, 0% 0%);

 }



 .header-btn i:before {

   position: relative;

   left: -6px;

 }



 .header-btn:hover {

   color: #fff;

   background: #16436f;

 }





 /** main-menu **/



 .main-menu {

   float: left;

 }



 .main-menu .navbar-collapse {

   padding: 0px;

   display: block !important;

 }



 .main-menu .navigation {

   margin: 0px;

 }



 .main-menu .navigation>li {

   position: inherit;

   float: left;

   z-index: 2;

   margin: 0px 15px;

   -webkit-transition: all 300ms ease;

   -moz-transition: all 300ms ease;

   -ms-transition: all 300ms ease;

   -o-transition: all 300ms ease;

   transition: all 300ms ease;

 }



 .main-menu .navigation>li:last-child {

   margin-right: 0px !important;

 }



 .main-menu .navigation>li:first-child {

   margin-left: 0px !important;

 }



 .main-menu .navigation>li>a {

   position: relative;

   display: block;

   text-align: center;

   font-size: 15px;

   line-height: 30px;

   padding: 21px 0px;

   font-weight: 500;

   font-family: 'Saira', sans-serif;

   opacity: 1;

   color: #fff;

   z-index: 1;

   text-transform: uppercase;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

 }



 .main-menu .navigation>li.dropdown>a {

   padding-right: 17px;

 }



 .main-menu .navigation>li.current>a,

 .main-menu .navigation>li:hover>a {}



 .main-menu .navigation>li.dropdown>a:before {

   position: absolute;

   content: "\f063";

   font-family: 'Font Awesome 6 Free';

   top: 21px;

   right: 0px;

   font-size: 12px;

   font-weight: 900 !important;

 }



 .main-menu .navigation>li>ul,

 .main-menu .navigation>li>.megamenu {

   position: absolute;

   left: inherit;

   top: 100%;

   width: 240px;

   margin-top: 15px;

   padding: 18px 0px;

   z-index: 100;

   background: #16436f;

   display: none;

   opacity: 0;

   visibility: hidden;

   border-radius: 0px;

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .main-menu .navigation>li>.megamenu {

   background: #212226;

 }



 .main-menu .navigation>li>.megamenu a {

   display: inline-block !important;

 }



 .main-menu .navigation>li>ul.from-right {

   left: auto;

   right: 0px;

 }



 .main-menu .navigation>li>ul>li {

   position: relative;

   width: 100%;

   padding: 6px 30px;

 }



 .main-menu .navigation>li>ul>li>a,

 .main-menu .navigation>li>.megamenu li>a {

   position: relative;

   display: block;

   line-height: 24px;

   font-weight: 400;

   font-size: 15px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   text-align: left;

   text-transform: uppercase;

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .main-menu .navigation>li>ul>li>a:before {

   position: absolute;

   content: '';

   width: 10px;

   height: 10px;

   border-radius: 50%;

   left: 0px;

   top: 7px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .main-menu .navigation>li>ul>li>a:hover:before {

   opacity: 1;

 }



 .main-menu .navigation>li>.megamenu li>a {

   padding-left: 0px;

   padding-right: 0px;

 }



 .main-menu .navigation>li>.megamenu h4 {

   display: block;

   font-size: 20px;

   line-height: 30px;

   color: #ffffff;

 }



 .main-menu .navigation>li>ul>li>a:hover,

 .main-menu .navigation>li>.megamenu li>a:hover {

   padding-left: 18px;

 }



 .main-menu .navigation>li>ul>li:last-child>a,

 .main-menu .navigation>li>.megamenu li:last-child>a {

   border-bottom: none;

 }



 .main-menu .navigation>li>ul>li.dropdown>a:after {

   font-family: 'Font Awesome 6 Free';

   content: "\f105";

   position: absolute;

   /* right: 20px; */

   right: 0px;

   top: 0px;

   display: block;

   line-height: 24px;

   font-size: 16px;

   font-weight: 700;

   text-align: center;

   z-index: 5;

 }



 .main-menu .navigation>li>ul>li>ul {

   position: absolute;

   left: 100%;

   top: 0%;

   margin-top: 15px;

   margin-left: 10px;

   width: 240px;

   z-index: 100;

   display: none;

   border-radius: 0px;

   padding: 18px 0px;

   background: #16436f;

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .main-menu .navigation>li>ul>li>ul:before {

   position: absolute;

   content: '';

   left: -10px;

   top: 0px;

   width: 10px;

   height: 100%;

 }



 .main-menu .navigation>li>ul>li>ul.from-right {

   left: auto;

   right: 0px;

 }



 .main-menu .navigation>li>ul>li>ul>li {

   position: relative;

   width: 100%;

   padding: 6px 30px;

 }



 .main-menu .navigation>li>ul>li>ul>li:last-child {

   border-bottom: none;

 }



 .main-menu .navigation>li>ul>li>ul>li>a {

   position: relative;

   display: block;

   line-height: 24px;

   font-weight: 400;

   font-size: 15px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   text-align: left;

   text-transform: uppercase;

   transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

 }



 .main-menu .navigation>li>ul>li>ul>li>a:before {

   position: absolute;

   content: '';

   width: 10px;

   height: 10px;

   border-radius: 50%;

   left: 0px;

   top: 7px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .main-menu .navigation>li>ul>li>ul>li>a:hover:before {

   opacity: 1;

 }



 .main-menu .navigation>li>ul>li>ul>li>a:hover {

   padding-left: 18px;

 }



 .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {

   font-family: 'Font Awesome 5 Pro';

   content: "\f105";

   position: absolute;

   right: 20px;

   top: 12px;

   display: block;

   line-height: 24px;

   font-size: 16px;

   font-weight: 900;

   z-index: 5;

 }



 .main-menu .navigation>li.dropdown:hover>ul,

 .main-menu .navigation>li.dropdown:hover>.megamenu {

   visibility: visible;

   opacity: 1;

   margin-top: 0px;

   top: 100%;

 }



 .main-menu .navigation li>ul>li.dropdown:hover>ul {

   visibility: visible;

   opacity: 1;

   top: 0%;

   margin-top: 0px;

 }



 .main-menu .navigation li.dropdown .dropdown-btn {

   position: absolute;

   right: -32px;

   top: 66px;

   width: 34px;

   height: 30px;

   text-align: center;

   font-size: 18px;

   line-height: 26px;

   color: #3b3b3b;

   cursor: pointer;

   display: none;

   z-index: 5;

   transition: all 500ms ease;

 }



 .main-menu .navigation li.current.dropdown .dropdown-btn,

 .main-menu .navigation li:hover .dropdown-btn {}



 .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {

   display: none;

 }



 .menu-area .mobile-nav-toggler {

   position: relative;

   float: right;

   font-size: 40px;

   line-height: 50px;

   cursor: pointer;

   color: #3786ff;

   display: none;

 }



 .menu-area .mobile-nav-toggler .icon-bar {

   position: relative;

   height: 2px;

   width: 30px;

   display: block;

   margin-bottom: 5px;

   background-color: #fff;

   -webkit-transition: all 300ms ease;

   -moz-transition: all 300ms ease;

   -ms-transition: all 300ms ease;

   -o-transition: all 300ms ease;

   transition: all 300ms ease;

 }



 .menu-area .mobile-nav-toggler .icon-bar:last-child {

   margin-bottom: 0px;

 }



 .sticky-header .main-menu .navigation>li>a {

   padding-top: 25px;

   padding-bottom: 25px;

 }



 .sticky-header .main-menu .navigation>li>a:before {

   top: 25px;

 }



 .sticky-header .logo-box {

   padding: 12px 0px 20px 0px;

 }



 .language {

   position: relative;

   text-align: left;

 }





 /** megamenu-style **/



 .main-menu .navigation>li.dropdown>.megamenu {

   position: absolute;

   width: 100%;

   padding: 30px 50px;

   left: 0px;

 }



 .main-menu .navigation li.dropdown .megamenu li h4 {

   margin-bottom: 10px;

 }





 /** mobile-menu **/



 .nav-outer .mobile-nav-toggler {

   position: relative;

   float: right;

   font-size: 40px;

   line-height: 50px;

   cursor: pointer;

   color: #3786ff;

   display: none;

 }



 .mobile-menu {

   position: fixed;

   right: 0;

   top: 0;

   width: 300px;

   padding-right: 30px;

   max-width: 100%;

   height: 100%;

   opacity: 0;

   visibility: hidden;

   z-index: 999999;

   transition: all 900ms ease;

 }



 .mobile-menu .navbar-collapse {

   display: block !important;

 }



 .mobile-menu .nav-logo {

   position: relative;

   padding: 50px 25px;

   text-align: left;

   padding-bottom: 100px;

 }



 .mobile-menu-visible {

   overflow: hidden;

 }



 .mobile-menu-visible .mobile-menu {

   opacity: 1;

   visibility: visible;

 }



 .mobile-menu .menu-backdrop {

   position: fixed;

   left: 0%;

   top: 0;

   width: 100%;

   height: 100%;

   z-index: 1;

   transition: all 900ms ease;

   background-color: #000;

 }



 .mobile-menu-visible .mobile-menu .menu-backdrop {

   opacity: 0.70;

   visibility: visible;

   right: 100%;

   -webkit-transition: all .8s ease-out 0s;

   -o-transition: all .8s ease-out 0s

 }



 .mobile-menu .menu-box {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   max-height: 100%;

   overflow-y: auto;

   background: #08b3a2;

   padding: 0px 0px;

   z-index: 5;

   opacity: 0;

   visibility: hidden;

   border-radius: 0px;

   -webkit-transform: translateX(100%);

   -ms-transform: translateX(100%);

   transform: translateX(100%);

   transition: all 900ms ease !important;

 }



 .mobile-menu-visible .mobile-menu .menu-box {

   opacity: 1;

   visibility: visible;

   -webkit-transition: all 0.7s ease;

   -o-transition: all 0.7s ease;

   transition: all 0.7s ease;

   -webkit-transform: translateX(0%);

   -ms-transform: translateX(0%);

   transform: translateX(0%);

 }



 .mobile-menu .close-btn {

   position: absolute;

   right: 25px;

   top: 10px;

   line-height: 30px;

   width: 24px;

   text-align: center;

   font-size: 16px;

   color: #ffffff;

   cursor: pointer;

   z-index: 10;

   -webkit-transition: all 0.9s ease;

   -moz-transition: all 0.9s ease;

   -ms-transition: all 0.9s ease;

   -o-transition: all 0.9s ease;

   transition: all 0.9s ease;

 }



 .mobile-menu-visible .mobile-menu .close-btn {

   -webkit-transform: rotate(360deg);

   -ms-transform: rotate(360deg);

   transform: rotate(360deg);

 }



 .mobile-menu .close-btn:hover {

   -webkit-transform: rotate(90deg);

   -ms-transform: rotate(90deg);

   transform: rotate(90deg);

 }



 .mobile-menu .navigation {

   position: relative;

   display: block;

   width: 100%;

   float: none;

 }



 .mobile-menu .navigation li {

   position: relative;

   display: block;

   border-top: 1px solid rgba(255, 255, 255, 0.10);

 }



 .mobile-menu .navigation:last-child {

   border-bottom: 1px solid rgba(255, 255, 255, 0.10);

 }



 .mobile-menu .navigation li>ul>li:first-child {

   border-top: 1px solid rgba(255, 255, 255, 0.10);

 }



 .mobile-menu .navigation li>a {

   position: relative;

   display: block;

   line-height: 24px;

   padding: 10px 25px;

   font-size: 15px;

   font-weight: 500;

   color: #ffffff;

   text-transform: uppercase;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

 }



 .mobile-menu .navigation li ul li>a {

   font-size: 16px;

   margin-left: 20px;

   text-transform: capitalize;

 }



 .mobile-menu .navigation li>a:before {

   content: '';

   position: absolute;

   left: 0;

   top: 0;

   height: 0;

   border-left: 5px solid #fff;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

 }



 .mobile-menu .navigation li.current>a:before {

   height: 100%;

 }



 .mobile-menu .navigation li.dropdown .dropdown-btn {

   position: absolute;

   right: 6px;

   top: 6px;

   width: 32px;

   height: 32px;

   text-align: center;

   font-size: 16px;

   line-height: 32px;

   color: #ffffff;

   background: rgba(255, 255, 255, 0.10);

   cursor: pointer;

   border-radius: 2px;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

   z-index: 5;

 }



 .mobile-menu .navigation li.dropdown .dropdown-btn.open {

   color: #ffffff;

   -webkit-transform: rotate(90deg);

   -ms-transform: rotate(90deg);

   transform: rotate(90deg);

 }



 .mobile-menu .navigation li>ul,

 .mobile-menu .navigation li>ul>li>ul,

 .mobile-menu .navigation>li.dropdown>.megamenu {

   display: none;

 }



 .mobile-menu .social-links {

   position: relative;

   padding: 0px 25px;

 }



 .mobile-menu .social-links li {

   position: relative;

   display: inline-block;

   margin: 0px 10px 10px;

 }



 .mobile-menu .social-links li a {

   position: relative;

   line-height: 32px;

   font-size: 16px;

   color: #ffffff;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

 }



 .mobile-menu .social-links li a:hover {}



 div#mCSB_1_container {

   top: 0px !important;

 }



 .mobile-menu .contact-info {

   position: relative;

   padding: 120px 30px 20px 30px;

 }



 .mobile-menu .contact-info h4 {

   position: relative;

   font-size: 20px;

   color: #ffffff;

   font-weight: 700;

   margin-bottom: 20px;

 }



 .mobile-menu .contact-info ul li {

   position: relative;

   display: block;

   font-size: 15px;

   color: rgba(255, 255, 255, 0.80);

   margin-bottom: 3px;

 }



 .mobile-menu .contact-info ul li a {

   color: rgba(255, 255, 255, 0.80);

 }



 .mobile-menu .contact-info ul li a:hover {}



 .mobile-menu .contact-info ul li:last-child {

   margin-bottom: 0px;

 }



 .main-header .outer-box {

   position: relative;

 }



 .nice-select {

   position: relative;

   background: transparent;

   border: none;

   font-size: 15px;

   font-weight: 400;

   text-transform: uppercase;

   padding: 0px;

   color: #d4c0cd;

   padding-right: 21px;

   height: auto;

   line-height: 28px;

 }



 .tabs-box .tab {

   position: relative;

   display: none;

   transition: all 900ms ease;

   -moz-transition: all 900ms ease;

   -webkit-transition: all 900ms ease;

   -ms-transition: all 900ms ease;

   -o-transition: all 900ms ease;

 }



 .tabs-box .tab.active-tab {

   display: block;

 }



 .tabs-box .tab {

   transform: scale(0.9, 0.9) translateY(0px);

 }



 .tabs-box .tab.active-tab {

   transform: scale(1) translateY(0px);

 }







 /** banner-section **/



 .banner-section {

   position: relative;

   overflow: hidden;

 }



 .banner-carousel .slide-item {

   position: relative;

   padding: 257px 0px 170px 0px;

 }



 .banner-carousel .slide-item:before {

   position: absolute;

   content: '';

   width: 100%;

   height: 100%;

   background: #16436f;

   mix-blend-mode: multiply;

   top: 0px;

   right: 0px;

   opacity: 0.75;

   z-index: 1;

 }



 .banner-carousel .slide-item:after {

   position: absolute;

   content: '';

   width: 100%;

   height: 100%;

   background: -webkit-linear-gradient(0deg, rgba(22, 67, 111, 1), rgba(100, 100, 100, 0.20) 100%);

   mix-blend-mode: multiply;

   left: 0px;

   bottom: 0px;

   right: 0px;

   z-index: 1;

 }



 .banner-carousel .slide-item .image-layer {

   position: absolute;

   left: 0;

   top: 0;

   width: 100%;

   height: 100%;

   background-repeat: no-repeat;

   background-position: center;

   background-size: cover;

   -webkit-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);

   -webkit-transition: all 8000ms linear;

   -moz-transition: all 8000ms linear;

   -ms-transition: all 8000ms linear;

   -o-transition: all 8000ms linear;

   transition: all 8000ms linear;

 }



 .banner-carousel .active .slide-item .image-layer {

   -webkit-transform: scale(1.25);

   -ms-transform: scale(1.25);

   transform: scale(1.25);

 }



 .banner-carousel .content-box {

   position: relative;

   max-width: 630px;

   width: 100%;

   z-index: 5;

 }



 .banner-style-one .banner-carousel .content-box {

   opacity: 0;

   -webkit-transform: translateY(10px);

   -moz-transform: translateY(10px);

   -ms-transform: translateY(10px);

   -o-transform: translateY(10px);

   transform: translateY(10px);

   -webkit-transition: all 1000ms ease;

   -moz-transition: all 1000ms ease;

   -ms-transition: all 1000ms ease;

   -o-transition: all 1000ms ease;

   transition: all 1000ms ease;

 }



 .banner-style-one .banner-carousel .active .content-box {

   opacity: 1;

   -webkit-transition-delay: 1000ms;

   -moz-transition-delay: 1000ms;

   -ms-transition-delay: 1000ms;

   -o-transition-delay: 1000ms;

   transition-delay: 1000ms;

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

 }



 .banner-carousel .content-box .count-text {

   position: absolute;

   left: -250px;

   top: -4px;

   font-size: 55px;

   line-height: 60px;

   font-family: 'Saira', sans-serif;

   color: #fff;

 }



 .banner-carousel .content-box .count-text:before {

   position: absolute;

   content: '';

   width: 225px;

   height: 2px;

   left: 89px;

   bottom: 11px;

 }



 .banner-carousel .content-box h5 {

   position: relative;

   display: inline-block;

   font-size: 18px;

   line-height: 26px;

   font-weight: 500;

   text-transform: uppercase;

   margin-bottom: 52px;

 }



 .banner-carousel .content-box h5:before {

   position: absolute;

   content: '';

   width: 225px;

   height: 2px;

   right: 0px;

   bottom: -18px;

 }



 .banner-carousel .content-box h5:after {

   position: absolute;

   content: '';

   width: 10px;

   height: 10px;

   right: 0px;

   bottom: -22px;

   border-radius: 50%;

 }



 .banner-carousel .content-box h2 {

   font-size: 72px;

   line-height: 80px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 21px;

 }



 .banner-carousel .content-box .list {

   position: relative;

   display: flex;

   align-items: center;

   margin-bottom: 41px;

 }



 .banner-carousel .content-box .list li {

   position: relative;

   display: block;

   margin-right: 40px;

   padding-left: 80px;

 }



 .banner-carousel .content-box .list li .icon-box {

   position: absolute;

   left: 0px;

   top: 10px;

   width: 70px;

   height: 60px;

   line-height: 70px;

   font-size: 32px;

   color: #fff;

   text-align: center;

   z-index: 1;

 }



 .banner-carousel .content-box .list li .icon-box:before {

   position: absolute;

   content: '';

   width: 70px;

   height: 60px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .banner-carousel .content-box .list li:last-child {

   margin: 0px !important;

 }



 .banner-carousel .content-box .list li h3 {

   display: block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

   color: #fff;

 }



 .banner-carousel .content-box .list li h4 {

   display: block;

   font-size: 22px;

   line-height: 30px;

   font-weight: 500;

   color: #fff;

 }



 .banner-carousel .owl-dots {

   position: absolute;

   top: 50%;

   right: 50px;

   transform: translateY(-50%);

 }



 .banner-carousel .owl-dots .owl-dot span {

   display: none;

 }



 .banner-carousel .owl-dots .owl-dot {

   position: relative;

   display: block;

   width: 15px;

   height: 15px;

   border: 2px solid #fff;

   border-radius: 50%;

   cursor: pointer;

   margin-bottom: 25px;

   background: transparent;

   transition: all 500ms ease;

 }



 .banner-carousel .owl-dots .owl-dot:last-child {

   margin-bottom: 0px;

 }



 .banner-carousel .owl-dots .owl-dot.active {}



 .banner-carousel .owl-dots .owl-dot:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 7px;

   height: 7px;

   left: 2px;

   top: 2px;

   border-radius: 50%;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .banner-carousel .owl-dots .owl-dot.active:before {

   transform: scale(1, 1);

 }





 /** about-section **/



 .about-section {

   position: relative;

 }



 .about-section .image-box {

   position: relative;

   display: block;

   padding-right: 35px;

 }



 .about-section .image-box img {

   width: 100%;

 }



 .about-section .image-box .image-inner {

   position: relative;

   clip-path: polygon(25% 0%, 75% 0%, 107.70% 50%, 75% 100%, 25% 100%, -7.70% 50%);

 }



 .about-section .image-box .image-inner .image {

   position: relative;

   transform: rotate(-90deg);

 }



 .about-section .image-box .text {

   position: absolute;

   left: 40px;

   bottom: 12px;

   width: 180px;

   height: 180px;

   line-height: 180px;

   display: flex;

   align-items: center;

   justify-content: center;

   border: 10px solid #fff;

   border-radius: 50%;

   text-align: center;

 }



 .about-section .image-box .text h2 {

   position: relative;

   display: block;

   font-size: 36px;

   line-height: 40px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 6px;

 }



 .about-section .image-box .text h2 span {

   position: absolute;

   top: -14px;

   right: 6px;

   font-weight: 400;

 }



 .about-section .image-box .text h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .about-section .image-box .shape-box .shape {

   position: absolute;

   width: 80px;

   height: 70px;

 }



 .about-section .image-box .shape-box .shape-1 {

   left: 55px;

   top: 0px;

   background: #16436f;

 }



 .about-section .image-box .shape-box .shape-2 {

   left: 20px;

   top: 64px;

   z-index: 1;

 }



 .about-section .image-box .shape-box .shape-3 {

   right: -5px;

   bottom: 125px;

   z-index: 1;

   background: #16436f;

 }



 .about-section .content-box .sec-title {

   margin-bottom: 31px;

 }



 .about-section .content-box .text {

   margin-bottom: 23px;

 }



 .about-section .content-box .inner-box {

   position: relative;

   display: block;

   margin-bottom: 42px;

 }



 .about-section .content-box .inner-box .single-item {

   position: relative;

   display: block;

 }



 .about-section .content-box .inner-box .single-item .count-text {

   position: relative;

   display: inline-block;

   font-size: 36px;

   line-height: 44px;

   font-family: 'Saira', sans-serif;

   margin-bottom: 14px;

   padding-right: 15px;

 }



 .about-section .content-box .inner-box .single-item .count-text:before {

   position: absolute;

   content: '';

   width: 8px;

   height: 8px;

   right: 0px;

   bottom: 10px;

 }



 .about-section .content-box .inner-box .single-item h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .bg-color-1 {

   background: #f0f5f7;

 }





 /** service-section **/



 .service-section {

   position: relative;

 }



 .service-section .owl-carousel .owl-stage-outer {

   overflow: visible;

 }



 .service-section .owl-carousel .owl-stage-outer .owl-item {

   opacity: 0;

   z-index: -9;

   visibility: hidden;

 }



 .service-section .owl-carousel .owl-stage-outer .owl-item.active {

   opacity: 1;

   z-index: 1;

   visibility: visible;

 }



 .service-block-one .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   background: #fff;

   box-shadow: 0px 5px 15px 0px #e4e9ea;

 }



 .service-block-one .inner-box .image-box {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .service-block-one .inner-box .image-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 130px;

   height: 80px;

   right: -1px;

   bottom: 0px;

   z-index: 1;

   clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

 }



 .service-block-one .inner-box .image-box .image {

   position: relative;

   display: block;

   overflow: hidden;

   background: #16436f;

 }



 .service-block-one .inner-box .image-box .image img {

    width: 100%;

    height: 295px;

    object-fit: cover;

    transition: all 500ms ease;

}



 .service-block-one .inner-box:hover .image-box .image img {

   opacity: 0.3;

   transform: scale(1.05);

 }



 .service-block-one .inner-box .image-box .icon-box {

   position: absolute;

   right: 30px;

   bottom: 5px;

   width: 80px;

   height: 70px;

   line-height: 80px;

   text-align: center;

   font-size: 38px;

   color: #fff;

   z-index: 2;

 }



 .service-block-one .inner-box .image-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .service-block-one .inner-box .image-box .icon-box:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-2.png);

   left: 5px;

   top: -5px;

   width: 70px;

   height: 80px;

   background-repeat: no-repeat;

   z-index: -1;

   transition: all 500ms ease;

 }



 .service-block-one .inner-box:hover .image-box .icon-box:after {

   top: -8px;

   left: 10px;

 }



 .service-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding: 29px 15px 27px 30px;

 }



 .service-block-one .inner-box .lower-content h3 {

   display: block;

   font-size: 26px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 11px;

 }



 .service-block-one .inner-box .lower-content h3 a {

   display: inline-block;

   color: #16436f;

 }



 .service-block-one .inner-box .lower-content h3 a:hover {}



 .nav-style-one button {

   position: relative;

   display: inline-block;

   width: 54px;

   height: 54px;

   line-height: 54px;

   text-align: center;

   font-size: 16px;

   cursor: pointer;

   background: #fff;

   color: #16436f;

   transition: all 500ms ease;

 }



 .owl-carousel button span {

   font-family: 'flaticon';

 }



 .nav-style-one button:hover {

   color: #fff;

 }



 .service-section .nav-style-one button.owl-prev {

   margin-right: 10px;

 }



 .service-section .nav-style-one .owl-nav {

   position: absolute;

   top: -114px;

   right: 0px;

 }





 /** industries-section **/



 .industries-section {

   position: relative;

 }



 .industries-section .inner-container {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

 }



 .industries-section .content-box {

   position: relative;

   margin: 0px 15px;

 }



 .industries-section .inner-container .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 50%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .industries-section .industries-block,

 .industries-section .title-column {

   padding: 0px;

 }



 .industries-block-one .inner-box {

   position: relative;

   display: block;

   background: #fff;

   padding: 40px 20px 30px 30px;

 }



 .industries-block:nth-child(2n+1) .industries-block-one .inner-box {

   background: #f0f5f7;

   border: 1px solid #e6ebed;

 }



 .industries-block:nth-child(3) .industries-block-one .inner-box {

   border-top: none;

 }



 .industries-block:last-child .industries-block-one .inner-box {

   border-bottom: none;

   border-right: none;

 }



 .industries-block-one .inner-box .icon-box {

   position: relative;

   display: block;

   font-size: 60px;

   line-height: 60px;

   color: #16436f;

   margin-bottom: 13px;

 }



 .industries-block-one .inner-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 3px;

 }



 .industries-block-one .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 30px;

   font-weight: 500;

   margin-bottom: 16px;

 }



 .industries-block-one .inner-box h3 a {

   display: inline-block;

   color: #16436f;

 }



 .industries-block-one .inner-box h3 a:hover {}



 .industries-block-one .inner-box .link {

   position: absolute;

   top: 40px;

   right: 30px;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .industries-block-one .inner-box:hover .link {

   transform: scale(1, 1);

 }



 .industries-block-one .inner-box .link a {

   position: relative;

   display: inline-block;

   width: 50px;

   height: 50px;

   line-height: 56px;

   font-size: 16px;

   color: #fff;

   text-align: center;

 }



 .industries-block-one .inner-box .link a:hover {

   background: #16436f;

 }



 .industries-section .sec-title {

   padding: 82px 30px 0px 50px;

 }



 .industries-section .shape-box .shape {

   position: absolute;

   width: 80px;

   height: 70px;

 }



 .industries-section .shape-box .shape-1 {

   left: -20px;

   top: 100px;

   background: #16436f;

 }



 .industries-section .shape-box .shape-2 {

   left: -55px;

   top: 163px;

 }



 .industries-section .pattern-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }





 /** testing-section **/



 .testing-section {

   position: relative;

   padding-top: 140px;

 }



 .testing-section .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .testing-section .bg-layer:before {

   position: absolute;

   content: '';

   background: #000000;

   width: 100%;

   height: 100%;

   left: 0px;

   top: 0px;

   opacity: 0.15;

 }



 .testing-tab .p-tab {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: auto;

   opacity: 0;

   visibility: hidden;

 }



 .testing-tab .p-tab.active-tab {

   position: relative;

   visibility: visible;

   opacity: 1;

   z-index: 5;

 }



 .testing-tab .p-tabs-content {

   position: relative;

   display: block;

 }



 .testing-tab .p-tab.active-tab .content-box {

   opacity: 1;

   top: 0px;

   -webkit-transition: all 1000ms ease;

   -ms-transition: all 1000ms ease;

   -o-transition: all 1000ms ease;

   transition: all 1000ms ease;

 }



 .testing-tab .p-tab .content-box {

   opacity: 0;

   top: 5px;

 }



 .testing-section .testing-tab-btns li {

   position: relative;

   display: block;

   margin-bottom: 10px;

   padding: 19px 30px 17px 60px;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .testing-section .testing-tab-btns li:last-child {

   margin-bottom: 0px;

 }



 .testing-section .testing-tab-btns li:before {

   position: absolute;

   content: '';

   background: #16436f;

   width: 5000px;

   height: 100%;

   top: 0px;

   right: 34px;

   opacity: 0.85;

   transition: all 500ms ease;

 }



 .testing-section .testing-tab-btns li:after {

   position: absolute;

   content: '';

   background: #16436f;

   width: 34px;

   height: 100%;

   top: 0px;

   right: 0px;

   opacity: 0.85;

   clip-path: polygon(0% 0%, 100% 50%, -1% 100%, 0% 100%, 0% 0%);

   transition: all 500ms ease;

 }



 .testing-section .testing-tab-btns li.active-btn:before,

 .testing-section .testing-tab-btns li.active-btn:after {

   opacity: 1;

 }



 .testing-section .testing-tab-btns li .count-text {

   position: absolute;

   left: 0px;

   top: 14px;

   width: 40px;

   height: 40px;

   line-height: 40px;

   background: #fff;

   text-align: center;

   font-size: 18px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   border-radius: 50%;

   opacity: 0;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .testing-section .testing-tab-btns li.active-btn .count-text {

   transform: scale(1, 1);

   opacity: 1;

 }



 .testing-section .testing-tab-btns li .link-btn {

   position: absolute;

   left: 0px;

   top: 14px;

   width: 40px;

   height: 40px;

   line-height: 44px;

   border: 1px solid rgba(255, 255, 255, 0.10);

   border-radius: 50%;

   font-size: 16px;

   color: #fff;

   text-align: center;

   transition: all 500ms ease;

 }



 .testing-section .testing-tab-btns li.active-btn .link-btn {

   opacity: 0;

   transform: scale(0, 0);

 }



 .testing-section .testing-tab-btns li h3 {

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   color: #fff;

 }



 .testing-section .p-tabs-content {

   position: relative;

   display: block;

   margin-left: 230px;

   margin-bottom: -155px;

 }



 .testing-section .p-tabs-content .content-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: center;

   width: 100%;

   min-height: 623px;

   background: #16436f;

   text-align: center;

   padding: 70px 60px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .testing-section .p-tabs-content .content-box:before {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-4.png);

   width: 170px;

   height: 277px;

   top: 0px;

   right: 0px;

   background-repeat: no-repeat;

 }



 .testing-section .p-tabs-content .content-box:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-5.png);

   width: 140px;

   height: 271px;

   left: 0px;

   bottom: 0px;

   background-repeat: no-repeat;

 }



 .testing-section .p-tabs-content .owl-nav {

   position: absolute;

   left: -114px;

   bottom: 215px;

 }



 .testing-section .p-tabs-content .owl-nav button {

   position: relative;

   display: block;

 }



 .testing-section .p-tabs-content .owl-nav button.owl-prev {

   margin-bottom: 20px;

 }



 .testing-section .p-tabs-content .content-box .sec-title {

   margin-bottom: 22px;

 }



 .testing-section .p-tabs-content .content-box p {

   color: #d1dbe5;

   margin-bottom: 33px;

   line-height: 26px;

 }





 /** excellence-section **/



 .excellence-section {

   position: relative;

   padding: 186px 0px 120px 0px;

 }



 .excellence-section .image-box {

   position: relative;

   display: block;

   margin-right: 30px;

 }



 .excellence-section .image-box .image {

   position: relative;

   display: block;

   max-width: 540px;

   background: #f0f5f7;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .excellence-section .image-box .image img {

   width: 100%;

 }



 .excellence-section .image-box .head-image {

   position: absolute;

   left: 50%;

   transform: translateX(-50%);

   top: -87px;

   z-index: 1;

   margin-left: 14px;

 }



 .excellence-section .image-box .shape {

   position: absolute;

   top: 144px;

   left: -27px;

   width: 550px;

   height: 447px;

   background-repeat: no-repeat;

 }



 .excellence-section .image-box .inner-box .piechart {

   position: relative;

   display: inline-block;

   margin-bottom: 7px;

 }



 .excellence-section .image-box .inner-box .piechart span {

   position: absolute;

   display: flex;

   left: 15px;

   top: 15px;

   width: 70px;

   height: 70px;

   line-height: 70px;

   align-items: center;

   justify-content: center;

   font-size: 18px;

   font-weight: 600;

   font-family: 'Saira', sans-serif;

   text-align: center;

   background: #fff;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   border-radius: 50%;

 }



 .excellence-section .image-box .inner-box .piechart span:after {

   content: "%";

   font-size: 22px;

 }



 .excellence-section .image-box .inner-box {

   position: absolute;

   left: 30px;

   bottom: 0px;

   width: 190px;

   background: #fff;

   padding: 25px 25px 17px 25px;

   text-align: center;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .excellence-section .image-box .inner-box h5 {

   display: block;

   font-size: 18px;

   line-height: 24px;

   font-weight: 500;

 }



 .excellence-section .image-box .inner-box .year {

   position: relative;

   display: block;

 }



 .excellence-section .content-box .sec-title {

   margin-bottom: 42px;

 }



 .excellence-section .content-box .inner-box {

   position: relative;

   padding: 0px 0px 22px 84px;

   border-bottom: 1px solid #e6ebed;

   margin-bottom: 29px;

 }



 .excellence-section .content-box .inner-box:before {

   position: absolute;

   content: '';

   width: 1px;

   height: calc(100% - 116px);

   left: 30px;

   bottom: 30px;

 }



 .excellence-section .content-box .inner-box .icon-box {

   position: absolute;

   left: 0px;

   top: 9px;

   width: 60px;

   height: 50px;

   line-height: 60px;

   font-size: 32px;

   color: #fff;

   z-index: 1;

   text-align: center;

 }



 .excellence-section .content-box .inner-box .icon-box:before {

   position: absolute;

   content: '';

   left: 0px;

   top: 0px;

   width: 60px;

   height: 54px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .excellence-section .content-box .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 10px;

 }



 .excellence-section .content-box .inner-box p {

   margin-bottom: 15px;

 }



 .list-style-one li {

   position: relative;

   display: block;

   padding-left: 38px;

   margin-bottom: 8px;

 }



 .list-style-one li:last-child {

   margin-bottom: 0px;

 }



 .list-style-one li:before {

   position: absolute;

   content: "\f113";

   font-family: 'flaticon';

   left: 0px;

   top: 1px;

   font-size: 18px;

 }



 .excellence-section .content-box .inner-box .list-style-one {

   margin-bottom: 26px;

 }



 .excellence-section .content-box .inner-box .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.5px;

   color: #16436f;

 }



 .excellence-section .content-box .inner-box .link a:hover {}



 .excellence-section .content-box .inner-box .link a i {

   position: relative;

   margin-left: 10px;

   top: 1px;

 }



 .excellence-section .content-box .lower-box {

   position: relative;

   display: block;

   padding-left: 84px;

 }



 .excellence-section .content-box .lower-box .icon-box {

   position: absolute;

   left: 0px;

   top: 4px;

   width: 60px;

   height: 50px;

   line-height: 64px;

   font-size: 32px;

   z-index: 1;

   text-align: center;

 }



 .excellence-section .content-box .lower-box:before {

   position: absolute;

   content: '';

   left: 0px;

   top: 0px;

   width: 60px;

   height: 54px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   background: #e6ebed;

   z-index: -1;

 }



 .excellence-section .content-box .lower-box:after {

   position: absolute;

   content: '';

   left: 1px;

   top: 1px;

   width: 58px;

   height: 52px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   background: #fff;

   z-index: -1;

 }



 .excellence-section .content-box .lower-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 4px;

 }



 .excellence-section .content-box .lower-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #7c8083;

 }



 .excellence-section .content-box .lower-box a:hover {}





 /** funfact-section **/



 .funfact-section {

   position: relative;

   padding-top: 115px;

 }



 .funfact-section .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 430px;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .funfact-section .inner-content {

   position: relative;

   display: block;

   background: #fff;

   border: 1px solid #e6ebed;

 }



 .funfact-block-one .inner-box {

   position: relative;

   display: block;

   padding: 0px 30px 30px 30px;

 }



 .funfact-block-one .inner-box:before {

   position: absolute;

   content: '';

   background: #e6ebed;

   width: 1px;

   height: 100%;

   top: 0px;

   right: -15px;

 }



 .funfact-block:last-child .funfact-block-one .inner-box:before {

   display: none;

 }



 .funfact-block-one .inner-box .icon-box {

   position: relative;

   display: inline-block;

   width: 80px;

   height: 70px;

   line-height: 84px;

   font-size: 42px;

   text-align: center;

   margin-top: -36px;

   margin-bottom: 40px;

   z-index: 1;

 }



 .funfact-block-one .inner-box .icon-box:after {

   position: absolute;

   content: '';

   background: #f0f5f7;

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .funfact-block-one .inner-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: -5px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .funfact-block-one .inner-box .count-outer {

   position: relative;

   display: block;

   font-size: 48px;

   line-height: 50px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   margin-bottom: 14px;

 }



 .funfact-block-one .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

 }



 .funfact-section .sec-title {

   margin-bottom: 93px;

 }





 /** project-section **/



 .project-section {

   position: relative;

 }



 .sec-title .btn-box {

   position: absolute;

   right: 0px;

   bottom: 12px;

 }



 .tabs-box .tab {

   position: relative;

   display: none;

   transition: all 900ms ease;

   -moz-transition: all 900ms ease;

   -webkit-transition: all 900ms ease;

   -ms-transition: all 900ms ease;

   -o-transition: all 900ms ease;

 }



 .tabs-box .tab.active-tab {

   display: block;

 }



 .tabs-box .tab {

   transform: scale(0.9, 0.9) translateY(0px);

 }



 .tabs-box .tab.active-tab {

   transform: scale(1) translateY(0px);

 }



 .project-block-one .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   background: #fff;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .project-block-one .inner-box .static-content {

   position: relative;

   opacity: 1;

   transition: all 500ms ease;

 }



 .project-block-one .inner-box:hover .static-content {

   opacity: 0;

 }



 .project-block-one .inner-box .image-box {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .project-block-one .inner-box .image-box img {

   width: 100%;

 }



 .project-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding: 32px 25px 17px 25px;

 }



 .project-block-one .inner-box .lower-content .category {

   position: absolute;

   left: 0px;

   top: -13px;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 0px 20px 0px 25px;

   color: #fff;

   background: #16436f;

   z-index: 1;

   transition: all 500ms ease;

 }



 .project-block-one .inner-box:hover .lower-content .category {}



 .project-block-one .inner-box .lower-content .category:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -18px;

   background: #16436f;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

   transition: all 500ms ease;

 }



 .project-block-one .inner-box:hover .lower-content .category:before {}



 .project-block-one .inner-box .lower-content h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

 }



 .project-block-one .inner-box .lower-content h3 a {

   display: inline-block;

   color: #16436f;

 }



 .project-block-one .inner-box .lower-content h3 a:hover {}



 .project-block-one .inner-box .overlay-content {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   z-index: 2;

   top: 15px;

   opacity: 0;

   background: #fff;

   transition: all 500ms ease;

 }



 .project-block-one .inner-box:hover .overlay-content {

   opacity: 1;

   top: 0px;

 }



 .project-block-one .inner-box .overlay-content .image {

   position: relative;

   display: block;

   overflow: hidden;

   background: #16436f;

 }



 .project-block-one .inner-box .overlay-content .image img {

   transition: all 500ms ease;

 }



 .project-block-one .inner-box:hover .overlay-content .image img {

   opacity: 0.1;

 }



 .project-block-one .inner-box .overlay-content .image-box .view-btn {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

 }



 .project-block-one .inner-box .overlay-content .image-box .view-btn a {

   position: relative;

   display: inline-block;

   font-size: 30px;

   line-height: 30px;

   color: #fff;

   transform: scale(0, 0);

 }



 .project-block-one .inner-box:hover .overlay-content .image-box .view-btn a {

   transform: scale(1, 1);

 }



 .project-block-one .inner-box .overlay-content .image-box .view-btn a:hover {}



 .project-block-one .inner-box .overlay-content .image-box .link-btn {

   position: absolute;

   right: 25px;

   bottom: 5px;

   z-index: 2;

 }



 .project-block-one .inner-box .overlay-content .image-box .link-btn a {

   position: relative;

   display: inline-block;

   width: 60px;

   height: 54px;

   line-height: 60px;

   font-size: 16px;

   color: #fff;

   text-align: center;

   z-index: 1;

   transform: scale(0, 0);

 }



 .project-block-one .inner-box:hover .overlay-content .image-box .link-btn a {

   transform: scale(1, 1);

 }



 .project-block-one .inner-box .overlay-content .image-box .link-btn a:before {

   position: absolute;

   content: '';

   width: 60px;

   height: 54px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

   transition: all 500ms ease;

 }



 .project-block-one .inner-box .overlay-content .image-box .link-btn a:hover:before {

   background: #16436f;

 }



 .project-block-one .inner-box .overlay-content .image-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 106px;

   height: 60px;

   right: -1px;

   bottom: 0px;

   z-index: 1;

   clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

 }



 .project-block-one .inner-box .overlay-content .lower-content {

   padding-right: 10px;

 }



 .project-block-one .inner-box .overlay-content .lower-content h3 {

   margin-bottom: 10px;

 }



 .project-section .tab-btns {

   position: relative;

   display: block;

   margin-bottom: 43px;

 }



 .project-section .tab-btns li {

   position: relative;

   display: inline-block;

   margin-right: 50px;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   cursor: pointer;

   padding-top: 6px;

   transition: all 500ms ease;

 }



 .project-section .tab-btns li:last-child {

   margin: 0px !important;

 }



 .project-section .tab-btns li.active-btn {}



 .project-section .tab-btns li:before {

   position: absolute;

   content: '';

   border: 2px solid #b8bdc1;

   width: 8px;

   height: 8px;

   bottom: 8px;

   right: -30px;

   border-radius: 50%;

 }



 .project-section .tab-btns li:last-child:before {

   display: none;

 }



 .project-section .tab-btns li:after {

   position: absolute;

   content: '';

   width: 0%;

   height: 2px;

   left: 0px;

   top: 0px;

   transition: all 500ms ease;

 }



 .project-section .tab-btns li.active-btn:after {

   width: 100%;

 }



 .project-section .sec-title {

   margin-bottom: 37px;

 }





 /** pricing-section **/



 .pricing-section {

   position: relative;

 }



 .pricing-table-one .feature-box .single-item {

   position: relative;

 }



 .pricing-section .dropdown-menu {

   top: 54px !important;

   padding: 0px;

   width: 100%;

   border-radius: 0px;

   background: #16436f;

   left: 0px;

   border-color: transparent;

   display: block;

   opacity: 0;

   visibility: hidden;

   -webkit-transform-origin: 50% 0;

   -ms-transform-origin: 50% 0;

   transform-origin: 50% 0;

   -webkit-transform: scale(0.75) translateY(-21px);

   -ms-transform: scale(0.75) translateY(-21px);

   transform: scale(0.75) translateY(-21px);

   -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

   z-index: 9;

   padding: 18px 25px 22px 25px;

 }



 .pricing-section .show.dropdown-menu {

   pointer-events: auto;

   -webkit-transform: scale(1) translateY(0);

   -ms-transform: scale(1) translateY(0);

   transform: scale(1) translateY(0) translate(0px) !important;

   opacity: 1;

   visibility: visible;

 }



 .pricing-section .dropdown-menu .list li {

   position: relative;

   display: block;

   font-size: 15px;

   line-height: 24px;

   color: #d1dbe5;

   margin-bottom: 12px;

 }



 .pricing-section .dropdown-menu .list li:last-child {

   margin-bottom: 0px;

 }



 .dropdown-toggle::after {

   display: none;

 }



 .pricing-table-one {

   position: relative;

   display: block;

 }



 .pricing-table-one .table-header {

   position: relative;

   display: block;

   width: 100%;

   padding: 24px 30px 12px 30px;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

   margin-bottom: 20px;

 }



 .pricing-table-one .table-header:before {

   position: absolute;

   content: '';

   background: -webkit-linear-gradient(0deg, #16436f 25%, #10b1b4 200%);

   width: 100%;

   height: 100%;

   left: 0px;

   top: 0px;

   opacity: 0.8;

 }



 .pricing-table-one .table-header h3 {

   display: block;

   font-size: 26px;

   line-height: 34px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 7px;

 }



 .pricing-table-one .table-header h2 {

   display: block;

   font-size: 48px;

   line-height: 50px;

   font-weight: 500;

 }



 .pricing-table-one .table-header h2 span {

   font-size: 18px;

   font-weight: 400;

   color: #fff;

 }



 .pricing-table-one .inner-box {

   position: relative;

   display: block;

   background: #fff;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);

 }



 .pricing-table-one .inner-box .table-content .category {

   position: relative;

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #fff;

   background: #16436f;

   padding: 12px 15px;

   text-align: center;

 }



 .pricing-table-one .inner-box .feature-box {

   position: relative;

   padding: 2px 30px 10px 30px;

 }



 .pricing-table-one .inner-box .feature-box .single-item {

   position: relative;

   display: block;

   padding: 12px 0px;

   border-bottom: 1px solid #e6ebed;

 }



 .pricing-table-one .inner-box .feature-box .single-item:last-child {

   border-bottom: none;

 }



 .pricing-table-one .inner-box .feature-box .single-item p {

   font-weight: 500;

 }



 .pricing-table-one .inner-box .feature-box .single-item .dropdown-toggle {

   position: relative;

   display: block;

   width: 100%;

   background: transparent;

   text-align: left;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

   color: #7c8083;

 }



 .pricing-table-one .inner-box .feature-box .single-item .dropdown-toggle:before {

   position: absolute;

   content: "\f134";

   font-family: 'flaticon';

   font-size: 8px;

   width: 14px;

   height: 14px;

   line-height: 14px;

   color: #fff;

   background: #b8bdc1;

   border-radius: 50%;

   text-align: center;

   transition: all 500ms ease;

   top: 7px;

   right: 0px;

 }



 .pricing-table-one .inner-box .feature-box .single-item .dropdown-toggle.show:before {

   font-family: 'Font Awesome 6 free';

   content: "\f00d";

   font-weight: 900;

   color: #fff;

   font-size: 10px;

 }



 .pricing-table-one .table-footer {

   position: relative;

   padding: 10px 30px 32px 30px;

   text-align: center;

 }



 .pricing-table-one .table-footer a {

   position: relative;

   display: block;

   width: 100%;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #16436f;

   background: #f0f5f7;

   padding: 16px 30px 14px 30px;

   margin-bottom: 19px;

 }



 .pricing-table-one .table-footer a:hover {

   color: #fff;

 }



 .pricing-table-one .table-footer span {

   position: relative;

   display: block;

   font-size: 15px;

 }



 .pricing-table-one.active-block .inner-box .table-content .category {}



 .pricing-table-one .table-content .link-btn {

   position: relative;

   display: block;

   padding: 11px 30px 24px 30px;

 }



 .pricing-table-one.active-block .inner-box .feature-box .single-item:last-child {

   border-bottom: 1px solid #e6ebed;

 }



 .pricing-table-one .table-content .link-btn a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   line-height: 24px;

   font-weight: 500;

   color: #16436f;

   padding-left: 28px;

 }



 .pricing-table-one .table-content .link-btn a i {

   position: absolute;

   left: 0px;

   top: 2px;

 }



 .pricing-table-one .table-content .link-btn a:hover {}



 .pricing-table-one.active-block {

   margin-top: -32px;

 }



 .pricing-table-one .table-header .icon-box {

   position: absolute;

   top: 0px;

   right: 0px;

   width: 72px;

   height: 30px;

   line-height: 30px;

   font-size: 38px;

   color: #fff;

   text-align: center;

   z-index: 1;

 }



 .pricing-table-one .table-header .icon-box:before {

   position: absolute;

   content: '';

   width: 72px;

   height: 20px;

   left: 0px;

   bottom: -20px;

   clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

 }



 .pricing-section .sec-title {

   margin-bottom: 80px;

 }





 /** news-section **/



 .news-section {

   position: relative;

 }



 .news-block-one .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .news-block-one .inner-box .image-box {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .news-block-one .inner-box .image-box .image {

   position: relative;

   display: block;

   overflow: hidden;

   /* background: #16436f; */

 }



 .news-block-one .inner-box .image-box .image img {

   width: 100%;

   transition: all 500ms ease;

 }



 .news-block-one .inner-box:hover .image-box .image img {

   transform: scale(1.05);

   /* opacity: 0.1; */

 }



 .news-block-one .inner-box .image-box .link-btn {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

 }



 .news-block-one .inner-box .image-box .link-btn a {

   position: relative;

   display: inline-block;

   font-size: 30px;

   color: #fff;

   transform: scale(0, 0);

 }



 .news-block-one .inner-box:hover .image-box .link-btn a {

   transform: scale(1, 1);

 }



 .news-block-one .inner-box .image-box .link-btn a:hover {}



 .news-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding: 29px 25px 16px 25px;

 }



 .news-block-one .inner-box .lower-content .category {

   position: absolute;

   left: 0px;

   top: -15px;

 }



 .news-block-one .inner-box .lower-content .category a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 0px 20px 0px 25px;

   color: #fff;

   background: #16436f;

   z-index: 1;

   transition: all 500ms ease;

 }



 .news-block-one .inner-box .lower-content .category a:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -17px;

   background: #16436f;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

   transition: all 500ms ease;

 }



 .news-block-one .inner-box .lower-content .category a:hover {}



 .news-block-one .inner-box .lower-content .category a:hover:before {}



 .news-block-one .inner-box .lower-content .post-info li {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   margin-right: 30px;

 }



 .news-block-one .inner-box .lower-content .post-info li:last-child {

   margin: 0px !important;

 }



 .news-block-one .inner-box .lower-content .post-info li a {

   color: #7c8083;

 }



 .news-block-one .inner-box .lower-content .post-info li a:hover {}



 .news-block-one .inner-box .lower-content .post-info li:before {

   position: absolute;

   content: '';

   width: 8px;

   height: 8px;

   top: 8px;

   right: -20px;

   border-radius: 50%;

 }



 .news-block-one .inner-box .lower-content .post-info li:last-child:before {

   display: none;

 }



 .news-block-one .inner-box .lower-content .post-info {

   margin-bottom: 7px;

 }



 .news-block-one .inner-box .lower-content h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   padding-bottom: 16px;

   margin-bottom: 14px;

   border-bottom: 1px dashed #c5cace;

 }



 .news-block-one .inner-box .lower-content h3 a {

   display: inline-block;

   color: #16436f;

 }



 .news-block-one .inner-box .lower-content h3 a:hover {}



 .news-block-one .inner-box .lower-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .news-block-one .inner-box .lower-box .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #16436f;

 }



 .news-block-one .inner-box .lower-box .link a:hover {}



 .news-block-one .inner-box .lower-box .social-links li {

   position: relative;

   display: inline-block;

   margin-right: 15px;

 }



 .news-block-one .inner-box .lower-box .social-links li:last-child {

   margin: 0px !important;

 }



 .news-block-one .inner-box .lower-box .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #b8bdc1;

 }



 .news-block-one .inner-box .lower-box .social-links li a:hover {}



 .news-block-one .inner-box .lower-box .right-info {

   position: relative;

   display: flex;

   align-items: center;

 }



 .news-block-one .inner-box .lower-box .social-links {

   position: relative;

   margin-right: 30px;

 }



 .news-block-one .inner-box .lower-box .social-links:before {

   position: absolute;

   content: '';

   background: #dfe4e6;

   width: 1px;

   height: 17px;

   top: 4px;

   right: -15px;

 }



 .news-block-one .inner-box .lower-box .comments-box a {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #7c8083;

   padding-left: 26px;

 }



 .news-block-one .inner-box .lower-box .comments-box a:hover {}



 .news-block-one .inner-box .lower-box .comments-box a i {

   position: absolute;

   left: 0px;

   top: 2px;

   font-size: 18px;

   color: #b8bdc1;

 }





 /** booking-section **/



 .booking-section {

   position: relative;

 }



 .booking-section .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .booking-section .pattern-layer .pattern-1 {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: bottom center;

 }



 .booking-section .pattern-layer .pattern-2 {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 422px;

   height: 340px;

   background-repeat: no-repeat;

 }



 .booking-section .sec-title {

   margin-bottom: 32px;

 }



 .booking-section .sec-title .sub-title {

   color: #fff;

 }



 .booking-section .sec-title .sub-title:before,

 .booking-section .sec-title .sub-title:after {

   background: #fff;

 }



 .booking-section .content-box .inner-box {

   position: relative;

   display: block;

   padding-left: 100px;

   max-width: 470px;

 }



 .booking-section .content-box .inner-box .icon-box {

   position: absolute;

   left: 0px;

   top: 11px;

   width: 80px;

   height: 70px;

   line-height: 80px;

   font-size: 40px;

   text-align: center;

   z-index: 1;

 }



 .booking-section .content-box .inner-box .icon-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .booking-section .content-box {

   position: relative;

   display: block;

   padding-right: 130px;

 }



 .booking-section .content-box .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 4px;

 }



 .booking-section .content-box .inner-box .form-group {

   position: relative;

   margin: 0px;

 }



 .booking-section .content-box .inner-box .form-group input[type='text'] {

   position: relative;

   display: block;

   width: 100%;

   height: 50px;

   border-bottom: 4px solid #fff;

   font-size: 18px;

   color: #ffffff;

   padding: 0px 40px 0px 30px;

   background: transparent;

   transition: all 500ms ease;

 }



 .booking-section .content-box .inner-box .form-group .icon {

   position: absolute;

   left: 0px;

   top: 10px;

   font-size: 16px;

   color: #fff;

   z-index: 1;

 }



 .booking-section .content-box .inner-box .form-group button {

   position: absolute;

   top: 13px;

   right: 0px;

   font-size: 16px;

   color: #fff;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .booking-section .content-box .shape {

   position: absolute;

   top: 50%;

   transform: translateY(-50%);

   right: 0px;

   width: 200px;

   height: 110px;

 }



 .booking-section .content-box .rotate-text {

   position: absolute;

   top: 100px;

   right: 0px;

   font-size: 18px;

   line-height: 24px;

   font-weight: 500;

   font-family: 'Saira', sans-serif;

   color: #fff;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   transform: rotate(-30deg);

 }



 .booking-section .inner-content {

   position: relative;

   display: block;

   background: #fff;

   padding: 39px 30px 40px 30px;

 }



 .booking-section .inner-content form {

   position: relative;

   margin: 0px 10px;

 }



 .booking-section .inner-content .form-group {

   position: relative;

   display: block;

   margin-bottom: 20px;

   padding: 0px 5px;

 }



 .booking-section .inner-content .form-group:last-child {

   margin-bottom: 0px;

 }



 .booking-section .inner-content .form-group label {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   font-weight: 500;

   margin-bottom: 8px;

 }



 .booking-section .inner-content .form-group input[type='text'],

 .booking-section .inner-content .form-group input[type='email'],

 .booking-section .inner-content .form-group .nice-select {

   position: relative;

   display: block;

   width: 100%;

   height: 50px;

   line-height: 50px;

   background: #f0f5f7;

   font-size: 18px;

   padding: 0px 50px 0px 20px;

   color: #7c8083;

   text-transform: capitalize;

   border-radius: 0px;

   transition: all 500ms ease;

 }



 .booking-section .inner-content .form-group i {

   position: absolute;

   bottom: 16px;

   right: 35px;

   font-size: 18px;

   color: #b6bfc2;

   z-index: 1;

 }



 .booking-section .inner-content .form-group .select-box {

   min-height: 50px;

 }



 .nice-select:after {

   border: none;

   content: "\f136";

   font-family: 'flaticon';

   transform: rotate(0deg) !important;

   top: 20px;

   right: 20px;

   font-size: 10px;

   color: #fff;

   width: 18px;

   height: 18px;

   line-height: 18px;

   background: #b6bfc2;

   text-align: center;

   border-radius: 50%;

 }



 .booking-section .inner-content .form-group button {

   width: 100%;

   margin-top: 5px;

   padding: 13px 50px;

 }





 /** locations-section **/



 .locations-section {

   position: relative;

 }



 .locations-section .pattern-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-repeat: no-repeat;

   background-position: center;

 }



 .locations-section .upper-box {

   position: relative;

   max-width: 370px;

   width: 100%;

   margin: 0 auto;

   padding-bottom: 74px;

 }



 .locations-section .upper-box .select-box {

   min-height: 60px;

   margin-bottom: 20px;

 }



 .locations-section .upper-box .nice-select {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   line-height: 60px;

   background: #fff;

   padding: 0px 25px;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   font-size: 18px;

   color: #7c8083;

   border-radius: 0px;

   text-transform: capitalize;

 }



 .locations-section .upper-box .nice-select .list {

   width: 100%;

 }



 .locations-section .upper-box .nice-select:after {

   top: 25px;

 }



 .locations-section .upper-box h5 {

   display: block;

   font-size: 18px;

   line-height: 26px;

   font-weight: 500;

 }



 .location-block-one .inner-box {

   position: relative;

   display: block;

   background: #f0f5f7;

   padding: 0px 30px 32px 30px;

 }



 .location-block-one .inner-box .image-box {

   position: relative;

   display: inline-block;

   overflow: hidden;

   width: 140px;

   height: 140px;

   line-height: 140px;

   border-radius: 50%;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   margin-top: -70px;

   margin-bottom: 15px;

 }



 .location-block-one .inner-box .image-box:before {

   position: absolute;

   content: '';

   border: 4px solid #fff;

   border-radius: 50%;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   z-index: 1;

 }



 .location-block-one .inner-box .image-box img {

   width: 100%;

   border-radius: 50%;

 }



 .location-block-one .inner-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 2px;

 }



 .location-block-one .inner-box h3 {

   display: block;

   font-size: 22px;

   line-height: 30px;

   font-weight: 500;

   margin-bottom: 15px;

 }



 .location-block-one .inner-box p {

   display: block;

   margin-bottom: 12px;

 }



 .location-block-one .inner-box p a {

   color: #7c8083;

 }



 .location-block-one .inner-box p a:hover {}



 .location-block-one .inner-box .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.5px;

   color: #16436f;

 }



 .location-block-one .inner-box .link a i {

   position: absolute;

   top: 2px;

   right: 0px;

   font-size: 14px;

   opacity: 0;

   font-weight: 700;

   transition: all 500ms ease;

 }



 .location-block-one .inner-box .link a:hover {

   padding-right: 24px;

 }



 .location-block-one .inner-box .link a:hover i {

   opacity: 1;

 }





 /** main-footer **/



 .main-footer {

   position: relative;

   background: #16436f;

 }



 .main-footer .widget-section {

   position: relative;

   padding: 114px 0px 88px 0px;

   border-bottom: 1px dashed #3e7288;

 }



 .main-footer .widget-title {

   position: relative;

   display: block;

   margin-bottom: 25px;

 }



 .main-footer .widget-title h3 {

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   color: #fff;

 }



 .main-footer p,

 .main-footer a {

   color: #d1dbe5;

 }



 .main-footer a:hover {}



 .main-footer .about-widget .text {

   margin-bottom: 27px;

 }



 .main-footer .about-widget .lower-box {

   position: relative;

   display: block;

   padding-left: 85px;

   min-height: 78px;

 }



 .main-footer .about-widget .lower-box .icon-box {

   position: absolute;

   left: 4px;

   top: 13px;

   width: 60px;

   height: 54px;

   line-height: 64px;

   font-size: 34px;

   color: #fff;

   z-index: 1;

   text-align: center;

 }



 .main-footer .about-widget .lower-box .icon-box:before {

   position: absolute;

   content: '';

   width: 60px;

   height: 54px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .main-footer .about-widget .lower-box .icon-box:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-11.png);

   left: -1px;

   top: -8px;

   width: 62px;

   height: 70px;

   background-repeat: no-repeat;

 }



 .main-footer .about-widget .lower-box h5 {

   display: block;

   font-size: 18px;

   line-height: 26px;

   color: #fff;

   font-weight: 500;

 }



 .main-footer .links-widget .links-list li {

   position: relative;

   display: block;

   margin-bottom: 8px;

 }



 .main-footer .links-widget .links-list li:last-child {

   margin-bottom: 0px;

 }



 .main-footer .links-widget .links-list li a {

   position: relative;

   display: inline-block;

 }



 .main-footer .links-widget .links-list li a:hover {

   padding-left: 20px;

 }



 .main-footer .links-widget .links-list li a:before {

   position: absolute;

   content: "\f108";

   font-family: 'flaticon';

   font-size: 14px;

   left: 0px;

   top: 0px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .main-footer .links-widget .links-list li a:hover:before {

   opacity: 1;

 }



 .main-footer .post-widget .post {

   position: relative;

   display: block;

   padding-left: 90px;

   margin-bottom: 25px;

 }



 .main-footer .post-widget .post:last-child {

   margin-bottom: 0px;

 }



 .main-footer .post-widget .post .post-thumb {

   position: absolute;

   left: 0px;

   top: 5px;

   width: 70px;

   height: 70px;

   overflow: hidden;

 }



 .main-footer .post-widget .post .post-thumb img {

   width: 100%;

   transition: all 500ms ease;

 }



 .main-footer .post-widget .post:hover .post-thumb img {

   opacity: 0.2;

 }



 .main-footer .post-widget .post .post-date {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   margin-bottom: 7px;

 }



 .main-footer .post-widget .post h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .main-footer .post-widget .post h5 a {

   display: inline-block;

   color: #fff;

 }



 .main-footer .post-widget .post h5 a:hover {}





 .footer-bottom {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   padding: 18px 0px;

 }



 .footer-bottom .copyright p a {}



 .footer-bottom .copyright p a:hover {

   color: #fff;

 }



 .footer-bottom .download-list {

   position: relative;

   display: flex;

   align-items: center;

 }



 .footer-bottom .download-list li {

   margin-right: 10px;

 }



 .footer-bottom .download-list li:last-child {

   margin: 0px !important;

 }



 .footer-bottom .download-list li h6 {

   display: block;

   font-size: 16px;

   line-height: 38px;

   font-weight: 500;

   color: #fff;

   margin-right: 5px;

 }



 .footer-bottom .download-list li a {

   position: relative;

   display: inline-block;

   width: 38px;

   height: 38px;

   line-height: 44px;

   font-size: 16px;

   color: #fff;

   background: #275786;

   text-align: center;

   border-radius: 50%;

 }



 .footer-bottom .download-list li a:hover {}







 /*** 



====================================================================

                        Home-Page-Two

====================================================================



***/





 /** header-style-two **/



 .header-top-two {

   position: relative;

   background: #fff;

   padding-right: 70px;

 }



 .header-top-two .top-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .header-top-two .top-left {

   position: relative;

   display: flex;

   align-items: center;

 }



 .header-top-two .top-left .link {

   position: relative;

   display: block;

   padding: 12px 30px 14px 70px;

   margin-right: 60px;

 }



 .header-top-two .top-left .link:before {

   position: absolute;

   content: '';

   width: 27px;

   height: 100%;

   top: 0px;

   right: -27px;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

 }



 .header-top-two .top-left .link span {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 22px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 500;

   background: #2b75fc;

   border: 1px solid #5390ff;

   border-radius: 25px;

   padding: 0px 15px;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-right: 10px;

 }



 .header-top-two .top-left .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 22px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding-right: 26px;

 }



 .header-top-two .top-left .link a i {

   position: absolute;

   top: 1px;

   right: 0px;

 }



 .header-top-two .top-left .info-list li {

   position: relative;

   display: inline-block;

   font-size: 16px;

   color: #000;

   margin-right: 27px;

   padding-left: 27px;

 }



 .header-top-two .top-left .info-list li:last-child {

   margin: 0px !important;

 }



 .header-top-two .top-left .info-list li a {

   display: inline-block;

   color: #000;

 }



 .header-top-two .top-left .info-list li a:hover {
  color:#000 !important;
 }



 .header-top-two .top-left .info-list li i {

   position: absolute;

   left: 0px;

   top: 2px;

   font-size: 20px;

   color: #000 !important;

 }



 .header-top-two .right-info li {

   position: relative;

   display: inline-block;

   margin-right: 27px;

 }



 .header-top-two .right-info li:last-child {

   margin: 0px !important;

 }



 .header-top-two .right-info li a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #d2d5de;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .header-top-two .right-info li a:hover {}



 .header-style-two .header-lower {

   position: relative;

   width: 100%;

   padding: 0px 340px 0px 50px;

 }



 .header-style-two .header-lower .outer-container {

   position: absolute;

   /* left: 50px;

   top: 20px; */

    left: 0px;
    top: 1px;

   background: #fff;

   padding: 0px 35px 0px 30px;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   /* width: calc(100% - 390px); */
   width: calc(100% - 0px);

 }



 .header-style-two .logo-box {

   padding: 20px 0px;

 }



 .header-style-two .main-menu .navigation>li>a {

   color: #2e317e;
   text-decoration: underline #08b3a2;
   font-size: 15px;

   font-weight: 500;

   letter-spacing: 0.6px;

   padding-top: 29px;

   padding-bottom: 29px;

 }



 .header-style-two .main-menu .navigation>li.current>a,

 .header-style-two .main-menu .navigation>li:hover>a {}



 .header-style-two .main-menu .navigation>li.dropdown>a:before {

   top: 29px;

   color: #7c7e84;

   transition: all 500ms ease;

 }



 .header-style-two .main-menu .navigation>li.dropdown.current>a:before,

 .header-style-two .main-menu .navigation>li.dropdown:hover>a:before {}



 .header-style-two .menu-area {

   display: flex;

   align-items: center;

 }



 .header-style-two .menu-right-content li.user-box a,

 .header-style-two .menu-right-content li.search-box-outer {

   color: #1e2c4e;

 }



 .header-style-two .menu-right-content li.cart-box {

   position: relative;

   top: 0px;

 }



 .header-style-two .menu-right-content li.cart-box a {

   position: relative;

   display: inline-block;

   font-size: 30px;

   color: #1e2c4e;

   padding-left: 11px;

 }



 .header-style-two .menu-right-content li.cart-box a:hover {}



 .header-style-two .menu-right-content li.cart-box a span {

   /* position: absolute; */

   left: 0px;

   top: 4px;

   width: 20px;

   height: 20px;

   /* line-height: 20px; */

   /* text-align: center; */

   /* border-radius: 50%; */

   font-size: 18px;

   /* font-family: 'Saira', sans-serif; */

   font-weight: 500;

   color: #000;

   background: transparent;

 }



 /* .header-style-two .menu-right-content {

   margin-left: 50px;

 } */



 .header-style-two .menu-right-content li:before {

   position: absolute;

   content: '';

   background: #dadce0;

   width: 1px;

   height: 20px;

   top: 5px;

   right: -20px;

 }



 .header-style-two .menu-right-content li:last-child:before {

   display: none;

 }



 .header-style-two .header-lower .support-box {

   position: absolute;

   top: 0px;

   right: 50px;

   width: 270px;

   background: #182442;

   padding: 33px 30px 19px 30px;

 }



 .header-style-two .header-lower .support-box:before {

   position: absolute;

   content: '';

   background: #182442;

   width: 100%;

   height: 154px;

   left: 0px;

   bottom: -154px;

   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);

 }



 .header-style-two .header-lower .support-box .inner {

   position: relative;

   display: block;

   padding-left: 53px;

 }



 .header-style-two .header-lower .support-box .inner .icon-box {

   position: absolute;

   left: 0px;

   top: 11px;

   font-size: 40px;

 }



 .header-style-two .header-lower .support-box .inner a,

 .header-style-two .header-lower .support-box .inner h6 {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .header-style-two .header-lower .support-box .inner a:hover {}



 .header-style-two .header-lower .support-box .inner h6:before {

   position: absolute;

   content: '';

   width: 100%;

   height: 2px;

   left: 0px;

   bottom: 1px;

 }



 .header-style-two .header-lower .support-box .light-icon {

   position: absolute;

   top: 20px;

   right: 20px;

   font-size: 125px;

   color: #1f2e53;

 }



 .header-style-two .header-lower .support-box .link {

   position: absolute;

   right: 0px;

   bottom: -85px;

   z-index: 1;

 }



 .header-style-two .header-lower .support-box .link a {

   position: relative;

   display: inline-block;

   font-size: 16px;

   color: #fff;

   width: 60px;

   height: 54px;

   line-height: 60px;

   text-align: center;

   z-index: 1;

 }



 .header-style-two .header-lower .support-box .link a:hover {}



 .header-style-two .header-lower .support-box .link a:before {

   position: absolute;

   content: '';

   left: 0px;

   top: 0px;

   width: 60px;

   height: 54px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

   transition: all 500ms ease;

 }



 .header-style-two .header-lower .support-box .link a:hover:before {

   background: #fff;

 }



 .header-style-two .sticky-header {

   background: #fff;

   border-bottom: 1px solid rgba(0, 0, 0, 0.10);

 }





 /** banner-style-two **/



 .banner-style-two {

   position: relative;

   padding: 270px 0px 225px 0px;

   background: #f1f4f9;

   overflow: hidden;

 }



 .home_2 .theme-btn:hover {

   background: #08b3a2;

 }



 .banner-style-two .content-box {

   position: relative;

   display: block;

   margin-left: 100px;

 }



 .banner-style-two .content-box h5 {

   display: block;

   font-size: 18px;

   line-height: 26px;

   font-weight: 600;

   text-transform: uppercase;

   margin-bottom: 24px;

 }



 .banner-style-two .content-box h2 {

   display: block;

   font-size: 80px;

   line-height: 85px;

   font-weight: 500;

   padding-bottom: 25px;

   margin-bottom: 32px;

   border-bottom: 1px solid #dadce0;

 }



 .home_2 h1,

 .home_2 h2,

 .home_2 h3,

 .home_2 h4,

 .home_2 h5,

 .home_2 h6 {

   color: #08b3a2;

 }



 .banner-style-two .content-box p {

   font-size: 20px;

   line-height: 30px;

   margin-bottom: 32px;

 }



 .banner-style-two .image-layer .image-1 {

   position: absolute;

   left: 0px;

   top: -50px;

 }



 .banner-style-two .image-layer .image-2 {

   position: absolute;

   top: 130px;

   right: 50px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .banner-style-two .image-layer .image-3 {

   position: absolute;

   left: 50px;

   bottom: 70px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .banner-style-two .image-layer .image-4 {

   position: absolute;

   right: 410px;

   bottom: 55px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .banner-style-two .pattern-layer .pattern-1 {

   position: absolute;

   left: 0px;

   bottom: 0px;

   width: 792px;

   height: 260px;

   background-repeat: no-repeat;

 }



 .banner-style-two .pattern-layer .pattern-2 {

   position: absolute;

   top: 80px;

   right: 195px;

   width: 868px;

   height: 416px;

   background-repeat: no-repeat;

 }





 /** service-style-two **/



 .service-style-two {

   position: relative;

   padding-top: 190px;

 }



 .service-block-two .inner-box {

   position: relative;

   display: block;

   padding-top: 11px;

 }



 .service-block-two .inner-box .image-box {

   position: relative;

   display: block;

   max-width: 240px;

   width: 100%;

   margin: 0 auto;

   margin-bottom: 33px;

 }



 .service-block-two .inner-box .image-box .image {

   position: relative;

   display: block;

   max-width: 220px;

   width: 100%;

   margin-bottom: 0 auto;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .service-block-two .inner-box .image-box .image img {

   width: 100%;

 }



 .service-block-two .inner-box .image-box .icon-box {

   position: absolute;

   right: 6px;

   bottom: 53px;

   width: 80px;

   height: 70px;

   line-height: 80px;

   font-size: 40px;

   color: #fff;

   text-align: center;

   z-index: 1;

   transition: all 500ms ease;

 }



 .service-block-two .inner-box .image-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .service-block-two .inner-box:hover .image-box .icon-box {

   transform: scale(0, 0);

 }



 .service-block-two .inner-box .image-box .overlay-icon {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

   z-index: 1;

 }



 .service-block-two .inner-box .image-box .overlay-icon a {

   position: relative;

   display: inline-block;

   width: 80px;

   height: 70px;

   line-height: 80px;

   font-size: 18px;

   color: #fff;

   text-align: center;

   z-index: 1;

   transform: scale(0, 0);

 }



 .service-block-two .inner-box .image-box .overlay-icon a:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

   transition: all 500ms ease;

 }



 .service-block-two .inner-box:hover .image-box .overlay-icon a {

   transform: scale(1, 1);

 }



 .service-block-two .inner-box .image-box .overlay-icon a:hover {}



 .service-block-two .inner-box .image-box .overlay-icon a:hover:before {

   background: #fff;

 }



 .service-block-two .inner-box .image-box .pattern-1 {

   position: absolute;

   top: -6px;

   right: 11px;

   width: 220px;

   height: 250px;

   background-repeat: no-repeat;

   transition: all 500ms ease;

 }



 .service-block-two .inner-box:hover .image-box .pattern-1 {

   opacity: 0;

   right: 21px;

 }



 .service-block-two .inner-box .image-box .pattern-2 {

   position: absolute;

   top: -11px;

   right: 10px;

   width: 240px;

   height: 274px;

   background-repeat: no-repeat;

   transition: all 500ms ease;

   opacity: 0;

 }



 .service-block-two .inner-box:hover .image-box .pattern-2 {

   opacity: 1;

 }



 .service-block-two .inner-box .lower-content {

   position: relative;

   display: block;

 }



 .service-block-two .inner-box .lower-content h3 {

   position: relative;

   display: block;

   font-size: 26px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 15px;

 }



 .service-block-two .inner-box .lower-content h3 a {

   display: inline-block;

   color: #08b3a2;

 }



 .service-block-two .inner-box .lower-content h3 a:hover {}



 .service-style-two .owl-theme .owl-dots .owl-dot span {

   display: none;

 }



 .service-style-two .owl-theme .owl-dots button {

   position: relative;

   display: inline-block;

   width: 15px;

   height: 15px;

   border-radius: 50px;

   border: 2px solid #bfc2c8;

   cursor: pointer;

   margin: 0px 10px;

   transition: all 500ms ease;

 }



 .service-style-two .owl-theme .owl-dots button.active {}



 .service-style-two .owl-theme .owl-dots button:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 7px;

   height: 7px;

   border-radius: 50%;

   left: 2px;

   top: 2px;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .service-style-two .owl-theme .owl-dots button.active:before {

   transform: scale(1, 1);

 }



 .service-style-two .owl-theme .owl-dots {

   margin-top: 39px;

 }



 .service-style-two .certified-box {

   position: absolute;

   left: 50%;

   top: -79px;

   transform: translateX(-50%);

   width: 188px;

 }



 .service-style-two .certified-box:before {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-16.png);

   width: 252px;

   height: 283px;

   left: -33px;

   top: -29px;

   background-repeat: no-repeat;

 }



 .service-style-two .certified-box .certified-inner {

   position: relative;

   display: inline-block;

   padding-top: 3px;

 }



 .service-style-two .certified-box .certified-inner:before {

   position: absolute;

   content: '';

   width: 186px;

   height: 158px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

 }



 .service-style-two .certified-box .icon-box {

   position: relative;

   display: inline-block;

   font-size: 34px;

   color: #fff;

   margin-bottom: 8px;

 }



 .service-style-two .certified-box h6 {

   display: block;

   font-size: 14px;

   line-height: 20px;

   font-weight: 600;

   color: #fff;

   text-transform: uppercase;

   margin-bottom: 10px;

 }



 .service-style-two .certified-box h5 {

   display: block;

   font-size: 18px;

   line-height: 26px;

   font-weight: 500;

   background: #fff;

   padding: 5px 15px 3px 15px;

   border-radius: 0px 0px 35px 35px;

 }



 .service-style-two .certified-box .shape-1 {

   position: absolute;

   left: -31px;

   top: 78px;

   width: 248px;

   height: 141px;

   background-repeat: no-repeat;

 }



 .service-style-two .certified-box .shape-2 {

   position: absolute;

   left: -16px;

   top: 78px;

   width: 218px;

   height: 126px;

   background-repeat: no-repeat;

 }





 /** industries-style-two **/



 .industries-style-two {

   position: relative;

 }



 .industries-style-two .outer-container {

   position: relative;

   padding: 0px 30px;

 }



 .industries-block-two .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   transition: all 500ms ease;

 }



 .industries-block-two .inner-box:hover {

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .industries-style-two .owl-carousel .owl-stage-outer {

   overflow: visible;

 }



 .industries-block-two .inner-box .image-box {

   position: relative;

   display: block;

 }



 .industries-block-two .inner-box .image-box img {

   width: 100%;

 }



 .industries-block-two .inner-box .content-box {

   position: absolute;

   left: 0px;

   bottom: -76px;

   width: 100%;

   z-index: 1;

   transition: all 500ms ease;

 }



 .industries-block-two .inner-box:hover .content-box {

   bottom: 0px;

 }



 .industries-block-two .inner-box .content-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 100%;

   height: calc(100% - 30px);

   left: 0px;

   bottom: 0px;

   z-index: -1;

   opacity: 0;

   transition: all 500ms ease;

 }



 .industries-block-two .inner-box:hover .content-box:before {

   opacity: 1;

 }



 .industries-block-two .inner-box .content-box .title-box {

   position: relative;

   display: block;

   width: calc(100% - 96px);

   background: rgba(28, 42, 77, 0.9);

   padding: 13px 30px 11px 25px;

   transition: all 500ms ease;

 }



 .industries-block-two .inner-box:hover .content-box .title-box {

   background: rgba(28, 42, 77, 1);

 }



 .industries-block-two .inner-box .content-box .title-box:before {

   position: absolute;

   content: '';

   width: 38px;

   height: 100%;

   top: 0px;

   right: -38px;

 }



 .industries-block-two .inner-box .content-box .title-box:after {

   position: absolute;

   content: '';

   width: 28px;

   height: 100%;

   top: 0px;

   right: -66px;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

 }



 .industries-block-two .inner-box .content-box .title-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   color: #fff;

 }



 .industries-block-two .inner-box .content-box .title-box a {

   position: absolute;

   top: 17px;

   right: -35px;

   font-size: 16px;

   color: #fff;

   font-weight: 400;

 }



 .industries-block-two .inner-box .content-box .title-box a:hover {

   color: #08b3a2;

 }



 .industries-block-two .inner-box .content-box .text {

   padding: 23px 20px 22px 30px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .industries-block-two .inner-box:hover .content-box .text {

   opacity: 1;

 }





 /** about-style-two **/



 .about-style-two {

   position: relative;

 }



 .about-style-two .image-box {

   position: relative;

   display: block;

   margin-right: 35px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .about-style-two .image-box img {

   width: 100%;

 }



 .about-style-two .inner-box .piechart {

   position: absolute;

   left: 0px;

   top: 2px;

 }



 .about-style-two .inner-box .piechart span {

   position: absolute;

   display: flex;

   left: 15px;

   top: 15px;

   width: 70px;

   height: 70px;

   line-height: 70px;

   align-items: center;

   justify-content: center;

   font-size: 18px;

   font-weight: 600;

   font-family: 'Saira', sans-serif;

   text-align: center;

   background: #fff;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   border-radius: 50%;

 }



 .about-style-two .inner-box .piechart span:after {

   content: "%";

   font-size: 22px;

 }



 .about-style-two .upper-box .content-box .sec-title {

   margin-bottom: 31px;

 }



 .about-style-two .upper-box .content-box .text {

   position: relative;

   display: block;

   margin-bottom: 40px;

 }



 .about-style-two .upper-box .content-box .text p {

   margin-bottom: 15px;

 }



 .about-style-two .upper-box .content-box .text p:last-child {

   margin-bottom: 0px;

 }



 .about-style-two .upper-box .content-box .inner-box {

   position: relative;

   display: block;

   padding-left: 120px;

 }



 .about-style-two .upper-box .content-box .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 5px;

 }



 .about-style-two .upper-box .content-box .inner-box p {

   margin-bottom: 10px;

 }



 .about-style-two .upper-box .content-box .inner-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   color: #08b3a2;

   letter-spacing: 0.6px;

   padding-left: 23px;

 }



 .about-style-two .upper-box .content-box .inner-box a i {

   position: absolute;

   left: 0px;

   top: 2px;

 }



 .about-style-two .upper-box .content-box .inner-box a:hover {}



 .about-style-two .lower-box .content-box {

   padding-top: 59px;

 }



 .about-style-two .lower-box .content-box .single-item {

   position: relative;

   display: block;

   padding-left: 90px;

   margin-bottom: 36px;

 }



 .about-style-two .lower-box .content-box .single-item .icon-box {

   position: absolute;

   left: 0px;

   top: 6px;

   font-size: 60px;

 }



 .about-style-two .lower-box .content-box .single-item h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .about-style-two .lower-box .content-box .btn-box {

   padding-left: 90px;

   padding-top: 6px;

 }



 .about-style-two .lower-box .image-box {

   margin-top: -60px;

 }





 /** team-section **/



 .team-section {

   position: relative;

 }



 .team-block-one .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   background: #fff;

   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

   transition: all 500ms ease;

 }



 .team-block-one .inner-box:hover {

   box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);

 }



 .team-section .owl-carousel .owl-stage-outer {

   overflow: visible;

 }



 .team-section .owl-carousel .owl-stage-outer .owl-item {

   opacity: 0;

   z-index: -9;

   visibility: hidden;

   transition: all 500ms ease;

 }



 .team-section .owl-carousel .owl-stage-outer .owl-item.active {

   opacity: 1;

   z-index: 1;

   visibility: visible;

 }



 .team-block-one .inner-box .image-box {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .team-block-one .inner-box .image-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 94px;

   height: 58px;

   right: -1px;

   bottom: 0px;

   z-index: 1;

   clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);

 }



 .team-block-one .inner-box .image-box .image {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .team-block-one .inner-box .image-box .image img {

   width: 100%;

 }



 .team-block-one .inner-box .image-box .share-option {

   position: absolute;

   right: 20px;

   bottom: 0px;

 }



 .team-block-one .inner-box .image-box .share-option .share-icon {

   position: absolute;

   display: inline-block;

   right: 0px;

   bottom: 5px;

   width: 60px;

   height: 54px;

   line-height: 60px;

   font-size: 18px;

   color: #fff;

   text-align: center;

   z-index: 1;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .team-block-one .inner-box .image-box .share-option .share-icon:before {

   position: absolute;

   content: '';

   width: 60px;

   height: 54px;

   left: 0px;

   top: 0px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .team-block-one .inner-box .image-box .share-option .social-links {

   position: absolute;

   right: 3px;

   bottom: 47px;

   width: 54px;

   background: #fff;

   text-align: center;

   padding: 1px 0px 29px 0px;

   transform: scaleY(0);

   transform-origin: bottom center;

   opacity: 0;

   transition: all 500ms ease;

 }



 .team-block-one .inner-box .image-box .share-option .social-links:before {

   position: absolute;

   content: '';

   width: 100%;

   height: 28px;

   left: 0px;

   top: -28px;

   background: #fff;

   clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%, 50% 0%);

 }



 .team-block-one .inner-box .image-box .share-option:hover .social-links {

   opacity: 1;

   transform: scaleY(1);

 }



 .team-block-one .inner-box .image-box .share-option .social-links li {

   position: relative;

   display: block;

   margin-bottom: 10px;

 }



 .team-block-one .inner-box .image-box .share-option .social-links li:last-child {

   margin-bottom: 0px;

 }



 .team-block-one .inner-box .image-box .share-option .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 20px;

   color: #08b3a2;

 }



 .team-block-one .inner-box .image-box .share-option .social-links li a:hover {}



 .team-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding: 19px 25px 18px 25px;

 }



 .team-block-one .inner-box .lower-content h3 {

   position: relative;

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 4px;

 }



 .team-block-one .inner-box .lower-content h3 a {

   display: inline-block;

   color: #08b3a2;

 }



 .team-block-one .inner-box .lower-content h3 a:hover {}



 .team-block-one .inner-box .lower-content .designation {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .team-section .owl-nav {

   position: absolute;

   top: -114px;

   right: 0px;

 }



 .team-section .owl-nav .owl-prev {

   margin-right: 10px;

 }



 .team-section .nav-style-one button {

   color: #08b3a2;

 }



 .team-section .nav-style-one button:hover {

   color: #fff;

 }





 /** processing-section **/



 .processing-section {

   position: relative;

   padding: 120px 0px 115px 0px;

 }



 .processing-section .sec-title .sub-title {

   color: #fff;

 }



 .processing-section .sec-title .sub-title:before,

 .processing-section .sec-title .sub-title:after {

   background: #fff;

 }



 .processing-block-one .inner-box {

   position: relative;

   display: block;

   padding: 0px 50px;

 }



 .processing-block-one .inner-box .icon-box {

   position: relative;

   display: inline-block;

 }



 .processing-block-one .inner-box .icon-box .icon {

   position: relative;

   display: inline-block;

   width: 140px;

   height: 130px;

   line-height: 140px;

   font-size: 56px;

   color: #fff;

   z-index: 1;

 }



 .processing-block-one .inner-box .icon-box .icon:before {

   position: absolute;

   content: '';

   width: 140px;

   height: 130px;

   left: 0px;

   top: 0px;

   background: #2b75fc;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .processing-block-one .inner-box .icon-box .count-text {

   position: absolute;

   display: inline-block;

   width: 48px;

   height: 40px;

   line-height: 42px;

   font-size: 16px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   z-index: 1;

   top: 0px;

   right: -20px;

 }



 .processing-block-one .inner-box .icon-box .count-text:before {

   position: absolute;

   content: '';

   width: 48px;

   height: 40px;

   left: 0px;

   top: 0px;

   background: #0f5ff1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .processing-block-one .inner-box .icon-box .count-text:after {

   position: absolute;

   content: '';

   width: 38px;

   height: 32px;

   left: 6px;

   top: 4px;

   background: #fff;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .processing-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding-top: 29px;

 }



 .processing-block-one .inner-box .lower-content h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   color: #fff;

   font-weight: 500;

   margin-bottom: 9px;

 }



 .processing-block-one .inner-box .lower-content p {

   color: #fff;

 }



 .processing-block-one .inner-box .shape {

   position: absolute;

   top: 57px;

   right: -51%;

   transform: translateX(-50%);

   width: 216px;

   height: 16px;

   background-repeat: no-repeat;

 }



 .processing-section .pattern-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }





 /** project-style-two **/



 .project-style-two {

   position: relative;

   padding: 50px 0px 50px 0px;

 }



 .project-block-two .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   margin-bottom: 30px;

 }



 .project-block-two .inner-box .image-box {

   position: relative;

   display: block;

   overflow: hidden;

   background: #08b3a2;

 }



 .project-block-two .inner-box .image-box img {

   width: 100%;

   transition: all 500ms ease;

 }



 .project-block-two .inner-box:hover .image-box img {

   opacity: 0.1;

   transform: scale(1.05);

 }



.project-block-two .inner-box .content-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: z;

    /* transition: auto; */

    transform: translate(-37%, 32%);

}



 .project-block-two .inner-box .content-box .view-btn {

   position: absolute;

   top: 24px;

   right: 25px;

 }



 .project-block-two .inner-box .content-box .view-btn a {

   position: relative;

   display: inline-block;

   font-size: 32px;

   color: #fff;

   transform: scale(0, 0);

 }



 .project-block-two .inner-box:hover .content-box .view-btn a {

   transform: scale(1, 1);

 }



 .project-block-two .inner-box .content-box .view-btn a:hover {}



 .project-block-two .inner-box .content-box .text {

   position: absolute;

   left: 0px;

   bottom: 0px;

   width: 100%;

   opacity: 0;

   transition: all 500ms ease;

 }



 .project-block-two .inner-box:hover .content-box .text {

   bottom: 22px;

   opacity: 1;

 }



 .project-block-two .inner-box .content-box .text h6 {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 26px;

   font-weight: 500;

   color: #fff;

   text-transform: uppercase;

   padding: 0px 20px 0px 25px;

   letter-spacing: 0.5px;

   margin-bottom: 19px;

 }



 .project-block-two .inner-box .content-box .text h6:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -18px;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

 }



 .project-block-two .inner-box .content-box .text h3 {

   position: relative;

   display: block;

   padding-left: 25px;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

 }



 .project-block-two .inner-box .content-box .text h3 a {

   display: inline-block;

   color: #fff;

 }



 .project-block-two .inner-box .content-box .text h3 a:hover {}





 /** chooseus-section **/



 .chooseus-section {

   position: relative;

   padding: 120px 0px 90px 0px;

 }



 .chooseus-section .bg-layer {

   position: absolute;

   top: 0px;

   right: 0px;

   width: calc(50% - 45px);

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .chooseus-block-one .inner-box {

   position: relative;

   display: block;

   background: #fff;

   border: 1px solid #e6e8ec;

   padding: 32px 30px 21px 30px;

   margin-bottom: 30px;

   transition: all 500ms ease;

 }



 .chooseus-block-one .inner-box:hover {

   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

 }



 .chooseus-block-one .inner-box .icon-box {

   position: relative;

   display: inline-block;

   width: 60px;

   height: 54px;

   line-height: 62px;

   font-size: 24px;

   text-align: center;

   z-index: 1;

   margin-bottom: 21px;

   transition: all 500ms ease;

 }



 .chooseus-block-one .inner-box:hover .icon-box {

   color: #fff;

 }



 .chooseus-block-one .inner-box .icon-box:before {

   position: absolute;

   content: '';

   background: #f1f4f9;

   width: 60px;

   height: 54px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

   transition: all 500ms ease;

 }



 .chooseus-block-one .inner-box:hover .icon-box:before {}



 .chooseus-block-one .inner-box span {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #7c7e84;

   margin-bottom: 2px;

 }



 .chooseus-block-one .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

 }



 .chooseus-block-one .inner-box .shape {

   position: absolute;

   top: 0px;

   right: 0px;

   width: 104px;

   height: 120px;

   background-repeat: no-repeat;

 }





 /** testimonial-section **/



 .testimonial-section {

   position: relative;

 }



 .testimonial-section .single-item-carousel {

   max-width: 370px;

   width: 100%;

   margin: 0 auto;

 }



 .testimonial-section .owl-carousel .owl-stage-outer {

   overflow: visible;

 }



 .testimonial-section .testimonial-content {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .testimonial-section .owl-item .testimonial-block-one {

   opacity: 0.25;

   transition: all 500ms ease;

 }



 .testimonial-section .owl-item.active .testimonial-block-one {

   opacity: 1;

 }



 .testimonial-block-one .inner-box {

   position: relative;

   display: block;

 }



 .testimonial-block-one .inner-box .thumb-box {

   position: relative;

   display: inline-block;

   margin-bottom: 14px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .testimonial-block-one .inner-box .thumb-box img {

   width: 100%;

 }



 .testimonial-block-one .inner-box p {

   position: relative;

   display: block;

   font-size: 20px;

   line-height: 32px;

   margin-bottom: 24px;

   border-bottom: 1px dashed #bfc2c8;

   padding: 0px 20px 21px 20px;

 }



 .testimonial-block-one .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 4px;

 }



 .testimonial-block-one .inner-box .designation {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .testimonial-section .owl-theme .owl-dots .owl-dot span {

   display: none;

 }



 .testimonial-section .owl-theme .owl-dots button {

   position: relative;

   display: inline-block;

   width: 15px;

   height: 15px;

   border-radius: 50px;

   border: 2px solid #bfc2c8;

   cursor: pointer;

   margin: 0px 10px;

   transition: all 500ms ease;

 }



 .testimonial-section .owl-theme .owl-dots button.active {}



 .testimonial-section .owl-theme .owl-dots button:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 7px;

   height: 7px;

   border-radius: 50%;

   left: 2px;

   top: 2px;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .testimonial-section .owl-theme .owl-dots button.active:before {

   transform: scale(1, 1);

 }



 .testimonial-section .owl-theme .owl-dots {

   margin-top: 40px;

 }





 /** location-style-two **/



 .location-style-two {

   position: relative;

   padding: 120px 0px 115px 0px;

   overflow: hidden;

 }



 .location-style-two .select-box {

   min-height: 60px;

   margin-bottom: 34px;

 }



 .location-style-two .select-box .nice-select {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   line-height: 60px;

   background: #fff;

   padding: 0px 25px;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   font-size: 18px;

   color: #7c8083;

   border-radius: 0px;

   text-transform: capitalize;

 }



 .location-style-two .select-box .nice-select .list {

   width: 100%;

 }



 .location-style-two .select-box .nice-select:after {

   top: 25px;

 }



 .location-style-two .content-box .others-branches li {

   position: relative;

   display: block;

   font-size: 18px;

   color: #08b3a2;

   margin-bottom: 12px;

 }



 .location-style-two .content-box .others-branches li:first-child {

   margin-bottom: 15px;

 }



 .location-style-two .content-box .others-branches li:last-child {

   margin-bottom: 0px;

 }



 .location-style-two .content-box .others-branches li a {

   position: relative;

   display: inline-block;

   color: #08b3a2;

   font-weight: 500;

   font-family: 'Saira', sans-serif;

 }



 .location-style-two .content-box .others-branches li a:hover {}



 .location-style-two .content-box .others-branches li a i {

   position: absolute;

   top: 2px;

   right: -14px;

   font-size: 14px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .location-style-two .content-box .others-branches li a:hover i {

   right: -24px;

   opacity: 1;

 }



 .location-style-two .sec-title {

   margin-bottom: 38px;

 }



 .location-style-two .google-map-inner {

   position: absolute;

   top: 0px;

   right: 0px;

   width: calc(50% + 150px);

   height: 100%;

 }



 .location-style-two .google-map-inner #contact-google-map {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

 }



 .location-style-two .google-map-inner .map-content {

   position: absolute;

   left: 57%;

   top: 50%;

   transform: translate(-50%, -50%);

   z-index: 1;

   padding-top: 154px;

   max-width: 270px;

   width: 100%;

 }



 .location-style-two .google-map-inner .map-content .image-box {

   position: absolute;

   display: inline-block;

   left: 0px;

   top: 0px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .location-style-two .google-map-inner .map-content .image-box img {

   width: 100%;

 }



 .location-style-two .google-map-inner .inner-box {

   position: relative;

   display: block;

   background: #fff;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   padding: 68px 30px;

   text-align: center;

 }



 .location-style-two .google-map-inner .inner-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 2px;

 }



 .location-style-two .google-map-inner .inner-box h3 {

   display: block;

   font-size: 22px;

   line-height: 30px;

   font-weight: 500;

   margin-bottom: 10px;

 }



 .location-style-two .google-map-inner .inner-box .info li {

   position: relative;

   display: block;

 }



 .location-style-two .google-map-inner .inner-box .info li:last-child {

   margin-bottom: 0px;

 }



 .location-style-two .google-map-inner .inner-box .info li a {

   display: inline-block;

   color: #7c7e84;

 }



 .location-style-two .google-map-inner .inner-box .info li a:hover {}



 .location-style-two .google-map-inner .inner-box .info {

   margin-bottom: 8px;

 }



 .location-style-two .google-map-inner .inner-box .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #08b3a2;

 }



 .location-style-two .google-map-inner .inner-box .link a:hover {}



 .location-style-two .pattern-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: calc(50% - 150px);

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }





 /** news-style-two **/



 .news-style-two {

   position: relative;

 }



 .news-style-two .news-block-one .inner-box .lower-content h3 {

   font-size: 28px;

   line-height: 36px;

 }



 .news-style-two .news-block-one .inner-box .lower-box .comments-box a {

   margin-right: 30px;

   float: left;

 }



 .news-style-two .news-block-one .inner-box .lower-box .comments-box a:last-child {

   margin: 0px !important;

 }



 .news-style-two .news-block-one .inner-box .lower-box .comments-box a:before {

   position: absolute;

   content: '';

   background: #dfe4e6;

   width: 1px;

   height: 17px;

   top: 4px;

   right: -15px;

 }



 .news-style-two .news-block-one .inner-box .lower-box .comments-box a:last-child:before {

   display: none;

 }



 .news-block-two {

   position: relative;

   padding-top: 13px;

 }



 .news-block-two .inner-box {

   position: relative;

   display: block;

   margin-bottom: 30px;

   background: #fff;

   padding-left: 200px;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .news-block-two .inner-box .image-box {

   position: absolute;

   display: block;

   left: 0px;

   top: 0px;

   width: 200px;

   overflow: hidden;

 }



 .news-block-two .inner-box .image-box img {

   width: 100%;

 }



 .news-block-two .inner-box .content-box {

   position: relative;

   display: block;

   padding: 29px 25px 16px 25px;

 }



 .news-block-two .inner-box .category {

   position: absolute;

   left: 0px;

   top: -15px;

 }



 .news-block-two .inner-box .category a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 0px 20px 0px 25px;

   color: #fff;

   background: #16436f;

   z-index: 1;

   transition: all 500ms ease;

 }



 .news-block-two .inner-box .category a:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -18px;

   background: #16436f;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

   transition: all 500ms ease;

 }



 .news-block-two .inner-box .category a:hover {}



 .news-block-two .inner-box .category a:hover:before {}



 .news-block-two .inner-box .content-box .post-info li {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   margin-right: 30px;

 }



 .news-block-two .inner-box .content-box .post-info li:last-child {

   margin: 0px !important;

 }



 .news-block-two .inner-box .content-box .post-info li a {

   color: #7c8083;

 }



 .news-block-two .inner-box .content-box .post-info li a:hover {}



 .news-block-two .inner-box .content-box .post-info li:before {

   position: absolute;

   content: '';

   width: 8px;

   height: 8px;

   top: 8px;

   right: -20px;

   border-radius: 50%;

 }



 .news-block-two .inner-box .content-box .post-info li:last-child:before {

   display: none;

 }



 .news-block-two .inner-box .content-box .post-info {

   margin-bottom: 7px;

 }



 .news-block-two .inner-box .content-box h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   padding-bottom: 16px;

   margin-bottom: 14px;

   border-bottom: 1px dashed #c5cace;

 }



 .news-block-two .inner-box .content-box h3 a {

   display: inline-block;

   color: #16436f;

 }



 .news-block-two .inner-box .content-box h3 a:hover {}



 .news-block-two .inner-box .content-box .lower-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .news-block-two .inner-box .content-box .lower-box .link a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #16436f;

 }



 .news-block-two .inner-box .content-box .lower-box .link a:hover {}



 .news-block-two .inner-box .content-box .lower-box .social-links li {

   position: relative;

   display: inline-block;

   margin-right: 15px;

 }



 .news-block-two .inner-box .content-box .lower-box .social-links li:last-child {

   margin: 0px !important;

 }



 .news-block-two .inner-box .content-box .lower-box .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #b8bdc1;

 }



 .news-block-two .inner-box .content-box .lower-box .social-links li a:hover {}



 .news-block-two .inner-box .content-box .lower-box .right-info {

   position: relative;

   display: flex;

   align-items: center;

 }



 .news-block-two .inner-box .content-box .lower-box .social-links {

   position: relative;

   margin-right: 30px;

 }



 .news-block-two .inner-box .content-box .lower-box .social-links:before {

   position: absolute;

   content: '';

   background: #dfe4e6;

   width: 1px;

   height: 17px;

   top: 4px;

   right: -15px;

 }



 .news-block-two .inner-box .content-box .lower-box .comments-box a {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #7c8083;

   padding-left: 26px;

 }



 .news-block-two .inner-box .content-box .lower-box .comments-box a:hover {}



 .news-block-two .inner-box .content-box .lower-box .comments-box a i {

   position: absolute;

   left: 0px;

   top: 2px;

   font-size: 18px;

   color: #b8bdc1;

 }



 .news-style-two .more-btn h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .news-style-two .more-btn h6 a {

   position: relative;

   display: inline-block;

   color: #08b3a2;

   padding-right: 25px;

 }



 .news-style-two .more-btn h6 a i {

   position: absolute;

   top: 2px;

   right: 0px;

   font-size: 14px;

 }



 .news-style-two .more-btn h6 a:hover {}



 .news-style-two .more-btn {

   padding-top: 5px;

 }





 /** newsletter-section **/



 .newsletter-section {

   position: relative;

 }



 .newsletter-section:before {

   position: absolute;

   content: '';

   background: #08b3a2;

   width: 100%;

   height: 50%;

   left: 0px;

   bottom: 0px;

 }



 .newsletter-section .inner-container {

   position: relative;

   display: block;

   padding: 53px 50px 52px 50px;

 }



 .newsletter-section .inner-container:before {

   position: absolute;

   content: '';

   border-right: 1px dashed #598cea;

   top: 0px;

   height: 100%;

   left: 50%;

 }



 .newsletter-section .inner-container .icon {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%);

   height: 70px;

   width: 80px;

   line-height: 80px;

   font-size: 40px;

   text-align: center;

   z-index: 1;

 }



 .newsletter-section .inner-container .icon:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .newsletter-section .text h2 {

   position: relative;

   display: block;

   font-size: 36px;

   line-height: 44px;

   color: #fff;

   font-weight: 600;

   margin-bottom: 3px;

 }



 .newsletter-section .text p {

   color: #fff;

 }



 .newsletter-section .form-inner {

   position: relative;

   display: block;

   padding-left: 70px;

 }



 .newsletter-section .form-inner .form-group {

   position: relative;

   display: block;

   margin: 0px;

 }



 .newsletter-section .form-inner .form-group input[type='email'] {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   border: 1px solid #4781eb;

   font-size: 18px;

   color: #fff;

   padding: 10px 140px 10px 53px;

   transition: all 500ms ease;

 }



 .newsletter-section .form-inner .form-group input:focus {

   border-color: #fff;

 }



 .newsletter-section .form-inner .form-group .icon-box {

   position: absolute;

   left: 20px;

   top: 17px;

   font-size: 18px;

   color: #fff;

 }



 .newsletter-section .form-inner .form-group button {

   position: absolute;

   top: 10px;

   right: 10px;

   padding: 8px 20px;

 }





 /** footer-style-two **/



 .footer-style-two {

   position: relative;

    background: #fff;

    border-top: 1px solid #2E3180;

   /* background: #08b3a2; */

 }



 .footer-style-two .footer-top {

   position: relative;

   /* padding: 114px 0px 120px 0px; */
   padding: 41px 0px 16px 0px;

 }



 .footer-style-two .logo-widget {

   margin-top: 6px;

 }



 .footer-style-two .logo-widget .footer-logo {

   position: relative;

   display: block;

   margin-bottom: 33px;

 }



 .footer-style-two .logo-widget .text {

   margin-bottom: 16px;

   text-align: justify;

 }



 .footer-style-two p,

 .footer-style-two a {

   color: #000;

 }



 .footer-style-two a:hover {}



 .footer-style-two .logo-widget .text p {
    text-align: start;
 }



 .footer-style-two .logo-widget .download-option h5 {

   position: relative;

   display: block;

   font-size: 18px;

   line-height: 26px;

   color: #fff;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .footer-style-two .logo-widget .download-option .download-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 10px;

 }



 .footer-style-two .logo-widget .download-option .download-list li:last-child {

   margin: 0px !important;

 }



 .footer-style-two .logo-widget .download-option .download-list li a {

   position: relative;

   display: inline-block;

   width: 44px;

   height: 44px;

   line-height: 50px;

   background: #2e3f67;

   color: #fff;

   font-size: 16px;

   text-align: center;

   border-radius: 50%;

 }



 .footer-style-two .logo-widget .download-option .download-list li a:hover {

   background: #fff;

 }



 .footer-style-two .widget-title {

   position: relative;

   display: block;

   margin-bottom: 25px;

 }



 .footer-style-two .widget-title h3 {

   font-size: 24px;

   line-height: 32px;

   color: #000;

   font-weight: 600;

 }



 .footer-style-two .links-widget .widget-content {

   position: relative;

 }



 .footer-style-two .links-widget .links-list li {

   position: relative;

   display: block;

   margin-bottom: 8px;

 }



 .footer-style-two .links-widget .links-list li:last-child {

   margin-bottom: 0px;

 }



 .footer-style-two .links-widget .links-list li a {

   position: relative;

   display: inline-block;

 }



 .footer-style-two .links-widget .links-list li a:hover {

   padding-left: 19px;

 }



 .footer-style-two .links-widget .links-list li a:before {

   position: absolute;

   content: "\f108";

   font-family: 'flaticon';

   font-size: 14px;

   left: 0px;

   top: 0px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .footer-style-two .links-widget .links-list li a:hover:before {

   opacity: 1;

 }



 .footer-style-two .links-widget .links-column:last-child {

   padding-left: 30px;

 }



 .footer-style-two .schedule-widget .list li {

   position: relative;

   display: block;

   margin-bottom: 14px;

 }



 .footer-style-two .schedule-widget .list li:last-child {

   margin-bottom: 0px;

 }



 .footer-style-two .schedule-widget .list li span {

   position: relative;

   display: block;

   font-size: 16px;

   color: #000;

   font-weight: 600;

   margin-bottom: 0px;

 }



 .footer-style-two .schedule-widget .list {

   margin-bottom: 22px;

 }



 .footer-style-two .schedule-widget .lower-box {

   position: relative;

   padding-left: 74px;

 }



 .footer-style-two .schedule-widget .lower-box .icon-box {

   position: absolute;

   display: inline-block;

   left: 0px;

   top: 3px;

   width: 60px;

   height: 54px;

   line-height: 60px;

   text-align: center;

   font-size: 24px;

   color: #fff;

   z-index: 1;

 }



 .footer-style-two .schedule-widget .lower-box .icon-box:before {

   position: absolute;

   content: '';

   width: 60px;

   height: 54px;

   left: 0px;

   top: 0px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .footer-style-two .schedule-widget .lower-box h6 {

   display: block;

   font-size: 14px;

   line-height: 30px;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .footer-style-two .schedule-widget .lower-box h6 a {

   position: relative;

   display: inline-block;

   color: #fff;

   padding-right: 20px;

 }



 .footer-style-two .schedule-widget .lower-box h6 a i {

   position: absolute;

   top: 2px;

   right: 0px;

 }



 .footer-style-two .schedule-widget .lower-box h6 a:hover {}



 .footer-style-two .gallery-widget .image-list {

   position: relative;

   margin: 0px -7.5px;

 }



 .footer-style-two .gallery-widget .image-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin: 0px 7.5px 15px 7.5px;

 }



 .footer-style-two .gallery-widget .image-list li .image {

   position: relative;

   display: block;

   width: 80px;

   height: 80px;

   overflow: hidden;

 }



 .footer-style-two .gallery-widget .image-list li .image img {

   width: 100%;

   transition: all 500ms ease;

 }



 .footer-style-two .gallery-widget .image-list li .image:hover img {

   opacity: 0.15;

 }



 .footer-style-two .gallery-widget .image-list li .image a {

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%, -50%) scale(0, 0);

   font-size: 24px;

   color: #fff;

 }



 .footer-style-two .gallery-widget .image-list li .image:hover a {

   transform: translate(-50%, -50%) scale(1, 1);

 }



 .footer-bottom-two {

   position: relative;

   padding: 16px 0px;

   background: #fff;

   border-top: 1px solid #2E3180;

 }



 .footer-bottom-two .bottom-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: center;

 }



 .footer-bottom-two .bottom-inner .copyright a {}



 .footer-bottom-two .bottom-inner .copyright a:hover {

   color: #2D317F;

 }



 .footer-bottom-two .social-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 10px;

 }



 .footer-bottom-two .social-links li:last-child {

   margin: 0px !important;

 }



 .footer-bottom-two .social-links li h6 {

   font-size: 16px;

   line-height: 38px;

   font-weight: 500;

   color: #d2d5de;

   margin-right: 5px;

 }



 .footer-bottom-two .social-links li a {

   position: relative;

   display: inline-block;

   width: 38px;

   height: 38px;

   line-height: 40px;

   font-size: 16px;

   color: #fff !important;

   background: #3b5998;

   text-align: center;

   border-radius: 50%;

 }



 .footer-bottom-two .social-links li:nth-child(3) a {

   background: #55acee;

 }



 .footer-bottom-two .social-links li:last-child(3) a {

   background: #0071bc;

 }





 /*** 



====================================================================

                        Home-Page-Three

====================================================================



***/





 /** header-style-three **/



 .header-style-three {

   position: relative;

   background: #fff;

 }



 .header-top-three {

   position: relative;

   border-bottom: 1px dashed #d4dbd3;

 }



 .header-top-three .top-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .header-top-three .logo-box {

   position: relative;

   padding: 20px 0px;

 }



 .header-top-three .right-column {

   position: relative;

   display: flex;

   align-items: center;

 }



 .header-top-three .right-column .info-box {

   position: relative;

   display: block;

   padding-left: 57px;

   margin-right: 50px;

 }



 .header-top-three .right-column .info-box:before {

   position: absolute;

   content: '';

   background: #e4eae4;

   width: 1px;

   height: 48px;

   top: 3px;

   right: -30px;

 }



 .header-top-three .right-column .info-box .icon-box {

   position: absolute;

   left: 0px;

   top: 6px;

   width: 48px;

   height: 42px;

   line-height: 48px;

   text-align: center;

   font-size: 20px;

   color: #fff;

   z-index: 1;

 }



 .header-top-three .right-column .info-box .icon-box:before {

   position: absolute;

   content: '';

   width: 48px;

   height: 42px;

   left: 0px;

   top: 0px;

   z-index: -1;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

 }



 .header-top-three .right-column .info-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 3px;

 }



 .home_3 h1,

 .home_3 h2,

 .home_3 h3,

 .home_3 h4,

 .home_3 h5,

 .home_3 h6 {

   color: #08b3a1;

 }



 .header-top-three .right-column .info-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   color: #7d7e7d;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .header-top-three .right-column .info-box a:hover {}



 .header-top-three .right-column .info-box a i {

   position: relative;

   margin-left: 8px;

   top: 2px;

 }



 .header-top-three .menu-right-content li.user-box a,

 .header-top-three .menu-right-content li.search-box-outer {

   color: #08b3a1;

 }



 .header-top-three .menu-right-content li.user-box a:hover,

 .header-top-three .menu-right-content li.search-box-outer:hover {}



 .header-style-two .main-menu .navigation>li>ul,

 .header-style-two .main-menu .navigation>li>.megamenu,

 .header-style-two .main-menu .navigation>li>ul>li>ul {

   background: #08b3a2;

 }



 .header-style-three .main-menu .navigation>li>ul,

 .header-style-three .main-menu .navigation>li>.megamenu,

 .header-style-three .main-menu .navigation>li>ul>li>ul {

   background: #08b3a1;

 }



 .header-top-three .menu-right-content li.cart-box {

   position: relative;

   top: 4px;

 }



 .header-top-three .menu-right-content li.cart-box a {

   position: relative;

   display: inline-block;

   font-size: 30px;

   color: #1e2c4e;

   padding-left: 11px;

 }



 .header-top-three .menu-right-content li.cart-box a:hover {}



 .header-top-three .menu-right-content li.cart-box a span {

   position: absolute;

   left: 0px;

   top: 4px;

   width: 20px;

   height: 20px;

   line-height: 20px;

   text-align: center;

   border-radius: 50%;

   font-size: 12px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   color: #fff;

 }



 .header-top-three .menu-right-content {

   margin-left: 50px;

 }



 .header-top-three .menu-right-content li:before {

   position: absolute;

   content: '';

   background: #dadce0;

   width: 1px;

   height: 20px;

   top: 5px;

   right: -20px;

 }



 .header-top-three .menu-right-content li:last-child:before {

   display: none;

 }



 .header-top-three .menu-right-content {

   margin-right: 30px;

   margin-left: 0px;

 }



 .header-top-three .right-column .btn-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   color: #fff;

   text-transform: uppercase;

   background: #08b3a1;

   padding: 12px 27px;

   letter-spacing: 0.6px;

 }



 .header-top-three .right-column .btn-box a i {

   position: relative;

   margin-right: 8px;

   top: 2px;

   transition: all 500ms ease;

 }



 .header-top-three .right-column .btn-box a:hover i {

   color: #fff;

 }



 .header-top-three .right-column .btn-box a:hover {}



 .header-style-three .main-menu .navigation>li>a {

   font-size: 14px;

   font-weight: 600;

   color: #08b3a1;

 }



 .header-style-three .main-menu .navigation>li.current>a,

 .header-style-three .main-menu .navigation>li:hover>a {}



 .header-style-three .nav-right {

   position: relative;

   display: flex;

   align-items: center;

 }



 .header-style-three .nav-right .social-links li {

   position: relative;

   display: inline-block;

   margin-right: 15px;

 }



 .header-style-three .nav-right .social-links li:last-child {

   margin: 0px !important;

 }



 .header-style-three .nav-right .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 20px;

   color: #b9bdb9;

 }



 .header-style-three .nav-right .social-links li a:hover {}



 .header-style-three .nav-right .social-links {

   position: relative;

   margin-right: 40px;

 }



 .header-style-three .nav-right .social-links:before {

   position: absolute;

   content: '';

   background: #dadce0;

   width: 1px;

   height: 20px;

   top: 3px;

   right: -21px;

 }



 .header-style-three .menu-right-content li.support-box .icon-box {}



 .header-style-three .menu-right-content li.support-box a {

   color: #08b3a1;

 }



 .header-style-three .menu-right-content li.support-box a:hover {}



 .header-style-three .sticky-header {

   background: #fff;

   border-bottom: 1px solid rgba(0, 0, 0, 0.10);

 }



 .home_3 .theme-btn {

   color: #08b3a1;

 }





 /** banner-style-three **/



 .banner-style-three {

   position: relative;

   overflow: hidden;

 }



 .banner-style-three .content-box {

   max-width: 1100px;

   margin: 0 auto;

 }



 .banner-style-three .banner-carousel .slide-item {

   padding: 170px 0px 270px 0px;

 }



 .banner-style-three .content-box p {

   font-size: 20px;

   line-height: 30px;

   color: #fff;

   margin-bottom: 16px;

   opacity: 0;

   -webkit-transform: translateY(50px);

   -moz-transform: translateY(50px);

   -ms-transform: translateY(50px);

   -o-transform: translateY(50px);

   transform: translateY(50px);

   -webkit-transition: all 1000ms ease;

   -moz-transition: all 1000ms ease;

   -ms-transition: all 1000ms ease;

   -o-transition: all 1000ms ease;

   transition: all 1000ms ease;

 }



 .banner-style-three .banner-carousel .active p {

   opacity: 1;

   -webkit-transition-delay: 1000ms;

   -moz-transition-delay: 1000ms;

   -ms-transition-delay: 1000ms;

   -o-transition-delay: 1000ms;

   transition-delay: 1000ms;

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

 }



 .banner-style-three .content-box h2 {

   display: block;

   font-size: 72px;

   line-height: 82px;

   font-weight: 300;

   color: #fff;

   margin-bottom: 25px;

   text-transform: uppercase;

   opacity: 0;

   -webkit-transform: translateY(50px);

   -moz-transform: translateY(50px);

   -ms-transform: translateY(50px);

   -o-transform: translateY(50px);

   transform: translateY(50px);

   -webkit-transition: all 1000ms ease;

   -moz-transition: all 1000ms ease;

   -ms-transition: all 1000ms ease;

   -o-transition: all 1000ms ease;

   transition: all 1000ms ease;

 }



 .banner-style-three .banner-carousel .active h2 {

   opacity: 1;

   -webkit-transition-delay: 1300ms;

   -moz-transition-delay: 1300ms;

   -ms-transition-delay: 1300ms;

   -o-transition-delay: 1300ms;

   transition-delay: 1300ms;

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

 }



 .banner-style-three .content-box h2 span {

   font-weight: 500;

 }



 .banner-style-three .banner-carousel .slide-item:before {

   background: #000;

   opacity: 0.2;

 }



 .banner-style-three .banner-carousel .slide-item:after {

   display: none;

 }



 .banner-style-three .content-box .btn-box {

   opacity: 0;

   -webkit-transform: translateY(50px);

   -moz-transform: translateY(50px);

   -ms-transform: translateY(50px);

   -o-transform: translateY(50px);

   transform: translateY(50px);

   -webkit-transition: all 1000ms ease;

   -moz-transition: all 1000ms ease;

   -ms-transition: all 1000ms ease;

   -o-transition: all 1000ms ease;

   transition: all 1000ms ease;

 }



 .banner-style-three .banner-carousel .active .btn-box {

   opacity: 1;

   -webkit-transition-delay: 1600ms;

   -moz-transition-delay: 1600ms;

   -ms-transition-delay: 1600ms;

   -o-transition-delay: 1600ms;

   transition-delay: 1600ms;

   -webkit-transform: translateY(0);

   -moz-transform: translateY(0);

   -ms-transform: translateY(0);

   -o-transform: translateY(0);

   transform: translateY(0);

 }



 .banner-style-three .owl-nav {

   position: absolute;

   left: 0px;

   top: 50%;

   width: 100%;

 }



 .banner-style-three .owl-nav button {

   position: absolute;

   top: 0px;

 }



 .banner-style-three .owl-nav button.owl-prev {

   left: 50px;

 }



 .banner-style-three .owl-nav button.owl-next {

   right: 50px;

 }



 .banner-style-three .owl-nav button:hover {}





 /** highlights-section **/



 .highlights-section {

   position: relative;

 }



 .highlights-section .chooseus-block-one .inner-box {

   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);

 }



 .highlights-section .chooseus-block-one .inner-box:hover .icon-box {

   color: #fff;

 }



 .highlights-section .inner-container {

   position: relative;

   margin-top: -94px;

   z-index: 1;

 }





 /** about-style-three **/



 .about-style-three {

   position: relative;

 }



 .about-style-three .image-box {

   position: relative;

   display: block;

   padding: 112px 100px;

   margin-right: 30px;

 }



 .about-style-three .image-box .image {

   position: relative;

   display: block;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .about-style-three .image-box .image img {

   width: 100%;

 }



 .about-style-three .image-box .shape .shape-1 {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 540px;

   height: 604px;

   background-repeat: no-repeat;

   background-position: center;

 }



 .about-style-three .image-box .shape .shape-2 {

   position: absolute;

   left: 50px;

   top: 56px;

   width: 440px;

   height: 492px;

   background-repeat: no-repeat;

   background-position: center;

 }



 .about-style-three .image-box .thumb-box .thumb {

   position: absolute;

   width: 120px;

   height: 120px;

   border-radius: 50%;

   border: 4px solid #fff;

   box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);

 }



 .about-style-three .image-box .thumb-box .thumb img {

   width: 100%;

   border-radius: 50%;

 }



 .about-style-three .image-box .thumb-box .thumb-1 {

   left: 30px;

   top: 0px;

   -webkit-animation: zoom-fade 4s infinite linear;

   animation: zoom-fade 4s infinite linear;

 }



 .about-style-three .image-box .thumb-box .thumb-2 {

   top: 65px;

   right: 20px;

   -webkit-animation: zoom-fade 5s infinite linear;

   animation: zoom-fade 5s infinite linear;

 }



 .about-style-three .image-box .thumb-box .thumb-3 {

   left: 40px;

   bottom: 40px;

   -webkit-animation: zoom-fade 6s infinite linear;

   animation: zoom-fade 6s infinite linear;

 }



 .about-style-three .image-box .text {

   position: absolute;

   right: 40px;

   bottom: 7px;

   width: 160px;

   height: 160px;

   text-align: center;

   border-radius: 50%;

   padding: 31px 0px 15px 0px;

 }



 .about-style-three .image-box .text h2 {

   position: relative;

   display: inline-block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

   color: #fff;

   padding-right: 21px;

   margin-bottom: 4px;

 }



 .about-style-three .image-box .text h2 span {

   position: absolute;

   top: -14px;

   right: 0px;

   font-weight: 400;

 }



 .about-style-three .image-box .text h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .about-style-three .content-box .text {

   margin-bottom: 36px;

 }



 .about-style-three .content-box .single-item {

   position: relative;

   display: block;

   padding-left: 90px;

   margin-bottom: 36px;

 }



 .about-style-three .content-box .single-item:last-child {

   margin-bottom: 0px;

 }



 .about-style-three .content-box .single-item .icon-box {

   position: absolute;

   left: 0px;

   top: 6px;

   font-size: 60px;

 }



 .about-style-three .content-box .single-item h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .about-style-three .content-box .sec-title {

   margin-bottom: 31px;

 }



 .funfact-section.alternat-2 {

   padding-top: 45px;

 }



 .funfact-section.alternat-2:before {

   position: absolute;

   content: '';

   background: #f3f5f3;

   width: 100%;

   height: 120px;

   left: 0px;

   bottom: 0px;

 }



 .funfact-section.alternat-2 .inner-content {

   box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);

   z-index: 1;

 }



 .home_3 .service-section {

   background: #f3f5f3;

 }



 .home_3 .service-block-one .inner-box .image-box .icon-box:after {

   background-image: url(../images/shape/shape-25.png);

 }



 .home_3 .service-block-one .inner-box .lower-content h3 a {

   color: #08b3a1;

 }





 /** industries-style-three **/



 .industries-style-three {

   position: relative;

   padding: 575px 0px 20px 0px;

 }



 .industries-style-three .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: contain;

   background-repeat: no-repeat;

   background-position: center;

 }



 .industries-style-three .industries-block-three {

   position: relative;

   display: block;

   float: left;

   width: 20%;

 }



 .industries-style-three .industries-block-three .inner-box {

   width: calc(100% - 40px);

   left: 20px;

 }



 .industries-block-three .inner-box {

   position: relative;

   display: block;

   overflow: hidden;

   background: #fff;

   transition: all 500ms ease;

 }



 .industries-block-three .inner-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 2px;

 }



 .industries-block-three .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

 }



 .industries-block-three .inner-box p {

   margin-top: 10px;

   margin-bottom: 8px;

 }



 .industries-block-three .inner-box a {

   position: relative;

   display: inline-block;

   font-size: 15px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   color: #08b3a1;

 }



 .industries-block-three .inner-box a i {

   position: relative;

   margin-left: 8px;

   top: 2px;

   font-weight: 400;

 }



 .industries-block-three .inner-box a:hover {}



 .industries-block-three .inner-box .light-icon {

   position: absolute;

   top: 0px;

   right: 0px;

   font-size: 100px;

   line-height: 140px;

   color: #f3f5f3;

 }



 .industries-block-three .inner-box .static-content {

   position: relative;

   padding: 24px 25px 22px 30px;

 }



 .industries-block-three .inner-box:hover {

   margin-top: -102px;

   padding-bottom: 102px;

 }



 .industries-block-three .inner-box .overlay-content {

   position: absolute;

   left: 0px;

   top: 0px;

   padding: 24px 25px 24px 30px;

   background: #fff;

   z-index: 1;

   opacity: 0;

   transition: all 500ms ease;

 }



 .industries-block-three .inner-box:hover .overlay-content {

   opacity: 1;

 }



 .industries-style-three .line-box {

   position: absolute;

   left: 0px;

   top: 0px;

   right: 0px;

   width: 100%;

   height: 100%;

 }



 .industries-style-three .line-box .line {

   position: absolute;

   width: 1px;

   height: 100%;

   background: rgba(255, 255, 255, 0.50);

 }



 .industries-style-three .line-box .line-1 {

   left: 20%;

 }



 .industries-style-three .line-box .line-2 {

   left: 40%;

 }



 .industries-style-three .line-box .line-3 {

   left: 60%;

 }



 .industries-style-three .line-box .line-4 {

   left: 80%;

 }





 /** project-style-three **/



 .project-style-three {

   position: relative;

 }



 .project-style-three .outer-container {

   position: relative;

   padding: 0px 30px;

 }



 .project-style-three .project-block-two .inner-box .content-box .text h3 {

   max-width: 320px;

 }



 .project-style-three .owl-carousel .owl-stage-outer {

   max-height: 682px;

 }



 .project-style-three .col-lg-6 .project-block-two .inner-box:hover .content-box .text {

   bottom: 45px;

 }



 .project-style-three .owl-theme .owl-dots .owl-dot span {

   display: none;

 }



 .project-style-three .owl-theme .owl-dots button {

   position: relative;

   display: inline-block;

   width: 15px;

   height: 15px;

   border-radius: 50px;

   border: 2px solid #b9bdb9;

   cursor: pointer;

   margin: 0px 10px;

   transition: all 500ms ease;

 }



 .project-style-three .owl-theme .owl-dots button.active {}



 .project-style-three .owl-theme .owl-dots button:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 7px;

   height: 7px;

   border-radius: 50%;

   left: 2px;

   top: 2px;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .project-style-three .owl-theme .owl-dots button.active:before {

   transform: scale(1, 1);

 }



 .project-style-three .owl-theme .owl-dots {

   margin-top: 47px;

   text-align: center;

 }



 .home_3 .theme-btn {

   background: #08b3a1;

   color: #fff !important;

 }



 .project-style-three .more-btn {

   position: relative;

   display: block;

   margin-top: 30px;

 }





 /** testimonial-style-two **/



 .testimonial-style-two {

   position: relative;

 }



 .testimonial-style-two .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .testimonial-style-two .bg-layer:before {

   position: absolute;

   content: '';

   background: #08b3a1;

   width: 100%;

   height: 100%;

   left: 0px;

   top: 0px;

   opacity: 0.93;

 }



 .testimonial-style-two .testimonial-content {

   position: relative;

   display: block;

   max-width: 640px;

   width: 100%;

   padding-top: 5px;

   margin: 0 auto;

 }



 .testimonial-style-two .testimonial-content .thumb-box {

   position: relative;

   display: inline-block;

   margin-bottom: 56px;

 }



 .testimonial-style-two .testimonial-content .thumb-box .thumb {

   position: relative;

   display: inline-block;

   width: 112px;

   height: 128px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   z-index: 1;

 }



 .testimonial-style-two .testimonial-content .thumb-box:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 136px;

   height: 120px;

   left: -12px;

   top: 4px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .testimonial-style-two .testimonial-content .icon-1 {

   position: absolute;

   left: -99px;

   top: -14px;

   font-size: 60px;

 }



 .testimonial-style-two .testimonial-content .icon-2 {

   position: absolute;

   right: -99px;

   bottom: -7px;

   font-size: 60px;

   transform: rotateY(180deg);

 }



 .testimonial-style-two .testimonial-content p {

   font-size: 20px;

   line-height: 32px;

   color: #d4d4db;

   margin-bottom: 22px;

 }



 .testimonial-style-two .testimonial-content .rating li {

   position: relative;

   display: inline-block;

   font-size: 12px;

 }



 .testimonial-style-two .testimonial-content .rating {

   margin-bottom: 16px;

 }



 .testimonial-style-two .testimonial-content h3 {

   display: block;

   font-size: 24px;

   line-height: 30px;

   color: #fff;

   font-weight: 500;

 }



 .testimonial-style-two .testimonial-content h3 span {

   font-size: 14px;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .testimonial-style-two .owl-theme .owl-dots .owl-dot span {

   display: none;

 }



 .testimonial-style-two .owl-theme .owl-dots button {

   position: relative;

   display: inline-block;

   width: 15px;

   height: 15px;

   border-radius: 50px;

   border: 2px solid #5e5f81;

   cursor: pointer;

   margin: 0px 10px;

   transition: all 500ms ease;

 }



 .testimonial-style-two .owl-theme .owl-dots button.active {}



 .testimonial-style-two .owl-theme .owl-dots button:before {

   position: absolute;

   content: '';

   background: #33355a;

   width: 7px;

   height: 7px;

   border-radius: 50%;

   left: 2px;

   top: 2px;

   transform: scale(0, 0);

   transition: all 500ms ease;

 }



 .testimonial-style-two .owl-theme .owl-dots button.active:before {

   transform: scale(1, 1);

 }



 .testimonial-style-two .owl-theme .owl-dots {

   margin-top: 37px;

   text-align: center;

 }



 .testimonial-style-two:before {

   position: absolute;

   content: '';

   background: #08b3a1;

   width: 940px;

   height: 284px;

   left: 50%;

   transform: translateX(-50%);

   top: 0px;

   z-index: 1;

   clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

 }





 /** pricing-style-two **/



 .pricing-style-two {

   position: relative;

 }



 .pricing-style-two .image-box {

   position: relative;

   display: block;

   margin-right: 35px;

 }



 .pricing-style-two .image-box .image {

   position: relative;

   display: block;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .pricing-style-two .image-box .image img {

   width: 100%;

 }



 .pricing-table-two .inner-box {

   position: relative;

   display: block;

   padding-left: 130px;

 }



 .pricing-table-two .inner-box .icon-box {

   position: absolute;

   left: 0px;

   top: 10px;

   display: inline-block;

   width: 112px;

   height: 100px;

   line-height: 112px;

   font-size: 50px;

   color: #fff;

   text-align: center;

   z-index: 1;

 }



 .pricing-table-two .inner-box .icon-box:before {

   position: absolute;

   content: '';

   width: 112px;

   height: 100px;

   left: 0px;

   top: 0px;

   z-index: -1;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

 }



 .pricing-table-two .inner-box .table-header h3 {

   display: block;

   font-size: 26px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 5px;

 }



 .pricing-table-two .inner-box .table-header p {

   display: block;

   margin-bottom: 8px;

 }



 .pricing-table-two .inner-box .table-header h2 {

   display: block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

 }



 .pricing-table-two .inner-box .table-header h2 span {

   font-size: 18px;

   font-weight: 400;

   color: #7d7e7d;

 }



 .pricing-table-two .inner-box .table-header {

   margin-bottom: 19px;

 }



 .pricing-table-two .inner-box .feature-list li {

   position: relative;

   display: block;

   padding-left: 30px;

   font-weight: 500;

   margin-bottom: 12px;

 }



 .pricing-table-two .inner-box .feature-list li:last-child {

   margin-bottom: 0px;

 }



 .pricing-table-two .inner-box .feature-list li:before {

   position: absolute;

   content: "\f130";

   font-family: 'flaticon';

   left: 0px;

   top: 0px;

   font-size: 16px;

 }



 .pricing-table-two .inner-box .feature-list {

   margin-bottom: 34px;

 }



 .pricing-style-two .sec-title {

   margin-bottom: 34px;

 }



 .pricing-style-two .owl-nav {

   position: absolute;

   left: 0px;

   bottom: 125px;

 }



 .pricing-style-two .nav-style-one button {

   display: block;

   border: 1px solid #e6e8ec;

 }



 .pricing-style-two .nav-style-one button.owl-prev {

   margin-bottom: 10px;

 }





 /** video-section **/



 .video-section {

   position: relative;

   padding: 120px 0px;

 }



 .video-section .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

 }



 .video-section .bg-layer:before {

   position: absolute;

   content: '';

   background: #000;

   width: 100%;

   height: 100%;

   left: 0px;

   top: 0px;

   opacity: 0.2;

 }



 .video-section .theme-btn {

   background: #fff;

   color: #08b3a1 !important;

   padding: 15px 31px;

 }



 .video-section .theme-btn:hover {

   color: #fff !important;

 }



 .video-section .content-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .border-animation {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: 1px solid rgba(255, 255, 255, 1);

   -webkit-border-radius: 50%;

   -khtml-border-radius: 50%;

   -moz-border-radius: 50%;

   -ms-border-radius: 50%;

   -o-border-radius: 50%;

   border-radius: 50%;

   animation: squares 2.9s linear 0s infinite;

   -webkit-animation: squares 2.9s linear 0s infinite;

   -ms-animation: squares 2.9s linear 0s infinite;

   -o-animation: squares 2.9s linear 0s infinite;

   -webkit-animation-play-state: running;

   -moz-animation-play-state: running;

   -o-animation-play-state: running;

   animation-play-state: running;

   opacity: 0;

 }



 .border-animation.border-2 {

   -webkit-animation-delay: 1s;

   -moz-animation-delay: 1s;

   -o-animation-delay: 1s;

   animation-delay: 1s;

 }



 .border-animation.border-3 {

   -webkit-animation-delay: 2s;

   -moz-animation-delay: 2s;

   -o-animation-delay: 2s;

   animation-delay: 2s;

 }



 .video-section .video-btn a {

   position: relative;

   display: inline-block;

   width: 100px;

   height: 100px;

   line-height: 106px;

   font-size: 30px;

   color: #fff;

   text-align: center;

   border: 2px solid #fff;

   border-radius: 50%;

 }



 .video-section .sec-title {

   margin-bottom: 28px;

 }



 .news-style-two.alternat-2 {

   border-bottom: 1px solid #e6e8ec;

 }



 .news-style-two.alternat-2 .news-block-one .inner-box .lower-content .category a,

 .news-style-two.alternat-2 .news-block-one .inner-box .lower-content .category a:before {

   background: #08b3a1;

 }



 .news-style-two.alternat-2 .news-block-one .inner-box .image-box .image {

   background: #08b3a1;

 }





 /** clients-section **/



 .clients-section {

   position: relative;

   padding: 60px 0px;

 }



 .clients-section .clients-logo {

   position: relative;

   display: block;

 }



 .clients-section .clients-logo img {

   position: relative;

   display: block;

   max-width: 100%;

   margin: 0 auto;

   transition: all 500ms ease;

 }



 .clients-section .owl-carousel .owl-stage {

   display: flex;

   align-items: center;

   justify-content: space-between;

 }





 /** footer-style-three **/



 .footer-style-three {

   position: relative;

   background: #08b3a1;

 }



 .footer-style-three .footer-top {

   padding: 115px 0px 120px 0px;

 }



 .footer-style-three .widget-title {

   position: relative;

   display: block;

   margin-bottom: 26px;

 }



 .footer-style-three .widget-title h3 {

   font-size: 24px;

   line-height: 32px;

   color: #fff;

   font-weight: 500;

   letter-spacing: 0.5px;

 }



 .footer-style-three .contact-widget h3 {

   display: block;

   font-size: 22px;

   line-height: 30px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 10px;

 }



 .footer-style-three .contact-widget h3 a {

   display: inline-block;

   color: #fff;

 }



 .footer-style-three .contact-widget h3 a:hover {}



 .footer-style-three p,

 .footer-style-three a {

   color: #d4d4db;

 }



 .footer-style-three a:hover {}



 .footer-style-three .contact-widget p {

   margin-bottom: 16px;

 }





 .footer-style-three .contact-widget h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .footer-style-three .contact-widget h6 i {

   position: relative;

   top: 2px;

   margin-left: 10px;

 }



 .footer-style-three .contact-widget h6 a {

   display: inline-block;

   color: #fff;

 }



 .footer-style-three .contact-widget h6 a:hover {}



 .footer-style-three .contact-widget .social-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 15px;

 }



 .footer-style-three .contact-widget .social-links li:last-child {

   margin: 0px !important;

 }



 .footer-style-three .contact-widget .social-links li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #fff;

   width: 44px;

   height: 44px;

   line-height: 44px;

   background: #3b5998;

   text-align: center;

 }



 .footer-style-three .contact-widget .social-links li:nth-child(2) a {

   background: #55acee;

 }



 .footer-style-three .contact-widget .social-links li:nth-child(3) a {

   background: #0071bc;

 }



 .footer-style-three .contact-widget .social-links li:last-child a {

   background: #cd201f;

 }



 .footer-style-three .contact-widget .social-links {

   margin-top: 34px;

 }



 .footer-style-three .links-widget .widget-content {

   position: relative;

   display: flex;

   justify-content: space-between;

 }



 .footer-style-three .links-widget .links-list li {

   position: relative;

   display: block;

   margin-bottom: 8px;

 }



 .footer-style-three .links-widget .links-list li:last-child {

   margin-bottom: 0px;

 }



 .footer-style-three .subscribe-widget .text {

   display: block;

   margin-bottom: 20px;

 }



 .footer-style-three .subscribe-widget .form-inner .form-group {

   position: relative;

   margin-bottom: 15px;

 }



 .footer-style-three .subscribe-widget .form-inner .form-group:last-child {

   margin-bottom: 0px;

 }



 .footer-style-three .subscribe-widget .form-inner .form-group input[type='email'] {

   position: relative;

   display: block;

   width: 100%;

   height: 52px;

   background: #fff;

   border: 1px solid #fff;

   font-size: 18px;

   color: #7d7e7d;

   padding: 0px 20px 0px 51px;

   transition: all 500ms ease;

 }



 .footer-style-three .subscribe-widget .form-inner .form-group input:focus {}



 .footer-style-three .subscribe-widget .form-inner .form-group .icon {

   position: absolute;

   top: 13px;

   left: 20px;

   font-size: 18px;

   color: #b9bdb9;

   z-index: 1;

 }



 .footer-style-three .subscribe-widget .form-inner .form-group button[type="submit"] {

   position: relative;

   display: block;

   width: 100%;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   background: transparent;

   padding: 12px 30px;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .footer-bottom-three {

   position: relative;

   width: 100%;

   background: #1c1e40;

   padding: 21px 0px;

 }



 .footer-bottom-three .bottom-inner {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .footer-bottom-three .bottom-inner .copyright a {}



 .footer-bottom-three .bottom-inner .copyright a:hover {

   color: #fff;

 }



 .footer-bottom-three .bottom-inner .footer-nav li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 20px;

 }



 .footer-bottom-three .bottom-inner .footer-nav li:last-child {

   margin: 0px !important;

 }







 /*** 



====================================================================

                        Inner-Pages

====================================================================



***/





 /** page-title **/



 .page-title {

   position: relative;

   width: 100%;

   padding: 100px 0px 22px 0px;
   /* padding: 235px 0px 22px 0px; */

 }



 .page-title .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .page-title:before {

   position: absolute;

   content: '';

   width: 100%;

   height: 100%;

   background: #16436f;

   mix-blend-mode: multiply;

   top: 0px;

   right: 0px;

   opacity: 0.6;

   z-index: 1;

 }



 .page-title:after {

   position: absolute;

   content: '';

   width: 100%;

   height: 100%;

   background: -webkit-linear-gradient(0deg, rgba(22, 67, 111, 0.9), rgba(100, 100, 100, 0.20) 100%);

   mix-blend-mode: multiply;

   left: 0px;

   bottom: 0px;

   right: 0px;

   z-index: 1;

 }



 .page-title .content-box {

   position: relative;

   z-index: 2;

 }



 .page-title h1 {

   position: relative;

   display: block;

   font-size: 60px;

   line-height: 70px;

   font-weight: 500;

   color: #fff;

   text-align: center;

   margin-bottom: 128px;

 }



 .page-title .bread-crumb li {

   position: relative;

   display: inline-block;

   font-size: 18px;

   line-height: 28px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 500;

   margin-right: 30px;

 }



 .page-title .bread-crumb li:last-child {

   margin: 0px !important;

 }



 .page-title .bread-crumb li a {

   color: #fff;

 }



 .page-title .bread-crumb li a:hover {}



 .page-title .bread-crumb li:before {

   position: absolute;

   content: '';

   width: 8px;

   height: 8px;

   top: 10px;

   right: -20px;

   border-radius: 50%;

 }



 .page-title .bread-crumb li:last-child:before {

   display: none;

 }





 /** certification-section **/



 .certification-section {

   position: relative;

   padding: 240px 0px 120px 0px;

 }



 .certification-section .bg-layer {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 100%;

   height: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

 }



 .certification-section .bg-layer:before {}



 .certification-section .image-box {

   position: relative;

   display: block;

 }



 .certification-section .image-box img {

   width: 100%;

 }



 .certification-section .content-inner {

   position: relative;

   display: block;

   margin-right: 100px;

 }



 .funfact-section.about-page:before {

   display: none;

 }



 .funfact-section.about-page .inner-content {

   margin-bottom: -120px;

 }



 .certification-section .bg-layer:before {

   position: absolute;

   content: '';

   width: 100%;

   height: 100%;

   background: -webkit-linear-gradient(0deg, rgba(22, 67, 111, 1) 0%, rgba(100, 100, 100, 0) 60%);

   left: 0px;

   bottom: 0px;

   right: 0px;

 }



 .certification-section .owl-nav {

   position: absolute;

   right: -148px;

   bottom: 0px;

 }



 .certification-section .owl-nav .owl-prev {

   margin-right: 10px;

 }



 .certification-section .shape-box .shape-1 {

   position: absolute;

   left: -100px;

   bottom: 88px;

   width: 90px;

   height: 80px;

 }



 .certification-section .shape-box .shape-2 {

   position: absolute;

   right: -100px;

   top: 88px;

   width: 90px;

   height: 80px;

   background: #16436f;

 }



 .certification-section .shape-box .shape-3 {

   position: absolute;

   right: -90px;

   top: -60px;

   width: 160px;

   height: 140px;

   background: #fff;

   opacity: 0.25;

 }



 .certification-section .shape-box .shape-4 {

   position: absolute;

   left: -90px;

   bottom: -60px;

   width: 160px;

   height: 140px;

   background: #fff;

   opacity: 0.25;

 }





 /** statements-section **/



 .statements-section {

   position: relative;

   padding: 120px 0px 105px 0px;

 }



 .statements-block-one .inner-box {

   position: relative;

   display: block;

 }



 .statements-block-one .inner-box .text {

   display: block;

   margin-bottom: 28px;

 }



 .statements-block-one .inner-box .text h3 {

   display: block;

   font-size: 26px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 15px;

 }



 .statements-block-one .inner-box .image-box {

   position: relative;

   display: block;

   max-width: 240px;

   width: 100%;

   margin: 0 auto;

 }



 .statements-block-one .inner-box .image-box .image {

   position: relative;

   display: block;

   max-width: 220px;

   width: 100%;

   margin-bottom: 0 auto;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .statements-block-one .inner-box .image-box .image img {

   width: 100%;

 }



 .statements-block-one .inner-box .image-box .icon-box {

   position: absolute;

   right: 6px;

   bottom: 53px;

   width: 80px;

   height: 70px;

   line-height: 70px;

   font-size: 40px;

   color: #fff;

   text-align: center;

   z-index: 1;

   transition: all 500ms ease;

 }



 .statements-block-one .inner-box .image-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .statements-block-one .inner-box .image-box .pattern-1 {

   position: absolute;

   top: -6px;

   right: 11px;

   width: 220px;

   height: 250px;

   background-repeat: no-repeat;

   transition: all 500ms ease;

 }



 .statements-block:nth-child(2) .statements-block-one .inner-box .text {

   margin-bottom: 0px;

   margin-top: 33px;

 }



 .statements-block:nth-child(2) .statements-block-one .inner-box {

   margin-top: 10px;

 }



 .chooseus-section.about-page {

   background: #f1f4f9;

 }



 .team-section .more-btn {

   margin-top: 60px;

   text-align: center;

 }



 .team-section .more-btn .theme-btn {

   padding: 15px 40px;

 }



 .team-section.team-page {

   padding: 120px 0px 90px 0px;

 }



 .team-section.team-page .team-block-one .inner-box {

   margin-bottom: 30px;

 }





 /** faq-section **/



 .faq-section {

   position: relative;

 }



 .faq-section .faq-sidebar {

   position: relative;

   display: block;

   padding: 32px 30px 31px 30px;

   border: 1px solid #e6ebed;

 }



 .faq-section .faq-sidebar .text {

   position: relative;

   display: block;

   margin-bottom: 33px;

 }



 .faq-section .faq-sidebar .text h3 {

   display: block;

   font-size: 30px;

   line-height: 38px;

   font-weight: 500;

   margin-bottom: 5px;

 }



 .faq-section .faq-sidebar .text p {

   line-height: 26px;

 }



 .faq-section .faq-sidebar .form-inner .form-group {

   position: relative;

   margin-bottom: 20px;

 }



 .faq-section .faq-sidebar .form-inner .form-group:last-child {

   margin-bottom: 0px;

 }



 .faq-section .faq-sidebar .form-inner .form-group input[type='text'],

 .faq-section .faq-sidebar .form-inner .form-group input[type='email'],

 .faq-section .faq-sidebar .form-inner .form-group textarea {

   position: relative;

   display: block;

   width: 100%;

   height: 50px;

   background: #f0f5f7;

   border: 1px solid #f0f5f7;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 20px;

   transition: all 500ms ease;

 }



 .faq-section .faq-sidebar .form-inner .form-group textarea {

   height: 120px;

   resize: none;

 }



 .faq-section .faq-sidebar .form-inner .form-group input:focus,

 .faq-section .faq-sidebar .form-inner .form-group textarea:focus {}



 .faq-section .faq-sidebar .form-inner .form-group button {

   width: 100%;

   padding: 14px 50px 12px 50px;

 }



 .faq-section .faq-sidebar .lower-text {

   margin-top: 18px;

   text-align: center;

 }



 .faq-section .faq-sidebar .lower-text p span {}



 .faq-section .faq-content {

   position: relative;

   display: block;

   margin-top: -7px;

 }



 .faq-section .faq-content .upper-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   margin-bottom: 50px;

 }



 .faq-section .faq-content .upper-box h2 {

   font-size: 36px;

   line-height: 44px;

   color: #b8bdc1;

   font-weight: 500;

 }



 .faq-section .faq-content .select-box {

   min-height: 38px;

 }



 .faq-section .faq-content .nice-select {

   position: relative;

   width: 280px;

   border-bottom: 1px dashed #c5cace !important;

   line-height: 34px;

   font-size: 22px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   text-transform: capitalize;

 }



 .faq-section .faq-content .nice-select:after {

   content: '';

   background: transparent;

   border-bottom: 2px solid #16436f;

   border-right: 2px solid #16436f;

   transform: rotate(45deg) !important;

   width: 8px;

   height: 8px;

   border-radius: 0px;

   top: 17px;

   right: 5px;

 }



 /** accordion **/



 .accordion-box .block {

   position: relative;

   display: block;

   background: #FFFFFF;

   margin-bottom: 10px;

   transition: all 500ms ease;

 }



 .accordion-box .block.active-block {

   box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);

 }



 .accordion-box .block:last-child {

   margin-bottom: 0px;

 }



 .accordion-box .block .acc-btn .icon-outer {

   position: absolute;

   top: 19px;

   right: 21px;

   font-size: 14px;

   width: 26px;

   height: 26px;

   line-height: 26px;

   text-align: center;

   opacity: 0;

   transition: all 500ms ease;

 }



 .accordion-box .block .acc-btn.active .icon-outer {

   opacity: 1;

 }



 .accordion-box .block .acc-btn {

   position: relative;

   display: block;

   padding: 15px 50px 17px 30px;

   border: 1px solid #e5eaec;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .accordion-box .block .acc-btn.active {

   background: #f0f5f7;

   border: 1px solid #f0f5f7;

 }



 .accordion-box .block .acc-btn h4 {

   position: relative;

   display: block;

   font-size: 20px;

   line-height: 28px;

   font-weight: 500;

   transition: all 500ms ease;

 }



 .accordion-box .block .acc-btn.active h4 {}



 .accordion-box .block .acc-content {

   position: relative;

   display: none;

   padding: 28px 30px 27px 30px;

 }



 .accordion-box .block .acc-content.current {

   display: block;

 }





 /** error-section **/



 .error-section {

   position: relative;

   padding: 120px 0px;

 }



 .error-section h1 {

   position: relative;

   display: inline-block;

   font-size: 54px;

   font-weight: 600;

   color: #fff;

   width: 264px;

   height: 230px;

   line-height: 232px;

   text-align: center;

   z-index: 1;

   margin-bottom: 43px;

 }



 .error-section h1:before {

   position: absolute;

   content: '';

   background: #f0f5f7;

   left: 0px;

   top: 0px;

   width: 264px;

   height: 230px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .error-section h1:after {

   position: absolute;

   content: '';

   left: 34px;

   top: 30px;

   width: 196px;

   height: 170px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .error-section h3 {

   display: block;

   font-size: 40px;

   line-height: 48px;

   font-weight: 500;

   margin-bottom: 10px;

 }



 .error-section h2 {

   position: relative;

   display: block;

   font-size: 48px;

   font-weight: 54px;

   font-weight: 500;

   margin-bottom: 10px;

 }



 .error-section p {

   margin-bottom: 32px;

 }



 .error-section .theme-btn {

   padding: 15px 40px;

 }



 .error-section .pattern-layer .pattern-1 {

   position: absolute;

   left: 60px;

   bottom: 115px;

   width: 512px;

   height: 512px;

   background-repeat: no-repeat;

 }



 .error-section .pattern-layer .pattern-2 {

   position: absolute;

   top: 75px;

   right: 370px;

   width: 250px;

   height: 224px;

   background-repeat: no-repeat;

 }



 .error-section .pattern-layer .pattern-3 {

   position: absolute;

   bottom: 75px;

   right: 165px;

   width: 280px;

   height: 282px;

   background-repeat: no-repeat;

 }





 /** comingsoon-section **/



 .comingsoon-section {

   position: relative;

   padding: 150px 0px;

 }



 .comingsoon-section .content-box {

   position: relative;

   display: block;

 }



 .comingsoon-section .content-box .logo-box {

   margin-bottom: 50px;

 }



 .comingsoon-section .cs-countdown .count-col {

   position: relative;

   float: left;

   margin-right: 30px;

   padding-left: 10px;

 }



 .comingsoon-section .cs-countdown .count-col:last-child {

   margin-right: 0px !important;

 }



 .comingsoon-section .cs-countdown .count-col span {

   position: relative;

   display: inline-block;

   width: 90px;

   height: 100px;

   line-height: 100px;

   font-size: 30px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-align: center;

   margin-bottom: 13px;

   z-index: 1;

 }



 .comingsoon-section .cs-countdown .count-col span:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-30.png);

   width: 90px;

   height: 100px;

   left: 0px;

   top: 0px;

   background-repeat: no-repeat;

   z-index: -1;

 }



 .comingsoon-section .cs-countdown .count-col span:before {

   position: absolute;

   content: '';

   background: #f0f5f7;

   width: 100px;

   height: 90px;

   left: -15px;

   top: 10px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .comingsoon-section .cs-countdown .count-col h6 {

   position: relative;

   display: block;

   text-align: center;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

 }



 .comingsoon-section .content-box .timer {

   position: relative;

   display: block;

   margin-bottom: 27px;

 }



 .comingsoon-section .content-box h2 {

   display: block;

   font-size: 54px;

   line-height: 58px;

   font-weight: 500;

   margin-bottom: 16px;

 }



 .comingsoon-section .content-box p {

   display: block;

   margin-bottom: 32px;

 }



 .comingsoon-section .content-box .form-inner .form-group {

   position: relative;

   margin-bottom: 20px;

 }



 .comingsoon-section .content-box .form-inner .form-group .icon-box {

   position: absolute;

   left: 20px;

   top: 16px;

   font-size: 18px;

   color: #b8bdc1;

   z-index: 1;

 }



 .comingsoon-section .content-box .form-inner .form-group input[type='email'] {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   border: 1px solid #e6ebed;

   background: #fff;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 150px 10px 50px;

 }



 .comingsoon-section .content-box .form-inner .form-group button {

   position: absolute;

   top: 6px;

   right: 8px;

   padding: 12px 30px;

 }



 .comingsoon-section .content-box .form-inner .form-group input:focus {}



 .comingsoon-section .content-box .form-inner {

   margin-bottom: 43px;

 }



 .custom-controls-stacked {

   position: relative;

 }



 .custom-control.material-checkbox {

   --color: #ebebeb;

   padding: 0px;

   margin: 0px;

   margin-bottom: 0px !important;

 }



 .custom-control.material-checkbox .material-control-input {

   display: none;

 }



 .custom-control.material-checkbox .material-control-indicator {

   display: inline-block;

   position: absolute;

   top: 6px;

   left: 0px;

   width: 16px;

   height: 16px;

   border: 1px solid #e6ebed;

   cursor: pointer;

 }



 .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {

   -webkit-transform: rotateZ(45deg) translate(1px, -5px);

   transform: rotateZ(45deg) translate(1px, -5px);

   width: 8px;

   border: 2px solid #10b1b4;

   border-top: 0px;

   border-left: 0px;

   background: transparent;

   border-radius: 0px;

 }



 .custom-controls-stacked .description {

   position: relative;

   display: inline-block;

   padding: 0px;

   margin-left: 25px;

   font-size: 16px;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   cursor: pointer;

 }



 .comingsoon-section .content-box .social-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 15px;

 }



 .comingsoon-section .content-box .social-links li:last-child {

   margin: 0px !important;

 }



 .comingsoon-section .content-box .social-links li a {

   position: relative;

   display: inline-block;

   width: 44px;

   height: 44px;

   line-height: 44px;

   text-align: center;

   font-size: 18px;

   color: #fff;

   background: #3b5998;

   text-align: center;

 }



 .comingsoon-section .content-box .social-links li:nth-child(2) a {

   background: #55acee;

 }



 .comingsoon-section .content-box .social-links li:nth-child(3) a {

   background: #0071bc;

 }



 .comingsoon-section .content-box .social-links li:last-child a {

   background: #cd201f;

 }



 .comingsoon-section .image-box {

   position: relative;

   display: block;

   margin-left: 35px;

 }



 .comingsoon-section .image-box .image {

   position: relative;

   display: block;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .comingsoon-section .image-box .image img {

   width: 100%;

 }



 /** shop-section **/



 .shop-sidebar {

   position: relative;

   width: 100%;

   background: #f0f5f7;

   padding: 34px 30px 35px 30px;

 }



 .shop-sidebar .widget-title {

   position: relative;

   display: block;

   margin-bottom: 22px;

 }



 .shop-sidebar .widget-title h3 {

   font-size: 24px;

   line-height: 32px;

   font-weight: 500;

 }



 .shop-sidebar .search-widget .search-form .form-group {

   position: relative;

   margin: 0px;

 }



 .shop-sidebar .search-widget .search-form .form-group input[type='search'] {

   position: relative;

   display: block;

   width: 100%;

   height: 54px;

   background: #fff;

   border: 1px solid #fff;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 50px 10px 20px;

   transition: all 500ms ease;

 }



 .shop-sidebar .search-widget .search-form .form-group button {

   position: absolute;

   top: 15px;

   right: 20px;

   font-size: 20px;

   color: #16436f;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .shop-sidebar .search-widget .search-form .form-group input:focus {}



 .shop-sidebar .search-widget .search-form .form-group input:focus+button,

 .shop-sidebar .search-widget .search-form .form-group button:hover {}



 .shop-sidebar .search-widget {

   margin-bottom: 44px;

 }



 .shop-sidebar .category-widget .widget-title {

   margin-bottom: 17px;

 }



 .shop-sidebar .category-widget .category-list li {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   margin-bottom: 16px;

 }



 .shop-sidebar .category-widget .category-list li:last-child {

   margin-bottom: 0px;

 }



 .shop-sidebar .category-widget .category-list li a {

   position: relative;

   display: block;

   color: #16436f;

 }



 .shop-sidebar .category-widget .category-list li a:hover {}



 .shop-sidebar .category-widget .category-list li a i {

   position: absolute;

   top: 5px;

   right: 0px;

   color: #b8bdc1;

   transition: all 500ms ease;

 }



 .shop-sidebar .category-widget .category-list li a:hover i {}



 .shop-sidebar .category-widget {

   margin-bottom: 39px;

 }



 .shop-sidebar .filter-widget .widget-title {

   margin-bottom: 27px;

 }



 .range-slider .price-range-slider {

   margin-bottom: 18px;

 }



 .range-slider .input {

   position: relative;

   padding-left: 10px;

 }



 .range-slider .input:before {

   position: absolute;

   content: '$';

   left: 0px;

   top: 0px;

 }



 .range-slider .input input {

   background: none;

   font-size: 18px;

   color: #7c8083;

 }



 .range-slider .ui-widget.ui-widget-content {

   height: 4px;

   border: none;

   background: #dfe4e6;

   border-radius: 0px;

 }



 .range-slider .ui-slider .ui-slider-range {

   top: 0px;

   height: 4px;

 }



 .range-slider .ui-widget-content .ui-state-default {

   top: -5px;

   width: 14px;

   height: 14px;

   border: none;

   border-radius: 50%;

   cursor: pointer;

   margin-left: 0px;

   ;

 }



 .range-slider .ui-widget-content .ui-state-default:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 6px;

   height: 6px;

   border-radius: 50%;

   left: 4px;

   top: 4px;

 }



 .shop-sidebar .filter-widget p {

   margin-right: 5px;

 }



 .shop-sidebar .filter-widget .price-range {

   position: relative;

   display: flex;

   align-items: center;

   margin-bottom: 17px;

 }



 .shop-sidebar .filter-widget .theme-btn {

   padding: 10px 20px;

 }



 .shop-sidebar .filter-widget .theme-btn i {

   position: relative;

   margin-right: 8px;

   top: 0px;

 }



 .shop-sidebar .filter-widget {

   margin-bottom: 44px;

 }



 .shop-sidebar .tags-widget .tags-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin: 0px 5px 5px 0px;

 }



 .shop-sidebar .tags-widget .tags-list li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #7c8083;

   background: #fff;

   padding: 2px 12px;

   text-align: center;

 }



 .shop-sidebar .tags-widget .tags-list li a:hover {

   color: #fff;

 }



 .shop-page-section .our-shop {

   position: relative;

   margin-top: -7px;

 }



 .shop-page-section .our-shop .item-shorting {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   margin-bottom: 30px;

 }



 .shop-page-section .our-shop .select-box {

   min-height: 28px;

   margin-left: 3px;

 }



 .shop-page-section .our-shop .nice-select {

   position: relative;

   width: 150px;

   line-height: 28px;

   font-size: 18px;

   padding: 0px;

   font-family: 'DM Sans', sans-serif;

   text-transform: capitalize;

 }



 .shop-page-section .our-shop .nice-select:after {

   content: '';

   background: transparent;

   border-bottom: 2px solid #7c8083;

   border-right: 2px solid #7c8083;

   transform: rotate(45deg) !important;

   width: 8px;

   height: 8px;

   border-radius: 0px;

   top: 13px;

   right: 5px;

 }



 .shop-page-section .our-shop .item-shorting .right-column {

   position: relative;

   display: flex;

   align-items: center;

 }



 .shop-page-section .our-shop .nice-select .list {

   left: inherit;

   right: 0px;

 }



 .shop-page-section .our-shop .nice-select .list li {

   color: #7c8083;

 }



 .shop-block-one .inner-box {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   margin-bottom: 30px;

 }



 .shop-block-one .inner-box .image-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: center;

   min-height: 349px;

   border-bottom: 1px solid #e6ebed;

 }



 .shop-block-one .inner-box .image-box .tag {

   position: absolute;

   left: -1px;

   top: 19px;

   background: #16436f;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 0px 4px 0px 15px;

 }



 .shop-block-one .inner-box .image-box .tag:before {

   position: absolute;

   content: '';

   background: #16436f;

   width: 18px;

   height: 100%;

   top: 0px;

   right: -18px;

   clip-path: polygon(0% 0%, 100% 50%, -1% 100%, 0% 100%, 0% 0%);

 }



 .shop-block-one .inner-box .image-box .tag.sale {}



 .shop-block-one .inner-box .image-box .tag.sale:before {}



 .shop-block-one .inner-box .image-box .tag.sale.two {

   top: 55px;

 }



 .shop-block-one .inner-box .image-box h5 {

   position: absolute;

   right: 20px;

   bottom: 13px;

   font-size: 18px;

   line-height: 26px;

   font-weight: 500;

   transition: all 500ms ease;

 }



 .shop-block-one .inner-box .image-box h5 del {

   color: #b8bdc1;

   margin-left: 5px;

 }



 .shop-block-one .inner-box:hover .image-box h5 {

   opacity: 0;

 }



 .shop-block-one .inner-box .image-box .option-list {

   position: absolute;

   right: 20px;

   bottom: 20px;

   z-index: 1;

 }



 .shop-block-one .inner-box .image-box .option-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 10px;

 }



 .shop-block-one .inner-box .image-box .option-list li:last-child {

   margin: 0px !important;

 }



 .shop-block-one .inner-box .image-box .option-list li a {

   position: relative;

   display: inline-block;

   font-size: 20px;

   width: 50px;

   height: 50px;

   line-height: 56px;

   background: #fff;

   text-align: center;

   border-radius: 50%;

   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);

   transform: scale(0, 0);

 }



 .shop-block-one .inner-box:hover .image-box .option-list li a {

   transform: scale(1, 1);

 }



 .shop-block-one .inner-box .image-box .option-list li a:hover {

   color: #fff;

   box-shadow: none;

 }



 .shop-block-one .inner-box .image-box .option-list li a span {

   position: absolute;

   left: -25px;

   top: -32px;

   background: #fff;

   text-align: center;

   font-size: 14px;

   line-height: 28px;

   color: #16436f;

   padding: 0px 12px;

   box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);

   opacity: 0;

   transition: all 500ms ease;

 }



 .shop-block-one .inner-box .image-box .option-list li a:hover span {

   top: -42px;

   opacity: 1;

 }



 .shop-block-one .inner-box .image-box .option-list li a span:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 13px;

   height: 7px;

   left: 43px;

   bottom: -7px;

   clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);

 }



 .shop-block-one .inner-box .image-box .image {

   position: relative;

   display: block;

 }



 .shop-block-one .inner-box .image-box .image img {

   width: 100%;

   transition: all 500ms ease;

 }



 .shop-block-one .inner-box:hover .image-box .image img {

   transform: scale(1.05);

 }



 .shop-block-one .inner-box .lower-content {

   position: relative;

   display: block;

   padding: 23px 30px;

   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);

   background: #fff;

   transition: all 500ms ease;

 }



 .shop-block-one .inner-box:hover .lower-content {

   box-shadow: none;

   background: #f0f5f7;

 }



 .shop-block-one .inner-box .lower-content h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

   margin-bottom: 4px;

 }



 .shop-block-one .inner-box .lower-content h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 3px;

 }



 .shop-block-one .inner-box .lower-content h3 a {

   display: inline-block;

   color: #16436f;

 }



 .shop-block-one .inner-box .lower-content h3 a:hover {}



 .shop-block-one .inner-box .lower-content .rating-box {

   position: relative;

   display: flex;

   align-items: center;

 }



 .shop-block-one .inner-box .lower-content .rating li {

   position: relative;

   display: inline-block;

   font-size: 12px;

   color: #f59845;

   margin-right: 2px;

 }



 .shop-block-one .inner-box .lower-content .rating-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   color: #7c8083;

   margin-left: 5px;

 }



 .shop-block-one .inner-box .lower-content .rating-box a:hover {}



 .shop-page-section .pagination-wrapper {

   margin-top: 30px;

 }





 /** shop-details **/



 .shop-details {

   position: relative;

   padding: 120px 0px;

 }



 .shop-details-content {

   position: relative;

   display: block;

 }



 .shop-details-content .bxslider .image-box {

   position: relative;

   display: flex;

   margin-right: 30px;

   align-items: center;

   justify-content: center;

   min-height: 530px;

   margin-bottom: 12px;

   border: 1px solid #e6ebed;

 }



 .shop-details-content .bxslider .image-box img {

   width: 100%;

 }



 .shop-details-content .bxslider .thumb-box li {

   position: relative;

   float: left;

   margin-right: 12px;

   width: 126px;

   height: 126px;

 }



 .shop-details-content .bxslider .thumb-box li:last-child {

   margin: 0px !important;

 }



 .shop-details-content .bxslider .thumb-box li a {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: center;

   border: 1px solid #e6ebed;

   width: 126px;

   height: 126px;

 }



 .shop-details-content .bxslider .thumb-box li a.active {}



 .shop-details-content .content-box {

   position: relative;

   display: block;

 }



 .shop-details-content .content-box .rating-box {

   position: relative;

   display: flex;

   align-items: center;

   margin-bottom: 25px;

 }



 .shop-details-content .content-box .rating li {

   position: relative;

   display: inline-block;

   font-size: 12px;

   color: #f59845;

   margin-right: 2px;

 }



 .shop-details-content .content-box .rating-box a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   color: #7c8083;

   margin-left: 5px;

 }



 .shop-details-content .content-box .rating-box a:hover {}



 .shop-details-content .content-box .othre-options h5 {

   font-size: 18px;

   line-height: 26px;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .shop-details-content .item-quantity {

   position: relative;

   display: inline-block;

   max-width: 146px;

   width: 100%;

   float: left;

   padding: 0px 45px;

 }



 .shop-details-content .item-quantity .input-group {

   position: relative;

   display: table;

   border-collapse: separate;

   max-width: 50px;

   width: 100%;

   height: 50px;

 }



 .shop-details-content .item-quantity input.quantity-spinner {

   line-height: 56px;

   height: 54px;

   width: 54px !important;

   padding: 0px !important;

   box-shadow: none !important;

   font-family: 'Saira', sans-serif;

   border: none;

   text-align: center;

   font-size: 18px;

   font-weight: 500;

   color: #16436f;

   border: 1px solid #e6ebed;

   background-color: #f0f5f7;

   border-radius: 0px;

 }



 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {

   position: absolute;

   height: 54px;

   width: 40px;

   background: transparent;

   padding: 0px 0px;

   left: -45px;

   top: -54px;

   border: 1px solid #e6ebed;

   border-radius: 0px;

 }



 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {

   position: absolute;

   height: 54px;

   width: 40px;

   background: transparent;

   padding: 0px 0px;

   right: -45px;

   top: -54px;

   border: 1px solid #e6ebed;

   border-radius: 0px;

 }



 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:before {

   content: "-";

   font-size: 24px;

   color: #1e2434;

   font-family: 'Saira', sans-serif;

 }



 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:before {

   content: "+";

   font-size: 24px;

   color: #1e2434;

   font-family: 'Saira', sans-serif;

 }



 .bootstrap-touchspin .input-group-btn-vertical {

   position: absolute;

   width: 100%;

 }



 .bootstrap-touchspin .input-group-btn-vertical i {

   display: none;

 }



 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

   margin-top: 0px;

 }



 .shop-details-content .content-box h2 {

   display: block;

   font-size: 36px;

   line-height: 46px;

   font-weight: 500;

   margin-bottom: 6px;

 }



 .shop-details-content .content-box h3 {

   position: absolute;

   top: 2px;

   right: 0px;

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

 }



 .shop-details-content .content-box p {

   display: block;

   margin-bottom: 26px;

 }



 .shop-details-content .content-box .product-highlights {

   position: relative;

   display: block;

   margin-bottom: 34px;

   padding-bottom: 32px;

   border-bottom: 1px solid #e6ebed;

 }



 .shop-details-content .content-box .product-highlights li {

   position: relative;

   display: block;

   font-size: 18px;

   color: #707582;

   padding-left: 180px;

   margin-bottom: 12px;

 }



 .shop-details-content .content-box .product-highlights li:last-child {

   margin-bottom: 0px;

 }



 .shop-details-content .content-box .product-highlights li h5 {

   position: absolute;

   left: 0px;

   top: 2px;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .shop-details-content .content-box h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 26px;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.5px;

   margin-bottom: 8px;

 }



 .shop-details-content .content-box .othre-options {

   position: relative;

   display: block;

   margin-bottom: 32px;

 }



 .shop-details-content .content-box .othre-options .item-quantity,

 .shop-details-content .content-box .othre-options .cart-box,

 .shop-details-content .content-box .othre-options .like-box {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 20px;

 }



 .shop-details-content .content-box .othre-options .like-box {

   margin-right: 0px;

 }



 .shop-details-content .content-box .othre-options .like-box a {

   position: relative;

   display: inline-block;

   width: 54px;

   height: 54px;

   line-height: 60px;

   font-size: 20px;

   background-color: #f0f5f7;

   text-align: center;

 }



 .shop-details-content .content-box .othre-options .like-box a:hover {

   color: #fff;

 }



 .shop-details-content .content-box .share-option h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

   margin-bottom: 12px;

 }



 .shop-details-content .content-box .share-option .share-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 15px;

 }



 .shop-details-content .content-box .share-option .share-links li:last-child {

   margin: 0px !important;

 }



 .shop-details-content .content-box .share-option .share-links li a {

   position: relative;

   display: inline-block;

   width: 44px;

   height: 44px;

   line-height: 44px;

   text-align: center;

   font-size: 16px;

   background: #3b5998;

   color: #fff;

 }



 .shop-details-content .content-box .share-option .share-links li:nth-child(2) a {

   background: #55acee;

 }



 .shop-details-content .content-box .share-option .share-links li:nth-child(3) a {

   background: #0071bc;

 }



 .shop-details-content .content-box .share-option .share-links li:last-child a {

   background: #cd201f;

 }



 .shop-details-content {

   margin-bottom: 120px;

 }



 .shop-details-content .content-box {

   margin-top: -8px;

 }



 .shop-details .product-discription {

   position: relative;

   display: block;

 }



 .shop-details .product-discription .tabs-content .text p {

   margin-bottom: 15px;

 }



 .shop-details .product-discription .tabs-content .text p:last-child {

   margin-bottom: 0px;

 }



 .shop-details .product-discription .tab-btn-box {

   position: relative;

   display: block;

   width: 100%;

   margin-bottom: 60px;

 }



 .shop-details .product-discription .tab-btn-box:before {

   position: absolute;

   content: '';

   background-color: #e6ebed;

   width: 100%;

   height: 1px;

   left: 0px;

   top: 28px;

 }



 .shop-details .product-discription .tab-btn-box .tab-btns li {

   position: relative;

   display: inline-block;

   font-size: 18px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   text-align: center;

   padding: 13px 27px;

   background-color: #fff;

   border: 1px solid #e6ebed;

   cursor: pointer;

   margin: 0px 8.5px;

   transition: all 500ms ease;

 }



 .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn {

   color: #fff;

 }



 .shop-details .product-discription .single-comment-box .inner-box {

   position: relative;

   display: block;

   background-color: #f0f5f7;

   padding: 32px 30px 32px 125px;

 }



 .shop-details .product-discription .single-comment-box .inner-box .comment-thumb {

   position: absolute;

   left: 30px;

   top: 40px;

   border-radius: 50%;

 }



 .shop-details .product-discription .single-comment-box .inner-box .comment-thumb img {

   width: 100%;

   border-radius: 50%;

 }



 .shop-details .product-discription .single-comment-box .inner-box .rating {

   position: relative;

   display: block;

   margin-bottom: 3px;

 }



 .shop-details .product-discription .single-comment-box .inner-box .rating li {

   position: relative;

   display: inline-block;

   font-size: 12px;

   float: left;

   margin-right: 4px;

   color: #f59845;

 }



 .shop-details .product-discription .single-comment-box .inner-box .rating li:last-child {

   margin: 0px !important;

 }



 .shop-details .product-discription .single-comment-box .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 26px;

   font-weight: 500;

   margin-bottom: 11px;

 }



 .shop-details .product-discription .single-comment-box .inner-box h3 span {

   font-size: 18px;

   font-weight: 400;

   font-family: 'DM Sans', sans-serif;

 }



 .shop-details .product-discription .customer-comment {

   position: relative;

   display: block;

   margin-bottom: 60px;

 }



 .shop-details .product-discription .comment-box {

   position: relative;

   display: block;

   background-color: #fff;

   padding: 52px 60px 60px 60px;

   border: 1px solid #e6ebed;

 }



 .shop-details .product-discription .comment-box h3 {

   display: block;

   font-size: 30px;

   line-height: 38px;

   font-weight: 500;

   margin-bottom: 9px;

 }



 .shop-details .product-discription .comment-box p {

   margin-bottom: 24px;

 }



 .shop-details .product-discription .comment-box .form-group {

   position: relative;

   margin-bottom: 15px;

 }



 .shop-details .product-discription .comment-box .column:last-child .form-group {

   margin-bottom: 0px;

   display: flex;

   align-items: center;

 }



 .shop-details .custom-controls-stacked .description {

   color: #7c8083;

   font-size: 18px;

   font-weight: 400;

   font-family: 'DM Sans', sans-serif;

 }



 .shop-details .product-discription .comment-box .form-group label {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 28px;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   font-weight: 500;

   margin-bottom: 6px;

 }



 .shop-details .product-discription .comment-box .form-group input[type='text'],

 .shop-details .product-discription .comment-box .form-group input[type='email'],

 .shop-details .product-discription .comment-box .form-group textarea {

   position: relative;

   width: 100%;

   height: 58px;

   border: 1px solid #e6ebed;

   font-size: 18px;

   color: #707582;

   padding: 10px 20px;

   color: #7c8083;

   transition: all 500ms ease;

 }



 .shop-details .product-discription .comment-box .form-group textarea {

   height: 120px;

   resize: none;

 }



 .shop-details .product-discription .comment-box .form-group input:focus,

 .shop-details .product-discription .comment-box .form-group textarea:focus {}



 .shop-details .product-discription .comment-box .review-box h6,

 .shop-details .product-discription .comment-box .review-box .rating {

   position: relative;

   float: left;

 }



 .shop-details .product-discription .comment-box .review-box .rating li {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 28px;

   float: left;

   margin-right: 4px;

   color: #f59845;

 }



 .shop-details .product-discription .comment-box .review-box .rating li:last-child {

   margin: 0px !important;

 }



 .shop-details .product-discription .comment-box .review-box h6 {

   margin-right: 10px;

   font-size: 16px;

   line-height: 28px;

   font-weight: 500;

 }



 .shop-details .product-discription .comment-box .review-box {

   position: relative;

   display: block;

   margin-bottom: 33px;

   margin-top: 8px;

 }



 .shop-details .product-discription .comment-box .message-btn,

 .shop-details .product-discription .comment-box .custom-controls-stacked {

   position: relative;

   float: left;

 }



 .shop-details .product-discription .comment-box .message-btn {

   margin-right: 20px;

 }



 .shop-details .product-discription .comment-box .message-btn .theme-btn {

   padding: 15px 45px;

 }



 .shop-details .product-discription {

   margin-bottom: 93px;

 }



 .shop-details .related-product {

   position: relative;

   display: block;

 }



 .shop-details .related-product .title-text h3 {

   display: block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

   margin-bottom: 30px;

 }



 .shop-details .related-product .shop-block-one .inner-box {

   margin-bottom: 0px;

 }





 /** cart-section **/



 .cart-section {

   position: relative;

   padding: 115px 0px 120px 0px;

 }



 .cart-outer {

   position: relative;

 }



 .cart-outer .table-outer {

   position: relative;

   width: 100%;

   overflow-x: auto;

   margin-bottom: 40px;

 }



 .cart-outer .cart-table {

   width: 100%;

   min-width: 900px;

   border-bottom: 1px solid #e6ebed;

 }



 .cart-outer .cart-table tbody {

   padding-bottom: 30px;

 }



 .cart-table .cart-header {

   position: relative;

   width: 100%;

   border: 1px solid #e6ebed;

 }



 .cart-table thead tr th {

   line-height: 28px;

   padding: 21px 28px 19px 40px;

   font-weight: 500;

   font-size: 20px;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   border-right: 1px solid #e6ebed;

   text-align: center;

 }



 .cart-table thead tr th .fa {

   font-size: 18px;

 }



 .cart-table tbody tr td {

   padding: 30px 40px;

 }



 .cart-table tbody tr .qty .item-quantity {

   border: 1px solid #dddddd;

 }



 .cart-table tbody tr .qty .quantity-spinner {

   background: #ffffff;

 }



 .cart-table tbody tr .prod-column .column-box {

   position: relative;

   min-height: 80px;

   padding-top: 11px;

   padding-left: 135px;

 }



 .cart-table tbody tr .prod-column .column-box .prod-thumb {

   position: absolute;

   left: -40px;

   top: -30px;

   width: 140px;

   height: 140px;

   display: flex;

   align-items: center;

   justify-content: center;

   border-right: 1px solid #e6ebed;

 }



 .cart-table tbody tr .prod-column .column-box .prod-thumb img {

   display: block;

   max-width: 100%;

 }



 .cart-table tbody tr .prod-column .column-box h5 {

   position: relative;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

   text-align: left;

 }



 .cart-table tbody tr .sub-total {

   font-size: 18px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

 }



 .cart-table tbody tr .remove-btn {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #bbc0c4;

   width: 34px;

   height: 34px;

   line-height: 34px;

   text-align: center;

   border: 1px solid #c0c5c8;

   -webkit-transition: all 500ms ease;

   -ms-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   transition: all 500ms ease;

 }



 .cart-table tbody tr .remove-btn:hover {}



 .cart-table tbody tr td {

   vertical-align: middle;

   border-left: 1px solid #e3e3e3;

   border-bottom: 1px solid #e3e3e3;

   text-align: center;

 }



 .cart-table tbody tr .total-price {

   font-size: 18px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

 }



 .cart-table tbody tr td:last-child {

   border-right: 1px solid #ebebeb;

 }



 .cart-section .cart-outer .totle-table {

   position: relative;

   margin-bottom: 12px;

 }



 .cart-section .cart-outer .totle-table .total p {

   color: #16436f;

 }



 .cart-section .cart-outer .totle-table .total p span {}



 .cart-table tbody tr td.qty input {

   width: 90px;

   height: 50px;

   border: 1px solid #e6ebed;

   text-align: center;

   padding: 10px 10px;

   font-size: 20px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

 }



 .cart-section .apply-coupon .form-group {

   position: relative;

   float: left;

   margin-right: 20px;

   margin-bottom: 0px;

 }



 .cart-section .apply-coupon .form-group:last-child {

   margin-right: 0px;

 }



 .cart-section .apply-coupon .form-group input[type="text"] {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   width: 250px;

   height: 54px;

   font-size: 18px;

   font-weight: 400;

   color: #7c8083;

   padding: 10px 20px;

   background: #ffffff;

   transition: all 500ms ease;

 }



 .cart-section .apply-coupon .form-group input:focus {}



 .cart-section .apply-coupon .form-group button {

   position: relative;

   display: inline-block;

   font-size: 14px;

   font-weight: 600;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   background: #f0f5f7;

   padding: 13px 29px;

   cursor: pointer;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   transition: all 500ms ease;

 }



 .cart-section .apply-coupon .form-group button:hover {

   color: #fff;

 }



 .cart-section .btn-box button {

   float: left;

   margin-right: 20px;

 }



 .cart-section .btn-box button:last-child {

   margin-right: 0px;

 }



 .cart-section .btn-box .checkout-btn {

   color: #fff;

 }



 .cart-section .btn-box .checkout-btn:hover {

   background: #16436f;

 }



 .cart-section .btn-box .theme-btn {

   padding: 15px 44px;

 }





 /** checkout **/



 .checkout-page-section {

   position: relative;

   padding: 120px 0px;

 }



 .checkout-page-section .information-inner {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   padding: 42px 60px 36px 60px;

 }



 .checkout-page-section h3 {

   position: relative;

   display: block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

   margin-bottom: 30px;

 }



 .checkout-page-section .information-inner .field-input {

   position: relative;

   display: block;

   margin-bottom: 20px;

   min-height: 60px;

 }



 .checkout-page-section .information-inner .field-input input[type='text'],

 .checkout-page-section .information-inner .field-input input[type='email'] {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   background: #f0f5f7;

   border: 1px solid #f0f5f7;

   font-size: 18px;

   color: #000;

   padding: 10px 20px;

   transition: all 500ms ease;

 }



 .checkout-page-section .information-inner .field-input input:focus {}



 .checkout-page-section .information-inner .field-input .nice-select {

   position: relative;

   border: 1px solid #f0f5f7 !important;

   color: #000;

   background: #f0f5f7;

   font-size: 18px;

   height: 60px;

   line-height: 60px;

   border-radius: 0px;

   padding: 0px 20px;

   text-transform: capitalize;

 }



 .checkout-page-section .information-inner .field-input .nice-select:after {

   content: '';

   background: transparent;

   border-bottom: 2px solid #7c8083;

   border-right: 2px solid #7c8083;

   transform: rotate(45deg) !important;

   width: 8px;

   height: 8px;

   border-radius: 0px;

   top: 25px;

   right: 25px;

 }



 .checkout-page-section .information-inner .custom-control.material-checkbox .material-control-indicator {

   top: 7px;

 }



 .checkout-page-section .information-inner .description {

   position: relative;

   display: inline-block;

   cursor: pointer;

   font-size: 15px;

   color: #7c8083;

   font-family: 'DM Sans', sans-serif;

 }



 .checkout-page-section .information-inner .custom-controls-stacked {

   position: relative;

   margin-top: -8px;

 }



 .checkout-page-section .information-inner .contact-information {

   position: relative;

   padding-bottom: 22px;

 }



 .checkout-page-section .information-inner .column:last-child {

   min-height: auto;

 }



 .checkout-page-section .order-summary {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   padding: 19px 30px 40px 30px;

 }



 .checkout-page-section .order-information {

   position: relative;

   margin-bottom: 94px;

 }



 .checkout-page-section .accordion .payment-info .field-input {

   position: relative;

   margin-bottom: 20px;

 }



 .checkout-page-section .accordion .payment-info .field-input input[type='text'] {

   position: relative;

   display: block;

   width: 100%;

   height: 60px;

   border: 1px solid #fff;

   background: #fff;

   font-size: 18px;

   color: #585f5f;

   padding: 10px 20px;

   transition: all 500ms ease;

 }



 .checkout-page-section .accordion .payment-info .field-input input:focus {}



 .checkout-page-section .accordion .payment-info .field-input .theme-btn {

   display: block;

   width: 100%;

   padding: 17px 30px;

 }



 .checkout-page-section .accordion-box .block .acc-content {

   padding: 0px 30px 30px 30px;

 }



 .checkout-page-section .accordion-box .block .acc-content .payment-info {

   position: relative;

   display: block;

   background-color: #f0f5f7;

   padding: 30px 30px 10px 30px;

 }



 .checkout-page-section .accordion-box .block {

   margin-bottom: 20px;

   border: 1px solid #e6ebed;

   box-shadow: none !important;

 }



 .checkout-page-section .accordion-box .block:last-child {

   margin-bottom: 0px;

 }



 .checkout-page-section .payment-method h3 {

   margin-bottom: 32px;

 }



 .checkout-page-section .accordion-box h4 {

   color: #16436f !important;

 }



 .checkout-page-section .accordion-box .block .acc-btn {

   padding: 17px 30px 18px 30px;

   border: none;

   background: transparent !important;

 }



 .checkout-page-section .accordion-box .block .acc-btn .icon-outer {

   position: absolute;

   top: 20px;

   right: 23px;

   opacity: 1 !important;

   color: #7c8083;

   font-size: 16px;

 }



 .checkout-page-section .order-summary .inner-box .single-item {

   position: relative;

   display: block;

   padding: 13px 0px 17px 0px;

   border-bottom: 1px solid #e6ebed;

   margin-bottom: 6px;

 }



 .checkout-page-section .order-summary .inner-box .single-item:last-child {

   margin-bottom: 0px;

 }



 .checkout-page-section h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .checkout-page-section .order-summary .inner-box .single-item h5 {

   margin-bottom: 5px;

 }



 .checkout-page-section .order-summary .inner-box .single-item p span {}



 .checkout-page-section .order-summary .total-box {

   position: relative;

   display: block;

   padding: 19px 0px;

   border-bottom: 1px solid #e6ebed;

 }



 .checkout-page-section .order-summary .total-box li {

   position: relative;

   display: block;

   color: #16436f;

   margin-bottom: 6px;

 }



 .checkout-page-section .order-summary .total-box li:last-child {

   margin-bottom: 0px;

 }



 .checkout-page-section .order-summary .total-box li span {

   float: right;

   color: #7c8083;

 }



 .checkout-page-section .order-summary .tax-box {

   position: relative;

   display: block;

   padding: 20px 0px 21px 0px;

   margin-bottom: 13px;

 }



 .checkout-page-section .order-summary .tax-box h5 span {

   float: right;

 }



 .checkout-page-section .order-summary .theme-btn {

   padding: 14px 44px;

 }







 /** myaccount-section **/



 .myaccount-section {

   position: relative;

   padding: 115px 0px 120px 0px;

 }



 .myaccount-section h2 {

   position: relative;

   display: block;

   font-size: 36px;

   line-height: 44px;

   font-weight: 500;

   margin-bottom: 30px;

 }



 .myaccount-section .login-content .form-inner {

   position: relative;

   display: block;

   background: #f0f5f7;

   padding: 32px 40px 40px 40px;

 }



 .myaccount-section .form-inner label {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 28px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   margin-bottom: 8px;

 }



 .myaccount-section .form-inner .form-group {

   position: relative;

   margin-bottom: 23px;

 }



 .myaccount-section .form-inner input[type='text'],

 .myaccount-section .form-inner input[type='email'],

 .myaccount-section .form-inner input[type='password'] {

   position: relative;

   display: block;

   width: 100%;

   height: 54px;

   background: #fff;

   font-size: 18px;

   color: #75706d;

   padding: 10px 25px;

   transition: all 500ms ease;

 }



 .myaccount-section .login-content .form-inner input[type='text'],

 .myaccount-section .login-content .form-inner input[type='email'],

 .myaccount-section .login-content .form-inner input[type='password'] {

   border: 1px solid #fff;

 }



 .myaccount-section .form-inner input:focus {}



 .myaccount-section .form-inner .theme-btn {

   width: 100%;

 }



 .myaccount-section .login-content .form-inner .form-group:last-child {

   margin-bottom: 0px;

 }



 .myaccount-section .login-content .form-inner .forgot-password button {

   position: relative;

   display: inline-block;

   font-size: 16px;

   line-height: 20px;

   font-weight: 600;

   font-family: 'Saira', sans-serif;

   color: #16436f;

   transition: all 500ms ease;

 }



 .myaccount-section .login-content .form-inner .forgot-password button:hover {}



 .myaccount-section .custom-control.material-checkbox .material-control-indicator {

   background: #fff;

 }





 .myaccount-section .custom-controls-stacked .description {

   font-size: 18px;

   font-family: 'DM Sans', sans-serif;

   color: #7c8083;

   font-weight: 400;

 }



 .myaccount-section .register-content .form-inner {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   padding: 32px 40px 12px 40px;

 }



 .myaccount-section .register-content .form-inner .message-btn,

 .myaccount-section .register-content .custom-controls-stacked {

   padding-top: 10px;

 }



 .myaccount-section .register-content .form-inner input {

   border: 1px solid #f0f5f7 !important;

   background: #f0f5f7;

 }



 .myaccount-section .register-content .form-inner input:focus {}



 .myaccount-section .register-content .custom-control.material-checkbox .material-control-indicator {

   top: 7px;

 }





 /** service-page-section **/



 .service-page-section {

   position: relative;

   padding: 120px 0px 90px 0px;

 }



 .service-page-section .service-block-one .inner-box {

   margin-bottom: 30px;

 }





 /** service-details **/



 .service-sidebar {

   position: relative;

   display: block;

   margin-right: 20px;

 }



 .service-sidebar .category-widget {

   position: relative;

   display: block;

   border: 1px solid #e6ebed;

   padding: 22px 30px 9px 30px;

 }



 .service-sidebar .category-widget h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 21px;

 }



 .service-sidebar .category-widget .category-list li {

   position: relative;

   display: block;

 }



 .service-sidebar .category-widget .category-list li a {

   position: relative;

   display: block;

   font-size: 18px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   padding: 15px 0px 13px 0px;

   border-bottom: 1px solid #e6ebed;

   z-index: 1;

 }



 .service-sidebar .category-widget .category-list li:last-child a {

   border-bottom: none;

 }



 .service-sidebar .category-widget .category-list li a:hover,

 .service-sidebar .category-widget .category-list li a.current {

   color: #fff;

 }



 .service-sidebar .category-widget .category-list li a:before {

   position: absolute;

   content: '';

   width: calc(100% - 30px);

   height: 100%;

   left: -30px;

   top: 0px;

   opacity: 0;

   z-index: -1;

   transition: all 500ms ease;

 }



 .service-sidebar .category-widget .category-list li a:hover:before,

 .service-sidebar .category-widget .category-list li a.current:before,

 .service-sidebar .category-widget .category-list li a:hover:after,

 .service-sidebar .category-widget .category-list li a.current:after {

   opacity: 1;

 }



 .service-sidebar .category-widget .category-list li a:after {

   position: absolute;

   content: '';

   width: 30px;

   height: 100%;

   top: 0px;

   right: 30px;

   opacity: 0;

   z-index: -1;

   transition: all 500ms ease;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

 }



 .service-sidebar .category-widget {

   margin-bottom: 62px;

 }



 .service-sidebar .download-widget .download-list li {

   position: relative;

   display: block;

   margin-bottom: 32px;

   background: #f0f5f7;

   padding: 14px 20px 16px 80px;

 }



 .service-sidebar .download-widget .download-list li:last-child {

   margin-bottom: 0px;

 }



 .service-sidebar .download-widget .download-list li .icon {

   position: absolute;

   left: 20px;

   top: -12px;

   width: 40px;

   height: 50px;

   line-height: 58px;

   text-align: center;

   font-size: 24px;

   color: #fff;

 }



 .service-sidebar .download-widget .download-list li .icon:before {

   position: absolute;

   content: '';

   background: #0b9092;

   height: 12px;

   width: 10px;

   top: 0px;

   right: -10px;

   clip-path: polygon(0% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);

 }



 .service-sidebar .download-widget .download-list li h5 {

   display: block;

   font-size: 18px;

   line-height: 24px;

   font-weight: 500;

   margin-bottom: 5px;

 }



 .service-sidebar .download-widget .download-list li span {

   position: relative;

   display: block;

   line-height: 16px;

 }



 .service-sidebar .download-widget .download-list li a {

   position: absolute;

   top: 20px;

   right: 30px;

   display: inline-block;

   width: 38px;

   height: 38px;

   line-height: 44px;

   font-size: 16px;

   color: #fff;

   background: #16436f;

   text-align: center;

   z-index: 1;

 }



 .service-sidebar .download-widget .download-list li a:hover {}



 .service-sidebar .download-widget {

   margin-bottom: 50px;

 }



 .service-sidebar .sidebar-banner .inner-box {

   position: relative;

   display: block;

   background: #16436f;

   padding: 20px 30px 40px 30px;

 }



 .service-sidebar .sidebar-banner .logo {

   position: relative;

   display: block;

   margin-bottom: 8px;

   z-index: 1;

 }



 .service-sidebar .sidebar-banner .image-box {

   position: relative;

   display: block;

   margin-left: 34px;

   max-width: 256px;

   margin-bottom: 12px;

 }



 .service-sidebar .sidebar-banner .image-box .image {

   position: relative;

   display: block;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .service-sidebar .sidebar-banner .image-box .image img {

   width: 100%;

 }



 .service-sidebar .sidebar-banner .image-box:before {

   position: absolute;

   content: '';

   width: calc(100% + 2px);

   height: calc(100% + 2px);

   left: -1px;

   top: -1px;

   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

   clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

 }



 .service-sidebar .sidebar-banner .image-box .icon-box {

   position: absolute;

   left: -41px;

   bottom: 30px;

   display: inline-block;

   width: 80px;

   height: 70px;

   line-height: 80px;

   text-align: center;

   font-size: 40px;

   color: #fff;

   z-index: 1;

 }



 .service-sidebar .sidebar-banner .image-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .service-sidebar .sidebar-banner h3 {

   position: relative;

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   color: #fff;

   margin-bottom: 4px;

   z-index: 1;

 }



 .service-sidebar .sidebar-banner p {

   color: #d1dbe5;

   margin-bottom: 22px;

   z-index: 1;

 }



 .service-sidebar .sidebar-banner .shape .shape-1 {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 228px;

   height: 140px;

   background-repeat: no-repeat;

   z-index: 1;

 }



 .service-sidebar .sidebar-banner .shape .shape-2 {

   position: absolute;

   right: 0px;

   bottom: 63px;

   width: 123px;

   height: 276px;

   background-repeat: no-repeat;

   z-index: 1;

 }



 .service-details-content {

   position: relative;

   display: block;

 }



 .service-details-content .content-one h2 {

   display: block;

   font-size: 44px;

   line-height: 54px;

   font-weight: 500;

   margin-bottom: 39px;

 }



 .service-details-content .image-box {

   position: relative;

   display: block;

 }



 .service-details-content .image-box img {

   width: 100%;

 }



 .service-details-content .content-one .image-box {

   margin-bottom: 43px;

 }



 .service-details-content .content-one {

   margin-bottom: 44px;

 }



 .service-details-content .content-two .content-box {

   position: relative;

   display: block;

 }



 .service-details-content h2 {

   font-size: 36px;

   line-height: 46px;

   font-weight: 500;

   margin-bottom: 12px;

 }



 .service-details-content .content-two .text {

   margin-bottom: 15px;

 }



 .service-details-content .content-two .single-item {

   position: relative;

   display: block;

   padding-left: 30px;

   margin-bottom: 15px;

 }



 .service-details-content .content-two .single-item:last-child {

   margin-bottom: 0px;

 }



 .service-details-content .content-two .single-item:before {

   position: absolute;

   content: '';

   width: 16px;

   height: 16px;

   left: 0px;

   top: 9px;

   border-radius: 50%;

 }



 .service-details-content .content-two .single-item h3 {

   position: relative;

   display: inline-block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 19px;

 }



 .service-details-content .content-two .single-item h3:before {

   position: absolute;

   content: '';

   background: #e6ebed;

   width: 100%;

   height: 5px;

   left: 0px;

   bottom: -1px;

 }



 .service-details-content .content-two .image-box {

   margin-bottom: 23px;

 }



 .service-details-content .content-two .list-item li {

   position: relative;

   display: block;

   margin-bottom: 8px;

   padding-left: 34px;

 }



 .service-details-content .content-two .list-item li:last-child {

   margin-bottom: 0px;

 }



 .service-details-content .content-two .list-item li:before {

   position: absolute;

   content: "\f130";

   font-family: 'flaticon';

   font-size: 16px;

   left: 0px;

   top: 0px;

 }



 .service-details-content .content-two {

   margin-bottom: 45px;

 }



 .service-details-content .content-three .text {

   position: relative;

   margin-bottom: 37px;

 }



 .service-details-content .content-three .inner-box {

   position: relative;

   width: 100%;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .service-details-content .content-three .single-item .icon-box {

   position: relative;

   display: inline-block;

   margin-bottom: 18px;

 }



 .service-details-content .content-three .single-item .icon-box .icon {

   position: relative;

   display: inline-block;

   width: 140px;

   height: 130px;

   line-height: 146px;

   font-size: 56px;

   text-align: center;

   z-index: 1;

 }



 .service-details-content .content-three .single-item .icon-box .icon:before {

   position: absolute;

   content: '';

   background: #f0f5f7;

   width: 140px;

   height: 130px;

   left: 0px;

   top: 0px;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

   z-index: -1;

 }



 .service-details-content .content-three .single-item .icon-box span {

   position: absolute;

   top: -1px;

   right: -21px;

   width: 48px;

   height: 40px;

   line-height: 42px;

   font-size: 16px;

   color: #fff;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-align: center;

   z-index: 1;

 }



 .service-details-content .content-three .single-item .icon-box span:before {

   position: absolute;

   content: '';

   background: #fff;

   left: 0px;

   top: 0px;

   width: 48px;

   height: 40px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .service-details-content .content-three .single-item .icon-box span:after {

   position: absolute;

   content: '';

   left: 4px;

   top: 4px;

   width: 38px;

   height: 32px;

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   transform: rotate(90deg);

 }



 .service-details-content .content-three .single-item h4 {

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-weight: 500;

   text-align: center;

 }



 .service-details-content .content-three .single-item .icon-box .shape {

   position: absolute;

   top: 40px;

   right: -145px;

   width: 120px;

   height: 46px;

   background-repeat: no-repeat;

 }



 .service-details-content .content-three .single-item .overlay-content {

   position: absolute;

   left: 0px;

   bottom: -165px;

   width: 100%;

   background: #fff;

   padding: 28px 30px 27px 30px;

   box-shadow: 0px -5px 30px 0px rgb(0 0 0 / 10%);

   opacity: 0;

   z-index: 1;

   visibility: hidden;

   transition: all 500ms ease;

 }



 .service-details-content .content-three .single-item:hover .overlay-content {

   opacity: 1;

   bottom: -155px;

   visibility: visible;

 }



 .service-details-content .content-three .single-item .overlay-content:before {

   position: absolute;

   content: '';

   background: #fff;

   width: 38px;

   height: 22px;

   top: -22px;

   clip-path: polygon(0% 0%, 50% 0%, 100% 100%, 0% 100%, 50% 0%);

 }



 .service-details-content .content-three .single-item:first-child .overlay-content:before {

   left: 50px;

 }



 .service-details-content .content-three .single-item:nth-child(2) .overlay-content:before {

   left: 50%;

   transform: translateX(-50%);

 }



 .service-details-content .content-three .single-item:last-child .overlay-content:before {

   right: 50px;

 }



 .service-details-content .content-three {

   margin-bottom: 45px;

 }



 .service-details-content .content-four {

   position: relative;

   padding-right: 100px;

   margin-bottom: 52px;

 }



 .service-details-content .content-four .shape {

   position: absolute;

   top: 0px;

   right: 0px;

   width: 170px;

   height: 310px;

   background-repeat: no-repeat;

 }



 .service-details-content .content-four .text {

   margin-bottom: 32px;

 }



 .service-details-content .content-four .text h2 {

   margin-bottom: 2px;

 }



 .service-details-content .content-four .text p {

   color: #16436f;

 }



 .service-details-content .content-four .inner-box {

   position: relative;

   display: block;

   background: #f0f5f7;

   padding: 19px 30px 30px 30px;

 }



 .service-details-content .content-four .list-inner {

   position: relative;

 }



 .service-details-content .content-four .list-style-one {

   float: left;

   width: 50%;

 }



 .service-details-content .content-four .list-style-one li {

   padding-top: 5px;

   padding-bottom: 12px;

   border-bottom: 1px dashed #c5cace;

 }



 .service-details-content .content-four .list-style-one li:last-child {

   border-bottom: none;

 }



 .service-details-content .content-four .list-style-one:first-child {

   padding-right: 30px;

 }



 .service-details-content .content-four .list-style-one:last-child {

   padding-left: 30px;

 }



 .service-details-content .content-four .list-style-one li:before {

   top: 6px;

 }



 .service-details-content .content-four .btn-box {

   padding-top: 13px;

 }



 .service-details-content .content-four .btn-box .theme-btn {

   width: 100%;

 }



 .service-details-content .content-four .btn-box .theme-btn i {

   position: relative;

   top: 1px;

   margin-left: 8px;

 }



 .service-details-content .content-five .title-text {

   margin-bottom: 29px;

 }



 .service-details-content {

   margin-top: -9px;

 }



 /** research-page-section **/



 .research-page-section {

   position: relative;

 }



 .research-page-section .project-block-one .inner-box {

   margin-bottom: 30px;

 }



 .research-page-section .filter-btns li {

   position: relative;

   display: inline-block;

   margin-right: 50px;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   cursor: pointer;

   padding-top: 6px;

   transition: all 500ms ease;

 }



 .research-page-section .filter-btns li:last-child {

   margin: 0px !important;

 }



 .research-page-section .filter-btns li.active {}



 .research-page-section .filter-btns li:before {

   position: absolute;

   content: '';

   border: 2px solid #b8bdc1;

   width: 8px;

   height: 8px;

   bottom: 8px;

   right: -30px;

   border-radius: 50%;

 }



 .research-page-section .filter-btns li:last-child:before {

   display: none;

 }



 .research-page-section .filter-btns li:after {

   position: absolute;

   content: '';

   width: 0%;

   height: 2px;

   left: 0px;

   top: 0px;

   transition: all 500ms ease;

 }



 .research-page-section .filter-btns li.active:after {

   width: 100%;

 }



 .research-page-section .filters {

   position: relative;

   margin-bottom: 43px;

 }



 .research-page-section .more-btn {

   margin-top: 30px;

 }





 /** project-details **/



 .project-details {

   position: relative;

   padding: 120px 0px 115px 0px;

 }



 .project-sidebar {

   position: relative;

   display: block;

   margin-right: 30px;

 }



 .project-sidebar .sidebar-content {

   position: relative;

   display: block;

   background: #f0f5f7;

   padding: 33px 40px 40px 40px;

   margin-bottom: 30px;

 }



 .project-sidebar .sidebar-content .list li {

   position: relative;

   display: block;

   margin-bottom: 15px;

 }



 .project-sidebar .sidebar-content .list li:last-child {

   margin-bottom: 0px;

 }



 .project-sidebar .sidebar-content .list li h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .project-sidebar .sidebar-content .list li a {

   color: #7c8083;

 }



 .project-sidebar .sidebar-content .list li a:hover {}



 .project-sidebar .sidebar-content .list {

   margin-bottom: 32px;

 }



 .project-sidebar .sidebar-content .social-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 15px;

 }



 .project-sidebar .sidebar-content .social-links li:last-child {

   margin: 0px !important;

 }



 .project-sidebar .sidebar-content .social-links li a {

   position: relative;

   display: inline-block;

   width: 44px;

   height: 44px;

   line-height: 44px;

   font-size: 18px;

   color: #fff;

   background: #3b5998;

   text-align: center;

 }



 .project-sidebar .sidebar-content .social-links li:nth-child(2) a {

   background: #55acee;

 }



 .project-sidebar .sidebar-content .social-links li:nth-child(3) a {

   background: #0071bc;

 }



 .project-sidebar .sidebar-content .social-links li:last-child a {

   background: #cd201f;

 }



 .project-sidebar .btn-box .theme-btn {

   width: 100%;

 }



 .project-details-content {

   position: relative;

   display: block;

 }



 .project-details-content .content-one {

   margin-bottom: 52px;

 }



 .project-details-content .content-one .title-text span {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #fff;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 0px 20px 0px 25px;

   margin-bottom: 17px;

 }



 .project-details-content .content-one .title-text span:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -18px;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

   transition: all 500ms ease;

 }



 .project-details-content .content-one .title-text h2 {

   display: block;

   font-size: 36px;

   line-height: 46px;

   font-weight: 500;

   margin-bottom: 32px;

 }



 .project-details-content .content-one .text p {

   margin-bottom: 21px;

 }



 .project-details-content .content-one .text p:last-child {

   margin-bottom: 0px;

 }



 .project-details-content .image-box {

   position: relative;

   display: block;

   padding-bottom: 23px;

 }



 .project-details-content .image-box .image {

   position: relative;

   display: block;

   margin-bottom: 30px;

 }



 .project-details-content .image-box .image img {

   width: 100%;

 }



 .project-details-content .content-two .single-item {

   position: relative;

   display: block;

   padding-left: 130px;

   margin-bottom: 47px;

 }



 .project-details-content .content-two .single-item:last-child {

   margin-bottom: 0px;

 }



 .project-details-content .content-two .single-item .icon-box {

   position: absolute;

   display: inline-block;

   left: 8px;

   top: 7px;

   width: 90px;

   height: 100px;

   line-height: 114px;

   text-align: center;

   font-size: 44px;

   color: #16436f;

   z-index: 1;

 }



 .project-details-content .content-two .single-item .icon-box:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-30.png);

   width: 90px;

   height: 100px;

   left: 0px;

   top: 0px;

   background-repeat: no-repeat;

   z-index: -1;

 }



 .project-details-content .content-two .single-item .icon-box:before {

   position: absolute;

   content: '';

   background: #f0f5f7;

   width: 100px;

   height: 90px;

   left: -15px;

   top: 10px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .project-details-content .content-two .single-item h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 14px;

 }



 .project-details-content .content-two .single-item p {

   margin-bottom: 15px;

 }



 .project-details-content .content-two .single-item h4 {

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-weight: 500;

   margin-bottom: 15px;

 }



 .project-details-content .content-two .single-item .list li {

   position: relative;

   display: block;

   margin-bottom: 8px;

   padding-left: 34px;

 }



 .project-details-content .content-two .single-item .list li:last-child {

   margin-bottom: 0px;

 }



 .project-details-content .content-two .single-item .list li:before {

   position: absolute;

   content: "\f130";

   font-family: 'flaticon';

   font-size: 16px;

   left: 0px;

   top: 0px;

 }



 /** blog-grid **/



 .blog-grid {

   position: relative;

 }



 .blog-grid .news-block-one .inner-box {

   margin-bottom: 30px;

 }



 .blog-grid .pagination-wrapper {

   margin-top: 30px;

 }



 .news-block-one .inner-box h2 {

   position: relative;

   display: block;

   font-size: 36px;

   line-height: 46px;

   font-weight: 500;

   margin-bottom: 12px;

 }



 .news-block-one .inner-box h2 a {

   display: inline-block;

   color: #16436f;

 }



 .news-block-one .inner-box h2 a:hover {}



 .news-block-one .inner-box .text {

   position: relative;

   display: block;

   padding-bottom: 22px;

   margin-bottom: 14px;

   border-bottom: 1px dashed #c5cace;

 }



 .sidebar-page-container .news-block-one .inner-box {

   margin-bottom: 30px;

 }



 .sidebar-page-container .pagination-wrapper {

   padding-top: 30px;

 }



 .sidebar-page-container .content-side {

   position: relative;

 }



 /* .sidebar-page-container .content-side:before {

   position: absolute;

   content: '';

   border-right: 1px dashed #c5cace;

   top: 0px;

   right: -35px;

   height: 100%;

 } */



 .blog-sidebar {

   position: relative;

   padding-left: 70px;

 }



 .blog-sidebar .sidebar-widget .widget-title {

   position: relative;

   display: block;

   margin-bottom: 21px;

 }



 .blog-sidebar .sidebar-widget .widget-title h3 {

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

 }



 .blog-sidebar .search-widget .search-inner .form-group {

   position: relative;

   margin: 0px;

 }



 .blog-sidebar .search-widget .search-inner .form-group input[type='search'] {

   position: relative;

   width: 100%;

   height: 54px;

   border: 1px solid #e6ebed;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 60px 10px 20px;

   transition: all 500ms ease;

 }



 .blog-sidebar .search-widget .search-inner .form-group button {

   position: absolute;

   top: 16px;

   right: 20px;

   font-size: 20px;

   color: #16436f;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .blog-sidebar .search-widget .search-inner .form-group input:focus {}



 .blog-sidebar .search-widget .search-inner .form-group input:focus+button,

 .blog-sidebar .search-widget .search-inner .form-group button:hover {}



 .blog-sidebar .search-widget {

   margin-bottom: 43px;

 }



 .blog-sidebar .category-widget .category-list li {

   position: relative;

   display: block;

   margin-bottom: 19px;

 }



 .blog-sidebar .category-widget .category-list li:last-child {

   margin-bottom: 0px;

 }



 .blog-sidebar .category-widget .category-list li a {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .blog-sidebar .category-widget .category-list li a:hover {}



 .blog-sidebar .category-widget .category-list li a i {

   position: relative;

   top: 2px;

   margin-left: 0px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .blog-sidebar .category-widget .category-list li a:hover i {

   margin-left: 10px;

   opacity: 1;

 }



 .blog-sidebar .category-widget .category-list li a span {

   position: absolute;

   top: 1px;

   right: 0px;

   width: 36px;

   height: 24px;

   line-height: 24px;

   border: 1px solid #e6ebed;

   text-align: center;

   font-size: 14px;

   color: #7c8083;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-align: center;

   transition: all 500ms ease;

 }



 .blog-sidebar .category-widget .category-list li a:hover span {

   color: #fff;

 }



 .blog-sidebar .category-widget {

   margin-bottom: 43px;

 }



 .blog-sidebar .post-widget .post {

   position: relative;

   display: block;

   padding-left: 90px;

   margin-bottom: 16px;

   min-height: 116px;

 }



 .blog-sidebar .post-widget .post:last-child {

   margin-bottom: 0px;

 }



 .blog-sidebar .post-widget .post .post-thumb {

   position: absolute;

   left: 0px;

   top: 6px;

   width: 70px;

   height: 70px;

 }



 .blog-sidebar .post-widget .post .post-thumb img {

   width: 100%;

   transition: all 500ms ease;

 }



 .blog-sidebar .post-widget .post:hover .post-thumb img {

   opacity: 0.2;

 }



 .blog-sidebar .post-widget .post .post-date {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   margin-bottom: 6px;

 }



 .blog-sidebar .post-widget .post h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .blog-sidebar .post-widget .post h5 a {

   display: inline-block;

   color: #16436f;

 }



 .blog-sidebar .post-widget .post h5 a:hover {}



 .blog-sidebar .post-widget .widget-title {

   margin-bottom: 25px;

 }



 .blog-sidebar .post-widget {

   margin-bottom: 34px;

 }



 .blog-sidebar .tags-widget .tags-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin: 0px 5px 5px 0px;

 }



 .blog-sidebar .tags-widget .tags-list li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #7c8083;

   background: #f0f5f7;

   padding: 2px 12px;

   text-align: center;

 }



 .blog-sidebar .tags-widget .tags-list li a:hover {

   color: #fff;

 }



 .blog-sidebar .tags-widget {

   margin-bottom: 40px;

 }



 .blog-sidebar .subscribe-widget .inner-box {

   position: relative;

   display: block;

   width: 100%;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

   padding: 50px 25px 34px 25px;

 }



 .blog-sidebar .subscribe-widget .inner-box:before {

   position: absolute;

   content: '';

   background: #16436f;

   mix-blend-mode: multiply;

   width: 100%;

   height: 100%;

   left: 0px;

   top: 0px;

 }



 .blog-sidebar .subscribe-widget .icon-box {

   position: relative;

   display: inline-block;

   width: 100px;

   height: 90px;

   line-height: 100px;

   text-align: center;

   font-size: 50px;

   color: #fff;

   z-index: 1;

   margin-bottom: 18px;

 }



 .blog-sidebar .subscribe-widget .icon-box:before {

   position: absolute;

   content: '';

   width: 100px;

   height: 90px;

   line-height: 100px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

   z-index: -1;

 }



 .blog-sidebar .subscribe-widget .icon-box:after {

   position: absolute;

   content: '';

   background-image: url(../images/shape/shape-30.png);

   width: 90px;

   height: 100px;

   right: -4px;

   top: -10px;

   z-index: -1;

 }



 .blog-sidebar .subscribe-widget h3 {

   position: relative;

   display: block;

   font-size: 24px;

   line-height: 34px;

   color: #fff;

   font-weight: 500;

   margin-bottom: 5px;

 }



 .blog-sidebar .subscribe-widget p {

   color: #d1dbe5;

   margin-bottom: 23px;

   line-height: 26px;

 }



 .blog-sidebar .subscribe-widget .form-inner .form-group {

   position: relative;

   margin-bottom: 18px;

 }



 .blog-sidebar .subscribe-widget .form-inner .form-group input[type='email'] {

   position: relative;

   display: block;

   width: 100%;

   height: 52px;

   background: #fff;

   border: 1px solid #fff;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 20px 10px 50px;

   margin-bottom: 10px;

   transition: all 500ms ease;

 }



 .blog-sidebar .subscribe-widget .form-inner .form-group input:focus {}



 .blog-sidebar .subscribe-widget .form-inner .form-group i {

   position: absolute;

   left: 20px;

   top: 16px;

   font-size: 18px;

   color: #b8bdc1;

   z-index: 1;

 }



 .blog-sidebar .subscribe-widget .form-inner .form-group button {

   position: relative;

   display: block;

   width: 100%;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   color: #fff;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   padding: 12px 30px;

   cursor: pointer;

   transition: all 500ms ease;

 }



 .blog-sidebar .subscribe-widget .form-inner .form-group button:hover {}



 .blog-sidebar .subscribe-widget .custom-controls-stacked {

   display: inline-block;

 }



 .blog-sidebar .subscribe-widget .custom-controls-stacked .description {

   color: #d1dbe5;

   font-family: 'DM Sans', sans-serif;

 }



 .blog-sidebar .subscribe-widget .custom-control.material-checkbox .material-control-indicator {

   border-color: #3e7288;

 }



 .blog-sidebar {

   margin-top: -7px;

 }



 .sidebar-page-container .news-block-two .inner-box .image-box {

   width: 352px;

 }



 .sidebar-page-container .news-block-two .inner-box {

   padding-left: 352px;

 }



 .sidebar-page-container .news-block-two {

   padding-top: 0px;

 }



 .sidebar-page-container .news-block-two .inner-box .category {

   left: inherit;

   right: 0px;

   top: 23px;

   text-align: right;

 }



 .sidebar-page-container .news-block-two .inner-box .image-inner {

   position: absolute;

   left: 0px;

   top: 0px;

   width: 352px;

 }



 .sidebar-page-container .news-block-two .inner-box .category a:hover {}



 .sidebar-page-container .news-block-two .inner-box .category a:hover:before {}



 .sidebar-page-container .news-block-two .inner-box .content-box {

   padding: 22px 25px 15px 48px;

   min-height: 275px;

 }



 .sidebar-page-container .news-block-two .inner-box .content-box .post-info li {}



 .sidebar-page-container .news-block-two .inner-box .content-box .post-info li a:hover {}



 .sidebar-page-container .news-block-two .inner-box .content-box h3 {

   padding-bottom: 0px;

   margin-bottom: 14px;

   border-bottom: none;

 }



 .sidebar-page-container .news-block-two .inner-box .content-box p {

   padding-bottom: 22px;

   margin-bottom: 14px;

   border-bottom: 1px dashed #c5cace;

 }



 .sidebar-page-container .news-block-two .inner-box .content-box h3 a:hover {}



 .sidebar-page-container .news-block-two .inner-box .content-box .lower-box .link a:hover {}



 .sidebar-page-container .news-block-two .inner-box .content-box .lower-box .social-links li a:hover {}



 .sidebar-page-container .news-block-two .inner-box .content-box .lower-box .comments-box a:hover {}





 /** blog-details **/



 .page-title.blog-details .post-discription {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .page-title.blog-details .post-discription .post-info li {

   position: relative;

   display: inline-block;

   float: left;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   color: #d1dbe5;

   font-weight: 500;

   margin-right: 33px;

   line-height: 26px;

 }



 .page-title.blog-details .post-discription .post-info li:last-child {

   margin: 0px !important;

 }



 .page-title.blog-details .post-discription .post-info li a {

   color: #d1dbe5;

   line-height: 26px;

 }



 .page-title.blog-details .post-discription .post-info li a:hover {}



 .page-title.blog-details .post-discription .post-info li:before {

   position: absolute;

   content: '';

   top: 8px;

   right: -20px;

   width: 8px;

   height: 8px;

   border-radius: 50%;

 }



 .page-title.blog-details .post-discription .post-info li:last-child:before,

 .page-title.blog-details .post-discription .post-info li:first-child:before {

   display: none;

 }



 .page-title.blog-details .post-discription .post-info li:first-child a {

   position: relative;

   padding: 2px 20px 2px 24px;

   color: #ffffff;

   font-size: 14px;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .page-title.blog-details .post-discription .post-info li:first-child a:before {

   position: absolute;

   content: '';

   width: 18px;

   height: 100%;

   top: 0px;

   right: -17px;

   clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 0%);

 }



 .page-title.blog-details .post-discription .right-info {

   position: relative;

   display: flex;

   align-items: center;

 }



 .page-title.blog-details .post-discription .social-links li {

   position: relative;

   display: inline-block;

   font-size: 18px;

   margin-right: 12px;

 }



 .page-title.blog-details .post-discription .social-links li:last-child {

   margin: 0px !important;

 }



 .page-title.blog-details .post-discription .social-links li a {

   position: relative;

   display: inline-block;

   color: #d1dbe5;

 }



 .page-title.blog-details .post-discription .social-links li a:hover {}



 .page-title.blog-details .post-discription .comments-box a {

   position: relative;

   display: inline-block;

   float: left;

   font-size: 16px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #d1dbe5;

   padding-left: 26px;

   margin-left: 30px;

 }



 .page-title.blog-details .post-discription .comments-box a:hover {}



 .page-title.blog-details .post-discription .comments-box a i {

   position: absolute;

   left: 0px;

   top: 2px;

   font-size: 18px;

 }



 .page-title.blog-details .post-discription .comments-box a:before {

   position: absolute;

   content: '';

   background: rgba(255, 255, 255, 0.25);

   width: 1px;

   height: 17px;

   top: 4px;

   left: -15px;

 }



 .page-title.blog-details {

   padding-bottom: 29px;

 }



 .blog-details-content {

   position: relative;

   display: block;

 }



 .blog-details-content .image-box {

   position: relative;

   display: block;

 }



 .blog-details-content .image-box img {

   width: 100%;

 }



 .blog-details-content .content-one .image-box {

   margin-bottom: 43px;

 }



 .blog-details-content .content-one {

   margin-bottom: 44px;

 }



 .blog-details-content h2 {

   display: block;

   font-size: 36px;

   line-height: 46px;

   margin-bottom: 23px;

   font-weight: 500;

 }



 .blog-details-content .content-two p {

   margin-bottom: 25px;

 }



 .blog-details-content .content-two p:last-child {

   margin-bottom: 0px;

 }



 .blog-details-content .content-two {

   margin-bottom: 43px;

 }



 .blog-details-content .content-two blockquote {

   position: relative;

   display: block;

   padding-left: 80px;

   margin: 4px 0px 0px 0px;

 }



 .blog-details-content .content-two blockquote h3 {

   display: block;

   font-size: 26px;

   line-height: 36px;

   margin-bottom: 15px;

 }



 .blog-details-content .content-two blockquote .icon-box {

   position: absolute;

   left: 0px;

   top: 8px;

   font-size: 50px;

 }



 .blog-details-content .content-two blockquote .designation {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   letter-spacing: 0.6px;

   padding-left: 20px;

   text-transform: uppercase;

 }



 .blog-details-content .content-two blockquote .designation:before {

   position: absolute;

   content: '';

   left: 0px;

   top: 7px;

   width: 10px;

   height: 10px;

   border-radius: 50%;

 }



 .blog-details-content .content-three {

   margin-bottom: 52px;

 }



 .blog-details-content .content-three .single-item {

   position: relative;

   display: block;

   overflow: hidden;

 }



 .blog-details-content .content-three .single-item .text {

   position: absolute;

   width: calc(100% - 40px);

   left: 20px;

   bottom: 20px;

   z-index: 1;

   text-align: center;

 }



 .blog-details-content .content-three .single-item .text h4 {

   position: relative;

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-weight: 500;

   background: #fff;

   padding: 12px 30px;

 }



 .blog-details-content .content-four p {

   margin-bottom: 15px;

 }



 .blog-details-content .content-four h4 {

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-weight: 500;

   margin-bottom: 15px;

 }



 .blog-details-content .content-four .list-item li {

   position: relative;

   display: block;

   margin-bottom: 8px;

   padding-left: 34px;

 }



 .blog-details-content .content-four .list-item li:last-child {

   margin-bottom: 0px;

 }



 .blog-details-content .content-four .list-item li:before {

   position: absolute;

   content: "\f130";

   font-family: 'flaticon';

   font-size: 16px;

   left: 0px;

   top: 0px;

 }



 .blog-details-content .post-tags {

   padding: 54px 0px 50px 0px;

   border-bottom: 1px dashed #c5cace;

   margin-bottom: 41px;

 }



 .blog-details-content .post-tags .tags-list li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 5px;

 }



 .blog-details-content .post-tags .tags-list li:last-child {

   margin: 0px;

 }



 .blog-details-content .post-tags .tags-list li h4 {

   position: relative;

   display: block;

   font-size: 20px;

   line-height: 32px;

   font-weight: 500;

   margin-right: 5px;

 }



 .blog-details-content .post-tags .tags-list li a {

   position: relative;

   display: inline-block;

   font-size: 18px;

   color: #7c8083;

   line-height: 32px;

   background: #f0f5f7;

   padding: 0px 15px;

 }



 .blog-details-content .post-tags .tags-list li a:hover {

   color: #fff;

 }



 .blog-details-content .post-nav-btn .inner-box {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

   margin-bottom: 42px;

 }



 .blog-details-content .post-nav-btn .single-btn {

   position: relative;

   display: block;

 }



 .blog-details-content .post-nav-btn .single-btn .image-box {

   position: absolute;

   top: 9px;

   width: 70px;

 }



 .blog-details-content .post-nav-btn .single-btn.prev-btn {

   padding-left: 90px;

 }



 .blog-details-content .post-nav-btn .single-btn.next-btn {

   padding-right: 90px;

   text-align: right;

 }



 .blog-details-content .post-nav-btn .single-btn.prev-btn .image-box {

   left: 0px;

 }



 .blog-details-content .post-nav-btn .single-btn.next-btn .image-box {

   right: 0px;

 }



 .blog-details-content .post-nav-btn .single-btn a {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #7c8083;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 5px;

 }



 .blog-details-content .post-nav-btn .single-btn a:hover {}



 .blog-details-content .post-nav-btn .single-btn a i {

   position: absolute;

   top: 1px;

   opacity: 0;

   transition: all 500ms ease;

 }



 .blog-details-content .post-nav-btn .single-btn a:hover i {

   opacity: 1;

 }



 .blog-details-content .post-nav-btn .single-btn.prev-btn a i {

   left: 0px;

 }



 .blog-details-content .post-nav-btn .single-btn.next-btn a i {

   right: 0px;

 }



 .blog-details-content .post-nav-btn .single-btn.prev-btn a:hover {

   padding-left: 23px;

 }



 .blog-details-content .post-nav-btn .single-btn.next-btn a:hover {

   padding-right: 23px;

 }



 .blog-details-content .post-nav-btn .single-btn h5 {

   display: block;

   font-size: 18px;

   line-height: 28px;

   font-weight: 500;

 }



 .blog-details-content .post-nav-btn .btn-box a {

   position: relative;

   display: block;

   width: 100%;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   color: #16436f;

   background: #f0f5f7;

   padding: 15px 15px;

   text-align: center;

 }



 .blog-details-content .post-nav-btn .btn-box a:hover {

   background: #16436f;

   color: #fff;

 }



 .blog-details-content .post-nav-btn .btn-box a span {

   position: relative;

   padding-left: 22px;

 }



 .blog-details-content .post-nav-btn .btn-box a span:before {

   position: absolute;

   content: '';

   background-image: url(../images/icons/icon-4.png);

   width: 12px;

   height: 12px;

   left: 0px;

   top: 5px;

 }



 .blog-details-content .post-nav-btn {

   margin-bottom: 52px;

 }



 .blog-details-content .author-box .inner-box {

   position: relative;

   display: block;

   padding: 0px 0px 60px 200px;

   margin-bottom: 52px;

   border-bottom: 1px dashed #c5cace;

 }



 .blog-details-content .author-box .inner-box .author-thumb {

   position: absolute;

   left: 0px;

   top: 6px;

   width: 170px;

   height: 170px;

   border-radius: 50%;

 }



 .blog-details-content .author-box .inner-box .author-thumb img {

   width: 100%;

   border-radius: 50%;

 }



 .blog-details-content .author-box .inner-box h6 {

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   margin-bottom: 1px;

 }



 .blog-details-content .author-box .inner-box h3 {

   display: block;

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 13px;

 }



 .blog-details-content .author-box .inner-box p {

   margin-bottom: 22px;

 }



 .blog-details-content .author-box .inner-box .social-links li {

   position: relative;

   display: inline-block;

   float: left;

   margin-right: 15px;

 }



 .blog-details-content .author-box .inner-box .social-links li:last-child {

   margin: 0px !important;

 }



 .blog-details-content .author-box .inner-box .social-links li a {

   position: relative;

   display: inline-block;

   width: 44px;

   height: 44px;

   line-height: 44px;

   text-align: center;

   font-size: 18px;

   color: #fff;

   background: #3b5998;

 }



 .blog-details-content .author-box .inner-box .social-links li:nth-child(2) a {

   background: #55acee;

 }



 .blog-details-content .author-box .inner-box .social-links li:nth-child(3) a {

   background: #0071bc;

 }



 .blog-details-content .author-box .inner-box .social-links li:last-child a {

   background: #cd201f;

 }



 .blog-details-content .comments-box .comment {

   position: relative;

   display: block;

   padding-left: 100px;

   margin-bottom: 33px;

 }



 .blog-details-content .comments-box .comment:last-child {

   margin-bottom: 0px;

 }



 .blog-details-content .comments-box .comment .comment-thumb {

   position: absolute;

   left: 0px;

   top: 8px;

   width: 70px;

   height: 70px;

 }



 .blog-details-content .comments-box .comment .comment-thumb img {

   width: 100%;

 }



 .blog-details-content .comments-box .comment .comment-info {

   position: relative;

   display: flex;

   align-items: center;

   justify-content: space-between;

 }



 .blog-details-content .comments-box .comment .comment-info h4 {

   display: block;

   font-size: 20px;

   line-height: 30px;

   font-weight: 500;

 }



 .blog-details-content .comments-box .comment .comment-info .comment-date {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .blog-details-content .comments-box .comment .comment-info {

   margin-bottom: 10px;

 }



 .blog-details-content .comments-box .comment p {

   margin-bottom: 20px;

 }



 .blog-details-content .comments-box .comment .reply-btn {

   position: relative;

   display: inline-block;

   font-size: 14px;

   line-height: 24px;

   font-family: 'Saira', sans-serif;

   font-weight: 600;

   color: #16436f;

   text-transform: uppercase;

   letter-spacing: 0.6px;

   background: #f0f5f7;

   padding: 10px 32px;

 }



 .blog-details-content .comments-box .comment .reply-btn:hover {

   color: #fff;

 }



 .blog-details-content .comments-box .comment.replay-comment {

   margin-left: 40px;

 }



 .blog-details-content .comments-box {

   padding-bottom: 40px;

   margin-bottom: 50px;

   border-bottom: 1px dashed #c5cace;

 }



 .blog-details-content .comments-form-area .form-group {

   position: relative;

   margin-bottom: 24px;

 }



 .blog-details-content .comments-form-area .form-group:last-child {

   margin-bottom: 0px;

 }



 .blog-details-content .comments-form-area .form-group label {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   margin-bottom: 7px;

 }



 .blog-details-content .comments-form-area .form-group input[type='text'],

 .blog-details-content .comments-form-area .form-group input[type='email'],

 .blog-details-content .comments-form-area .form-group textarea {

   position: relative;

   display: block;

   width: 100%;

   height: 58px;

   border: 1px solid #e6ebed;

   padding: 10px 20px;

   font-size: 18px;

   color: #7c8083;

   transition: all 500ms ease;

 }



 .blog-details-content .comments-form-area .form-group textarea {

   height: 120px;

   resize: none;

 }



 .blog-details-content .comments-form-area .form-group input:focus,

 .blog-details-content .comments-form-area .form-group textarea:focus {}



 .blog-details-content .comments-form-area .text {

   margin-bottom: 25px;

 }



 .blog-details-content .comments-form-area .text h2 {

   margin-bottom: 7px;

 }



 .blog-details-content .comments-form-area .custom-controls-stacked .description {

   font-size: 18px;

   font-weight: 400;

   font-family: 'DM Sans', sans-serif;

   color: #7c8083;

 }



 .blog-details-content .comments-form-area .custom-controls-stacked {

   margin-bottom: 10px;

 }



 .blog-details-content .comments-form-area .theme-btn {

   padding: 15px 46px;

 }





 /** contact-info-section **/



 .contact-info-section {

   position: relative;

   padding: 120px 0px 115px 0px;

 }



 .contact-info-section .upper-box {

   position: relative;

   display: block;

   margin-bottom: 75px;

 }



 .contact-info-section .upper-box .image-box {

   position: relative;

   display: block;

   margin-right: 30px;

 }



 .contact-info-section .upper-box .image-box img {

   width: 100%;

 }



 .contact-info-section .upper-box .content-box .sec-title {

   margin-bottom: 21px;

 }



 .contact-info-section .upper-box .content-box .text {

   margin-bottom: 25px;

 }



 .contact-info-section .upper-box .content-box .inner-box {

   position: relative;

   display: block;

   padding-left: 100px;

 }



 .contact-info-section .upper-box .content-box .inner-box .icon-box {

   position: absolute;

   left: 0px;

   top: 12px;

   width: 80px;

   height: 70px;

   line-height: 80px;

   font-size: 40px;

   color: #fff;

   z-index: 1;

   text-align: center;

 }



 .contact-info-section .upper-box .content-box .inner-box .icon-box:before {

   position: absolute;

   content: '';

   width: 80px;

   height: 70px;

   left: 0px;

   top: 0px;

   transform: rotate(90deg);

   z-index: -1;

   clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

 }



 .contact-info-section .upper-box .content-box .inner-box h3 {

   font-size: 24px;

   line-height: 34px;

   font-weight: 500;

   margin-bottom: 10px;

 }



 .contact-info-section .upper-box .content-box .inner-box h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .contact-info-section .upper-box .content-box .inner-box h6 a {

   position: relative;

   display: inline-block;

   color: #787b7f;

 }



 .contact-info-section .upper-box .content-box .inner-box h6 a i {

   position: relative;

   font-weight: 400;

   margin-left: 10px;

   top: 2px;

 }



 .contact-info-section .upper-box .content-box .inner-box h6 a:hover {}



 .contact-info-section .upper-box .content-box {

   margin-top: -4px;

 }



 .contact-info-section .lower-box .single-item {

   position: relative;

   display: block;

   padding-right: 60px;

 }



 .contact-info-section .lower-box .single-item .icon-box {

   position: relative;

   display: block;

   font-size: 50px;

   margin-bottom: 23px;

 }



 .contact-info-section .lower-box .single-item h3 {

   display: block;

   font-size: 22px;

   line-height: 32px;

   font-weight: 500;

   margin-bottom: 9px;

 }



 .contact-info-section .lower-box .single-item h3 a {

   display: inline-block;

   color: #16436f;

 }



 .contact-info-section .lower-box .single-item h3 a:hover {}



 .contact-info-section .lower-box .single-item p {

   margin-bottom: 16px;

 }



 .contact-info-section .lower-box .single-item p a {

   display: inline-block;

   color: #7c8083;

 }



 .contact-info-section .lower-box .single-item p a:hover {}



 .contact-info-section .lower-box .single-item h6 {

   position: relative;

   display: block;

   font-size: 14px;

   line-height: 24px;

   font-weight: 600;

   text-transform: uppercase;

   letter-spacing: 0.6px;

 }



 .contact-info-section .lower-box .single-item h6 a {

   display: inline-block;

   color: #16436f;

 }



 .contact-info-section .lower-box .single-item h6 a:hover {}



 .contact-info-section .lower-box .single-item h6 a i {

   position: relative;

   margin-left: 10px;

   top: 2px;

 }



 .contact-info-section .lower-box .single-item:before {

   position: absolute;

   content: '';

   background: #e6ebed;

   width: 1px;

   height: calc(100% - 6px);

   top: 0px;

   right: 30px;

 }



 .contact-info-section .lower-box .single-column:last-child .single-item:before {

   display: none;

 }





 /** contact-section **/



 .contact-section {

   position: relative;

 }



 .contact-section .form-inner .form-group {

   position: relative;

   margin-bottom: 23px;

 }



 .contact-section .form-inner .form-group:last-child {

   margin-bottom: 0px;

 }



 .contact-section .form-inner .form-group label {

   position: relative;

   display: block;

   font-size: 16px;

   line-height: 26px;

   font-family: 'Saira', sans-serif;

   font-weight: 500;

   color: #16436f;

   margin-bottom: 7px;

   text-align: left;

 }



 .contact-section .form-inner .form-group input[type='text'],

 .contact-section .form-inner .form-group input[type='email'],

 .contact-section .form-inner .form-group textarea,

 .contact-section .form-inner .form-group .nice-select {

   position: relative;

   display: block;

   width: 100%;

   height: 54px;

   border: 1px solid #e6ebed;

   font-size: 18px;

   color: #7c8083;

   padding: 10px 20px;

   text-transform: capitalize;

   border-radius: 0px;

   text-align: left;

   padding-right: 50px;

   transition: all 500ms ease;

 }



 .contact-section .form-inner .form-group textarea {

   height: 150px;

   resize: none;

 }



 .contact-section .form-inner .form-group input:focus,

 .contact-section .form-inner .form-group textarea:focus {}



 .contact-section .form-inner .form-group i {

   position: absolute;

   top: 50px;

   right: 35px;

   font-size: 18px;

   color: #b6bfc2;

   z-index: 1;

 }



 .contact-section .sec-title {

   margin-bottom: 42px;

 }



 .contact-section .form-inner .form-group .theme-btn {

   margin-top: 7px;

   padding: 15px 37px;

 }



 ul.social-links {

   display: flex;

 }



 /* .social-links li {

    padding-left: 15px;

} */

 .social-links li a {

   color: #000;

 }



 .logo-box .logo img {

   width: 280px;

 }



 .cart-box i {

   font-size: 20px;

 }



 .social-links li {

   /* padding-left: 15px; */

   border: 1px solid #000;

   border-radius: 100%;

   width: 30px;

   height: 30px;

   align-items: center;

   text-align: center;

   margin-right: 10px;

 }



 .footer-logo img {

   background: #fff;

   padding: 5px 10px;

   border-radius: 3px;

 }

.tach-loader {
    width: 100%;
    height: 100%;
    /* background: #fff; */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.page-title label {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 128px;
}

.location-survey p{
  color: #16436f;
  font-size: 22px;
  font-weight: 500;
  font-family: 'Saira', sans-serif;
}

.location-iframe{
  margin-bottom: 20px;
}

.table-wrap {
    max-width: 900px;
    margin: 0px auto;
    background: #ffffff;
    border: 1px solid #000;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  th, td {
    /* padding: 12px 16px; */
    padding: 5px 5px;
    text-align: center;
    border-bottom: 1px solid #000;
    color: #000;
    vertical-align: top;
    word-wrap: break-word;
  }

  td:first-child, th:first-child {
    border-right: 1px solid #000;
    width: 30%;
  }

  /* tr:nth-child(even) td {
    background-color: #4AB4A0;
    color: #fff;
  } */

  tr:last-child td {
    border-bottom: none;
  }

  .anti-bio {
    margin: 25px;
  }
  .anti-bio h3 {
    text-align: center;
    font-size: 45px;
    font-weight: 500;
  }

  .career h3 {
    text-align: center;
  }

  .resume-upload-btn {
    display: inline-block;
    padding: 13px 40px;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease;
    text-align: center;
    border: 2px solid #000;
}

#resume-file-name {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #000;
}

/* call to action */

aside.sidebar-area{position:sticky;top:10px;}
.pulse:nth-child(1){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;}
.pulse:nth-child(2){-webkit-animation:pulse 2s infinite 0.3s;animation:pulse 2s infinite 0.3s;}
.pulse:nth-child(3){-webkit-animation:pulse 2s infinite 0.3s;animation:pulse 2s infinite 0.3s;}
.whatsapp-info,
.pulse{font-family:"Lato", sans-serif;display:inline-block;color:#fff;background:#1ab744;position:fixed;bottom:100px;right:50px;font-size:45px;text-align:center;z-index:99;border-radius:90%;height:50px;width:50px;line-height:45px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
@keyframes pulse{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0;}
50%{opacity:0.3;}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;}
}
.calles:nth-child(1){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.calles:nth-child(2){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.calles:nth-child(2){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.phone-info,
.calles{font-family:"Lato", sans-serif;display:inline-block;color:#fff;background:#066de3;position:fixed;bottom:100px;left:50px;font-size:45px;text-align:center;z-index:99;border-radius:90%;height:50px;width:50px;line-height:45px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
@keyframes calles{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0;}
50%{opacity:0.3;}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;}
}

/* call to action */

 @media (max-width:575px) {

   ul.social-links {

     display: flex;

     justify-content: center;

   }



   .nav-logo img {

     background-color: #fff;

     padding: 10px 12px;

     border-radius: 4px;

   }



   .highlights-section .inner-container {

     margin-top: 15px;

   }

 }



 .content-box .text p{

  text-align: justify;

 }

/* popup image */

.tachyons-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.tachyons-popup-box {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    animation: tachyonsPopupZoom .3s ease;
}

.tachyons-popup-box img {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    border-radius: 10px;
}

.tachyons-popup-close {
    position: absolute;
    /* top: -15px; */
    top: -24px;
    right: -15px;
    width: 35px;
    height: 35px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
}

.tachyons-popup-close:hover {
    background: #000;
    color: #fff;
}

@keyframes tachyonsPopupZoom {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 768px) {

    .tachyons-popup-box {
        width: 90%;
        max-width: 350px;
        margin: 0 auto;
    }

    .tachyons-popup-box img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 8px;
    }

    .tachyons-popup-close {
        top: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }

}

/* popup image */

/* call to action */
aside.sidebar-area{position:sticky;top:10px;}
.pulse:nth-child(1){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;}
.pulse:nth-child(2){-webkit-animation:pulse 2s infinite 0.3s;animation:pulse 2s infinite 0.3s;}
.pulse:nth-child(3){-webkit-animation:pulse 2s infinite 0.3s;animation:pulse 2s infinite 0.3s;}
.whatsapp-info,
.pulse{font-family:"Lato", sans-serif;display:inline-block;color:#fff;background:#1ab744;position:fixed;bottom:100px;right:50px;font-size:45px;text-align:center;z-index:99;border-radius:90%;height:50px;width:50px;line-height:45px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
@keyframes pulse{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0;}
50%{opacity:0.3;}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;}
}
.calles:nth-child(1){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.calles:nth-child(2){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.calles:nth-child(2){-webkit-animation:calles 2s infinite;animation:calles 2s infinite;}
.phone-info,
.calles{font-family:"Lato", sans-serif;display:inline-block;color:#fff;background:#066de3;position:fixed;bottom:100px;left:50px;font-size:45px;text-align:center;z-index:99;border-radius:90%;height:50px;width:50px;line-height:45px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
@keyframes calles{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0;}
50%{opacity:0.3;}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;}
}
/* call to action */

.tachyons-gallery img{
      height: 315px;
}

.certi-form img{
border: 2px solid #000;
}

.european-accre {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.european-accre .accredita-tachyons {
    width: 95%;
    padding: 0 15px;
}

.european-accre .accredita-tachyons img {
    width: 100%;
    height: auto;
    display: block;
}

.international-accrdi h3{
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 5px;
}

.international-accrdi h4{
  /* color: #000; */
  font-size: 30px;
  font-weight: 400;
}

.international-accrdi ul li{
  color: #000;
}

.ecatalogue-box {
    padding: 20px;
}

.ecatalogue-box h2 {
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5px;
}

.ecatalogue-line {
    width: 100px;
    height: 3px;
    background: #000;
    margin-bottom: 25px;
}

.ecatalogue-btn {
    display: flex;
    align-items: center;
    width: 80%;
    height: 55px;
    border-radius: 20px;
    text-decoration: none;
    background: #000;
    overflow: hidden;
    transition: 0.3s ease;
}


.ecatalogue-text {
    flex: 1;
    text-align: center;
    color: #fff;
    /* font-size: 14px; */
    font-weight: 600;
    letter-spacing: 0.3px;
}

.ecatalogue-arrow {
    width: 45px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    background: #000;
}

.ecatalogue-btn:hover {
    background: #000;
    transform: translateY(-2px);
}

.ecatalogue-btn:hover .ecatalogue-arrow {
    background: #000;
}

@media (max-width: 768px) {
    .european-accre {
        display: block;
    }

    .european-accre .accredita-tachyons {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .ecatalogue-box {
        padding: 15px;
    }

    .ecatalogue-box h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .ecatalogue-line {
        width: 80px;
        margin-bottom: 20px;
    }

    .ecatalogue-btn {
        width: 100%;
        max-width: 280px;
        height: 58px;
    }

    .ecatalogue-text {
        font-size: 13px;
    }

    .ecatalogue-arrow {
        width: 40px;
        height: 58px;
    }

    .content-box .text p {
    text-align: start !important;
    }

    .international-accrdi h3 {
    font-size: 30px !important;
    }

    .global-country {
        margin-bottom: 20px !important;
        padding: 18px 15px !important;
    }

    .global-country p {
        font-size: 18px !important;
        line-height: 1.4;
    }
    
  /* .autho-maintain{
    height: 400px !important;
  } */

   .formu-develop ul {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .formu-develop ul li {
        width: 100%;
    }
  
  /* .formulation-development {
        padding: 60px 0;
    } */

    .formulation-content {
        margin-bottom: 35px;
    }

    .formulation-services {
        display: block !important;
    }

    .formulation-card {
        min-height: auto;
        margin-bottom: 15px;
        padding: 22px 20px;
    }

    .formulation-card:last-child {
        margin-bottom: 0;
    }

    .formulation-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
    }
}

.formulation-development {
    /* padding: 90px 0; */
    padding-bottom: 60px;
    overflow: hidden;
}

.formulation-content {
    position: relative;
}

.formulation-services {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 20px;
}

.formulation-content p {
    margin-bottom: 15px;
}

.formulation-card {
    position: relative;
    padding: 28px 22px;
    min-height: 205px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.formulation-card::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    right: -25px;
    bottom: -25px;
    border-radius: 50%;
    background: #2e317ed1;
    transition: 0.3s ease;
}

.formulation-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    border-color: #2e317e;
}

.formulation-card:hover::after {
    width: 83px;
    height: 83px;
}

/* .formulation-card:hover::after {
    width: 100px;
    height: 100px;
} */

.formulation-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #4ab3a12e;
    color: #000;
    font-size: 21px;
    position: relative;
    z-index: 2;
}

.formulation-card span {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
}

.formulation-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 9px;
    font-size: 18px;
    line-height: 1.3;
    color: #252525;
}

.formulation-card p {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    line-height: 1.6;
    color: #000;
}

/* .autho-maintain{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 100%;
  padding: 10px;
} */

.formu-develop ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.formu-develop ul li {
    width: calc(50% - 15px);
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.global-country {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    margin-bottom: 5px;
}

.global-country:hover {
    transform: scale(1.1);
    transition: 1.5s;
}

.global-country svg {
    display: block;
    margin: 0 auto 20px;
}

.global-country p {
    margin: 0;
    text-align: center !important;
}

/* tachyons loader */
.tachyons-loader {
    position: relative;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tachyons-loader-letters {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    animation: tachyonsLoaderRotate 14s linear infinite;
}

.tachyons-loader-letters span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 105px;
    margin-left: -10px;
    margin-top: -105px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    transform: rotate(var(--angle)) translateY(0);
    transform-origin: 10px 105px;
}

.tachyons-loader-icon {
    position: relative;
    z-index: 2;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

@keyframes tachyonsLoaderRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.accre-glob {
  padding: 20px;
}

@media (max-width: 768px) {
    .tachyons-loader {
        width: 160px;
        height: 160px;
    }

    .tachyons-loader-letters span {
        width: 16px;
        height: 76px;
        margin-left: -8px;
        margin-top: -76px;
        font-size: 9px;
        letter-spacing: 0.5px;
        transform-origin: 8px 76px;
    }

    .tachyons-loader-icon {
        width: 45px;
        height: 45px;
    }

  .accre-glob {
    padding: 8px;
  }
}
/* tachyons loader */