/*
Theme Name: itsoft 
Theme URI:https://itsoft.dreamitsolution.net/
Description: TtSoft - IT Solution & Business Service WP Theme 
Author: Dream IT
Author URI: https://www.templatemonster.com/authors/dreamit/
Version: 3.0.0
Tags: custom-menu, editor-style, featured-images
Text Domain: itsoft
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

 /*
-------------------------------------------------------------------------------------
CSS INDEX
======================================================================================
* THEME DEFULT CSS
* SECTION TITLE
* SLIDER BUTTON STYLE
* WIDGET  CSS
* HEADING TOP AREA CSS
* HEADING NAV AREA CSS
* SLIDER CSS
* ABOUT SECTION CSS
* SERCIVE CSS
* PROGRESS CSS
* TEAM CSS
* COUNTER AREA CSS
* PRICING AREA CSS
* BRAND AREA CSS
* TESTIMONIAL AREA CSS
* PORTFOLIO AREA CSS
* BLOG AREA CSS
* BLOG DETAILS AREA CSS
* choose AREA CSS
* COMMENT AREA CSS
* PAGINATION AREA CSS
* BREADCRUMB AREA CSS
* 404 AREA CSS
* FOOTER TOP AREA CSS
* FOOTER TOP 2 AREA CSS
* FOOTER MIDDLE AREA CSS
* FOOTER BOTTOM AREA CSS
* SCROLL TOP CSS
* RESPONSIVE CSS
============================================================================================= */

 /*----------------------------------------
 Don't change any css from here. If you need to change, Please use child theme.
------------------------------------------*/

 html,
 body {}

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

 /* box layout */

 .box.wrapper {
     max-width: 1200px;
     margin: auto;
     background: #fff;
     -webkit-box-shadow: 0px 0px 5px #ddd;
     box-shadow: 0px 0px 5px #ddd;
 }

 /* end box layout */

 .fix {
     overflow: hidden;
 }

 .clear_both {
     clear: both;
 }

 h1 {
     font-size: 40px;
 }

 h2 {
     font-size: 35px;
 }

 h3 {
     font-size: 28px;
 }

 h4 {
     font-size: 22px;
 }

 h5 {
     font-size: 18px;
 }

 h6 {
     font-size: 16px;
 }

 /*===================== itsoft HEADING TOP AREA CSS =========================*/

 /* LEFT RIGHT CSS */

 .em40_header_area_main.hdisplay_none {
     display: none;
 }

 .itsoft-header-top {
     padding: 11px 0;
     background: #252628;
     position: relative;
     z-index: 1;
 }

 .top-address p {
     margin-bottom: 0;
     font-size: 12px;
     display: inline-block;
 }

 .top-address p span,
 .top-address p a {
     margin-right: 20px;
 }

 .top-address p span i,
 .top-address p a i {
     font-size: 15px;
     margin-right: 10px;
 }

 .top-address p a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

 .itsoft-header-top::after {
     content: '';
     position: absolute;
     top: 0;
     left: -5px;
     width: 54%;
     height: 100%;
     z-index: -1;
     transform: skew(-26deg);
     padding-left: 20px;
     background: var(--dream-color-primary);
 }

 /* TOP RIGHT CSS */

 .top-right-menu p {
     display: inline-block;
     color: #fff;
 }

 .top-right-menu ul.social-icons {
     margin: 0;
     padding: 0;
 }

 .top-right-menu ul.social-icons li {
     display: inline-block;
     margin-left: 20px;
     position: relative;
 }

 .top-right-menu ul.social-icons li a {
     display: inline-block;
     text-decoration: none;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     font-size: 15px;
 }

 .top-address p a,
 .top-right-menu ul.social-icons li a,
 .top-address p span {
     color: #fff;
     font-size: 15px;
     font-weight: 400;
 }

 .top-right-menu .social-icons li a:hover,
 .top-right-menu .social-icons li a i:hover {
     color: #fff;
 }

 .top-both-p0 .top-address p a,
 .top-both-p0 .top-address p span {
     margin-right: 0px;
     margin-left: 12px;
 }

 .right_menu_button {
     text-align: right;
 }

 .login_button {
     font-size: 12px;
     text-transform: uppercase;
     color: #fff;
     border: 1px solid #fff;
     display: inline-block;
     padding: 0px 17px;
     margin-left: 10px;
     font-weight: 500;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     line-height: 24px;
 }

 .login_button.active,
 .login_button:hover {
     background: #333;
     border-color: #333;
     color: #fff;
 }

 .header-support {
     margin-top: 11px;
     margin-left: 14px;
     display: inline-block;
 }

 .header-support a {
     color: #fff;
     font-weight: 500;
     background: var(--dream-color-primary);
     padding: 8px 21px;
     border-radius: 30px;
     display: inline-block;
     position: relative;
     z-index: 1;
 }

 .header-support a:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 0%;
     content: "";
     background: #161a33;
     border-radius: 30px;
     z-index: -1;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .header-support a:hover::before {
     width: 100%;
 }

 .header-support b {
     font-weight: 400;
     font-size: 17px;
     color: #565872;
 }

 .header-support i {
     margin-right: 12px;
     display: inline-block;
 }

 /* sub menu css */

 .top-right-menu ul .sub-menu {
     position: absolute;
     left: 0px;
     top: 100%;
     visibility: hidden;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     border-top: 1px solid #f00;
     width: 150px;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     text-align: left;
     background: #fff;
     z-index: 1;
 }

 .top-right-menu ul.social-icons li:hover .sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
 }

 .top-right-menu ul .sub-menu li {
     padding: 5px 0px 0px 5px;
 }

 .top-right-menu ul .sub-menu li a {
     font-size: 12px;
 }

 .top-right-menu ul .sub-menu ul {
     display: none;
 }

 .top-welcome p {
     padding: 0px;
     margin: 0px;
 }

 .top-address a {
     margin-right: 5px;
     color: #43342c;
 }

 .top-address.em-login a+a {
     margin-right: 0;
 }

 .top-address.em-login p a i,
 .top-address.em-login p a i {
     margin-right: 5px;
 }

 .top-address.em-login a+a:before {
     content: "|";
     margin-right: 12px;
 }

 .txtc {
     text-align: center;
 }

 .text-center {
     text-align: center;
 }

 .text-center {
     text-align: center;
 }

 .text-left {
     text-align: left;
 }

 .text-right {
     text-align: right;
 }

 .top-address a:hover {
     color: #fff;
 }

 /* top opening */

 .top-address.menu_18 span {
     background: #fff;
     padding: 8px 15px 9px;
     display: inline-block;
     color: #333;
 }

 .top-right-menu ul.social-icons.menu_18,
 .top-right-menu ul.social-icons.menu_19 {
     padding: 7px 0;
 }

 .em-login.menu_18,
 .em-quearys-top.menu_19 {
     padding: 7px 0;
 }

 /* top quearys */

 .em-top-quearys-area {
     position: relative;
 }

 .em-header-quearys {
     list-style: none;
 }

 .em-quearys-menu i {
     display: inline-block;
     text-align: center;
     font-size: 18px;
     cursor: pointer;
     color: #062462;
     margin-top: 0px;
     height: 25px;
     width: 35px;
     line-height: 27px;
     background: inherit;
     border-radius: 3px;
     border-right: 1px solid #CECDD2;
     padding: 0 2px 0 0;
 }

 .heading_style_3 .hbg2 .em-quearys-menu i {
     color: #333;
 }

 .search_button {
     text-align: right;
 }

 .prefix .em-quearys-menu i {
     color: #fff;
 }

 .em-quearys-inner {
     position: absolute;
     right: 15px;
     top: 36px;
     z-index: 999;
     display: none;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .em-quearys-inner {}

 .em-quearys-form {
     background-color: #f5f5f5;
     width: 363px;
     float: right;
     border-radius: 30px;
 }

 .top-form-control {
     position: relative;
 }

 .em-quearys-inner::before {
     position: absolute;
     right: 1px;
     top: -11px;
     width: 47px;
     height: 47px;
     text-align: center;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-bottom: 8px solid var(--dream-color-primary);
     content: " ";
 }

 .top-form-control input {
     background: #f4f6f9;
     color: #555555;
     font-size: 13px;
     font-weight: 300;
     height: 55px;
     padding: 0 40px 0 25px;
     width: 100%;
     border: none;
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
     border-radius: 30px;
 }

 .top-form-control button.top-quearys-style {
     position: absolute;
     right: 0;
     top: 50%;
     background: 0 0;
     font-size: 16px;
     border: none;
     color: var(--dream-color-primary);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 100%;
     background: var(--dream-color-primary);
     width: 58px;
     border-radius: 0 30px 30px 0;
     text-align: center;
 }

 .top-quearys-style i {
     font-size: 18px;
     color: #fff;
 }

 .em-s-hidden {
     display: none !important;
 }

 /* address left right icon */

 .top-right-menu.litop {
     float: left;
 }

 /* mobile logo */

 .mobile_menu_logo.text-center {
     padding: 20px 0;
 }

 .tr_search .em-quearys-menu i {
     color: #fff;
 }

 /* Style 7 Top Bar */

 .top-right-address p {
     margin-bottom: 0;
     font-size: 12px;
     display: inline-block;
 }

 .top-right-address .social-icons {
     display: inline-block;
     margin: 0;
     padding: 0;
     list-style: none;
     position: relative;
 }

 .top-right-address .social-icons li {
     display: inline-block;
     margin-left: 17px;
     color: #fff;
     font-size: 14px;
 }

 /*===================== END itsoft HEADING TOP AREA CSS =========================*/

 /*======================== NEW HEADER STYLE 01 =========================*/

 .header-new-style-01 .itsoft_nav_area {
     background: transparent;
     position: relative;
     margin-bottom: -100px;
     z-index: 99;
 }

 .new-header-inner {
     background: #fff;
     padding: 0px 15px;
     border-radius: 0 0 4px 4px;
 }

 .no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner {
     top: 70px;
 }

 .no-logo-sr .itsoft_menu ul {
     text-align: center;
 }

 .no-logo-sr .itsoft_menu ul li {
     text-align: left;
 }

 /*======================= itsoft HEADING NAV AREA CSS ========================*/

 .mean-container .mean-bar {
     padding: 0;
 }

 .mean-container .mean-nav {
     background: var(--dream-color-primary) none repeat scroll 0 0;
     float: none;
     left: 0;
     position: absolute;
     right: 0;
     top: 60px;
 }

 .mean-container .mean-nav>ul>li:first-child {
     border-top: 0px solid #fff;
 }

 .main_menu_div {
     position: relative;
 }

 .itsoft_nav_area {
     background: #fff none repeat scroll 0 0;
 }

 .itsoft_menu {
     text-align: right;
 }

 .container-fluid .itsoft_menu {
     text-align: center;
 }

 /* LOGO CSS */

 .logo {
     text-align: left;
 }

 .logo a {
     font-size: 23px;
     font-weight: 600;
     display: inline-block;
 }

 .logo a.retina-logo {
     display: none;
 }

 /* MENU CSS */

 .itsoft_menu ul {
     list-style: none;
     text-align: right;
     display: inline-block;
 }

 .transprent-menu .itsoft_menu ul {
     list-style: none;
     text-align: center;
 }

 .itsoft_menu>ul>li {
     display: inline-block;
     position: relative;
 }

 .itsoft_menu>ul>li>a {
     display: block;
     margin: 35px 16px;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     position: relative;
     color: #232323;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 400;
     font-family: 'Fira Sans', sans-serif;
 }

 .heading_style_2 .itsoft_menu>ul>li>a {
     color: #fff;
 }

 .heading_style_3 .itsoft_menu>ul>li>a {
     color: #d6aee9;
 }

 .heading_style_4 .itsoft_menu>ul>li>a {
     color: #cacce3;
 }

 .heading_style_5 .itsoft_menu>ul>li>a {
     color: #fff;
 }

 .itsoft_menu ul li:last-child a {
     margin-right: 0px;
 }

 .itsoft_menu>ul>li.current>a,
 .itsoft_menu>ul>li:hover>a,
 .creative_header_menu>ul>li:hover>a {
     color: var(--dream-color-primary);
 }

 .transprent-menu .itsoft_menu>ul>li a {
     color: #fff;
 }

 .transprent-menu.menu-style-16 .itsoft_menu ul {
     text-align: center;
     list-style: none;
 }

 .transprent-menu.menu-style-16 .itsoft_menu ul .sub-menu {
     text-align: left;
 }

 .heading_style_4.tr_btn .itsoft_menu.main-search-menu {
     float: none;
     text-align: center;
 }

 /* transparent 2 */

 .trp_nav_area {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 25px 100px;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .hbg2 {
     background: rgba(0, 0, 0, .7);
     padding: 0px 50px;
 }

 .trp_nav_area.full-width {
     padding: 37px 100px 37px 100px;
 }

 .trp_nav_area.full-width.hbg2 {
     padding: 7px 20px 10px;
 }

 /* stycky nav js */

 .transprent-menu.menu4 {
     position: relative;
 }

 .transprent-menu .itsoft_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: rgba(0, 0, 0, 0.0);
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     position: absolute;
 }

 .itsoft_nav_area.postfix {
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .itsoft_nav_area.prefix,
 .hbg2 {
     -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
 }

 .heading_style_3.tr_btn .prefix .itsoft_menu>ul>li>a:hover,
 .heading_style_3.tr_btn .hbg2 .itsoft_menu>ul>li.current a {
     color: var(--dream-color-primary);
 }

 .heading_style_3 .prefix .itsoft_menu>ul>li>a:hover,
 .heading_style_3 .hbg2 .itsoft_menu>ul>li.current a {
     color: var(--dream-color-primary);
 }

 .heading_style_3 .itsoft_nav_area.prefix .em-quearys-top.msin-menu-search .em-quearys-menu i {
     color: #fff;
 }

 .tr_white_btn .hbg2 {
     background: var(--dream-color-primary) !important;
 }

 .tr_white_btn .hbg2 .itsoft_menu>ul>li>a {
     color: #fff !important;
 }

 .transprent-menu.tr-btn-search .itsoft_nav_area {
     padding: 0 30px;
 }

 .transprent-menu.tr-btn-search .em-quearys-menu i {}

 /* LOGO LEFT RIGHT CSS */

 .logo-left {
     text-align: right;
 }

 .logo-right .logo {
     text-align: right;
 }

 .logo-right .itsoft_menu>ul {
     text-align: left;
 }

 .logo-right .itsoft_menu>ul>li:first-child a {
     padding-left: 0px;
 }

 .logo-right .itsoft_menu>ul>li:last-child a {
     padding-right: auto;
 }

 /* logo top */

 .logo-top .logo {
     text-align: center;
 }

 .logo-top .itsoft_menu>ul {
     text-align: center;
 }

 .logo-top>.itsoft_menu>ul>li:last-child a {
     padding-right: auto;
 }

 /* sub menu style */

 .itsoft_menu ul .sub-menu {
     position: absolute;
     left: 0;
     top: 130%;
     width: 230px;
     text-align: left;
     background: #fff;
     margin: 0;
     padding: 20px 0;
     z-index: 1;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     opacity: 0;
     -ms-filter: "alpha(opacity=0)";
     visibility: hidden;
     border: 0;
     /* border-radius: 5px; */
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 }

 .itsoft_menu ul li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     z-index: 9;
 }

 .itsoft_menu ul .sub-menu li {
     position: relative;
 }

 .itsoft_menu ul .sub-menu li a {
     display: block;
     padding: 10px 20px;
     margin: 0;
     line-height: 1.3;
     font-size: 14px;
     color: #232323;
     font-weight: 400;
     text-transform: capitalize;
     -webkit-transition: .1s;
     -o-transition: .1s;
     transition: .1s;
     visibility: inherit !important;
 }

 .itsoft_menu ul .sub-menu li:hover>a,
 .itsoft_menu ul .sub-menu .sub-menu li:hover>a,
 .itsoft_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
 .itsoft_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
     color: var(--dream-color-primary);
 }

 .itsoft_menu ul .sub-menu li {
     position: relative;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .itsoft_menu ul .sub-menu li:before {
     position: absolute;
     left: 0px;
     top: 50%;
     font-size: 20px;
     color: #5451c1;
     content: "";
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0;
     -webkit-transition: .1s;
     -o-transition: .1s;
     transition: .1s;
     width: 15px;
     height: 1px;
     background: var(--dream-color-primary);
 }

 .itsoft_menu ul .sub-menu li:hover {
     margin-left: 15px;
 }

 .itsoft_menu ul .sub-menu li:hover:before {
     opacity: 1;
     left: 0px;
 }

 .itsoft_menu ul .sub-menu li:hover {
     margin-left: 15px;
 }

 ul.mega-sub-menu ul li a span {
     display: inline-block;
     background: var(--dream-color-primary);
     padding: 0 5px;
     font-size: 12px;
     color: #fff;
     border-radius: 3px;
 }

 /* sub menu 2 */

 .itsoft_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
 }

 .itsoft_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
 }

 /* sub menu 3 */

 .itsoft_menu ul .sub-menu .sub-menu li {
     position: relative;
 }

 .itsoft_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
 }

 .itsoft_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
 }

 /* sub menu 4 */

 .itsoft_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
 }

 .itsoft_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {}

 .itsoft_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
 }

 /* user login */

 .logged-in .transprent-menu .itsoft_nav_area.prefix {
     top: 32px;
 }

 .logged-in .trp_nav_area.hbg2 {
     top: 32px;
 }

 .trp_nav_area.hbg2 a.dtbtn {
     background: #fff;
     color: var(--dream-color-primary);
 }

 .trp_nav_area.hbg2 a.dtbtn:hover {
     border-color: #fff;
 }

 /* maing menu search */

 .top-address.em-quearys-top.text-right {
     float: right;
 }

 .itsoft_menu.main-search-menu>ul,
 .em-quearys-top.msin-menu-search {
     display: inline-block;
 }

 .em-quearys-top.msin-menu-search .em-quearys-menu i {
     margin-left: 0px;
 }

 .em-quearys-top.msin-menu-search .em-quearys-inner {
     top: 61px;
     background: #fff;
     padding: 20px;
     border-top: 3px solid var(--dream-color-primary);
 }

 nav.itsoft_menu.main-search-menu {
     text-align: right;
     display: inline-block;
 }

 /* has menu icon */

 .itsoft-main-menu .menu-item-has-children>a:after {
     margin-left: 5px;
     content: "\f107";
     font-family: FontAwesome;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     font-size: 13px;
     opacity: .5;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 }

 .itsoft-main-menu .menu-item-has-children .menu-item-has-children>a:after {
     margin-left: 8px;
     content: "\f105";
 }

 /* menu button */

 .donate-btn-header {
     display: inline-block;
     margin-left: 12px;
 }

 a.dtbtn {
     -moz-user-select: none;
     background: var(--dream-color-primary);
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     margin-bottom: 0;
     padding: 11px 24px;
     text-align: center;
     text-transform: capitalize;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     border-radius: 3px;
     border: 2px solid var(--dream-color-primary);
 }

 a.dtbtn:hover {
     background: #bd2d10;
     color: #fff;
     border-color: #bd2d10;
 }

 /* Transparent Whte Button Css */

 .tr_white_btn a.dtbtn {
     background-color: #fff;
     color: #333;
 }

 .tr_white_btn a.dtbtn:hover {
     background-color: transparent;
     border-color: #fff;
     color: #fff;
 }

 /* logo sticky */

 .itsoft-main-menu .logo a.main_sticky_main_l {
     display: block;
 }

 .itsoft-main-menu .logo a.main_sticky_l {
     display: none;
 }

 /* logo pre */

 .itsoft-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
 }

 .itsoft-main-menu .prefix .logo a.main_sticky_l {
     display: block;
 }

 .itsoft-main-menu .hbg2 .logo a.main_sticky_main_l {
     display: none;
 }

 .itsoft-main-menu .hbg2 .logo a.main_sticky_l {
     display: block;
 }

 .headroom--pinned {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
 }

 .headroom--unpinned {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .header--fixed {
     position: fixed;
     z-index: 10;
     right: 0;
     left: 0;
     top: 0;
     -webkit-transition: -webkit-transform .25s ease-in-out;
     transition: -webkit-transform .25s ease-in-out;
     -o-transition: transform .25s ease-in-out;
     transition: transform .25s ease-in-out;
     transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
     will-change: transform;
 }

 .menu-height-space {
     height: 100px;
 }

 /* sticky logo */

 .creative_logo_thumb a.main_sticky_l {
     display: none;
 }

 .creative_logo_thumb .logo a {
     margin-top: 0;
 }

 .white_box_shadow {
     padding: 40px 30px;
     background: #fff;
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
     box-shadow: 0 0 20px rgba(0, 0, 0, .1);
 }

 .itsoft-main-menu.menu-18 .hbg2 .logo a.main_sticky_main_l {
     display: none;
 }

 .itsoft-main-menu.menu-18 .hbg2 .logo a.main_sticky_l {
     display: block;
 }

 .itsoft-main-menu.menu-18 .hbg2 .itsoft_menu>ul>li>a {
     color: #fff;
 }

 .itsoft-main-menu.tr-black-menu .hbg2 .itsoft_menu>ul>li>a {
     color: #fff;
 }

 .tr-black-menu .donate-btn-header {
     margin-top: 0;
     margin-top: 0;
 }

 .tr-black-menu.itsoft-main-menu .hbg2 .logo a.main_sticky_l {
     display: block;
 }

 .tr-black-menu.itsoft-main-menu .hbg2 .logo a.main_sticky_main_l {
     display: none;
 }

 /*======================= END itsoft HEADING NAV AREA CSS ========================*/

 /*===================== itsoft BLOG AREA CSS =========================*/

 .itsoft-blog-index.blog-area.itsoft-blog-area,
 .itsoft-blog-single {
     background: #F6F6F6;
 }

 .itsoft-blog-area {
     padding: 90px 0 100px;
 }

 .itsoft-single-blog {
     margin-bottom: 30px;
     overflow: hidden;
     text-align: left;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     background: #fff;
     border: 1px solid #e6e6e6;
 }

 .itsoft-single-blog:hover {
     -webkit-box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.12);
     box-shadow: 6px 5px 30px rgba(0, 0, 0, 0.12);
     border-color: transparent;
 }

 .itsoft-blog-index.blog-area.itsoft-blog-area,
 .itsoft-blog-area.itsoft-blog-archive {
     padding: 100px 0 100px;
     background: #F6F6F6;
 }

 .itsoft-blog-index.blog-area.itsoft-blog-area {
     padding: 100px 0 100px;
 }

 .itsoft-single-blog--thumb img {
     width: 100%;
 }

 /* BLOG THUMB CSS */

 .itsoft-blog-thumb {
     overflow: hidden;
     position: relative;
 }

 .itsoft-blog-thumb a {
     display: block;
     position: relative;
 }

 .itsoft-blog-thumb img {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     display: block;
     width: 100%;
 }

 /* BLOG TITLE AND CONTENT CSS */

 .blog-content {
     word-break: break-word;
 }

 .em-blog-content-area {
     padding: 33px 23px 32px;
 }

 .blog-page-title h2 {
     margin: 0;
     margin-bottom: 20px;
     font-size: 22px;
     margin-top: 18px;
 }

 .itsoft-lt .blog-page-title h2 {
     font-size: 30px;
 }

 .blog-page-title a {
     display: block;
     font-weight: 500;
     margin-bottom: 0;
     text-transform: none;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     color: #232323;
 }

 .blog-page-title a:hover {
     color: var(--dream-color-primary);
 }

 /* BLOG POST META CSS */

 .itsoft-blog-meta-left {
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
     padding: 12px 20px;
     border-radius: 3px;
     text-align: center;
     position: absolute;
     top: -24px;
     background: #fff;
     left: 0;
     right: 0;
     margin: 0 20px;
 }

 .itsoft-blog-meta-left a,
 .itsoft-blog-meta-left span {
     margin-right: 13px;
     -o-transition: .3s;
     -webkit-transition: .3s;
     transition: .3s;
     display: inline-block;
     text-decoration: none;
     text-transform: capitalize;
     margin: 0 10px;
     color: #616161;
     position: relative;
     font-weight: 500;
 }

 .itsoft-blog-meta-left span::before,
 .itsoft-blog-meta-left a::before {
     content: "";
     background: #616161;
     width: 8px;
     height: 1px;
     position: absolute;
     right: -19px;
     top: 11px;
 }

 .itsoft-blog-meta-left a:last-child:before,
 .itsoft-blog-meta-left span:last-child:before {
     display: none;
 }

 /* BLOG POST META RIGHT CSS */

 .itsoft-blog-meta-right {
     float: right;
     padding: 17px 0 0;
 }

 .itsoft-blog-meta-right a,
 .itsoft-blog-meta-right span {
     color: #777;
     font-size: 14px;
     margin-left: 10px;
     text-transform: uppercase;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     display: inline-block;
     text-decoration: none;
     position: relative;
 }

 .itsoft-blog-meta-right a:hover,
 .itsoft-blog-meta-right span:hover,
 .itsoft-blog-meta-left a:hover,
 .itsoft-blog-meta-left span:hover {
     color: var(--dream-color-primary);
 }

 .itsoft-blog-meta-right i {
     margin-right: 5px;
 }

 /* Meta Upper */

 .upper.itsoft-blog-meta-left a,
 .upper.itsoft-blog-meta-left span {
     color: var(--dream-color-primary);
     font-size: 14px;
     margin-right: 12px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Roboto', sans-serif;
 }

 .upper.itsoft-blog-meta-left a:hover,
 .upper.itsoft-blog-meta-left span:hover {
     color: var(--dream-color-primary);
 }

 .meta-list.itsoft-blog-meta-left a,
 .meta-list.itsoft-blog-meta-left span {
     color: var(--dream-color-primary);
     font-size: 14px;
     margin-right: 10px;
     text-transform: uppercase;
     font-weight: 400;
     letter-spacing: 0;
 }

 /* blog readmore */

 .readmore a {
     border: 1px solid #ddd;
     color: #444;
     display: inline-block;
     font-size: 11px;
     font-weight: 400;
     padding: 6px 10px;
     text-transform: uppercase;
     transition: all 0.5s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
 }

 .readmore a:hover {
     border-color: var(--dream-color-primary);
     background: var(--dream-color-primary);
     color: #fff;
 }

 /*======================== EMD itsoft BLOG AREA CSS =========================*/

 /*======================== itsoft BLOG DETAILS AREA CSS =========================*/

 .itsoft-single-blog-details {
     background: #fff;
     margin-bottom: 40px;
 }

 .em-theme-main-page .itsoft-single-blog-details {
     padding: 30px;
 }

 .itsoft-single-blog-details-inner {
     padding: 20px 45px 45px;
     -webkit-box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
     box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
 }

 .em-theme-main-page .itsoft-single-blog-title h2 {
     padding-bottom: 15px;
 }

 .itsoft-single-blog--thumb {
     position: relative;
     border-radius: 10px 10px 0 0;
 }

 .single-blog-title {
     padding: 0;
     text-transform: unset;
     color: #232323;
     font-weight: 700;
     font-size: 35px;
 }

 .itsoft-single-blog-content p {
     margin-bottom: 20px;
 }

 .itsoft-single-blog-details h2 {
     font-size: 30px;
 }

 .itsoft-single-blog-details-inner .itsoft-blog-meta-left {
     box-shadow: none;
     padding: 0;
     border-radius: 0;
     text-align: left;
     position: inherit;
     top: inherit;
     background: #fff;
     left: inherit;
     right: inherit;
     margin: 10px 0 0;
 }

 .itsoft-single-blog-details-inner .itsoft-blog-meta-left a,
 .itsoft-single-blog-details-inner .itsoft-blog-meta-left span {
     margin-right: 13px;
     -o-transition: .3s;
     -webkit-transition: .3s;
     transition: .3s;
     display: inline-block;
     text-decoration: none;
     text-transform: capitalize;
     margin: 0 20px 0px 0;
     position: relative;
     font-weight: 400;
     font-size: 16px;
 }

 .itsoft-blog-social {
     padding-top: 26px;
     text-align: left;
     border-top: 1px solid #ddd;
     margin-top: 40px;
 }

 .itsoft-single-icon-inner {
     text-align: left;
 }

 .itsoft-single-icon-inner span {
     font-size: 17px;
     margin-right: 6px;
 }

 .itsoft-single-icon-inner a i {
     border: 1px solid #e6e6e6;
     color: #565872;
     display: inline-block;
     font-size: 15px;
     height: 40px;
     line-height: 41px;
     margin: 0 9px 0 0;
     text-align: center;
     width: 40px;
     border-radius: 5px;
 }

 .itsoft-single-icon-inner a i:hover {
     background: var(--dream-color-primary);
     border-color: var(--dream-color-primary);
     color: #fff;
 }

 .single-blog-content ul {
     padding-bottom: 10px;
 }

 blockquote {
     padding: 26px 30px;
     font-size: 19px;
     border-left: 4px solid var(--dream-color-primary);
     background: 0 0;
     font-style: normal;
     color: #232;
     font-weight: 400;
     position: relative;
     line-height: 1.5;
     box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
     border-radius: 4px;
     margin-top: 30px;
     font-style: italic;
 }

 blockquote i {
     margin-right: 10px;
 }

 .post-text blockquote::before {
     content: "\f10d";
     left: 42px;
     top: 50px;
     position: absolute;
     color: #758799;
     font-family: "FontAwesome";
     font-weight: 700;
     font-size: 41px;
 }

 blockquote .small,
 blockquote footer,
 blockquote small {
     display: block;
     font-size: 80%;
     line-height: 1.42857143;
     color: #616161;
     text-transform: capitalize;
     font-size: 16px;
 }

 .itsoft-blog-social {
     padding-top: 40px;
     text-align: left;
     border-top: 1px solid #e6e6e6;
     margin-top: 40px;
 }

 .itsoft-single-blog-details .inner-content h4 {
     padding-bottom: 20px;
     font-size: 24px;
 }

 .itsoft-blog-meta.txp-meta {
     padding-bottom: 22px;
 }

 .single-blog-content h4 {
     margin: 29px 0 15px;
 }

 /*======================== itsoft COMMENT AREA CSS =========================*/

 /* POST REPLY CSS */

 .comments {
     padding-bottom: 50px;
     padding-top: 14px;
 }

 .post_comment {
     border-bottom: 1px solid #EAEAEA;
     margin: 20px 0;
     padding: 0 15px;
 }

 .comment_inner {}

 .commment_title {}

 .commment_title h3 {
     font-size: 24px;
     margin-bottom: 30px;
     position: relative;
     margin-top: 0;
     position: relative;
     display: inline-block;
 }

 .commment_title h3:before {
     position: absolute;
     left: 0;
     bottom: -15px;
     width: 88px;
     height: 3px;
     background: #aec6ef;
     content: "";
 }

 .commment_title h3:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -17px;
     height: 8px;
     width: 8px;
     border-radius: 50%;
     background: var(--dream-color-primary);
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: MOVE-BGB;
     animation-name: MOVIE-BGB;
 }

 .post_replay_inner {
     word-wrap: break-word;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 30px;
 }

 .mgl-30 {
     margin-left: 30px;
 }

 .post_reply_thumb {}

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

 .post_replay {
     margin-top: 36px;
 }

 .post_reply {
     padding-left: 15px;
     width: 100%;
     position: relative;
 }

 .post_reply div.st {
     font-size: 18px;
     font-weight: 400;
 }

 .post_reply div.st a {
     color: #232323;
     font-size: 18px;
     display: inline-block;
     padding-bottom: 3px;
     font-weight: 700;
 }

 .reply_date {
     overflow: hidden;
     margin-bottom: 5px;
 }

 .reply_date span.span_left {
     display: block;
 }

 .reply_date span.span_right {
     float: none;
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     text-transform: capitalize;
     letter-spacing: 1px;
     position: absolute;
     top: 0;
     right: 0;
     background: var(--dream-color-primary);
     padding: 3px 18px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     border-radius: 4px;
 }

 .reply_date span.span_right:hover {
     background: var(--dream-color-primary);
 }

 .post_reply p {}

 .comments-area .children {
     margin-left: 90px;
 }

 .post_comment .post_comment {
     margin-left: 15px;
 }

 .em-theme-main-page .commment_title h3 {
     margin-top: 0px;
 }

 .em-theme-main-page .empgc {
     margin-top: 40px;
 }

 .em-theme-main-page .empgc.commment_title h3 {
     margin-bottom: 35px;
 }

 .em-single-page-comment .commment_title.empgc>h3 {
     margin-bottom: 35px;
 }

 .logged-in-as {
     margin-bottom: 10px;
     margin-top: 30px;
 }

 .logged-in-as a {
     color: #333;
 }

 a.comment-edit-link {
     margin-bottom: 12px;
     display: inline-block;
 }

 .em-theme-main-page .comments-area {
     margin-top: 40px;
     clear: both;
 }

 .comment-respond {
     padding-top: 14px;
 }

 .comment-respond .commment_title h3 {
     margin-bottom: 60px;
 }

 /*======================== itsoft unittest =========================*/

 .blog-page-title>h2 {
     margin-bottom: 12px;
     margin-top: 11px;
 }

 .blog-page-title a {
     display: block;
     font-weight: 600;
     margin-bottom: 0;
     text-transform: none;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     color: #232323;
 }

 .blog-page-title h2 a:hover {
     color: var(--dream-color-primary);
 }

 .em-blog-content-area {
     padding: 38px 25px 36px;
     position: relative;
     text-align: center;
 }

 .blog-list .em-blog-content-area {
     text-align: left;
 }

 .blog-content p {
     margin-bottom: 0;
 }

 .single-blog-content iframe {
     margin-top: 20px;
 }

 .blog-content h1,
 .blog-content h2,
 .blog-content h3,
 .blog-content h4,
 .blog-content h5,
 .blog-content h6 {
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: 500;
     color: #333;
     font-size: 30px;
 }

 .post_reply h1,
 .post_reply h2,
 .post_reply h3,
 .post_reply h4,
 .post_reply h5,
 .post_reply h6 {
     color: #303030;
     font-size: 30px;
     font-weight: 500;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .blog-content h2,
 .post_reply h2 {
     font-size: 26px;
 }

 .blog-content h3,
 .post_reply h3 {
     font-size: 22px;
 }

 .blog-content h4,
 .post_reply h4 {
     font-size: 20px;
 }

 .blog-content h5,
 .post_reply h5 {
     font-size: 18px;
 }

 .blog-content h6,
 .post_reply h6 {
     font-size: 17px;
 }

 /* single blog */

 .single-blog-content ol,
 .single-blog-content ul {
     padding-left: 20px;
 }

 /*======================== itsoft PAGINATION AREA CSS =========================*/

 .paginations {
     text-align: left;
     margin-top: 20px;
 }

 .page-numbers li {
     display: inline-block;
     text-align: center;
 }

 .paginations a,
 .page-numbers span.current {
     width: 40px;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     font-size: 16px;
     font-weight: 500;
     margin: 0 5px 0 0;
     background: #fff;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
     color: var(--dream-color-primary);
 }

 .page-numbers li {
     display: inline-block;
 }

 .paginations a:hover,
 .paginations a.current,
 .page-numbers span.current {
     background: var(--dream-color-primary);
     border-color: var(--dream-color-primary);
     color: #fff;
 }

 /*new counter*/

 .single-counter.style1 {
     text-align: center;
 }

 .single-counter.style1 .icon {
     margin-bottom: 13px;
 }

 .single-counter.style1 .icon i {
     font-size: 40px;
 }

 .single-counter.style1 #counter {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .single-counter.style1 span.count.percent {
     font-size: 48px;
     font-weight: 600;
     color: #fff;
     margin: 0 0 7px;
     display: inline-block;
     font-family: 'Fira Sans';
 }

 .single-counter.style1 #counter h6 {
     font-size: 16px;
     margin: 4px 0 0;
     font-weight: 400;
     color: #fff;
     opacity: 0.9;
 }

 .single-counter.style1 #counter span.plus {
     color: var(--dream-color-primary);
     font-size: 48px;
 }

 /*style two*/

 .single_counter.style-2 {
     text-align: center;
     position: relative;
     border-right: 1px solid#FFFFFF1F;
 }

 .two .single_counter.style-2 {
     border: none;
 }

 .single_counter.style-2 .countr_text>h1 {
     font-size: 55px;
     font-weight: 600;
     color: var(--dream-color-primary) !important;
 }

 .single_counter.style-2 .countr_text h3 {
     color: #fff;
     font-size: 55px;
 }

 .single_counter.style-2 .counter_title h4 {
     font-size: 16px;
     margin-top: 3px;
     font-weight: 500;
     color: #FFFFFFD1;
     line-height: 27px;
 }

 /*style three*/

 .single_counter.style-3 {
     text-align: center;
     position: relative;
     border-right: 1px solid#FFFFFF1F;
 }

 .single_counter.style-3 .counter_icon i {
     font-size: 43px;
 }

 /*======================== END itsoft PAGINATION AREA CSS =========================*/

 .kc_counter_box i {
     display: inline-block;
     font-size: 45px;
     margin-bottom: 0;
 }

 /*======================== END itsoft COACHING AREA CSS =========================*/

 .em_single_coaching {
     margin-bottom: 30px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
     background: #FFFFFF;
 }

 .em_coaching_content {
     padding: 20px 25px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     background: #fff;
 }

 .em_coaching_title h2 {
     font-size: 20px;
     padding: 12px 0 5px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .em_coaching_title h2:hover {
     color: var(--dream-color-primary);
 }

 /* Coaching DetAILS */

 .itsoft-single-coaching-details {
     background: #fff;
 }

 .itsoft-single-coaching--thumb img {
     width: 100%;
 }

 .itsoft-blog-main-content {
     padding: 40px;
 }

 .itsoft-single-coaching-content h4,
 .itsoft-single-coaching-title h2 {
     font-size: 24px;
     padding-bottom: 12px;
 }

 .itsoft-single-coaching-content h4 {
     padding-top: 30px;
 }

 .itsoft-single-coaching-details .itsoft-blog-meta.txp-meta .itsoft-blog-meta-left a,
 .itsoft-single-coaching-details .itsoft-blog-meta.txp-meta .itsoft-blog-meta-left span {
     color: var(--dream-color-primary);
     font-size: 14px;
     text-transform: capitalize;
     font-weight: 500;
 }

 .itsoft-single-coaching-details .itsoft-blog-meta.txp-meta {
     margin-bottom: 15px;
 }

 .itsoft-single-coaching-content ul li {
     list-style: none;
     padding: 30px 0 0;
     font-size: 17px;
 }

 .coaching-fee ul li {
     color: var(--dream-color-primary);
 }

 .coaching-details-block-two {
     background-color: #FFF;
 }

 .coaching-details-two {
     padding: 40px 40px 0;
 }

 .coaching-details-two hr {
     margin-bottom: 28px;
 }

 .coaching-details-two .details-button-two {
     margin-bottom: 30px;
 }

 .coaching-details-two .details-button-two a i {
     font-style: italic;
 }

 .coaching-details-meta {
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 13px;
     color: var(--dream-color-primary);
 }

 .coaching-list ul li {
     padding: 15px 0 0;
     font-size: 17px;
     font-style: normal;
 }

 .coaching-list ul li:last-child {
     margin-bottom: 20px;
 }

 .fee-structure {
     color: #333;
 }

 .coaching-fee {
     color: var(--dream-color-primary);
 }

 .applications-heading {
     font-size: 20px;
 }

 .coaching-application p {
     margin-bottom: 30px;
 }

 .coaching-application ul li {
     padding: 5px 20px;
 }

 .applications i {
     font-size: 14px;
     color: var(--dream-color-primary);
     margin-right: 10px;
 }

 .exam-block {
     margin-bottom: 40px;
 }

 .coaching-exam .coaching-subheading {
     font-size: 18px;
     padding-bottom: 10px;
 }

 .exam-Pattern-min {
     font-size: 14px;
 }

 /*======================== itsoft BREADCRUMB AREA CSS =========================*/

 .breadcumb-area {
     padding: 233px 0 182px;
     background-color: #121B51;
     background-position: center top;
     background-repeat: no-repeat;
     position: relative;
 }

 .breadcumb-area::before {
     background: rgba(0, 0, 0, .52);
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: "";
 }

 .breadcrumb_tran_header .breadcumb-area {
     padding: 191px 0 110px;
 }

 .breadcumb-inner h2 {
     font-size: 50px;
     color: #fff;
     margin-bottom: 25px;
 }

 .breadcumb-inner ul {}

 .breadcumb-inner li {
     display: inline-block;
     margin: 0 6px;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .breadcumb-inner li:nth-last-child(-n+1) {
     color: var(--dream-color-primary);
 }

 .breadcumb-inner li a {
     color: #fff;
     text-transform: uppercase;
 }

 .brpt {
     text-align: left;
 }

 .brpt h2 {
     font-size: 45px;
     margin-bottom: 20px;
     margin-top: 0;
     color: #fff;
 }

 .lcase {
     text-transform: lowercase;
 }

 .ucase {
     text-transform: uppercase;
 }

 .ccase {
     text-transform: capitalize;
 }

 .breadcumb-inner {
     text-align: left;
 }

 .pimgs img {
     width: 100%;
 }

 .kc-ui-progress2 span.value::before {
     border-top-color: var(--dream-color-primary) !important;
 }

 /*======================== END itsoft BREADCRUMB AREA CSS =========================*/

 /*======================== itsoft 404 AREA CSS =========================*/

 .not-found-area {
     background-color: #f9f9f9;
     background-position: center top;
     background-repeat: repeat;
     background-size: cover;
     padding: 0 0 16px;
 }

 .not-found {
     display: table;
     width: 100%;
     text-align: center;
     background: #fff;
     margin: 70px 0;
     padding: 120px 0;
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 }

 .not-found-inner {
     display: table-cell;
     vertical-align: middle;
 }

 .not-found-inner {
     font-size: 30px;
 }

 .not-found-inner h2 {
     color: var(--dream-color-primary);
     display: inline-block;
     font-size: 160px;
     font-weight: 700;
     line-height: 1.2;
     padding: 15px 0;
 }

 .not-found-inner p {
     font-size: 30px;
 }

 .not-found-inner a {
     color: #fff;
     font-size: 24px;
     margin-top: 40px;
     display: inline-block;
     background: var(--dream-color-primary);
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
     box-shadow: 0 0 4px rgba(0, 0, 0, .15);
     padding: 10px 40px;
 }

 .not-found-inner a:hover {
     background: var(--dream-color-primary);
     color: #fff;
 }

 /* search error */

 .itsoft-search-page {
     background: #f6f6f6;
     padding-bottom: 135px;
 }

 .search-error .search input {
     padding: 20px 0;
 }

 .search-error .search input[type="text"] {
     padding-left: 10px;
 }

 .search-error .search button {
     top: 48%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .search-error>p {
     font-size: 18px;
     margin: 14px 0 20px;
 }

 .search-error>h3 {
     display: block;
     font-size: 60px;
     color: var(--dream-color-primary);
 }

 .search-error .search input {
     height: 54px;
     border: 1px solid #ddd;
 }

 .mobile_menu_logo a {
     font-size: 23px;
     font-weight: 600;
     text-transform: uppercase;
 }

 /*======================== END itsoft 404 AREA CSS =========================*/

 /*======================== itsoft FOOTER TOP AREA CSS =========================*/

 .top-address-area {
     background: #111111;
     padding: 90px 0px 85px;
     text-align: center;
 }

 .top_address_logo {
     margin-bottom: 30px;
 }

 .address_content {
     padding-top: 38px;
 }

 .top_address_content a,
 .top_address_content span {
     color: #ffffff;
     display: inline-block;
     font-weight: 400;
     line-height: 12px;
     margin-right: 14px;
 }

 .top_address_content a i,
 .top_address_content span i {
     font-size: 14px;
     margin-right: 11px;
 }

 .footer-top-address h2 {
     color: #fff;
     text-transform: uppercase;
     margin-bottom: 30px;
     letter-spacing: 10px;
     font-weight: 700;
     font-size: 26px;
 }

 .footer-top-address h2 span {
     color: var(--dream-color-primary);
     font-weight: 700;
 }

 /*======================== itsoft FOOTER TOP AREA CSS =========================*/

 .footer-top {
     background: #0f1328;
     padding: 120px 0 100px;
 }

 .footer-top-inner h2 {
     color: #fff;
     font-family: "Raleway", sans-serif;
     font-size: 35px;
     font-weight: 700;
     height: 60px;
     line-height: 60px;
     padding: 0 15px;
     text-transform: uppercase;
 }

 .footer-top-inner h2 span {
     color: var(--dream-color-primary);
     font-weight: 600;
 }

 .footer-top-inner p {
     font-size: 18px;
     line-height: 30px;
     margin-bottom: 0;
     padding: 0 10px;
     color: #b4bbc9;
     margin-left: auto;
     margin-right: auto;
     width: 69%;
 }

 .footer-social-icon {
     padding: 10px 0 20px;
     text-align: center;
 }

 .footer-social-icon a i {
     color: #b4bbc9;
     font-size: 16px;
     height: 70px;
     width: 70px;
     display: inline-block;
     border-radius: 50%;
     background: #1c2940;
     line-height: 70px;
     text-align: center;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     margin: 0 5px;
 }

 .footer-social-icon a i:hover {
     background-color: #ff4b57;
     color: #fff;
 }

 .footer-social-icon.htop-menu-s {
     padding: 0;
     display: inline-block;
     margin-left: 30px;
 }

 .footer-social-icon.htop-menu-s a i {
     font-size: 14px;
     height: 35px;
     line-height: 35px;
     margin: 0 3px;
     width: 35px;
     color: #333;
 }

 .footer-top-inner .text-center {
     margin-bottom: 32px;
     text-align: center;
 }

 /*======================== itsoft FOOTER MIDDLE AREA CSS =========================*/

 .footer-middle {
     padding: 63px 0 40px;
     position: relative;
     background: #252628;
     z-index: 1;
 }

 .get_quote {
     position: relative;
     z-index: 1;
 }

 .get_quote::before {
     content: "";
     position: absolute;
     right: 15px;
     top: 28px;
     background: url(assets/images/circle-small.png);
     background-repeat: no-repeat;
     height: 270px;
     width: 271px;
     z-index: 999;
     -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
     z-index: -1;
     opacity: 0.6;
 }

 .get_quote::after {
     content: "";
     position: absolute;
     left: 48%;
     top: 64%;
     background: url(assets/images/shape6.png);
     background-repeat: no-repeat;
     height: 270px;
     width: 271px;
     z-index: 999;
     -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
     z-index: -1;
     opacity: 0.5;
 }

 .wpfdp {
     padding-bottom: 30px;
 }

 .footer-middle .widget h2 {
     font-size: 20px;
     margin-bottom: 35px;
     margin-top: 15px;
     position: relative;
     color: #f8f9fe;
     font-weight: 600;
 }

 .footer-middle .recent-post-text h4 a {
     color: #f8f9fe;
     font-size: 14px;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     font-weight: 500;
     letter-spacing: 0;
 }

 .footer-middle #archives-dropdown--1 {
     height: 34px;
     width: 100%;
 }

 .recent-post-image img {
     border-radius: 5px;
 }

 .footer-middle .widget h2 {}

 .footer-middle .tagcloud a {}

 .footer-middle .widget ul {
     list-style: none;
 }

 .footer-middle .widget ul li {
     margin-bottom: 10px;
 }

 .footer-middle .widget ul li {
     margin-bottom: 14px;
     position: relative;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     font-size: 16px;
     color: #f8f9fe;
     padding-left: 25px;
 }

 .footer-middle .widget ul li a {
     color: rgba(255, 255, 255, 0.80);
     font-size: 16px;
 }

 .footer-middle .widget ul li::before {
     position: absolute;
     content: "";
     left: 0;
     top: 14px;
     background: #f8f9fe;
     height: 1px;
     width: 10px;
     font-size: 14px;
 }

 .footer-middle .widget ul li a:hover,
 .footer-middle .widget ul li:hover:before {
     color: var(--dream-color-primary);
 }

 .recent-portfolio-area {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .recent-portfolio {
     margin-bottom: 10px;
     margin-right: 10px;
 }

 .recent-portfolio {
     width: 29.33%;
 }

 .recent-portfolio-image img {
     width: 100%;
 }

 .menu-social-menu-container ul li::before {
     display: none !important;
 }

 /*======================== END FOOTER middle AREA CSS =========================*/

 /*======================== itsoft FOOTER BOTTOM AREA CSS =========================*/

 .footer-bottom {
     background: #252628;
 }

 .footer-bottom .row {
     padding: 20px 0;
     border-top: 1px solid rgba(255, 255, 255, .23);
 }

 .footer-bottom-box {
     padding: 20px 0 20px;
 }

 .copy-right-text {}

 .copy-right-text p {
     color: #f8f9fe;
     padding: 0;
     margin: 1px 0 0;
 }

 .footer-menu ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
 }

 .footer-menu ul li {
     display: inline-block;
 }

 .footer-menu ul .menu-item {
     margin-left: 10px;
 }

 .footer-menu ul .menu-item a {
     color: #f8f9fe;
     padding: 0;
     display: block;
     text-transform: capitalize;
     margin-left: 10px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     font-size: 14px;
 }

 .footer-menu ul .menu-item a:hover {
     color: #f8f9fe;
 }

 .footer-menu .social-icon {
     color: #f8f9fe;
     display: block;
     font-size: 15px;
     margin-left: 10px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     width: 50px;
     height: 50px;
     line-height: 50px;
     background: #fff;
     text-align: center;
     color: #f8f9fe;
     border-radius: 100%;
     -webkit-box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, 0.2);
     box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, 0.2);
 }

 .footer-menu .social-icon:hover {
     color: #fff;
     background-color: #42047B;
 }

 .footer-menu ul li:last-child a {
     padding-right: 0px;
 }

 .footer_style_3 .footer-menu ul li:first-child a {
     padding-left: 0px;
 }

 .footer-menu ul ul {
     display: none;
 }

 /*======================== END FOOTER BOTTOM AREA CSS =========================*/

 /*======================== EM40 SCROLL TOP CSS =========================*/

 #scrollUp {
     bottom: 13px;
     color: #fff;
     font-size: 24px;
     height: 50px;
     line-height: 50px;
     right: 91px;
     text-align: center;
     width: 50px;
     background: var(--dream-color-primary);
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 #scrollUp:hover {
     background: var(--dream-color-primary);
 }

 #scrollUp i {
     color: #fff;
 }

 /*======================== END EM40 SCROLL TOP CSS =========================*/

 .copy-right-text a {
     color: var(--dream-color-primary);
 }

 .template-home .vc_row {
     margin-left: 0px !important;
     margin-right: 0px !important;
 }

 .wpb_gallery.wpb_content_element.vc_clearfix {
     margin-bottom: 0;
 }

 .widget_recent_data {
     padding-bottom: 9px !important;
 }

 .recent-post-item {
     clear: both;
 }

 .recent-post-image {
     float: left;
     margin-right: 10px;
 }

 .recent-post-image a {
     display: block;
     margin-top: 0;
     margin-bottom: 17px;
 }

 .recent-post-text {
     overflow: hidden;
 }

 .recent-post-text>h4 {
     margin-bottom: 2px;
     margin-top: 0px;
     line-height: 16px;
 }

 .recent-post-text h4 a {
     color: #232323;
     font-size: 18px;
     line-height: 22px;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     font-weight: 500;
 }

 .recent-post-text h4 a:hover {
     color: var(--dream-color-primary);
 }

 .recent-post-item:last-child {
     border-bottom: 0;
 }

 .recent-post-text .rcomment {
     color: var(--dream-color-primary);
     font-size: 12px;
     text-transform: none;
 }

 .recent-post-text .rcomment i {
     margin-right: 5px;
 }

 .recent-post-text .rcomment {
     color: #616161;
     font-size: 15px;
 }

 .footer-middle .recent-post-text>h4 {
     margin-bottom: 2px;
 }

 .footer-middle .recent-post-text .rcomment {
     color: rgba(255, 255, 255, 0.80);
     font-size: 13px;
     font-weight: 400;
 }

 .footer-middle .recent-post-item {
     margin-bottom: 0;
     padding-bottom: 0;
     border: 0;
 }

 .mean-container .mean-bar {
     float: none;
     background: var(--dream-color-primary);
 }

 .mean-container .mean-nav ul li li a {
     color: #333;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .footer-middle .widget .menu-social-menu-container ul {
     margin-left: 0;
     margin-top: 5px;
 }

 .footer-middle .widget .menu-social-menu-container ul li {
     display: inline-block;
     margin-bottom: 0;
     margin-right: 5px;
     margin-top: 0;
     padding-left: 0;
     position: inherit;
 }

 .footer-middle .widget .menu-social-menu-container ul li a {
     display: block;
 }

 .footer-middle .widget .menu-social-menu-container ul li i {
     border: 0;
     display: block;
     margin-right: 1px;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     font-size: 15px;
     width: 35px;
     height: 35px;
     border: 1px solid #fff;
     border-radius: 3px;
     text-align: center;
     line-height: 33px;
 }

 .footer-middle .widget .menu-social-menu-container ul li i:hover {
     color: #fff;
     background: var(--dream-color-primary);
     border-color: var(--dream-color-primary);
 }

 /* kc element */

 .template-home-wrapper {
     overflow: hidden;
 }

 @-webkit-keyframes MOVIE-BG {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
     to {
         -webkit-transform: translateX(60px);
         transform: translateX(60px);
     }
 }

 @keyframes MOVIE-BG {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
     to {
         -webkit-transform: translateX(60px);
         transform: translateX(60px);
     }
 }

 @-webkit-keyframes MOVIE-BGB {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
     to {
         -webkit-transform: translateX(88px);
         transform: translateX(88px);
     }
 }

 @keyframes MOVIE-BGB {
     from {
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
     to {
         -webkit-transform: translateX(88px);
         transform: translateX(88px);
     }
 }

 .em-image {
     margin-bottom: 0;
     margin-top: 0;
 }

 /* title 2 style */

 .title_in {
     float: left;
     padding-right: 30px;
     position: relative;
     margin-right: 30px;
     padding-bottom: 40px;
 }

 .title_tx h5,
 .title_tx h2 {
     margin: 0;
 }

 .title_tx h5 {
     color: var(--dream-color-primary);
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 15px;
     letter-spacing: 1px;
     margin: 0 0 5px;
 }

 .title_tx h2,
 .title_tx h3 {
     font-size: 35px;
     margin-bottom: 0px;
     text-transform: capitalize;
     margin-top: 0;
     line-height: 1.2;
     font-weight: 700;
 }

 .title_ptx p {
     margin: 0;
     overflow: hidden;
     font-size: 18px;
 }

 .content-icon i,
 .kc-feature-boxes,
 .kc-feature-boxes a,
 .kc-pricing-tables {
     transition: all .5s ease 0s !important;
 }

 /*===================== itsoft About CSS =========================*/

 .about_shape {
     position: relative;
 }

 .heading_number {
     font-size: 136px;
     display: inline;
     font-weight: 800;
     color: var(--dream-color-primary);
     float: left;
     line-height: 1;
     margin-top: -14px;
     margin-right: 15px;
 }

 .heading_title {
     font-size: 36px;
     font-weight: 800;
     line-height: 1;
     color: #232323;
     /* margin-top: 32px; */
     padding-top: 11px;
     display: inline;
 }

 .about_shape::after {
     content: "";
     width: 451px;
     height: 100%;
     background: var(--dream-color-primary);
     position: absolute;
     z-index: -1;
     top: 24px;
     left: -98px;
     display: block;
     border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
     animation: itsoft_bounce_animation 7s infinite;
 }

 @keyframes itsoft_bounce_animation {
     0% {
         border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
     }
     25% {
         border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
     }
     50% {
         border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
     }
     75% {
         border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
     }
 }

 .gradient.about_shape::after {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
 }

 .about_shape2 {
     position: relative;
 }

 .circle-img {
     position: absolute !important;
     bottom: -76px;
     z-index: -1;
     left: -100px;
     -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
 }

 .gradient .single_counter.default_style {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
 }

 .gradient-service .front {
     position: relative;
     z-index: 1;
 }

 /*======================== EM40 VISA TYPE CSS =========================*/

 .em-visa {
     padding: 80px 175px;
     border: 1px solid rgba(255, 255, 255, 0.15);
     position: relative;
 }

 .em-visa-title h2 {
     color: #fff;
     font-size: 24px;
     padding: 20px 0 7px;
 }

 .em_visa-icon i {
     color: var(--dream-color-primary);
     font-size: 50px;
 }

 .em-visa-desc {
     margin: 0;
     color: #fff;
 }

 .visa-btn a {
     text-transform: uppercase;
     font-size: 14px;
     color: #fff;
     margin-top: 32px;
     display: inline-block;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .visa-btn a:hover {
     color: var(--dream-color-primary);
 }

 .visa-btn a i {
     margin-left: 7px;
     color: var(--dream-color-primary);
 }

 .em_visa-icon2 {
     position: absolute;
     right: 25px;
     bottom: 0;
 }

 .em_visa-icon2 i {
     font-size: 80px;
     color: #F4F4F4;
     opacity: 0.1;
 }

 /*======================== itsoft COUNTRY CSS =========================*/

 .em-country {
     margin: 5px 15px 30px;
     box-shadow: 0 0 10px rgba(229, 229, 229, 0.8);
     background: #fff;
     border-radius: 20px;
     text-align: center;
 }

 .em-country-thumb {
     position: relative;
     padding: 8px;
 }

 .em-country-thumb img {
     border-radius: 20px;
 }

 .country_flag_img {
     position: absolute;
     width: 100px;
     height: 100px !important;
     overflow: hidden;
     left: 0;
     right: 0;
     margin: auto;
     border-radius: 100%;
     margin-top: -53px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 }

 .country_flag_img img {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     padding: 7px;
     background: #fff;
 }

 .em_country_content {
     padding: 55px 25px 30px;
 }

 .em-country-title h2 {
     font-size: 20px;
     margin-bottom: 15px;
 }

 .country-btn a {
     position: relative;
     text-transform: uppercase;
     font-size: 14px;
     color: var(--dream-color-primary);
 }

 .country-btn a i {
     position: absolute;
     top: 0;
     right: -12px;
     font-size: 16px;
 }

 /*======================== EM40 TEAM CSS =========================*/

 .main-style.em-team {
     text-align: left;
     position: relative;
     margin-bottom: 30px;
     background: #fff;
     -webkit-box-shadow: 0 8px 16px rgba(207, 228, 255, 0.2);
     box-shadow: 0 8px 16px rgba(207, 228, 255, 0.2);
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     border-radius: 4px;
 }

 .main-style.em-team:hover {
     -webkit-box-shadow: 0 16px 32px rgba(207, 228, 255, 0.8);
     box-shadow: 0 16px 32px rgba(207, 228, 255, 0.8);
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
 }

 .main-style.em-team .em-team-content-waraper {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     background: #fff;
     padding: 21px 20px 28px;
     text-align: center;
     position: absolute;
     bottom: -64px;
     left: 0;
     right: 0;
     width: 80%;
     margin: auto;
     border-radius: 5px;
     box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
 }

 .main-style.em-team .em-team-content-image-inner {
     position: relative;
     overflow: hidden;
 }

 .main-style.em-team .em-team-content-image {
     position: relative;
 }

 .main-style.em-team .em-team-content-image:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(241, 42, 2, 0.83);
     content: "";
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     opacity: 0;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .gradient .main-style.em-team .em-team-content-image:before {
     background: linear-gradient(360deg, rgba(17, 28, 255, 0.80), rgba(103, 111, 255, 0.53));
 }

 .main-style.em-team:hover .em-team-content-image:before {
     opacity: 1;
 }

 .main-style.em-team .em-team-content-socials-inner {
     position: absolute;
     top: 50%;
     right: -100px;
     text-align: center;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     background: #fff;
     width: 45px;
     padding: 13px 0;
 }

 .main-style.em-team:hover .em-team-content-socials-inner {
     opacity: 1;
     top: 50%;
     right: 0;
 }

 .main-style.em-team .em-team-content-title h2 {
     -webkit-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     font-size: 20px;
     margin-bottom: 5px;
     font-weight: 600;
 }

 .main-style.em-team .em-team-content-title h2:hover {
     color: var(--dream-color-primary);
 }

 .main-style.em-team .em-team-content-subtitle {
     color: #616161;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 400;
     font-family: Rubik;
     letter-spacing: 1px;
 }

 .main-style.em-team .em-team-content-image {
     position: relative;
     overflow: hidden;
 }

 .main-style.em-team .em-team-content-image img {
     width: 100%;
 }

 .main-style.em-team .em-team-content-telephone {
     position: absolute;
     bottom: 16px;
     right: -140px;
     background: var(--dream-color-primary);
     padding: 4px 20px;
     border-radius: 30px 0 0 30px;
     color: #fff;
     cursor: pointer;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .main-style.em-team .em-team-content-telephone:hover {
     right: 0;
 }

 .main-style.em-team .em-team-content-telephone i {
     margin-right: 13px;
 }

 .main-style.em-team .em-team-content-socials a {
     display: block;
     font-size: 16px;
     color: var(--dream-color-primary);
     text-align: center;
     margin: 4px 0px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 /* team content */

 .main-style.em-team .em-content-title h2 {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 0;
     text-transform: uppercase;
 }

 .main-style.em-team .em-content-subtitle {
     font-size: 14px;
     margin: 5px 0 0;
     text-transform: uppercase;
 }

 /*======================== Team Style Two =========================*/

 .em-team.style-two {
     text-align: left;
     transition: .3s;
     border-bottom: 0;
     border-radius: 0;
     box-shadow: 0;
     -webkit-box-shadow: 0;
     position: relative;
     z-index: 1;
     padding: 15px;
     border: 3px solid var(--dream-color-primary);
     border-radius: 100%;
     transition: .3s;
     margin-bottom: 30px;
 }

 .em-team.style-two:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(12, 90, 219, 0.85);
     content: "";
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     opacity: 0;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     border-radius: 100%;
 }

 .style-two .em-team-content-image {
     border-radius: 100%;
 }

 .style-two .em-team-content-inner {
     position: absolute;
     left: 0;
     top: 62%;
     transform: translateY(-50%);
     text-align: center;
     right: 0;
     opacity: 0;
     transition: .5s;
     transition-delay: .3s;
 }

 .em-team.style-two .em-team-content-title h2 {
     font-size: 20px;
     color: #fff;
     margin: 0;
 }

 .em-team.style-two .em-team-content-subtitle {
     color: #fff;
     font-size: 15px;
     margin-bottom: 9px;
     margin-top: 8px;
 }

 .em-team.style-two .em-team-content-socials a {
     display: inline-block;
     color: #fff;
     margin: 0 5px;
     font-size: 14px;
 }

 .em-team.style-two .em-team-content-image img {
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
     border-radius: 100%;
 }

 .em-team.style-two:hover {
     border-color: transparent;
 }

 .em-team.style-two:hover::before {
     opacity: 1;
 }

 .em-team.style-two:hover .em-team-content-inner {
     opacity: 1;
     top: 50%;
 }

 .team-info h3 {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .team-info-inner span {
     text-transform: uppercase;
     font-size: 15px;
     color: var(--dream-color-primary);
 }

 .list-info {
     list-style: none;
     margin: 20px 0;
 }

 .list-info li {
     padding: 10px 0;
 }

 .team-social ul li {
     display: inline-block;
 }

 .team-social ul li a {
     display: block;
     width: 35px;
     height: 35px;
     line-height: 35px;
     background: var(--dream-color-primary);
     text-align: center;
     color: #fff;
     margin: 0 2px;
     border-radius: 5px;
 }

 /*===================== itsoft Why Choose Us CSS =========================*/

 .why-choose-area .front,
 .why-choose-area .back {
     -webkit-box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, 0.15);
     box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, 0.15);
 }

 .why-choose-area .front i {
     border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
 }

 /* call to action */

 /*===================== mettle PORTFOLIO AREA CSS =========================*/

 .portfolio_nav {
     padding: 0px 0 15px;
     text-align: center;
 }

 .portfolio_nav ul {
     margin-bottom: 30px;
     text-align: center;
 }

 .portfolio_nav ul li {
     display: inline;
 }

 .portfolio_nav ul li {
     background: transparent;
     border: medium none;
     font-size: 16px;
     line-height: 1;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     cursor: pointer;
     text-transform: capitalize;
     padding: 10px 22px;
     font-weight: 500;
     position: relative;
     margin: 0 3px;
     margin-bottom: 7px;
     display: inline-block;
     border: 1px dashed var(--dream-color-primary);
     color: var(--dream-color-primary);
 }

 .portfolio_nav ul li:hover,
 .portfolio_nav ul li.current_menu_item {
     color: #fff;
     background: var(--dream-color-primary);
 }

 .prot_wrap {
     overflow: hidden;
 }

 /* single gallery css */

 .single_protfolio {
     position: relative;
     margin-bottom: 10px;
     overflow: hidden;
 }

 .prot_thumb {
     position: relative;
 }

 .prot_thumb img {
     width: 100%;
 }

 .prot_thumb:before {
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.60);
     top: 0;
     content: "";
     opacity: 0;
     transition: .5s;
 }

 .single_protfolio:hover .prot_thumb:before {
     opacity: 1;
 }

 .prot_content {
     position: absolute;
     text-align: center;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     right: 0;
     bottom: -100%;
     left: 0;
     opacity: 0;
     background: var(--dream-color-primary);
     margin: auto;
     padding: 22px 25px 30px;
 }

 .single_protfolio:hover .prot_content {
     opacity: 1;
     bottom: 0;
 }

 .multi_gallery.prot_content {
     height: 90%;
     width: 80%;
     right: 10%;
     top: 5%;
     bottom: 5%;
     left: 10%;
 }

 .prot_icon {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     text-align: center;
     transform: translateY(-50%);
     opacity: 0;
     transition: .5s;
 }

 .single_protfolio:hover .prot_icon {
     opacity: 1;
 }

 .prot_content h3 {
     margin: 8px 0 0px;
     text-transform: capitalize;
     color: #fff;
     font-size: 20px;
     font-weight: 600;
 }

 .prot_content h3 a {
     color: #fff;
     font-size: 20px;
     font-weight: 500;
     text-transform: capitalize;
 }

 .prot_content p {
     color: #fff;
     line-height: 1.2;
     margin: 5px 0 0;
 }

 .prot_content p span {
     display: inline-block;
     padding-top: 0px;
 }

 .porttitle_inner span {
     position: relative;
     margin: 0 2px;
 }

 .prot_content span:before {
     bottom: 0;
     content: ",";
     position: absolute;
     right: -5px;
 }

 /*New-portfolio*/

 .single_protfolio:hover .New-portfolio .prot_content {
     opacity: 1;
     bottom: 0;
 }

 .New-portfolio .portfolio_nav ul li {
     background: #F6F4F5;
     padding: 12px 24px;
     display: inline-block;
     border: none;
     color: var(--dream-color-primary);
     border-radius: 30px;
 }

 .New-portfolio .portfolio_nav ul li:hover,
 .portfolio_nav ul li.current_menu_item {
     color: #fff;
     background: var(--dream-color-primary);
 }

 .New-portfolio .prot_content {
     position: absolute;
     background: transparent;
     padding: 65px 0px 30px;
 }

 .New-portfolio .prot_content_inner {
     position: relative;
     z-index: 1;
 }

 .New-portfolio .prot_content_inner:after {
     position: absolute;
     content: "";
     right: 0;
     bottom: -30px;
     left: 0;
     height: 160px;
     width: 100%;
     background: url(https://itsoft.dreamitsolution.net/wp-content/uploads/2022/08/port.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     margin: auto;
     padding: 22px 25px 30px;
     z-index: -1;
 }

 .porttitle_inner span:last-child:before {
     content: "";
 }

 .nospace.col-xs-12 {
     padding: 0px;
 }

 .nospace .single_protfolio {
     margin-bottom: 0px;
 }

 /* load button css */

 .gallery_load_button a {
     border: 1px solid #ddd;
     color: #444;
     padding: 7px 15px;
     display: inline-block;
     font-size: 17px;
     margin-top: 0px;
 }

 .gallery_load_button a:hover {
     border-color: #333;
     background: #333;
     color: #fff;
 }

 .prot_wrap.nospace .gallery_load_button a {
     margin-top: 30px;
 }

 /* portfolio icon css */

 .picon {
     margin-bottom: 0;
 }

 .picon a {
     background: var(--dream-color-primary) none repeat scroll 0 0;
     border-radius: 50%;
     color: #fff;
     display: inline-block;
     font-size: 16px;
     height: 40px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     margin: 0 17px 0;
     transition: .5s;
 }

 .picon a:hover {
     background: #bd2d10;
     color: #fff;
 }

 .single_protfolio:hover .picon a {
     margin: 0 3px 0;
 }

 /* single portfolio */

 .pimgs {
     margin-bottom: 15px;
 }

 .pimgs img {}

 .prots-contentg p {}

 .prots-contentg ul {
     margin-left: 0px;
 }

 .portfolio_details {
     overflow: hidden;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
     padding: 65px 50px 50px;
 }

 .portfolio_info {
     padding-left: 13px;
 }

 .portfolio_info h2 {
     font-size: 25px;
     font-family: muli;
     padding-bottom: 17px;
 }

 .portfolio-details-box li strong {
     font-size: 20px;
     margin-right: 5px;
 }

 .pr-title {
     padding: 24px 0 18px;
 }

 .port_dtl_social i {
     margin: 0 4px 0;
     cursor: pointer;
     /*   height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    background:var(--dream-color-primary);
    border-radius: 100%;
    color: #fff;*/
 }

 .port_dtl_social {
     font-size: 17px;
 }

 .port_dtl_social span {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 10px;
     display: block;
 }

 .port_dtl_social a {
     display: inline-block;
     width: 35px;
     height: 35px;
     background: var(--dream-color-primary);
     color: #fff;
     border-radius: 5px;
     font-size: 18px;
     text-align: center;
     margin-right: 10px;
     line-height: 35px;
 }

 .portfolio_details .col-md-6 {
     float: left;
 }

 .prot_wrap .col-md-6,
 .prot_wrap .col-sm-12,
 .prot_wrap .col-lg-4 {
     padding-right: 5px !important;
     padding-left: 5px !important;
 }

 /*===================== itsoft FUN FACT AREA CSS =========================*/

 .fun_fact_area {
     position: relative;
 }

 .fun_fact_area::before {
     content: "";
     position: absolute;
     right: 0;
     top: 76px;
     background: url(assets/images/08.png);
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     background-position: center;
     left: 0;
 }

 .kc-ui-progress2 span.value {
     background: var(--dream-color-primary) !important;
     color: #fff !important;
 }

 .kc-section-active .kc_accordion_content {
     box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
 }

 .gradient .kc-ui-progress {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
 }

 /* itsoft Button */

 .itsoft-button a {
     display: inline-block;
     background: var(--dream-color-primary);
     color: #fff;
     font-weight: 500;
     font-size: 16px;
     padding: 12px 26px;
     border-radius: 3px;
     transition: .5s;
     border: 2px solid var(--dream-color-primary);
 }

 .itsoft-button a:hover {
     color: var(--dream-color-primary);
     background: transparent;
     border: 2px solid var(--dream-color-primary);
 }

 .itsoft-button a i {
     margin-left: 4px;
 }

 /* carousel Nav Style */

 .curosel-style .owl-nav div {
     border-radius: 50%;
     color: #fff;
     font-size: 19px;
     height: 60px;
     line-height: 60px;
     position: absolute;
     top: 50%;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 60px;
     text-align: center;
     z-index: 99;
     -webkit-transform: translateY(-49%);
     -ms-transform: translateY(-49%);
     transform: translateY(-49%);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     background: var(--dream-color-primary);
 }

 .curosel-style .owl-nav .owl-next {
     left: auto;
     right: -50px;
 }

 .curosel-style .owl-nav .owl-prev {
     right: auto;
     left: -50px;
 }

 .single_gallery.curosel-style .owl-nav div {
     left: 30px;
 }

 .single_gallery.curosel-style .owl-nav .owl-next {
     right: 30px;
     left: auto;
 }

 .portfolio_gallery_post.curosel-style .owl-nav div {
     left: 0px;
 }

 .portfolio_gallery_post.curosel-style .owl-nav .owl-next {
     right: 0px;
     left: auto;
 }

 .portfolio_gallery_post.curosel-style .owl-nav div {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .curosel-style .owl-nav .owl-next:hover {
     background: #121B51;
     color: #fff;
 }

 .curosel-style .owl-nav .owl-prev:hover {
     background: #121B51;
     color: #fff;
 }

 .owl-carousel .owl-item img {
     margin: auto;
 }

 .curosel-style:hover .owl-nav div {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 /*---------------------- * FORM CSS -----------------------*/

 .form-control,
 textarea {
     height: 54px;
     background-color: #fff;
     border-color: transparent;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     border: 1px solid #e6e6e6;
     padding: 6px 20px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 5px;
 }

 textarea {
     height: 150px;
     width: 100%;
 }

 .quote_form .form-control {
     background-color: rgba(255, 255, 255, 0.2);
     border-color: transparent;
 }

 .form-control:focus,
 textarea:focus {
     color: #495057;
     background-color: #fff !important;
     border-color: var(--dream-color-primary) !important;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(241, 42, 2, .25) !important;
 }

 .contact-form .buttons {
     text-align: left;
 }

 .buttons {
     text-align: center;
 }

 p.form-submit input {
     background: var(--dream-color-primary);
     border: 0;
     display: inline-block;
     text-align: center;
     padding: 14px 39px;
     border-radius: 4px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     color: #fff;
 }

 p.form-submit input:hover {
     background: #bd2d10;
     color: #fff;
 }

 .button i {
     margin-left: 5px;
 }

 .quote_form .button {
     background: #fff;
     color: #232323;
 }

 .quote_form .button:hover {
     background: #bd2d10;
     color: #fff;
 }

 .gradient .button {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);
 }

 /*new-contact-form*/

 .new-contact-form {
     background: #fff;
     position: relative;
     z-index: 1;
     padding: 32px 44px 0;
     border-radius: 7px;
 }

 .new-contact-form:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 152px;
     width: 100%;
     background: #FF3D00;
     z-index: -1;
     border-radius: 5px 5px 0 0;
 }

 .new-contact-form:after {
     position: absolute;
     content: "";
     top: 136px;
     left: 0;
     height: 25px;
     width: 100%;
     background: #FF3D00;
     z-index: -1;
     background: url(https://itsoft.dreamitsolution.net/wp-content/uploads/2022/08/square-line.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 .new-contact-form .form-control,
 textarea {
     border-radius: 30px;
 }

 .new-contact-form textarea {
     height: 132px;
 }

 .new-contact-form .button {
     background: #141323;
     display: block;
     ;
     color: #fff;
     border-radius: 30px;
     width: 100%;
     font-weight: 500;
 }

 .new-contact-form .wpcf7-spinner {
     height: 0;
     margin: 0;
 }

 /*---------------------- * SLICK SLIDER AREA CSS -----------------------*/

 .em-slick-testi-main {
     text-align: center;
 }

 /*---------------------- * SLIDER AREA CSS -----------------------*/

 .main-slider-area {
     display: block;
     position: relative;
 }

 .nivo-caption {
     background: rgba(0, 0, 0, 0.0);
     height: 100%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .nivo-slice {
     display: block;
     position: absolute;
     z-index: -1;
     height: 100%;
     top: 0;
     display: none !important;
 }

 .em_slider_inner {
     margin: auto;
     position: absolute;
     top: 50%;
     left: 0px;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .nivoSlider {
     overflow: visible;
 }

 .em-slider-title {
     font-size: 20px;
     color: #fff;
     margin-bottom: 0;
     font-weight: 400;
     margin: 0 0 15px;
 }

 .em-slider-sub-title {
     font-size: 72px;
     text-transform: uppercase;
     color: #fff;
     font-weight: 800;
     display: block;
     margin: 0;
     letter-spacing: 2px;
     line-height: 1.1;
 }

 .em-slider-descript {
     color: #fff;
 }

 .em-slider-descript {
     width: 48%;
     text-align: left;
     color: #fff;
     margin: 20px 0 30px;
     font-size: 18px;
 }

 .text-left .em-slider-descript {
     margin-left: 0;
     margin-right: auto;
 }

 .text-center .em-slider-descript {
     margin: 0 auto 31px;
 }

 .text-right .em-slider-descript {
     margin-right: 0;
     margin-left: auto;
     text-align: right;
 }

 .em-button-button-area a {
     -moz-user-select: none;
     background: var(--dream-color-primary);
     border: medium none;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 16px;
     margin-bottom: 0;
     padding: 15px 41px;
     text-align: center;
     text-transform: uppercase;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     border-radius: 2px;
     border: 1px solid transparent;
     font-weight: 400;
     margin-top: 10px;
 }

 .em-button-button-area a:hover {
     background-color: #fff;
     border-color: #fff;
     color: var(--dream-color-primary);
 }

 .em-slider-button .withput-active {
     background: transparent;
     color: #fff;
     border-color: rgba(255, 255, 255, 0.8);
     margin-left: 7px;
 }

 .em-slider-button .withput-active:hover {
     background: #fff;
     border-color: #fff;
     color: var(--dream-color-primary);
 }

 .em-button-button-area a i {
     margin-left: 10px;
     display: inline-block;
 }

 .text-left a.em-active-button {
     margin-left: 0;
 }

 .em-slider-half-width {
     width: 50%;
 }

 .text-center .em-button-button-area a {
     margin: 0 15px;
 }

 .em-slider-left {
     padding-right: 30px;
 }

 .em-slider-right {
     padding-left: 30px;
 }

 .em-slider-full-width {
     width: 85%;
 }

 .em-slider-half-width .em-slider-descript {
     width: 100%;
 }

 /* directionNav */

 .em-nivo-slider-wrapper .nivo-directionNav {}

 .em-nivo-slider-wrapper .nivo-directionNav a {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     height: 78px;
     width: 50px;
     line-height: 74px;
     border: 0;
     text-align: center;
     display: block;
     color: var(--dream-color-primary);
     font-size: 28px;
     left: 0;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     background: #fff;
 }

 .em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {}

 .em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
     left: auto;
     right: 0;
 }

 .em-nivo-slider-wrapper .nivo-directionNav a:hover {
     background: var(--dream-color-primary);
     border-color: var(--dream-color-primary);
     color: #fff;
 }

 .em-nivo-slider-wrapper:hover .nivo-directionNav a {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     left: 50px;
     z-index: 22;
 }

 .em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
     left: auto;
     right: 50px;
 }

 /* controlNav */

 .em-nivo-slider-wrapper .nivo-controlNav {
     top: 50%;
     padding: 0;
     position: absolute;
     width: 100%;
     z-index: 9;
     left: 38px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .em-nivo-slider-wrapper .nivo-controlNav {}

 .em-nivo-slider-wrapper .nivo-controlNav a {
     background: #fff none repeat scroll 0 0;
     border-radius: 50%;
     cursor: pointer;
     display: block;
     font-size: 9px;
     height: 17px;
     margin: 8px 0;
     width: 17px;
     color: var(--dream-color-primary);
     line-height: 17px;
     opacity: 0;
 }

 .em-nivo-slider-wrapper .nivo-controlNav a:hover,
 .em-nivo-slider-wrapper .nivo-controlNav a.active {
     background: #fff none repeat scroll 0 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 }

 .single_slide_img {
     position: absolute;
     top: -180px;
     text-align: right;
     left: 59%;
 }

 /*===================== itsoft PRICING AREA CSS =========================*/

 .single_pricing {
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     padding: 26px 40px 50px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     text-align: center;
     box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
 }

 .single_pricing.active {
     background: var(--dream-color-primary);
     color: #fff;
     padding: 51px 40px 75px;
     transform: translateY(-25px);
 }

 .pricing_head {
     padding: 0 0 0px;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }

 .pricing_icon {
     text-align: center;
 }

 .pricing_title h2 {
     font-size: 20px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .pricing_title h3 {
     font-size: 20px;
     text-transform: capitalize;
     padding-bottom: 11px;
 }

 .pricing_subtitle h4 {
     font-size: 18px;
     color: #656565;
     font-weight: 400;
     margin: 0;
 }

 .price_item_inner_center {
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .price_item {
     -webkit-transition: all 0.5s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     margin-bottom: 15px;
 }

 .price_item span {
     display: inline-block;
     -webkit-transition: all 0.3s ease 0s;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     font-size: 51px;
     font-weight: 700;
     text-align: center;
     color: #232323;
     font-family: 'Fira Sans', sans-serif;
 }

 .slash {
     font-size: 0;
 }

 .curencyp {
     font-size: 20px !important;
     font-weight: 500 !important;
     position: relative;
     top: -15px;
     color: #616161 !important;
 }

 .bootmp {
     font-size: 20px !important;
     font-weight: 500 !important;
     color: #616161 !important;
 }

 .pricing_btn span {
     border: 1px solid #ddd;
     display: inline-block;
     padding: 0px 23px;
     border-radius: 30px;
     font-size: 15px;
 }

 .featur ul li {
     display: block;
     font-size: 16px;
     padding: 7px 0;
     text-transform: none;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     text-transform: capitalize;
     font-weight: 300;
 }

 .featur ul li b {
     font-weight: 600;
 }

 .featur ul li:last-child {
     padding-bottom: 0;
 }

 .order_now {
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     margin-top: 34px;
 }

 .order_now a {
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     padding: 13px 37px;
     position: relative;
     text-transform: capitalize;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     color: var(--dream-color-primary);
     border: 1px solid var(--dream-color-primary);
     border-radius: 3px;
 }

 .single_pricing:hover .order_now a {
     background: var(--dream-color-primary);
     color: #fff;
 }

 .single_pricing.active .order_now a {
     background: transparent;
     border-color: #fff;
     color: #fff;
 }

 .single_pricing.active .price_item span,
 .single_pricing.active .pricing_title>h3 {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     color: #fff !important;
 }

 .gradient .single_pricing.active {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
 }

 .gradient .kc-feature-boxes {
     background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
     border: 0 !important;
 }

 /*style four*/

 .single_pricing.style4 {
     position: relative;
     padding: 42px 0px 38px;
     background-color: #f5f5f5;
     border-radius: 10px;
     text-align: left;
     box-shadow: none;
 }

 .single_pricing.style4 .pricing_img {
     display: inline-block;
     height: 82px;
     width: 82px;
     text-align: center;
     line-height: 82px;
     background: #ff3b00;
     border-radius: 5px;
 }

 .single_pricing.style4 .price-item {
     display: inline-block;
     position: absolute;
     right: 30px;
     top: 11px;
 }

 .single_pricing.style4 .pricing-head {
     text-align: left;
     position: relative;
     padding: 0 31px;
 }

 .single_pricing.style4 .price-item .currency {
     color: #1e266d;
     font-size: 24px;
     font-weight: 500;
 }

 .single_pricing.style4 .price-item .tk {
     color: #1e266d;
     font-size: 42px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     line-height: 22px;
 }

 .single_pricing.style4 .price-item .month {
     color: #6d6d6d;
     font-size: 14px;
     font-weight: normal;
     display: block;
     text-transform: uppercase;
 }

 .single_pricing.style4 .pricing-title {
     font-size: 22px;
     font-weight: 500;
     position: relative;
     z-index: 1;
     margin: 34px 0 29px;
     background: #fff;
     display: inline-block;
     padding: 11px 30px;
     border-radius: 0 5px 05px 0;
     transition: .5s;
 }

 .single_pricing.style4 .pricing-title:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 49px;
     width: 3px;
     background: #ff3b00;
     transition: .5s;
 }

 .single_pricing.style4 .pricing-title h3 {
     font-size: 22px;
     font-weight: 500;
     margin: 0;
 }

 .single_pricing.style4 .pricing-body {
     padding: 0 31px;
 }

 .single_pricing.style4 .pricing-body ul li {
     font-weight: 400;
     margin-bottom: 15px;
     padding: 0;
 }

 .single_pricing.style4 .pricing-body ul li i {
     display: inline-block;
     color: var(--dream-color-primary);
     font-size: 16px;
     margin-right: 6px;
 }

 .single_pricing.style4 .order_now {
     margin-top: 16px;
 }

 .single_pricing.style4 .order_now a {
     position: relative;
     display: inline-block;
     color: #1e266d;
     font-weight: 400;
     padding: 10px 33px;
     width: inherit;
     background-color: #fff;
     border-radius: 5px;
     text-align: left;
     margin-top: 20px;
     transition: .5s;
     border: none;
     font-size: 16px;
 }

 .single_pricing.style4:hover .order_now a {
     background: #FF3B00;
     color: #fff;
 }

 .single_pricing.style4.active:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/active.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     z-index: -1;
     border-radius: 5px;
 }

 .single_pricing.style4.active .pricing-title {
     background-color: rgba(255, 255, 255, 0.2);
 }

 .single_pricing.style4.active .pricing-title:before {
     display: none;
 }

 .single_pricing.style4.active .pricing-body ul li i {
     color: #fff;
 }

 .single_pricing.style4.active .price-item .currency,
 .single_pricing.style4.active .price-item .tk,
 .single_pricing.style4.active .price-item .month {
     color: #fff;
 }

 .single_pricing.style4.active .pricing_img {
     background: #fff;
 }

 .single_pricing.style4.active .pricing-title h3 {
     color: #fff;
 }

 .single_pricing.style4.active {
     background: var(--dream-color-primary);
     color: #fff;
     transform: translateY(0);
 }

 /*===================== END itsoft PRICING AREA CSS =========================*/

 /* contact from */

 div.wpcf7-response-output {
     margin: 0;
 }

 /* recent post */

 .footer-address {
     padding-top: 0px;
 }

 .footer-widget.address,
 .footer-widget.address p {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.80);
 }

 .footer-sociala-info {
     overflow: hidden;
 }

 .footer-logo {
     margin-bottom: 18px;
     margin-top: 19px;
 }

 .footer_s_inner {
     margin-top: 0px;
     margin-bottom: 0;
 }

 .footer-sociala-icon {
     clear: both;
     float: left;
     font-size: 26px;
     margin-right: 17px;
     overflow: hidden;
     color: var(--dream-color-primary);
     display: none;
 }

 .recent-post-item {
     clear: both;
     overflow: hidden;
     margin-bottom: 14px;
     border-bottom: 1px solid #E8E8E8;
     padding-bottom: 0px;
 }

 .recent-post-image {
     float: left;
     margin-right: 25px;
 }

 .recent-post-image a {
     display: inline-block;
 }

 .recent-post-text {
     margin-top: 0;
     overflow: hidden;
 }

 .recent-post-text .rcomment i {
     margin-right: 5px;
 }

 .footer-middle .post-date {
     display: block;
 }

 /* Placeholder Css */

 ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #666;
     font-size: 17px;
 }

 ::-moz-placeholder {
     /* Firefox 19+ */
     color: #666;
     font-size: 17px;
 }

 :-ms-input-placeholder {
     /* IE 10+ */
     color: #666;
     font-size: 17px;
 }

 :-moz-placeholder {
     /* Firefox 18- */
     color: #666;
     font-size: 17px;
 }

 .apppontment-form-two input::-moz-placeholder {
     color: #fff !important;
     font-size: 16px;
 }

 .apppontment-form-two textarea::-moz-placeholder {
     color: #fff !important;
     font-size: 16px;
 }

 .apppontment-form-two ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #fff !important;
     font-size: 16px;
 }

 .apppontment-form-two ::-moz-placeholder {
     /* Firefox 19+ */
     color: #fff !important;
     font-size: 16px;
 }

 .apppontment-form-two :-ms-input-placeholder {
     /* IE 10+ */
     color: #fff !important;
     font-size: 16px;
 }

 .apppontment-form-two :-moz-placeholder {
     /* Firefox 18- */
     color: #fff !important;
     font-size: 16px;
 }

 /* Consult Form */

 .quote_form input::-moz-placeholder {
     color: #fff;
     font-size: 17px;
 }

 .quote_form ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #fff !important;
     font-size: 16px;
     font-weight: 400;
 }

 .quote_form ::-moz-placeholder {
     /* Firefox 19+ */
     color: #fff !important;
     font-size: 16px;
     font-weight: 400;
 }

 .quote_form :-ms-input-placeholder {
     /* IE 10+ */
     color: #fff !important;
     font-size: 16px;
     font-weight: 400;
 }

 .quote_form :-moz-placeholder {
     /* Firefox 18- */
     color: #fff !important;
     font-size: 16px;
     font-weight: 400;
 }

 /* Mailchim Form Css */

 .mailchim-form-inner {
     width: 100%;
     background: #fff;
     border-radius: 15px;
     padding: 33px 190px 40px;
     /*     box-shadow: 0 5px 10px rgba(0,9,128,0.035), 0 7px 18px rgba(0,9,128,0.05); */
     overflow: hidden;
     background: var(--dream-color-primary);
 }

 .mailchim-form {}

 .mailchim-form-inner .widgettitle {
     font-size: 31px;
     font-weight: 700;
     padding-bottom: 25px;
     text-align: center;
     text-transform: capitalize;
     color: #fff;
 }

 .mc4wp-form-fields p {
     position: relative;
     font-size: 16px;
     position: relative;
     margin: auto;
 }

 .footer-middle .mc4wp-form-fields p {
     color: #a0a1a2;
     margin-bottom: 40px;
 }

 .mc4wp-form-fields p {
     position: relative;
     color: #333;
     /* line-height: 27px; */
     text-align: center;
 }

 .mc4wp-form-fields p label {
     font-size: 16px;
     font-weight: 700;
     margin: 15px 0;
 }

 .mc4wp-form-fields input,
 .mc4wp-form-fields textarea {
     font-size: 14px;
     height: 54px;
     padding: 5px 15px;
     width: 100%;
     background: #fff;
     border: 0;
     margin: auto;
     border: 0;
     border-radius: 3px;
 }

 .mc4wp-form-fields textarea {
     height: 80px;
 }

 .mc4wp-form-fields button {
     -webkit-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     border: medium none;
     font-size: 17px;
     background: var(--dream-color-primary);
     color: #fff;
     font-weight: 600;
     margin: auto;
     padding: 0 33px;
     height: 84%;
     display: inline-block;
     font-family: 'Poppins', sans-serif;
     position: absolute;
     right: 6px;
     top: 4px;
     border-radius: 2px;
 }

 .mc4wp-form-fields button:hover {
     background: #BD2D10;
 }

 .mc4wp-form-fields input:focus,
 .mc4wp-form-fields textarea:focus {
     border-color: var(--dream-color-primary);
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
     box-shadow: inset 0 1px 1px rgba(241, 42, 2, .075), 0 0 8px rgba(241, 42, 2, .6);
 }

 /*style six*/

 .subscribe-six .mc4wp-form-fields button {
     font-size: 14px;
     font-weight: 600;
     margin: auto;
     padding: 0 18px;
     position: absolute;
 }

 /*new_subs*/

 .new_subs input[type="email"] {
     font-size: 16px;
     height: 60px;
     padding: 5px 25px;
     width: 100%;
     background: #ffffff;
     border-radius: 0;
     outline: 0;
     text-align: center;
 }

 .new_subs p.mailchimp-form button {
     border: medium none;
     border-radius: 0;
     font-weight: 500;
     text-align: center;
     padding: 16px 30px;
     position: absolute;
     right: 0;
     top: 70px;
     width: 100%;
     height: inherit;
 }

 .footer_bottom p {
     margin: 0;
 }

 /*New-footer*/

 .New-footer .mc4wp-form-fields input,
 .mc4wp-form-fields textarea {
     font-size: 14px;
     height: 69px;
     padding: 5px 37px;
     border-radius: 40px;
 }

 .New-footer .mc4wp-form-fields button {
     height: 78%;
     right: 8px;
     top: 8px;
     border-radius: 30px;
 }

 .New-footer .recent-post-text h4 a {
     color: #fff;
 }

 .New-footer .recent-post-text h4 a:hover {
     color: var(--dream-color-primary);
 }

 .New-footer .recent-post-text .rcomment {
     color: #999397;
 }

 .footer-bottom p {
     margin: 0;
 }

 /*new fotter two*/

 .new-footer-two .New-footer .mc4wp-form-fields input,
 .mc4wp-form-fields textarea {
     height: 57px;
     padding: 5px 14px;
     border-radius: 6px;
 }

 .new-footer-two .mc4wp-form-fields button {
     padding: 0 22px;
     right: 6px;
     top: 4px;
     border-radius: 2px;
 }

 .new-footer-two .New-footer .mc4wp-form-fields button {
     top: 7px;
     border-radius: 5px;
 }

 /* Appointment Form Css */

 .form-area.apppontment-form {
     background: #fff;
     padding: 41px 50px 15px;
     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
 }

 .apointment-form-title {
     text-align: center;
     margin-bottom: 30px;
 }

 .apointment-form-title h2 {
     font-size: 25px;
 }

 .form-area.apppontment-form .button {
     padding: 14px 39px;
     border-radius: 4px;
     width: 100%;
 }

 .form-area.apppontment-form .form-control,
 .form-area.apppontment-form .form-group select {
     height: 54px;
     background-color: #F4F7FC;
     border-color: transparent;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
     border: 1px solid #eee;
     padding: 6px 20px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 5px;
     width: 100%;
     color: #666;
 }

 .form-area.apppontment-form textarea {
     background: #F4F7FC;
 }

 .form-area.apppontment-form.apppontment-form-two {
     background: rgba(12, 90, 219, 0.60);
 }

 .form-area.apppontment-form.apppontment-form-two input {
     background: rgba(255, 255, 255, 0.10);
     border: 1px solid rgba(255, 255, 255, 0.09);
     color: #fff;
 }

 .form-area.apppontment-form.apppontment-form-two textarea {
     background: rgba(255, 255, 255, 0.10);
     border: 1px solid rgba(255, 255, 255, 0.09);
     height: 150px;
     width: 100%;
     padding: 15px;
 }

 .form-area.apppontment-form.apppontment-form-two .button {
     background: #fff !important;
     color: var(--dream-color-primary);
 }

 .form-area.apppontment-form.apppontment-form-two .button:hover {
     background: var(--dream-color-primary) !important;
     color: #fff;
 }

 .content-desc a {
     color: #898a9c;
 }

 /*===================== itsoft adn blog css =========================*/

 .itsoft-single-blog_adn {
     margin-bottom: 30px;
     overflow: hidden;
     text-align: left;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     background: #fff;
     box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
     padding: 15px;
 }

 .itsoft-single-blog_adn:hover {
     -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
     border-color: transparent;
 }

 /* BLOG THUMB CSS */

 .blog_adn_thumb_inner {
     position: relative;
 }

 .itsoft-blog-thumb_adn {
     position: relative;
 }

 .itsoft-blog-thumb_adn a {
     position: relative;
 }

 .itsoft-blog-thumb_adn a {
     display: block;
 }

 .itsoft-blog-thumb_adn img {}

 /* BLOG TITLE AND CONTENT CSS */

 .em-blog-content-area_adn {
     padding: 40px 18px 15px;
     text-align: center;
     position: relative;
 }

 .blog-page-title_adn h2 {
     font-size: 20px;
     margin: 10px 0 7px;
     line-height: 1.2;
 }

 .blog-page-title_adn a {
     margin-bottom: 0;
     text-transform: none;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     color: #232323;
     font-weight: 600;
 }

 .blog-page-title_adn a:hover {
     color: var(--dream-color-primary);
 }

 .blog-content_adn h2 a {
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .blog-content_adn h2 a:hover {
     color: var(--dream-color-primary);
 }

 .blog-content_adn p {
     margin: 16px 0 15px;
 }

 .blog-page-title_adn2 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     text-align: center;
     z-index: 9999;
 }

 .blog-page-title_adn2 h2 {
     margin: 0px;
     background: rgba(0, 0, 0, 0.72);
     padding: 15px;
     color: #fff;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .blog-page-title_adn2 h2 a {
     color: #fff;
 }

 /* BLOG POST META LEFT CSS */

 .itsoft-blog-meta_adn {
     border-top: 1px solid var(--dream-color-primary);
     margin-top: 18px;
     padding-top: 11px;
 }

 .itsoft-blog-meta-left a,
 .itsoft-blog-meta-left span {
     margin-right: 13px;
     -o-transition: .3s;
     -webkit-transition: .3s;
     transition: .3s;
     display: inline-block;
     text-decoration: none;
     text-transform: capitalize;
     margin: 0 10px;
     position: relative;
     font-weight: 400;
     font-size: 15px;
 }

 .itsoft-blog-meta-left_adn a::before {
     position: absolute;
     content: "";
     right: -11px;
     width: 1px;
     height: 18px;
     background: #595555;
     top: 5px;
 }

 .itsoft-blog-meta-left_adn i {
     margin-right: 0px;
     color: #333;
 }

 .blog_nospace_adn.col-xs-12 {
     padding: 0px;
 }

 .blog_nospace_adn .itsoft-single-blog {
     margin-bottom: 0px;
 }

 .btn-link {
     font-weight: 500;
     color: #616161;
     font-size: 16px;
     font-family: Muli;
 }

 .btn-link:hover {
     text-decoration: none;
     color: var(--dream-color-primary);
 }

 .btn-link i {
     margin-left: 5px;
 }

 .itsoft-blog-meta-top {
     position: absolute;
     left: 7px;
     bottom: inherit;
     top: 10px;
 }

 .itsoft-blog-meta-top li {
     display: inline-block;
 }

 .itsoft-blog-meta-top li a {
     display: inline-block;
     background: var(--dream-color-primary);
     padding: 5px 16px;
     line-height: 19px;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 500;
     color: #fff;
     border-radius: 2px;
     letter-spacing: 1px;
     margin-right: 5px;
 }

 .itsoft-blog-readmore a {
     padding: 9px 20px;
     display: inline-block;
     font-weight: 400;
     border-radius: 3px;
     transition: .3s;
     color: #616161;
 }

 .itsoft-blog-readmore a:hover {
     color: var(--dream-color-primary);
 }

 /* Blog Style Two */

 .blog_style_two .itsoft-single-blog_adn {
     text-align: left;
     padding: 0;
     border-radius: 5px;
 }

 .blog_style_two .em-blog-content-area_adn {
     padding: 32px 35px 30px;
     text-align: left;
 }

 .blog_style_two .itsoft-blog-meta-left {
     box-shadow: none;
     padding: 0;
     border-radius: 0;
     text-align: left;
     position: inherit;
     top: inherit;
     background: transparent;
     left: inherit;
     right: inherit;
     margin: 0;
 }

 .blog_style_two .itsoft-blog-meta-left a,
 .blog_style_two .itsoft-blog-meta-left span {
     margin: 0;
     margin-right: 25px;
 }

 .blog_style_two .itsoft-blog-readmore a {
     padding: 0;
     border: 0;
     color: var(--dream-color-primary);
     position: relative;
 }

 .itsoft-blog-readmore a {
     position: relative;
 }

 .itsoft-blog-readmore a i {
     margin-left: 5px;
     position: relative;
     display: inline-block;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 /*style five*/

 .blog_style_five .single_blog_adn {
     border: none;
     border-radius: 4px;
     transition: .4s;
     margin-bottom: 30px;
 }

 .blog_style_five .single_blog_adn:hover {
     box-shadow: none);
     border-color: transparent;
 }

 .blog_style_five .single_blog_adn:hover .em-blog-content-area_adn {
     box-shadow: 0px 20px 40px 0px rgba(189, 189, 189, 0.2);
     background: #fff;
 }

 .blog_style_five .single_blog_adn:hover .itsoft-blog-readmore a {
     background: var(--dream-color-primary);
     color: #fff;
 }

 .blog_style_five .itsoft-single-blog_adn {
     margin-bottom: 0;
     overflow: hidden;
     background: #fff;
     box-shadow: none;
     padding: 0;
 }

 .blog_style_five .em-blog-content-area_adn {
     padding: 24px 30px 32px;
     text-align: left;
     position: relative;
     border-top: 2px solidvar(--dream-color-primary);
     width: 90%;
     left: 0;
     right: 0;
     margin: auto;
     background: #F4F4F4;
     z-index: 1;
     margin-bottom: 30px;
     transition: .5s;
     margin-top: -21px;
 }

 .blog_style_five .em-blog-content-area_adn:before {
     position: absolute;
     content: "";
     top: -16px;
     left: 0;
     height: 69%;
     width: 38%;
     background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/05/line.png);
     background-position: center center;
     background-repeat: no-repeat;
 }

 .blog_style_five .itsoft-blog-meta-left {
     box-shadow: none;
     padding: 0px 0px;
     border-radius: 0;
     text-align: left;
     position: inherit;
     top: 0;
     margin: 0;
     background: transparent;
 }

 .blog_style_five .itsoft-blog-meta-left a,
 .itsoft-blog-meta-left span {
     text-transform: capitalize;
     margin: 0 8px 0 0;
     font-weight: 400;
     font-size: 15px;
 }

 .blog_style_five .itsoft-blog-meta-left span::before,
 .itsoft-blog-meta-left a::before {
     display: none;
 }

 .blog_style_five .blog-page-title_adn h2 {
     font-size: 22px;
     margin: 14px 0 23px;
     line-height: 1.3;
 }

 .blog_style_five .blog-inner-content {
     background: #fff;
     padding: 19px 21px 20px;
     border-top: 1px solid#E1E1E1;
 }

 .blog_style_five .blog-box-img {
     margin-right: 10px;
 }

 .blog_style_five .blog-box-img img {
     height: 28px;
     width: 28px;
     border-radius: 100%;
     background: #FF3D00;
     text-align: center;
     box-shadow: 0px 3px 24px 3px rgb(255 61 0 / 36%);
 }

 .blog_style_five .blog-box-title h2 {
     font-size: 16px;
     margin: 0 0 0;
     font-family: 'Fira Sans';
     font-weight: 500;
 }

 .blog_style_five .itsoft-blog-readmore a {
     padding: 10px 19px;
     border-radius: 0px;
     color: #232323;
     font-family: 'Fira Sans';
     display: block;
     background: #fff;
 }

 .blog_style_five .itsoft-blog-readmore a i {
     font-size: 9px;
     font-weight: 600;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 15px;
 }

 .blog_style_five .itsoft-blog-readmore a:hover {
     color: var(--dream-color-primary);
 }

 .blog_style_five .itsoft-blog-readmore {
     display: block;
     position: relative;
     left: 0;
 }

 /* blog style six*/

 .blog_style6 .itsoft-single-blog_adn {
     border: none;
     padding: 0;
     position: relative;
     z-index: 1;
     transition: .5s;
     border-radius: 5px;
     filter: drop-shadow(0px 10px 15px rgba(210, 210, 210, 0.2));
     background-color: #ffffff;
 }

 .blog_style6 .itsoft-single-blog_adn:hover .em-blog-content-area_adn {
     border-color: var(--dream-color-primary);
 }

 .blog_style6 .itsoft-single-blog_adn:hover .itsoft_blog_meta_left span {
     color: var(--dream-color-primary);
 }

 .blog_style6 .itsoft-single-blog_adn:hover .itsoft-blog-readmore a {
     color: var(--dream-color-primary);
 }

 .blog_style6 .em-blog-content-area_adn {
     border: none;
     padding: 22px 30px 24px;
     position: relative;
     z-index: 1;
     transition: .5s;
     border-radius: 5px;
     filter: drop-shadow(0px 10px 15px rgba(210, 210, 210, 0.2));
     background-color: #ffffff;
     border-bottom: 4px solid#fff;
     text-align: left;
 }

 .blog_style6 .itsoft_blog_meta_left span {
     color: #686868;
     display: inline-block;
     margin: 0 0 6px;
 }

 .blog_style6 .blog-page-title_adn h2 {
     margin: 8px 0 16px;
     line-height: 1.34;
 }

 .blog_style6 .itsoft-blog-readmore a {
     padding: 0;
     color: #616161;
 }

 .blog_style6 .itsoft-blog-readmore a i {
     margin-left: 5px;
 }

 /*style seven*/

 .blog_style6.seven .itsoft-single-blog_adn {
     filter: none;
     background-color: #ffffff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
     margin-left: 3px;
 }

 /* responsive 320 start */

 /* small mobile :320px. */

 @media (max-width: 767px) {
     body {
         overflow-x: hidden;
     }
     .itsoft-header-top {
         display: none;
     }
     .mean-container .mean-bar:before {
         text-transform: uppercase;
         top: 19px;
     }
     .mean-container a.meanmenu-reveal {
         padding: 19px 20px 18px;
     }
 }

 /* button css */

 .banner-area .btn {
     -moz-user-select: none;
     background: var(--dream-color-primary);
     border-radius: 4px;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 17px;
     padding: 12px 32px;
     text-align: center;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-right: 10px;
 }

 .banner-area .active .btn {
     background: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid var(--dream-color-primary);
     color: var(--dream-color-primary);
 }

 .btn i {
     margin-left: 2px;
 }

 .btn-sm {
     font-size: 12px;
     letter-spacing: 1px;
     padding: 12px 20px;
 }

 .btn.btn-bordered {
     background: transparent none repeat scroll 0 0;
     border: 2px solid var(--dream-color-primary);
     color: var(--dream-color-primary);
     padding-bottom: 11px;
     padding-top: 11px;
 }

 .btn.btn-lg.btn-bordered {
     padding-bottom: 16px;
     padding-top: 16px;
 }

 .btn.btn-sm.btn-bordered {
     padding-bottom: 8px;
     padding-top: 8px;
 }

 .btn-icon i {
     font-size: 10px;
     left: 0;
     position: relative;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
 }

 .btn-icon:hover i {
     left: 2px;
 }

 .banner-area .btn:hover {
     background-color: #fff;
     color: var(--dream-color-primary);
     border-color: #fff;
 }

 .banner-area .active .btn:hover {
     background-color: var(--dream-color-primary);
     color: #fff;
     border: 1px solid var(--dream-color-primary);
 }

 .btn.btn-bordered:hover {
     background-color: var(--dream-color-primary);
     color: #fff;
 }

 .button-group {
     margin-top: 30px;
 }

 .button-group a {
     margin-right: 25px;
 }

 .button-group a:last-child {
     margin-right: 0;
 }

 .bottom-img {
     position: absolute;
     bottom: -8px;
     width: 100%;
 }

 .scroll-next {
     bottom: 10px;
     left: 0;
     position: absolute;
     right: 0;
     z-index: 1;
 }

 .scroll-next>a {
     border-radius: 20px;
     display: inline-block;
     height: 30px;
     width: 30px;
     position: relative;
 }

 .scroll-next i {
     color: var(--dream-color-primary);
     font-size: 40px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
 }

 /* Slider Paralax */

 #parallax {
     position: relative;
 }

 .slider-shape {
     position: absolute !important;
 }

 .layer-1 {
     top: 12% !important;
     left: 8% !important;
 }

 .layer-2 {
     top: 53% !important;
     left: 6% !important;
 }

 .layer-3 {
     top: 87% !important;
     left: 16% !important;
 }

 .layer-4 {
     top: 54% !important;
     left: 74% !important;
     opacity: .09;
 }

 .layer-5 {
     top: 24% !important;
     left: 13% !important;
     opacity: .03;
 }

 .area-padding {
     padding: 30px;
 }

 .t-slider-shape {
     position: absolute !important;
     opacity: .4;
 }

 .s-layer-1 {
     top: 53% !important;
     left: 7% !important;
 }

 .s-layer-2 {
     top: 73% !important;
     left: 13% !important;
     opacity: .2;
 }

 .s-layer-3 {
     top: 75% !important;
     left: 39% !important;
 }

 .s-layer-4 {
     top: 82% !important;
     left: 24% !important;
 }

 @-webkit-keyframes second-heartbeat {
     to {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
     }
 }

 @keyframes second-heartbeat {
     to {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
     }
 }

 .slider-video-icon a {
     text-align: center;
     display: inline-block;
     position: relative;
 }

 .single-video .layer-1 {
     top: -20% !important;
     left: -158px !important;
     z-index: -1;
 }

 .single-video .layer-2 {
     top: -47% !important;
     left: 36% !important;
     z-index: -1;
 }

 .single-video .layer-3 {
     top: 109% !important;
     left: -12% !important;
     z-index: -1;
 }

 .single-video .layer-4 {
     top: 83% !important;
     left: inherit !important;
     right: -126px;
     z-index: -1;
     opacity: 1;
 }

 .single-video .layer-1 img,
 .single-video .layer-2 img,
 .single-video .layer-3 img,
 .single-video .layer-4 img {
     -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
 }

 .about-video.single-video {
     position: relative;
     text-align: left;
     margin-left: 0;
 }

 .about-video.single-video .layer-1,
 .about-video.single-video .layer-2,
 .about-video.single-video .layer-3,
 .about-video.single-video .layer-4 {
     display: none;
 }

 .style_two.single-video {
     position: relative;
     text-align: left;
     margin-left: 0;
 }

 .style_two .video-icon {
     position: inherit;
     transform: inherit;
 }

 /* project desc */

 .portfolio-details-box li {
     border-bottom: 1px solid #ddd;
     font-size: 18px;
     font-weight: 300;
     padding: 13px 0;
     text-transform: capitalize;
     list-style: none;
 }

 .portfolio-details-box li:last-child {
     border-bottom: 0 none;
 }

 .portfolio-details-box li span {
     color: #333;
     display: inline-block;
     font-weight: 700;
     margin-right: 15px;
     text-transform: uppercase;
     width: 170px;
 }

 .portfolio-details-box li:first-child {
     padding-top: 0;
 }

 .portfolio-details-box ul {
     margin-bottom: 20px;
 }

 .portfolio-description {
     margin-top: 50px;
 }

 .portfolio-description>p {
     font-size: 18px;
 }

 .projects-navigation-wrap {
     margin-top: 50px;
 }

 .projects-navigation-wrap a {
     font-family: 'Raleway', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
 }

 .pr-title h2 {
     font-size: 27px;
     text-transform: capitalize;
     padding-top: 10px;
 }

 .prot_content.multi_gallery {
     width: 75%;
     margin: auto;
 }

 /* kc */

 .abtext em {
     color: #444;
     font-weight: 600;
 }

 .abtext ol {
     padding-left: 15px;
 }

 .abtext ol li {
     font-weight: 600;
     line-height: 30px;
 }

 /* footer widget */

 .mean-container .mean-bar:before {
     text-transform: uppercase;
 }

 .footer-logo img {
     margin-bottom: 28px;
 }

 .mc4wp-alert.mc4wp-error a,
 .mc4wp-alert.mc4wp-error p {
     color: var(--dream-color-primary) !important;
 }

 span.wpcf7-not-valid-tip {
     text-align: left;
 }

 .footer-middle .widget.widget_archive .widget-title {
     margin-bottom: 34px !important;
     margin-top: 28px !important;
 }

 .footer-middle .widget.widget_search .widget-title {
     margin-top: 25px !important;
 }

 .footer-middle .widget.widget_tag_cloud .widget-title {
     margin-bottom: 20px !important;
 }

 .footer-middle .widget.widget_text p img {
     margin-top: 10px !important;
     margin-bottom: 6px !important;
 }

 /* sidebar widget */

 .blog-left-side .widget.widget_text p img {
     margin-top: 10px !important;
     margin-bottom: 6px !important;
 }

 .blog-left-side .widget.widget_text .wp-caption {
     margin-bottom: 0px;
 }

 .blog-left-side .widget.widget_archive .widget h2 {
     padding-bottom: 19px !important;
 }

 .footer-middle table#wp-calendar td#today a {
     color: #fff !important;
 }

 .footer-middle table#wp-calendar th {
     color: #e3e3e3;
 }

 .blog-left-side .widget h2 {
     margin-top: 0;
 }

 .footer-middle #archives-dropdown--1 {
     height: 34px;
     width: 100%;
 }

 .widget.widget_categories select {
     width: 100%;
     height: 34px;
 }

 .widget .screen-reader-text {
     display: none;
 }

 .search input {
     width: 100%;
 }

 .textwidget select {
     width: 100%;
 }

 .widget ul li:first-child {
     padding-top: 0;
 }

 .blog-left-side .widget ul li {
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     border-top: 1px solid #E8E8E8;
     padding: 15px 0;
 }

 .widget ul li:hover {
     color: var(--dream-color-primary);
 }

 .comment_field .textarea-field label {
     margin-top: 20px;
     margin-bottom: 10px;
 }

 .blog-content {
     word-break: break-word;
 }

 .post-password-form input[type="submit"] {
     background: var(--dream-color-primary);
     height: 40px;
     width: 100px;
 }

 .page-list-single {
     clear: both;
 }

 .blog-left-side .text-widget-about ul li {
     border-top: 0;
     padding: 0;
 }

 .copyright-social ul li {
     font-size: 16px;
     display: inline;
 }

 .copyright-social ul li a {
     color: #f8f9fe;
     font-size: 14px;
 }

 .copyright-social ul .policy:after {
     content: "/";
     color: #f8f9fe;
     padding-left: 10px;
     padding-right: 10px;
 }

 /* Tab Post CSS */

 .nav-pills {
     line-height: 45px;
     margin: 0;
     padding: 0;
     text-align: center;
     margin-bottom: 80px !important;
 }

 .nav-pills>li {
     float: left;
     color: #f00;
     border: 0;
     margin: 0;
     width: 15%;
     background: transparent;
     margin-right: 15px;
     border: 1px dashed var(--dream-color-primary);
 }

 .nav-pills>li>a {
     padding: 0 30px;
     text-decoration: none;
     outline: 0;
     display: block;
     line-height: 25px !important;
     color: var(--dream-color-primary) !important;
     font-size: 20px !important;
     font-weight: 500 !important;
     margin: 0px 0px;
     padding: 20px 20px 19px !important;
     border-radius: 0;
 }

 .nav-pills>li.active>a,
 .nav-pills>li.active>a:focus,
 .nav-pills>li.active>a:hover {
     color: #fff !important;
     background: var(--dream-color-primary) !important;
 }

 .nav>li>a:focus,
 .nav>li>a:hover {
     text-decoration: none;
     background-color: transparent !important;
 }

 .nav-pills li i {
     font-size: 40px;
     display: block;
     padding-bottom: 20px;
     display: block;
 }

 /* Tab Content */

 .em_tab_content.tab-content {
     overflow: hidden;
     box-shadow: 0 0 15px rgba(12, 90, 219, 0.10);
     padding: 40px 25px;
     background: #fff;
 }

 .tab_pan_content {
     padding-left: 35px;
     padding-top: 11px;
 }

 .em_post_tab_thumb img {
     width: 100%;
 }

 .tab_pan_content h2 {
     padding-bottom: 17px;
     font-size: 24px;
     margin-top: 0;
 }

 .tab_pan_content .tab_desc {
     margin-bottom: 17px;
 }

 .tab_pan_content ul {
     list-style: none;
     margin: 26px 0 20px;
 }

 .tab_pan_content ul li {
     margin-bottom: 12px;
     font-weight: 600;
     font-family: 'Muli', sans-serif;
     font-size: 16px;
     margin-left: 20px;
 }

 .tab_pan_content ul li i {
     color: var(--dream-color-primary);
     margin-right: 7px;
 }

 .tab_pan_content a {
     display: inline-block;
     font-size: 17px;
     color: #fff;
     background: var(--dream-color-primary);
     border-radius: 4px;
     padding: 12px 30px;
     display: inline-block;
     margin-top: 20px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     margin-right: 15px;
 }

 a.active-tab-btn {
     background: #bd2d10;
 }

 .tab_pan_content a:hover {
     background: #bd2d10;
 }

 a.active-tab-btn:hover {
     background: var(--dream-color-primary);
 }

 @media (min-width: 768px) {
     .em_tab_inner .col-md-6 {
         float: left;
     }
 }

 /* Tab Style Two */

 .tab_post_style2 .nav-pills {
     border-bottom: 0 !important;
     margin-bottom: 27px !important;
 }

 .tab_post_style2 .nav-pills>li.active>a:before {
     display: none;
 }

 .tab_post_style2 .nav-pills li i {
     font-size: 39px;
     margin-bottom: 0;
     color: var(--dream-color-primary);
     width: 90px;
     height: 90px;
     line-height: 90px;
     -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
     border-radius: 100%;
     margin-bottom: 10px;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
 }

 .tab_post_style2 .nav-pills>li i:hover,
 .tab_post_style2 .nav-pills>li.active i {
     background: var(--dream-color-primary);
     color: #fff;
 }

 /* Slider Dot Css*/

 .owl-dots {
     position: absolute;
     left: 50%;
     bottom: -36px;
     border-radius: 100%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
 }

 .owl-dot {
     background: #bfcadc;
     height: 5px;
     width: 25px;
     display: inline-block !important;
     margin: 0 3px;
     border-radius: 50px;
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .owl-dot.active {
     background: var(--dream-color-primary);
     width: 35px;
 }

 .case_study_carousel .owl-dots {
     bottom: -60px;
 }

 .author.mt-120 {
     background: #fff;
     padding: 38px 38px 30px;
     margin-top: 70px;
     margin-bottom: 50px;
     overflow: hidden;
     -webkit-box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
     box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
     border-radius: 7px;
 }

 .author.mt-120 p {
     font-size: 16px;
     overflow: hidden;
 }

 .author-text h3 {
     margin: 0 0 10px;
     font-size: 25px;
 }

 .author-text h3 a {
     font-size: 24px;
     text-transform: capitalize;
     font-weight: 800;
     color: #232323;
     font-family: Muli;
 }

 .author-img.text-center {
     float: left;
     margin-right: 30px;
 }

 .author-img img {
     border-radius: 100%;
 }

 .author-icon {
     margin-bottom: 26px;
 }

 .author-icon a {
     color: #9498b6;
     font-size: 15px;
     margin: 0 5px;
 }

 .kc-google-maps iframe {
     width: 100%;
     height: 600px;
     frameborder: 0;
     border: 0;
 }

 .kc_accordion_section.group {
     padding-bottom: 20px !important;
 }

 .acoading .kc_accordion_header>span.ui-accordion-header-icon {
     float: left !important;
 }

 .acoading .kc_accordion_header,
 .acoading .kc_accordion_header>a {
     overflow: hidden !important;
 }

 .content-title {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .logo a.retina-logo {
     margin-top: 0px !important;
 }

 #visa-type .content-image img {
     width: 80px !important;
     height: 80px !important;
 }

 .footer-middle table#wp-calendar td {
     color: #e3e3e3;
 }

 .footer-middle #wp-calendar caption {
     color: #e3e3e3;
 }

 .footer-middle .wp-caption-text {
     color: #e3e3e3;
 }

 .footer-middle .textwidget p {
     color: #e3e3e3;
 }

 .kc_accordion_section.group {
     padding-bottom: 20px !important;
 }

 .acoading .kc_accordion_header>span.ui-accordion-header-icon {
     float: left !important;
 }

 .acoading .kc_accordion_header,
 .acoading .kc_accordion_header>a {
     overflow: hidden !important;
 }

 .content-title {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
 }

 .logo a.retina-logo {
     margin-top: 0px;
 }

 .em-service2.style-three.sright .em-service-icon {
     margin-right: -70px;
 }

 .em-service2.style-three.sleft .em-service-icon {
     margin-left: -70px;
 }

 .menu-serivice-menu-container ul li {
     padding: 19px 20px;
     border: 1px solid #ddd;
     border-bottom: none;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     background: #FFFFFF;
 }

 .menu-serivice-menu-container ul {
     list-style: none;
     padding: 0;
 }

 .menu-serivice-menu-container ul li a {
     display: block;
     color: #555;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 15px;
 }

 .widget .menu-serivice-menu-container ul li:first-child {
     border-top: 1px solid #ddd;
     padding-top: 19px;
 }

 .widget .menu-serivice-menu-container ul li:last-child {
     border-bottom: 1px solid #ddd;
 }

 .menu-serivice-menu-container ul li:hover {
     background: var(--dream-color-primary);
     color: #fff;
 }

 .menu-serivice-menu-container ul li.current_menu_item {
     background: var(--dream-color-primary);
     color: #fff;
 }

 .menu-serivice-menu-container ul li:hover a {
     color: #fff;
 }

 .menu-serivice-menu-container ul li.current_menu_item a {
     color: #fff;
 }

 #faqs .kc_single_image img {
     width: 100%;
 }

 #faqs .kc_column_inner {
     padding: 0 !important;
 }

 .breadcumb-inner ul,
 .breadcumb-inner li,
 .breadcumb-inner li a {
     color: #fff;
 }

 /* Tab Css */

 .kc_tabs_nav>.ui-tabs-active>a,
 .kc_tabs_nav>li:hover,
 .kc_tabs_nav>li>a:hover {
     background-color: #f00 !important;
     color: #fff !important;
 }

 .kc_tabs>.kc_wrapper>.kc_tabs_nav {
     background: transparent !important;
 }

 .kc_tabs_nav~.kc_tab.ui-tabs-body-active {
     height: inherit !important;
     background: transparent !important;
 }

 .kc_wrapper>ul.ui-tabs-nav>li {
     overflow: hidden;
     border: 1px solid #ddd !important;
     margin-right: 10px;
 }

 .ui-tabs-active {
     border-color: transparent !important;
 }

 .kc_tabs_nav~.kc_tab .kc_tab_content {
     padding: 0 !important;
     margin-top: 30px !important;
 }

 .about-list ul {
     padding-left: 17px;
     list-style: square;
 }

 .about_lists {
     list-style: none;
     display: flex;
 }

 .about_lists li {
     display: block;
     font-weight: 500;
     font-size: 16px;
     color: #666;
     width: 50%;
     margin-bottom: 15px;
 }

 .about_lists li i {
     margin-right: 10px;
     color: var(--dream-color-primary);
 }

 /* Circle Progress */

 .circle-progress {
     display: inline-block;
     position: relative;
 }

 .circle-progress h2 {
     text-align: left;
     font-size: 18px;
     display: inline-block;
     position: relative;
     left: 20px;
     line-height: 27px;
 }

 .progress {
     width: 100px !important;
     height: 100px !important;
     line-height: 150px;
     margin: 0;
     box-shadow: none;
     display: inline-block;
     position: relative;
     background: transparent !important;
 }

 .progress:after {
     content: "";
     width: 90%;
     height: 90%;
     border-radius: 50%;
     border: 6px solid #eee;
     position: absolute;
     top: 0;
     left: 0;
 }

 .progress>span {
     width: 50%;
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
     z-index: 1;
 }

 .progress .progress-left {
     left: 0;
 }

 .progress .progress-bar {
     width: 90%;
     height: 90%;
     background: none;
     border-width: 6px;
     border-style: solid;
     position: absolute;
     top: 0;
     border-color: #FF3D00;
 }

 .progress .progress-left .progress-bar {
     left: 91%;
     border-top-right-radius: 75px;
     border-bottom-right-radius: 75px;
     border-left: 0;
     -webkit-transform-origin: center left;
     transform-origin: center left;
 }

 .progress .progress-right {
     right: 0;
 }

 .progress .progress-right .progress-bar {
     left: -96%;
     border-top-left-radius: 75px;
     border-bottom-left-radius: 75px;
     border-right: 0;
     -webkit-transform-origin: center right;
     transform-origin: center right;
 }

 .progress .progress-value {
     display: flex;
     border-radius: 50%;
     font-size: 20px;
     text-align: center;
     line-height: 20px;
     align-items: center;
     justify-content: center;
     height: 100%;
     width: 100%;
     font-weight: 600;
     color: #232323;
 }

 .progress .progress-value span {
     font-size: 18px;
     text-transform: uppercase;
 }

 /* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/

 .progress[data-percentage="10"] .progress-right .progress-bar {
     animation: loading-1 1.5s linear forwards;
 }

 .progress[data-percentage="10"] .progress-left .progress-bar {
     animation: 0;
 }

 .progress[data-percentage="20"] .progress-right .progress-bar {
     animation: loading-2 1.5s linear forwards;
 }

 .progress[data-percentage="20"] .progress-left .progress-bar {
     animation: 0;
 }

 .progress[data-percentage="30"] .progress-right .progress-bar {
     animation: loading-3 1.5s linear forwards;
 }

 .progress[data-percentage="30"] .progress-left .progress-bar {
     animation: 0;
 }

 .progress[data-percentage="40"] .progress-right .progress-bar {
     animation: loading-4 1.5s linear forwards;
 }

 .progress[data-percentage="40"] .progress-left .progress-bar {
     animation: 0;
 }

 .progress[data-percentage="50"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="50"] .progress-left .progress-bar {
     animation: 0;
 }

 .progress[data-percentage="60"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="60"] .progress-left .progress-bar {
     animation: loading-1 1.5s linear forwards 1.5s;
 }

 .progress[data-percentage="70"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="70"] .progress-left .progress-bar {
     animation: loading-2 1.5s linear forwards 1.5s;
 }

 .progress[data-percentage="80"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="80"] .progress-left .progress-bar {
     animation: loading-3 1.5s linear forwards 1.5s;
 }

 .progress[data-percentage="90"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="90"] .progress-left .progress-bar {
     animation: loading-4 1.5s linear forwards 1.5s;
 }

 .progress[data-percentage="100"] .progress-right .progress-bar {
     animation: loading-5 1.5s linear forwards;
 }

 .progress[data-percentage="100"] .progress-left .progress-bar {
     animation: loading-5 1.5s linear forwards 1.5s;
 }

 @keyframes loading-1 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(36);
         transform: rotate(36deg);
     }
 }

 @keyframes loading-2 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(72);
         transform: rotate(72deg);
     }
 }

 @keyframes loading-3 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(108);
         transform: rotate(108deg);
     }
 }

 @keyframes loading-4 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(144);
         transform: rotate(144deg);
     }
 }

 @keyframes loading-5 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(180);
         transform: rotate(180deg);
     }
 }

 /*revolution*/

 rs-layer#slider-2-slide-5-layer-13 a i {
     color: var(--dream-color-primary) !important;
     border: none !important;
 }

 rs-layer#slider-2-slide-5-layer-13 a {
     color: var(--dream-color-primary) !important;
     border: none !important;
 }

 rs-layer#slider-2-slide-5-layer-13 a.video-vemo-icon.venobox.vbox-item a {
     border: none !important;
 }

 rs-layer#slider-2-slide-5-layer-13 a.video-vemo-icon.venobox.vbox-item a i {
     border: none !important;
 }

 /*
==========
Accordion
==========
*/

 .my-accordion {
     padding: 0;
     margin: 0;
 }

 ul.my-accordion li a.active {
     background: #ff3b00;
     padding: 14px 40px 13px 56px;
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Fira Sans', sans-serif;
     border-color: #ff3b00;
     border-radius: 30px;
 }

 .my-accordion li {
     list-style: none;
     box-shadow: none;
     border-radius: 0;
     padding: 0;
     margin-bottom: 24px;
     position: relative;
 }

 .my-accordion li:before {
     position: absolute;
     content: "";
     top: 16px;
     left: 20px;
     height: 20px;
     width: 25px;
     background: url(https://itsoft.dreamitsolution.net/wp-content/uploads/2022/08/question.png);
     background-repeat: no-repeat;
     z-index: 1;
 }

 .my-accordion li a {
     position: relative;
     display: block;
     font-size: 17px;
     outline: 0;
     font-weight: 600;
     border: none;
     cursor: pointer;
     color: #fff;
     transition: .3s;
     margin-left: 0;
     border: 1px solid#626065;
     padding: 14px 20px 14px 52px;
     border-radius: 30px;
 }

 .my-accordion li a::before {
     content: '';
     position: absolute;
     right: 20px;
     top: 12px;
     width: 29px;
     height: 29px;
     line-height: 33px;
     border-radius: 50%;
     background: #383842;
     box-shadow: none;
     border: 1px solid#626065;
 }

 .my-accordion li a.active::before {
     width: 30px;
     right: 20px;
     height: 30px;
     background: #fff;
     top: 12px;
 }

 .my-accordion li a::after {
     content: "\f067";
     font-family: "Font Awesome 5 Free";
     position: absolute;
     right: 30px;
     top: 18px;
     font-size: 12px;
     color: #fff;
 }

 .my-accordion li a.active::after {
     content: "\f068";
     right: 31px;
     top: 18px;
     color: #ff3b00;
     z-index: 99999;
 }

 .my-accordion p {
     display: none;
     margin: 19px 0 11px 21px;
     line-height: 28px;
     color: #fff;
     opacity: 0.7;
 }

 /*accordion style two*/

 .my-accordion.style2 li a {
     border-radius: 0;
 }

 ul.my-accordion.style2 li a.active {
     border-radius: 0;
 }

 /*secoundhand-faq*/

 .secoundhand-faq .my-accordion p {
     color: #232323;
     opacity: 0.9;
 }

 .secoundhand-faq .my-accordion li a {
     color: #232323;
 }

 .secoundhand-faq .my-accordion li:before {
     filter: brightness(0) invert(0);
 }

 .secoundhand-faq ul.my-accordion li a.active .my-accordion li:before {
     filter: brightness(0) invert(1);
 }

 /*================
Classic Home Css
/*===============*/

 .classic-it-service .message-box-wrap {
     font-size: 18px !important;
     background: #fff !important;
     border-radius: 0 30px 30px 30px !important;
     transition: .5s;
     box-shadow: 0 10px 29.7px 0.3px rgba(225, 225, 225, .64) !important;
     padding: 15px;
     color: #232323 !important;
     margin-bottom: 20px;
     border: 0;
 }

 .classic-it-service .message-box-wrap:hover {
     background: var(--dream-color-primary) !important;
     color: #fff !important;
 }

 .classic-it-service .message-box-wrap i {
     font-size: 20px !important;
     color: #fff !important;
     background: var(--dream-color-primary);
     height: 56px;
     width: 56px;
     margin-top: -15px;
     text-align: center;
     line-height: 56px;
     margin-left: -20px;
     border-radius: 0 30px 30px;
 }

 .slider-video-icon span a {
     display: none !important;
 }

 /* Hero Slider Css */

 /*---------------------------------------- appco SLICK SLIDER SECTION ------------------------------------------*/

 .em-hero-slider {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     height: auto;
     position: relative;
     z-index: 0;
 }

 .hero-single-slide .container {
     z-index: 9;
 }

 .hero-single-slide {
     min-height: 787px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     overflow: hidden;
 }

 .hero-single-slide.hero-style-three {
     min-height: 725px;
 }

 .hero-single-slide.hero-style-five.hero-style-seven,
 .hero-single-slide.hero-style-two {
     min-height: 743px;
 }

 .hero-single-slide.hero-style-six {
     min-height: 800px;
 }

 .hero-single-slide.hero-style-two {
     min-height: 630px;
 }

 .hero-single-slide.hero-style-five {
     position: relative;
     z-index: 1;
 }

 .hero-single-slide.hero-style-five:after {
     content: "";
     position: absolute;
     z-index: -1;
     width: 100%;
     height: 175%;
     bottom: 0;
     background-image: url(assets/images/slider_bg-hero.png);
     background-repeat: no-repeat;
     background-size: cover;
 }

 .hero-single-slide.hero-style-five:before {
     display: none;
 }

 .hero-content-left {
     padding-right: 20px !important;
 }

 .hero-single-slide:before {
     position: absolute;
     content: '';
     background-image: linear-gradient(to right, rgba(32, 40, 119, 0.95), rgba(55, 46, 149, 0.95), rgba(83, 49, 177, 0.90), rgba(114, 48, 205, 0.85), rgba(150, 41, 230, 0.95));
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 .hero-style-two.single-slide:before {
     display: none;
 }

 .hero-content-left h1 {
     font-size: 44px;
     margin-bottom: 0;
     margin-top: 0;
     font-weight: 700;
 }

 .hero-content-left h2 {
     font-size: 44px;
     font-weight: 500;
     margin-bottom: 20px;
     margin-top: 0;
 }

 .hero-style-six .hero-content-left {
     padding-right: 0;
     margin-top: -112px;
 }

 .hero-animation-img {
     position: relative;
     display: block;
     width: 100%;
 }

 .hero-single-slide.hero-style-three .hero-animation-img {
     margin-top: -60px;
 }

 .bottom-img {
     position: absolute;
     bottom: -8px;
     width: 100%;
 }

 .hero-single-slide.hero-style-five.bottom-img {
     bottom: -10px;
 }

 .bottom-img img {
     width: 100%;
 }

 .hero-style-two .app-store-btn {
     border-radius: 30px;
     color: #fff;
     border: 2px solid #6730e3;
     background: #6730e3;
     font-weight: 500;
 }

 .hero-style-two .app-store-btn:hover {
     background: transparent;
     color: #6730e3;
 }

 .shape-image {
     position: absolute;
     width: 100%;
     height: auto;
     bottom: 76px;
     z-index: 0;
     left: 268px;
     overflow: hidden;
     background-size: cover;
     right: 0;
 }

 .hero-single-slide .slider-video-icon {
     margin-left: 10px;
 }

 /* Slider Animation Images */

 .animation-one {
     -webkit-animation: move-one 7s ease-in-out infinite;
     animation: move-one 7s ease-in-out infinite;
 }

 @keyframes move-one {
     0% {
         -webkit-transform: translateX(0) translateY(5px);
         transform: translateX(0) translateY(5px)
     }
     50% {
         -webkit-transform: translateX(0) translateY(-5px);
         transform: translateX(0) translateY(-5px)
     }
     100% {
         -webkit-transform: translateX(0) translateY(5px);
         transform: translateX(0) translateY(5px)
     }
 }

 @-webkit-keyframes move-one {
     0% {
         -webkit-transform: translateX(0) translateY(5px);
         transform: translateX(0) translateY(5px)
     }
     50% {
         -webkit-transform: translateX(0) translateY(-5px);
         transform: translateX(0) translateY(-5px)
     }
     100% {
         -webkit-transform: translateX(0) translateY(5px);
         transform: translateX(0) translateY(5px)
     }
 }

 .animation-two {
     position: absolute;
     bottom: -10px;
     -webkit-animation: move-two 8s ease-in-out infinite;
     animation: move-two 8s ease-in-out infinite;
 }

 @-webkit-keyframes move-two {
     0% {
         -webkit-transform: translateX(-25px) translateY(-225px);
         transform: translateX(-25px) translateY(-225px)
     }
     50% {
         -webkit-transform: translateX(-25px) translateY(-205px);
         transform: translateX(-25px) translateY(-205px)
     }
     100% {
         -webkit-transform: translateX(-25px) translateY(-225px);
         transform: translateX(-25px) translateY(-225px)
     }
 }

 @keyframes move-two {
     0% {
         -webkit-transform: translateX(-25px) translateY(-225px);
         transform: translateX(-25px) translateY(-225px)
     }
     50% {
         -webkit-transform: translateX(-25px) translateY(-205px);
         transform: translateX(-25px) translateY(-205px)
     }
     100% {
         -webkit-transform: translateX(-25px) translateY(-225px);
         transform: translateX(-25px) translateY(-225px)
     }
 }

 .animation-three {
     position: absolute;
     -webkit-animation: move-three 9s ease-in-out infinite;
     animation: move-three 9s ease-in-out infinite
 }

 @-webkit-keyframes move-three {
     0% {
         -webkit-transform: translateX(-45px) translateY(-225px);
         transform: translateX(-45px) translateY(-225px)
     }
     50% {
         -webkit-transform: translateX(-45px) translateY(-205px);
         transform: translateX(-45px) translateY(-205px)
     }
     100% {
         -webkit-transform: translateX(-45px) translateY(-225px);
         transform: translateX(-45px) translateY(-225px)
     }
 }

 @keyframes move-three {
     0% {
         -webkit-transform: translateX(-45px) translateY(-225px);
         transform: translateX(-45px) translateY(-225px)
     }
     50% {
         -webkit-transform: translateX(-45px) translateY(-205px);
         transform: translateX(-45px) translateY(-205px)
     }
     100% {
         -webkit-transform: translateX(-45px) translateY(-225px);
         transform: translateX(-45px) translateY(-225px)
     }
 }

 .animation-four {
     position: absolute;
     -webkit-animation: move-four 6s ease-in-out infinite;
     animation: move-four 6s ease-in-out infinite
 }

 .animation-new {
     position: absolute;
     bottom: 10px;
 }

 @-webkit-keyframes move-four {
     0% {
         -webkit-transform: translateX(330px) translateY(-215px);
         transform: translateX(330px) translateY(-215px)
     }
     50% {
         -webkit-transform: translateX(330px) translateY(-240px);
         transform: translateX(330px) translateY(-240px)
     }
     100% {
         -webkit-transform: translateX(330px) translateY(-215px);
         transform: translateX(330px) translateY(-215px)
     }
 }

 @keyframes move-four {
     0% {
         -webkit-transform: translateX(330px) translateY(-215px);
         transform: translateX(330px) translateY(-215px)
     }
     50% {
         -webkit-transform: translateX(330px) translateY(-240px);
         transform: translateX(330px) translateY(-240px)
     }
     100% {
         -webkit-transform: translateX(330px) translateY(-215px);
         transform: translateX(330px) translateY(-215px)
     }
 }

 .circles {
     overflow: hidden;
     width: 100%;
     position: absolute;
     height: 1200px;
 }

 .point {
     border-radius: 50%;
     z-index: 999;
     position: absolute;
 }

 .animated-point-1 {
     background-color: red;
     height: 12px;
     width: 12px;
     position: relative;
     -webkit-animation-name: p1;
     -webkit-animation-duration: 80s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p1;
     animation-duration: 80s;
     animation-iteration-count: infinite;
 }

 .animated-point-2 {
     background-color: green;
     height: 15px;
     width: 15px;
     position: relative;
     -webkit-animation-name: p2;
     -webkit-animation-duration: 90s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p2;
     animation-duration: 90s;
     animation-iteration-count: infinite
 }

 .animated-point-3 {
     background-color: orange;
     height: 8px;
     width: 8px;
     position: relative;
     -webkit-animation-name: p3;
     -webkit-animation-duration: 80s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p3;
     animation-duration: 80s;
     animation-iteration-count: infinite
 }

 .animated-point-4 {
     background-color: pink;
     height: 10px;
     width: 10px;
     position: relative;
     -webkit-animation-name: p4;
     -webkit-animation-duration: 80s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p4;
     animation-duration: 80s;
     animation-iteration-count: infinite
 }

 .animated-point-5 {
     background-color: #ffc64c;
     height: 12px;
     width: 12px;
     position: relative;
     -webkit-animation-name: p5;
     -webkit-animation-duration: 50s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p5;
     animation-duration: 50s;
     animation-iteration-count: infinite
 }

 .animated-point-6 {
     background-color: #ffc64c;
     height: 10px;
     width: 10px;
     position: relative;
     -webkit-animation-name: p6;
     -webkit-animation-duration: 70s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p6;
     animation-duration: 70s;
     animation-iteration-count: infinite
 }

 .animated-point-7 {
     background-color: orange;
     height: 14px;
     width: 14px;
     position: relative;
     -webkit-animation-name: p7;
     -webkit-animation-duration: 70s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p7;
     animation-duration: 70s;
     animation-iteration-count: infinite
 }

 .animated-point-8 {
     background-color: purple;
     height: 8px;
     width: 8px;
     position: relative;
     -webkit-animation-name: p8;
     -webkit-animation-duration: 50s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p8;
     animation-duration: 50s;
     animation-iteration-count: infinite
 }

 .animated-point-9 {
     background-color: purple;
     height: 12px;
     width: 12px;
     position: relative;
     -webkit-animation-name: p9;
     -webkit-animation-duration: 100s;
     -webkit-animation-iteration-count: infinite;
     animation-name: p9;
     animation-duration: 100s;
     animation-iteration-count: infinite
 }

 /*animation shape*/

 @-webkit-keyframes p1 {
     0% {
         left: 0px;
         top: 0px
     }
     50% {
         left: 0;
         top: 800px
     }
     100% {
         left: 0px;
         top: 0px
     }
 }

 @keyframes p1 {
     0% {
         left: 800px;
         top: 0px
     }
     50% {
         left: 0px;
         top: 800px
     }
     100% {
         left: 800px;
         top: 0px
     }
 }

 @-webkit-keyframes p2 {
     0% {
         left: 0;
         top: 100px
     }
     50% {
         left: 0;
         top: 800px
     }
     100% {
         left: 0;
         top: 100px
     }
 }

 @keyframes p2 {
     0% {
         left: 0;
         top: 100px
     }
     50% {
         left: 0px;
         top: 800px
     }
     100% {
         left: 0;
         top: 100px
     }
 }

 @-webkit-keyframes p3 {
     0% {
         left: 300px;
         top: 900px
     }
     50% {
         left: 500px;
         top: 0px
     }
     100% {
         left: 300px;
         top: 900px
     }
 }

 @keyframes p3 {
     0% {
         left: 300px;
         top: 900px
     }
     50% {
         left: 500px;
         top: 0px
     }
     100% {
         left: 300px;
         top: 900px
     }
 }

 @-webkit-keyframes p4 {
     0% {
         left: 1000px;
         top: 500px
     }
     50% {
         left: 00px;
         top: 500px
     }
     100% {
         left: 1000px;
         top: 500px
     }
 }

 @keyframes p4 {
     0% {
         left: 1000px;
         top: 500px
     }
     50% {
         left: 0px;
         top: 500px
     }
     100% {
         left: 1000px;
         top: 500px
     }
 }

 @-webkit-keyframes p5 {
     0% {
         left: 500px;
         top: 1000px
     }
     50% {
         left: 50%;
         top: 0px
     }
     100% {
         left: 500px;
         top: 1000px
     }
 }

 @keyframes p5 {
     0% {
         left: 500px;
         top: 1000px
     }
     50% {
         left: 50%;
         top: 0px
     }
     100% {
         left: 500px;
         top: 1000px
     }
 }

 @-webkit-keyframes p6 {
     0% {
         left: 500px;
         top: 200px
     }
     50% {
         left: 50%;
         top: 70%
     }
     100% {
         left: 500px;
         top: 200px
     }
 }

 @keyframes p6 {
     0% {
         left: 500px;
         top: 200px
     }
     50% {
         left: 50%;
         top: 70%
     }
     100% {
         left: 500px;
         top: 200px
     }
 }

 @-webkit-keyframes p7 {
     0% {
         left: 50px;
         top: 10%
     }
     50% {
         left: 50%;
         top: 10%
     }
     100% {
         left: 50px;
         top: 10%
     }
 }

 @keyframes p7 {
     0% {
         left: 50px;
         top: 10%
     }
     50% {
         left: 50%;
         top: 10%
     }
     100% {
         left: 50px;
         top: 10%
     }
 }

 @-webkit-keyframes p8 {
     0% {
         left: 0;
         top: 20%
     }
     50% {
         left: 50%;
         top: 20%
     }
     100% {
         left: 0;
         top: 20%
     }
 }

 @keyframes p8 {
     0% {
         left: 0;
         top: 20%
     }
     50% {
         left: 50%;
         top: 20%
     }
     100% {
         left: 0;
         top: 20%
     }
 }

 @-webkit-keyframes p9 {
     0% {
         left: 1000px;
         top: 100px
     }
     50% {
         left: 500px;
         top: 950px
     }
     100% {
         left: 1000px;
         top: 100px
     }
 }

 @keyframes p9 {
     0% {
         left: 1000px;
         top: 100px
     }
     50% {
         left: 500px;
         top: 950px
     }
     100% {
         left: 1000px;
         top: 100px
     }
 }

 @media (min-width: 1024px) and (max-width: 1600px) {
     #service-bg .kc_col-sm-5 {
         padding-left: 95px !important;
     }
 }

 .mobile-menu.trp_nav_area {
     padding: 0;
 }

 .mobile-menu.trp_nav_area.hbg2 {
     background: inherit;
     padding: 0;
 }

 .mobile_logo_area {
     display: none !important;
 }

 /*
============================
About Section
============================
*/

 .about-section-thumb {
     position: relative;
     z-index: 1;
     right: 20px;
 }

 /*about shape*/

 .about-section-thumb .section-img {
     position: absolute;
     z-index: -1;
 }

 .about-section-thumb .section-img.shape1 {
     top: 25%;
     right: 9px;
     z-index: 2;
 }

 .about-section-thumb .section-img.shape3 {
     top: 7%;
     right: 32px;
     z-index: 2;
 }

 .about-section-thumb .section-img.shape2 {
     right: 62px;
     top: 39%;
     z-index: 2;
 }

 .about-section-thumb .section-img.shape5 {
     top: 0;
     left: 0;
     animation: moveLeftBounce 2s linear infinite;
 }

 .about-section-thumb .section-img.shape4 {
     top: 15px;
     right: 35px;
     animation: moveLeftBounce 2s linear infinite;
 }

 .about-section-thumb .section-img.shape6 {
     right: -76%;
     bottom: -12px;
     animation: moveLeftBounce 2s linear infinite;
 }

 .about-section-thumb .section-img.shape7 {
     top: 14%;
     left: 41%;
 }

 .bounce-animate {
     animation-name: float-bob;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -moz-animation-name: float-bob;
     -moz-animation-duration: 2s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob;
     -ms-animation-duration: 2s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob;
     -o-animation-duration: 2s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .bounce-animate2 {
     animation-name: float-bob2;
     animation-duration: 3s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -moz-animation-name: float-bob2;
     -moz-animation-duration: 3s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob2;
     -ms-animation-duration: 3s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob2;
     -o-animation-duration: 3s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .bounce-animate3 {
     animation-name: float-bob3;
     animation-duration: 4s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -moz-animation-name: float-bob3;
     -moz-animation-duration: 4s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob3;
     -ms-animation-duration: 4s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob3;
     -o-animation-duration: 4s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .bounce-animate4 {
     animation-name: float-bob4;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -moz-animation-name: float-bob4;
     -moz-animation-duration: 5s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob4;
     -ms-animation-duration: 5s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob4;
     -o-animation-duration: 5s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .bounce-animate5 {
     animation-name: float-bob5;
     animation-duration: 6s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -moz-animation-name: float-bob5;
     -moz-animation-duration: 6s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob5;
     -ms-animation-duration: 6s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob5;
     -o-animation-duration: 6s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 @-webkit-keyframes float-bob {
     0% {
         -webkit-transform: translateY(-35px);
         transform: translateY(-35px);
     }
     50% {
         -webkit-transform: translateY(-7px);
         transform: translateY(-7px);
     }
     100% {
         -webkit-transform: translateY(-35px);
         transform: translateY(-35px);
     }
 }

 @-webkit-keyframes float-bob2 {
     0% {
         -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
     }
     50% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
     }
     100% {
         -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
     }
 }

 @-webkit-keyframes float-bob3 {
     0% {
         -webkit-transform: translateY(-40px);
         transform: translateY(-40px);
     }
     50% {
         -webkit-transform: translateY(-25px);
         transform: translateY(-25px);
     }
     100% {
         -webkit-transform: translateY(-40px);
         transform: translateY(-40px);
     }
 }

 @-webkit-keyframes float-bob4 {
     0% {
         -webkit-transform: translateY(-70px);
         transform: translateY(-70px);
     }
     50% {
         -webkit-transform: translateY(-35px);
         transform: translateY(-35px);
     }
     100% {
         -webkit-transform: translateY(-70px);
         transform: translateY(-70px);
     }
 }

 @-webkit-keyframes float-bob5 {
     0% {
         -webkit-transform: translateY(-75px);
         transform: translateY(-75px);
     }
     50% {
         -webkit-transform: translateY(-35px);
         transform: translateY(-35px);
     }
     100% {
         -webkit-transform: translateY(-75px);
         transform: translateY(-75px);
     }
 }

 @-webkit-keyframes movebounce {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
     50% {
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
     }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
 }

 @keyframes movebounce {
     0% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
     50% {
         -webkit-transform: translateY(20px);
         transform: translateY(20px);
     }
     100% {
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
     }
 }

 @-webkit-keyframes moveleftbounce {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
     50% {
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
     }
     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
 }

 @keyframes moveleftbounce {
     0% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
     50% {
         -webkit-transform: translateX(20px);
         transform: translateX(20px);
     }
     100% {
         -webkit-transform: translateX(0px);
         transform: translateX(0px);
     }
 }

 /*
============================
Skill Section
============================
*/

 .skill-single-box {
     position: relative;
     z-index: 1;
 }

 .skill-thumb {
     position: relative;
     z-index: 1;
     left: 33%;
 }

 .skill-img {
     position: absolute;
     z-index: -1;
 }

 .skill-img.shape1 {
     right: 60px;
     top: 25%;
 }

 .skill-img.shape-3 {
     left: -70px;
     top: 7px;
     animation: moveLeftBounce 2s linear infinite;
 }

 .skill-img.shape-4 {
     left: 20px;
     bottom: -60px;
     z-index: 2;
 }

 .skill-img.shape-5 {
     bottom: -30px;
     right: 45px;
     z-index: 2;
 }

 .skill-img.shape-6 {
     top: 105px;
     left: 12%;
 }

 .skill-img.shape-7 {
     top: -30px;
     left: 125px;
     animation: moveLeftBounce 2s linear infinite;
 }

 .skill-img.shape-1 {
     top: 73px;
     right: 86px;
 }

 .skill-img.shape-2 {
     bottom: -22px;
     right: 33px;
     z-index: 2;
     animation: moveLeftBounce 2s linear infinite;
 }

 .skill-img.shape-8 {
     left: -60px;
     bottom: -114px;
 }

 .menu-social-menu-container {
     margin-top: -20px;
 }

 /* Mega Menu Css */

 #mega-menu-wrap-menu-1 {
     display: inline-block !important;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
     width: 772px;
 }

 ul.mega-sub-menu {
     box-shadow: 0 0 4px rgb(0 0 0 / 10%) !important;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
     padding: 30px 15px 30px 30px;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
     width: 1074px;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
     left: -307px;
 }

 .transprent-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
     color: #fff;
     /* color: #0c2144; */
 }

 .transprent-menu .hbg2 #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
     color: #232323;
 }

 .transprent-menu .prefix #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
     color: #232323;
 }

 .header-new-style-01 .row.logo-left.align-items-center {
     background: #fff;
     border-radius: 0 0 5px 5px;
     padding: 0 15px;
 }

 /*start sidebar section*/

 .sidebar {
     display: inline-block;
     cursor: pointer;
     text-align: right;
     font-size: 30px;
     margin-left: 8px;
     top: 4px;
     position: relative;
 }

 .nav-btn.navSidebar-button i {
     color: #ff3c00;
 }

 .xs-sidebar-group .dt-overlay {
     left: 100%;
     top: 0;
     position: fixed;
     z-index: 101;
     height: 100%;
     opacity: 0;
     width: 100%;
     /*    visibility: hidden;*/
     -webkit-transition: all 0.4s ease-in 0.8s;
     -o-transition: all 0.4s ease-in 0.8s;
     transition: all 0.4s ease-in 0.8s;
 }

 .xs-sidebar-group .widget-top {
     position: absolute;
     top: 0;
     right: 0;
     padding: 25px;
 }

 .dt-sidebar-widget {
     position: fixed;
     right: -100%;
     top: 0;
     bottom: 0;
     width: 100%;
     max-width: 360px;
     z-index: 999999;
     overflow: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     background-color: #fff;
     -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     visibility: hidden;
     opacity: 0;
 }

 .xs-sidebar-group.isActive .dt-overlay {
     opacity: 0.9;
     visibility: visible;
     -webkit-transition: all 0.8s ease-out 0s;
     -o-transition: all 0.8s ease-out 0s;
     transition: all 0.8s ease-out 0s;
     left: 0;
 }

 .xs-sidebar-group.isActive .dt-sidebar-widget {
     opacity: 1;
     visibility: visible;
     right: 0;
     -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
     -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
     transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
 }

 .sidebar-textwidget {
     padding: 39px;
 }

 .close-side-widget {
     color: #1768dd;
     font-size: rem(15px);
     display: block;
 }

 .sidebar-container {
     position: relative;
     top: 150px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-in 0.3s;
     -o-transition: all 0.3s ease-in 0.3s;
     transition: all 0.3s ease-in 0.3s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .xs-sidebar-group.isActive .sidebar-container {
     top: 0px;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 1s ease-out 1.2s;
     -o-transition: all 1s ease-out 1.2s;
     transition: all 1s ease-out 1.2s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .dt-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 0.5;
     z-index: 0;
 }

 .bt-black {
     background: rgb(22, 22, 23, 0.5) !important;
 }

 .close {
     color: #161617;
     opacity: .9;
 }

 .content-text p {
     margin: 32px 0 53px;
 }

 /*social button*/

 .social-icon ul li {
     display: inline-block;
     margin-right: 6px;
 }

 .social-icon ul li a {
     height: 41px;
     width: 41px;
     line-height: 41px;
     text-align: center;
     background: #2B4868;
     display: inline-block;
     transition: .5s;
     border-radius: 100%;
     color: #fff;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }

 .social-icon ul li a:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     height: 100%;
     width: 0;
     transition: .5s;
     background: #37A3FE;
     z-index: -1;
     border-radius: 100%;
 }

 .social-icon ul li a:hover:after {
     left: 0;
     width: 100%;
 }

 .location-icon {
     margin-right: 17px;
 }

 .location-icon i {
     color: #37A3FE;
     font-size: 25px;
 }

 .location-content-text p {
     font-family: 'Inter';
     color: #fff;
 }

 .location-title h2 {
     font-size: 30px;
     margin: 0 0 17px;
 }

 nav.wp-calendar-nav {
     display: none;
 }

 .sidebar-logo .main_sticky_l {
     display: none;
 }

 .sidebar-contact-info ul li {
     list-style: none;
 }

 .sidebar-social-icon {
     margin-top: 19px;
 }

 .sidebar-social-icon ul li {
     display: inline-block;
     margin: 0 13px 0 0;
 }

 .sidebar-social-icon ul li a {
     display: inline-block;
     color: #161617;
 }

 .sidebar-title h2 {
     margin: 32px 0 26px;
     font-weight: 700;
     font-size: 28px;
     letter-spacing: 1px;
 }

 .sidebar-contact-info h2 {
     font-size: 28px;
     margin: 0 0 26px;
 }

 .sidebar-contact-info ul li {
     margin: 0 0 12px;
 }

 /* MAIN STYLES FOR PLAY BUTTON */

 #video-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 693px;
     width: 100%;
     border: 3px solid var(--brown);
     border-radius: 5px;
     position: relative;
     cursor: none;
     max-width: 100%;
 }

 #play-button {
     position: absolute;
     border: 3px solid var(--brown);
     border-radius: 100px;
     width: 120px;
     height: 120px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     background-color: var(--cream);
     opacity: 1;
     cursor: none;
 }

 .play-video-btn i {
     background: #fff;
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     text-align: center;
     border-radius: 50%;
 }

 /* END OF MAIN STYLES FOR PLAY BUTTON */

 .element .my-accordion li:before {
     display: none;
 }

 .element .my-accordion li a.active {
     padding: 14px 40px 13px 30px;
 }

 .element .my-accordion.style3 li a {
     padding: 14px 20px 14px 30px;
 }

 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
     margin: 0 0 0 2px !important;
 }

 .container {
     max-width: 1320px;
 }