:root{ scroll-behavior: smooth;}

body {

    -webkit-font-smoothing: antialiased!important;

    text-rendering: auto;

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

color: #737373;

font-size: 16px;

font-weight: 400;

line-height: 1.65;

}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 10px;
    font-weight: normal;
    display: block;
    position: absolute;
}

.fs-18px{font-size: 18px;}

.fs-14px{font-size: 14px;}

.fixed-top {

    top: -40px;

    transform: translateY(40px);

    transition: transform .3s;

}





nav.navbar {background-color: #01032C;height: 80px;}

.navbar-nav li a {

    color: #fff;

    text-decoration: none;

    font-weight: 400;

    padding: 0 30px 0 0;

}

.navbar-light .navbar-brand {

    color: #fff;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    display: inline-table;

    font-size: 32px;

}
.header-part-land .navbar-light .navbar-brand{
    position: relative;
    margin: 0;
}
ul.social-menu {

    margin: 0 0 0px 15px;

    padding: 0

}



ul.social-menu li {

    display: inline-block;

    vertical-align: top;



    position: relative

}



ul.social-menu li a {

    color: #121111;

    text-decoration: none;

    font-size: 22px

}
.feather-check {
    font-size: 20px;
    color: #01032c;
}
ul.social-menu li a:hover i{color: #7C7CF7;}











.footer-bottom ul.social-menu{text-align: right;}

.footer-bottom ul.social-menu li a {

    font-size: 14px

}







.footer-part {

    font-size: 15px;

    background-color: #F5F5F5;    padding: 40px 0 40px;

}

.footer-part h5 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 18px;color:#292929;

}

.footer-part p a {

    color: #676767;

    text-decoration: none;

}

.footer-part ul {

    padding: 0;

    margin: 0;

    list-style: none;

    font-weight: 300

}



.footer-part ul li {

    padding-bottom: 8px;

    font-size: 15px

}



.footer-part ul li a {

    font-weight: 500;

    color: #676767;

    text-decoration: none

}

.footer-part ul li a:hover{color: #7C7CF7;}

.footer-part .contact-menu li {

    margin-bottom: 10px;

    display: flex;

    align-items: flex-start;

}

.footer-part .contact-menu li a b{font-weight: 700;text-transform: uppercase;margin-right: 10px;}

.footer-part ul li i {

    font-size: 20px;

    color:#121111;

    margin-right: 10px;

 

}

.footer-part-land.footer-part ul li i ,.footer-part-land.footer-part ul li a{color: #fff;}
.footer-part-land.footer-part .contact-menu li {
    display: inline-flex;

}

#rightsidebar{display: none;}



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

   

.toggle-cu-menu { cursor: pointer;}

.hamburger-box-close {

    position: relative;

    display: inline-block;

    width: 26px;

    height: 24px;

    cursor: pointer;

    top: 2px;

}

.hamburger-box-close{    top: 50%; transform: translate(0px, -50%);}

body.open-mm .mobile-menu .header-expandable-menu-top {

    position: absolute;

    right: 13px;

    top: 25px;

}

.hamburger-box-close .hamburger-inner, .hamburger-box-close .hamburger-inner:after,.hamburger-box-close .hamburger-inner:before{background-color: #01032C; width: 28px;}

.hamburger-box-close .hamburger-inner {

    transition-delay: .12s;

    transition-timing-function: cubic-bezier(.215,.61,.355,1);

    transform: rotate(45deg);

}

.hamburger-box-close .hamburger-inner:before {

    top: 0;

    transition: top 75ms ease,opacity 75ms ease .12s;

    opacity: 0;

}

.hamburger-box-close .hamburger-inner:after {

    bottom: 0;

    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

    transform: rotate(-90deg);

}

.toggle-cu-menu.toggle-cu-menu-open {

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 20000000;

}

body.open-mm .mobile-base {

    position: fixed;

    left: 0;

    top: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0,0,0,.5);

    z-index: 10000;

}

.mobile-menu {

        text-align: left;

        display: block;

        position: fixed;

        right: 0;

        top: 0;

        width: 300px;

        max-width: 100%;

        height: 100vh;

        max-height: 400vh;

        -webkit-overflow-scrolling: touch;

        transition: transform .5s;

        -ms-transform: translateX(310px);

        transform: translateX(310px);

        z-index: 10000010;

        background-color:#fff

}

body.open-mm .mobile-menu {

    -ms-transform: translate(0,0);

    transform: translate(0,0);

}

.hamburger {

    font: inherit;

    display: inline-block;

    overflow: visible;

    margin: 0;

    padding: 0;

    cursor: pointer;

    transition-timing-function: linear;

    transition-duration: .15s;

    transition-property: opacity,filter;

    text-transform: none;

    color: inherit;

    border: 0;

    background-color: transparent;

    z-index: 100;

}

.hamburger-box {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 24px;

    top: 3px;

}

.hamburger-inner {

    top: 50%;

    display: block;

    margin-top: -2px;

}

.hamburger-inner:after, .hamburger-inner:before {display: block; content: "";}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {

    position: absolute;

    width: 22px;

    height: 3px;

    transition-timing-function: ease;

    transition-duration: .15s;

    transition-property: transform;

    border-radius: 4px;

    background-color: #fff;

    right: 0;

}

.hamburger-inner:before {

    top: -8px;

    width: 25px;

}

.hamburger-inner:after {

    bottom: -8px;

    width: 25px;

}

.hamburger-inner {

    transition-timing-function: cubic-bezier(.55,.055,.675,.19);

    transition-duration: 75ms;

}

.hamburger-inner:before {  transition: top 75ms ease .12s,opacity 75ms ease; }

.hamburger-inner:after { transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19); }

body.expand .hamburger{

    top: 15px;

    margin-top: 0px;

    position: absolute;

}

body.expand .hamburger-inner {

    transition-delay: .12s;

    transition-timing-function: cubic-bezier(.215,.61,.355,1);

    transform: rotate(45deg);

}

body.expand .hamburger-inner:before {

    top: 0;

    transition: top 75ms ease,opacity 75ms ease .12s;

    opacity: 0;

}

body.expand .hamburger-inner:after {

    bottom: 0;

    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

    transform: rotate(-90deg);

}

.menu { margin-top: 50px;}

#rightsidebar {

    right: 0;

    top:0px;

    display: block!important;

}

#rightsidebar ul.dropdown-menu li {

    padding: 5px 0px 5px 10px;

    font-size: 15px;

}

ul.header-menu-mobile {

    padding: 0;

    margin: 0;

    list-style: none;

}

ul.header-menu-mobile >li {

    font-size: 18px;

    position: relative;

    padding: 10px 20px;

}

ul.header-menu-mobile li a {

    color: #788DFF;

    padding: 0;

    font-weight: 500;

   text-decoration: none;

}

ul.header-menu-mobile >li ul{padding: 0;margin: 0;list-style: none;}

ul.header-menu-mobile >li ul li a{font-size:15px; color: #555;}

#rightsidebar ul.header-menu-mobile li a {

    position: relative;

    display: block; 

}

ul.dropdown-menu3 {

    position: relative;

    right: 0px;

    width: fit-content;

}

#rightsidebar .dropdown-toggle::after {

    content: '\f078';

    position: absolute;

    right: 0;

    top: 50%;

    font-family: "FontAwesome";

    font-weight: 400;

    transition: transform .5s;

    padding: 7px 0  7px 3px;

    border-width: 0px;

    font-size: 14px;

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

}

.dropdown-menu{

    float: none;

    border-width: 0px;

    position: relative!important;

    min-width: auto!important;

    padding: 10px 10px 0px;

    transform: translate3d(0px, 0px, 0px)!important;

    border-top: 3px solid rgb(255 255 255)!important;

}

.header-part .social-menu {margin-right: 0px!important;}

.search-box-wrapper .search-box{display: none;}

#rightsidebar .search-box {

    display: block;

    padding: 20px;

    width: 100%;

}

#rightsidebar .search-box form{position: relative;}

ul.dropdown-menu2,ul.dropdown-menu3 {

    position: relative!important;

    right: auto!important;

    background-color: #fff!important;

}

}









h1,h2,h3,h4,h5{ color: #3A3A3A;}

h4,h5{  font-weight: 700;}

.main-heading{

    font-weight: 700;

    font-size: 34px;

    color: #3A3A3A;

    position: relative;

}



.spad{padding: 80px 0;}

/*button 20*/

.btn-blue {

    pointer-events: auto;

    cursor: pointer;

    background: #5e37f5;

    border: none;

    padding: 10px 25px;

    font-weight: 400;

    position: relative;

    display: inline-block;

	overflow: hidden;

    font-size: 16px;

    border-radius: 10px;

	color: #fff;

}

.btn-blue span {

	display: block;

	position: relative;

	z-index: 10;

}

.btn-blue:hover span {

animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;

}



@keyframes MoveScaleUpInitial {

	to {

		transform: translate3d(0,-105%,0) scale3d(1,2,1);

		opacity: 0;

	}

}

@keyframes MoveScaleUpEnd {

	from {

		transform: translate3d(0,100%,0) scale3d(1,2,1);

		opacity: 0;

	}

	to {

		transform: translate3d(0,0,0);

		opacity: 1;

	}

}



.btn-blue::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	content: '';

	background: #788DFF;

	width: 120%;

	height: 0;

	padding-bottom: 120%;

	top: -110%;

	left: -10%;

	border-radius: 50%;

	transform: translate3d(0,68%,0) scale3d(0,0,0);

}

.btn-blue:hover::before {

	transform: translate3d(0,0,0) scale3d(1,1,1);

	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}

.btn-blue::after {

    position: absolute;

    top: -1px;

    left: 0;

    width: 100%;

    height: 100%;

	content: '';

	background: #788DFF;

	transform: translate3d(0,-100%,0);

	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}

.btn-blue:hover::after {

	transform: translate3d(0,0,0);

	transition-duration: 0.05s;

	transition-delay: 0.4s;

	transition-timing-function: linear;

}

.btn-blue:hover{ color: #fff;background-color: #5e37f5;  text-decoration: none;}





.hm-faq .accordion-item {

    background-color: transparent;

    margin-bottom: 15px;border-radius: 10px;

}



.accordion-button, .accordion-button:not(.collapsed){

    font-weight: 700;

    box-shadow: none !important;

color:#272727;

font-size: 18px;

background-color: transparent!important;

}

.accordion-item:last-of-type .accordion-button.collapsed {

    border-radius: 10px

}

.accordion-item:first-of-type .accordion-button {

    background-color: transparent;

}

.accordion-body {

    padding: 0rem 1.25rem 1rem;

}

.accordion-body p{margin: 0;}

.accordion-item:not(:first-of-type) {

    border-top: 1px solid rgba(0, 0, 0, .125);

}

.accordion-button:after {

    content: "\e9b1";

    background: none;

    font-family: 'feather' !important;

}

.accordion-button:not(.collapsed):after {

    content: "\e996";    background: none;

}

.accordion-item.panel-box-shadow {

    border: 1px solid #7C7CF7;

}

.icon-box {

    width: fit-content;

    margin: 0 auto;

}
.icon-left.icon-box{
margin-left: 10px;
}
.icon-box:before {

    content: '';

    position: absolute;

    top: -6px;

    left: -20px;

    right: 0;

    margin: 0 auto;

    width: 60px;

    height: 60px;
    background: rgb(94, 55, 245 , 0.23);

    

    border-radius: 50%;


}

.icon-left.icon-box:before{right: auto;    left: -10px;}

.icon-full{
    padding: 10px;
    background: rgb(218 209 253);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 2;
}



.wy-us .box-wrap{ border-bottom: 1px solid #dedede;

}

.wy-us .box-wrap:nth-child(3n-1) {

    border-left: 1px solid #dedede;

    border-right: 1px solid #dedede

}



.wy-us .box-wrap:nth-last-child(-n+2),.wy-us .box-wrap:nth-last-child(-n+3){

    border-bottom: 0 solid #dedede

}







.hm-banner {

  background-color: #01032C;padding: 40px 0;

}
.hm-banner .contact-form p{width: 100%;}
.page-id-88 .hm-banner{margin-bottom: 80px;}
.hm-banner .contact-form {
    padding: 30px;
    position: relative;
    margin-bottom: -120px;
}

.hm-banner h1 {

    font-weight: 700;

    font-size: 54px;

    color: #fff;line-height: 1;

}

.hm-banner p, .inner-banner p{

    color: #A8A8A8;font-size: 20px;

    width: 80%;

}



.banner-caption{padding: 50px 0;}







.border-radius-15{border-radius: 15px;}

.inner-banner h1{

    font-weight: 700;

    font-size: 50px;

    color: #fff;line-height: 1;

}





.btn-circle {

	padding: 0;

	background: none;

	-webkit-clip-path: circle(40% at 50% 50%);

	clip-path: circle(40% at 50% 50%);



    pointer-events: auto;

    cursor: pointer;

    border: none;

    

    position: relative;

    display: inline-block;

}



.btn-circle:focus-visible {

	background: #443ffc;

}



.textcircle {

	position: relative;

	display: block;

	width: 200px;

}



.textcircle text {

	font-size: 32px;

	text-transform: uppercase;

	fill: #fff;

}



.textcircle textPath {

	letter-spacing: 17px; /* Firefox needs this */

}



.btn-circle .textcircle {

	animation: rotateIt 7s linear infinite;

}

.btn-circle:hover .textcircle{

    animation-play-state: paused;

}

.arrow-don {

    position: absolute;

    z-index: 2;

    width: 60px;

    height: 60px;

    top: calc(50% - 30px);

    left: calc(50% - 30px);

}



@keyframes rotateIt {

    to {

      transform: rotate(-360deg);

    }

  }



.bg-blue{    background-color: #01032C;}
.bg-gray{    background-color: #F3F3F3;}
.bg-blue p{ color:#F4F4F4;font-weight: 300;}
.border-blue{border-color: #7C7CF7!important;}
  .heading-box{

    border-radius: 15px;

    background-color: #01032C;

    padding: 30px 25px;

  }

  .heading-box p{

    color:#F4F4F4;font-weight: 300;

  }


  .view-btn, .view-btn:hover{

    color: #01032c;text-decoration: none;    filter: brightness(0);    font-weight: 600;

  }

  .heading-box .view-btn, .heading-box .view-btn:hover{

    color: #fff;text-decoration: none;    filter: brightness(1);

  }


  .hm-testimonial .mw-100{

  

  }

  .testimonial-box img{

border-radius: 50%;

  }

  .testimonial-box p{

    color:#656565;

  }

  .testimonial-box:after{

    content: '';

    position: absolute;

    right: 10px;

    top: 10px;

    width: 35px;

    height: 35px;

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

    background-repeat: no-repeat;

    background-size: contain;

}

.hm-testimonial-heading{

    display: flex;

    flex-wrap: wrap;



justify-content: space-between;}





/**/

.cursor-outer {

    margin-left: -16px;

    margin-top: -16px;

    width: 32px;

    height: 32px;

    border: 1px solid white;

    box-sizing: border-box;

    z-index: 10000000;

    opacity: 1;

    transition: all 0.08s ease-out;

    mix-blend-mode: difference;

  }

  .cursor-outer.cursor-hover {

    opacity: 0;

    transition: var(--transition);

  }

  .cursor-outer.cursor-big {

    opacity: 0;

  }

  

  .mouseCursor {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: none;

    border-radius: 50%;

    transform: translateZ(0);

    visibility: hidden;

    text-align: center;

  }

  .mouseCursor.cursor-big {

    width: 200px;

    height: 200px;

    margin-left: -100px;

    margin-top: -100px;

  }

  

  .cursor-inner {

    margin-left: -5px;

    margin-top: -5px;

    width: 10px;

    height: 10px;

    z-index: 10000001;

    background-color: white;

    opacity: 1;

    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;

    mix-blend-mode: difference;

  }

  .cursor-inner span {

    color: white;

    line-height: 60px;

    opacity: 0;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 12px;

  }

  .cursor-inner.cursor-hover {

    margin-left: -12px;

    margin-top: -12px;

    width: 25px;

    height: 25px;

    background-color: white;

    opacity: 0;

    mix-blend-mode: difference;

    transition: var(--transition);

  }

















  /**********************contact**********************/



.contact-form .form-line {

	position: relative;

	width: 100%;

	margin-bottom: 20px;

}

.contact-form {
background-color: #fff;
	margin-top: 20px;

}

.contact-form .form-control, .contact-form .form-date {

	border-top: none;

	border-left: 0;

	border-right: 0;

	border-radius: 5px;

	background-color: transparent;

	border: 0 solid #ced4da;

	border: 1px solid #d0d0d0;

	position: relative;

	z-index: 1;

	padding: 22px 10px 8px;

}



 :focus-visible {

 outline: none;

}

.contact-form .form-date {

	display: block;

	width: 100%;

	padding: 0.375rem 0.75rem;

	font-size: 1rem;

	font-weight: 400;

	line-height: 1.5;

	color: #212529;

	background-clip: padding-box;

	appearance: none;

	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.contact-form .form-line.focused .form-label {

    bottom: calc(100% - 33px);

    font-size: 12px;

    color: #9d9d9d;



    z-index: 2;

}

.contact-form .form-label {

	position: absolute;

	bottom: 6px;

	cursor: text;

	-moz-transition: .3s;

	-o-transition: .3s;

	-webkit-transition: .3s;

	transition: .3s;

	color: #777777;

	font-size: 17px;

	letter-spacing: .5px;

	z-index: 0;

	left: 10px;

}

.contact-form textarea {

	height: 90px !important;

}

.form-control:focus {

	color: #212529;

	background-color: #fff;

	border-color: #5e37f5;

	outline: 0;

	box-shadow: none;

}

.contact-icon {

	margin-right: 10px;

}

.contact-icon i {

	font-size: 28px;

	color: #fff;

	height: 60px;

	width: 60px;

	border: 1px solid #fff;

	border-radius: 50%;

	line-height: 60px;

	text-align: center;

	-webkit-transition: .3s;

	transition: .3s;

}

.single-contact:hover .contact-icon i {

	color: #5e37f5;

	border: 1px solid #fff;

	-webkit-transition: .3s;

	transition: .3s;

	font-size: 25px;

	background: #fff;

}

.single-contact h5 {

	font-size: 18px;

	text-transform: capitalize;

	font-weight: 600;

	-webkit-transition: .3s;

	transition: .3s;



    margin-top: 10px;

}

.single-contact p a, .single-contact p {

	text-decoration: none;

    color: #F4F4F4;

	font-size: 14px;



}

.single-contact p b {

    display: block;

}

.page-template-service-single-template .contact-form p{margin-bottom: 0;}

.page-template-service-single-template .contact-form{

    position: sticky;

    top: 100px;

}

.service-box a{text-decoration: none;}

.gray-box{
    border-radius: 10px;height: calc(100% - 1rem);
    background-color: rgba(255, 255, 255, 0.38);padding: 20px;
}
.wpcf7-spinner {
    position: absolute;
}
.process-wrap .icon-full::after{
    z-index: -1;
    position: absolute;
    top: 60px;
    left: 50%;
    content: '';
    height: 100px;
    width: 2px;
    border: 1px dashed #ccc;
}
.process-wrap .d-flex:last-child .icon-full::after{
    display: none;
}

@media screen and (max-width: 1199px) {
    .hm-banner h1 {font-size: 46px;} 
    .inner-banner h1{font-size: 40px;}
     .hm-banner p, .inner-banner p{width: 100%;}
     .cta-box .main-heading { font-size: 26px;  }    
  }

  @media screen and (max-width: 991px) {
    .contact-form {  margin-top: 0px; }
    .spad {
        padding: 60px 0;
    }
    .hm-service {
        padding: 40px 0;
    }
  }


  @media screen and (max-width: 767px) {
    .header-part .btn-blue{display: none;}
    .navbar-light .navbar-brand {
        position: relative;
        margin: 0;
        left: 0;
        right: auto;
    }
    .heading-box{margin-bottom: 30px;}
    .wy-us .box-wrap {
        border-bottom: 0px solid #dedede;
    }
    .hm-faq img{display:none}
    .footer-part h5{margin-top: 20px;}
    .hm-banner h1 {
        font-size: 40px;
    }
    .main-heading {  font-size: 30px; }
  }