:root{
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
    --primary-color:rgba(42, 84, 155, 1);
    --secondry-color: rgba(255, 199, 44, 1);
    --primary-bgcolor: linear-gradient(360deg, #2A549B 0%, #346CCB 100%);
    --secondry-bgcolor: linear-gradient(180deg, #FFCA42 0%, #C59416 100%);
    --primary-btn: linear-gradient(180deg, #1F66DE 0%, #2A549B 100%);
    --secondry-btn: linear-gradient(180deg, #FFCA42 0%, #C59416 100%);
    --primary-lightbg: rgba(243, 243, 242, 1);
    --secondry_lightbg: rgba(255, 232, 174, 1);
    --theme-color-white: #fff;
    --theme-color-dark: rgba(0, 0, 0, 1);
}
body {
    overflow-y:auto !important; 
    overflow-x:hidden !important;
    line-height: 1;
    padding: 0 !important;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
p{
    line-height:normal;
}
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
.pos_rel{
    position: relative;
}
html,
body,
.wrapper{
	height: 100%;
}
img{
	border: none;
	max-width: 100%;
	outline: none;
}
a,
.btn,
button{
	box-shadow: none !important;
	cursor: pointer;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	outline: medium none !important;
	text-decoration: none;
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
}
a img,
iframe{
	border: none;
}
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video{
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section{
	display: block;
}
section,.section_padd{
    padding: 90px 0px;
}
ol,
ul{
	list-style: none;
}

/* Common Styling */
.section-title .title {
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--theme-color-dark);
}
.section-title p {
    font-size: 16px;
    color: var(--theme-color-dark);
    line-height: 26px;
    margin: 0 auto;
}
.btn_box{
    margin-top: 15px;
}
.theme-btn {
    background-color: var(--secondry-color);
    border: 1px solid var(--secondry-color);
    line-height: 18px;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    overflow: hidden;
    position: relative;
    color: var(--theme-color-dark);
}
.theme-btn:hover, 
.theme-btn:focus {
    color: var(--theme-color-white);
    border-color: var(--theme-color-white);
}
.theme-btn:after {
    top: 50%;
    left: 50%;
    content: "";
    width: 100%;
    height: 0%;
    z-index: -1;
    position: absolute;
    transition: all 0.6s ease;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: var(--theme-color-dark);
}
.theme-btn:hover:after, .theme-btn:focus:after {
    height: 380%;
}
.pad_top70{
    padding-top: 70px;
}
.pad_bot70{
    padding-bottom: 70px;
}
.btn_transparent{
    background: transparent !important;
}
.primarybgcolor{
    background: var(--primary-bgcolor);
}
.secondrybgcolor{
    background: var(--secondry-bgcolor);
}
.primarycolor{
    color: var(--primary-color) !important;
}
.secondrycolor{
    color: var(--secondry-color) !important;
}
.primaryborder{
    border-color: var(--primary-color) !important;
}
.secondryborder{
    border-color: var(--secondry-color) !important;
}
/* For container style */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        min-width: 1170px;
    }
}
.navis li a.dropdown-toggle::after{
	display: none;
}
.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}
@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

/* TopBar Section */
header.main-header {
    position: fixed;
    left: 0px;
    z-index: 9999;
    background: transparent;
    width: 100%;
}
header.main-header.scrolled {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 100%;
}
.h-one-hs .marquee {
    height: 25px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.h-one-hs .marquee div {
    display: block;
    width: 200%;
    height: 30px;
    position: absolute;
    overflow: hidden;
    animation: marquee 5s linear infinite;
}
.h-one-hs .marquee div:hover{
    animation-play-state: paused;
}
.h-one-hs .marquee span {
    float: left;
    width: 50%;
    font-size: 13px;
    color: var(--theme-color-white);
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
.h-one-hs {
    background: var(--theme-color-dark) !important;
    border-bottom: 0 solid #999;
}
.navbrs {
    background: transparent;
    min-height: unset !important;
    margin-bottom: 0;
    border-color: transparent !important;
    padding: 8px 0;
}
.top-icons-agileits-w3layouts li {
    list-style: none;
    display: inline-block;
    padding: 0 15px 0 0;
}
.top-icons-agileits-w3layouts .nav-link {
    font-size: 13px !important;
    color: var(--theme-color-white);
}
.navbrs a i {
    color: var(--theme-color-white);
    background: none !important;
    font-size: 15px;
    position: relative;
    top: 2px;
}
.top-icons-agileits-w3layouts a:hover,
.navbrs a:hover i{
    color: var(--secondry-color);
}
/* TopHeader Navigation */
.navs {
    background-color: transparent;
    margin: 0px auto 0;
    position: relative;
}
.iconarea a {
    padding: 0px 0px 0px 0px;
    display: flex;
    height: auto !important;
}
.iconarea .navbar-brand img {
    width: 202px;
}
.menu-bar .navbar-nav {
    margin: 0px;
    background-color: transparent;
    border: 0;
}
.navis li {
    padding: 5px;
}
.navis li a {
    color: var(--theme-color-white);
    padding: 0px 0px;
    font-size: 14px;
    line-height: 16px;
}
.navis li a:hover,
.top-icons-agileits-w3layouts a:focus {
    color: var(--secondry-color);
}
.navis li .nav-link.active, 
.navis li .nav-link.show{
    color: var(--secondry-color);
}
.navis li a.dropdown-item {
    color: var(--theme-color-dark);
    padding: 3px 10px;
}
.navis li a.dropdown-item:active,
.navis li a.dropdown-item:hover {
    background: var(--secondry-color);
}
.menu-bar .header_btn a {
    font-weight: 500;
    text-align: center !important;
    background: var(--secondry-color);
    border-radius: 5px;
    border: 1px solid;
    padding: 10px 25px !important;
    line-height: 14px;
    position: relative;
    overflow: hidden;
    color: var(--theme-color-dark);
    display: none;
}
.menu-bar .header_btn a:hover{
    background: var(--theme-color-dark);
    color: var(--theme-color-white);
}
.main-header.scrolled .navbar{
    width: 100%;
    border-radius: 0;
    background: var(--theme-color-dark);
    border-bottom: 1px solid var(--secondry-color);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    padding: 10px 0px 7px;
}
.main-header.scrolled .navs{
    border-radius: 0;
    border: none;
    margin: 0px auto;
}
.main-header.scrolled .navbar.disi{
    display: none;
}
.main-header.scrolled .menu-bar .header_btn a{
    display: block;
}
.bg_props {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* TopBanner Section */
.banner {
    position: relative;
    padding: 330px 0 230px;
    background-attachment: fixed;
    background-color: #386ab1;
}
.banner.img1{
    background-image: url(../images/1.png);
}
.banner.img2{
    background-image: url(../images/2.png);
}
.banner.img3{
    background-image: url(../images/3.png);
}
.banner.img4{
    background-image: url(../images/4.png);
}
.banner.img5{
    background-image: url(../images/5.png);
}
.banner.img6{
    background-image: url(../images/6.png);
}
.banner::before{
    content: "";
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
}
.banner_slider .carousel-indicators {
    position: absolute;
    right: 25px;
    top: 50%;
    z-index: 2222;
    display: block;
    margin: 0;
    left: 100%;
    -moz-transform: translateX(-50px) translateY(-50px) rotate(0deg);
    -webkit-transform: translateX(-50px) translateY(-50px) rotate(0deg);
    transform: translateX(-50px) translateY(-50px) rotate(0deg);
}
.banner_slider .carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    border: 1px solid var(--theme-color-white);
    outline: unset !important;
    background: transparent;
    opacity: 1;
    margin: 5px 0;
}
.banner_slider .carousel-indicators .active{
    background: var(--theme-color-white);
    border: 1px solid var(--secondry-color);
}
.banner-content{
    position: relative;
    z-index: 222;
}
.banner-content h1 {
    font-size: 48px;
    color: var(--theme-color-white);
    margin-bottom: 25px;
    line-height: 60px;
}
.banner-content h1 span{
    font-weight: 700;
}
.banner-content p {
    font-size: 18px;
    color: var(--theme-color-white);
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}
.banner-content #offer_box {
    background: #d5dce6;
    padding: 17px 10px 17px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0 20px auto;
    position: relative;
    border: 1px solid #ccc;
    max-width: 410px;
}
#auto-response {
    display: block;
    margin: 15px 0;
    color: var(--theme-color-white);
    opacity: 1;
    width: 100%;
    display: none;
}
#auto-response p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    color: var(--theme-color-dark);
}
/*========parsley=============*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    border: 1px solid #5fba7d !important;
    font-weight: 300;
    outline: none;
    box-shadow: none;
    color: #000000;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    border: 1px solid #FF0101 !important;
    box-shadow: rgba(255, 1, 1, 0.47) 0px 0px 5px !important;
    font-weight: 300;
}
.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    display: none;
}
.parsley-errors-list.filled {
    opacity: 1;
}
/* LeadForm Style Starts */
.lead-form.position-relative .innerform_box{
    padding: 15px 15px 0px;
}
.lead-form.position-relative .form-control {
    border-radius: 5px !important;
    border: 1px solid #ccc;
    padding: 11px 12px !important;
    box-shadow: unset !important;
    font-size: 14px;
    color: #222;
}
.lead-form.position-relative .form-control.custom-select {
    background-position: 98% center !important;
    background-image: url(../images/arrow_down.png) !important;
    background-size: 17px 15px !important;
    background-repeat: no-repeat;
}
.lead-form.position-relative .form-control:focus{
    border-color: #86b7fe;
}
.lead-form.position-relative label {
    margin-bottom: 7px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    color: #483a6d;
}
.lead-form.position-relative .form-group{
    margin-bottom: 14px;
}
.lead-form.position-relative ::-webkit-input-placeholder {
    color: #7c858c !important;
    font-size: 12px;
}
.lead-form.position-relative ::-moz-input-placeholder {
    color: #7c858c !important;
    font-size: 12px;
}
.lead-form.position-relative ::-ms-input-placeholder {
    color: #7c858c !important;
    font-size: 12px;
}
/*-/ LeadForm Style Ends */

/* ----------------------------------
  All Aniamtion Styles
 ------------------------------------ */
@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scale /* Safari and Chrome */ {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes playscale {
  0% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes move-bottom {
  0% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes move-right {
  0% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(20px, 0);
    -o-transform: translate(20px, 0);
    transform: translate(20px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

/* HomePage Aboutus */
.about_sec{
    background: var(--primary-lightbg);
}

/* HomePage WhyChooseUs */
.whychoose_sec{
    background: var(--theme-color-white);
}
.whychoose_sec .img_box::before {
    content: "";
    width: 150px;
    height: 150px;
    border-radius: 10px;
    background: var(--secondry-color);
    display: inline-block;
    position: absolute;
    z-index: 111;
    margin: -30px 0 0 -25px;
    animation: move-bottom 3s linear infinite;
}
.whychoose_sec .img_box img{
    position: relative;
    z-index: 222;
}

/* HomePage CTA Mid */
.cta_common{
    background-image: url(../images/cta-overlayed.png);
}
.cta_common.cta_mid {
    position: relative;
    padding: 30px 0 0;
    background-attachment: fixed;
    background-color: #386ab1;
}
.cta_common.cta_mid .content_box {
    padding: 35px 25px;
}
.cta_common.cta_mid .cta_title{
    font-size: 30px;
    color: var(--theme-color-white);
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 10px;
    display: block;
}
.cta_common.cta_mid .cta_title span{
    color: var(--secondry-color);
}
.cta_common.cta_mid p {
    font-size: 16px;
    color: var(--theme-color-white);
    line-height: 25px;
    text-align: left;
    font-weight: 400;
    margin-bottom: 30px;
}
.cta_common.cta_mid .con_box ul {
    display: flex;
    margin-top: 17px;
    justify-content: center;
}
.cta_common.cta_mid .con_box ul li a{
    color: var(--theme-color-white);
    font-size: 15px;
}
.cta_common.cta_mid .con_box ul li a i{
    color: var(--secondry-color);
    margin-right: 4px;
    font-size: 18px;
}
.cta_common.cta_mid .con_box ul li a:hover{
    color: var(--secondry-color);
}
.cta_common.cta_mid .secondrybtn:hover{
    color: var(--theme-color-white) !important;
}
.cta_common.cta_mid .img_box img{
    margin-bottom: -3px;
}

/* HomePage OurServices */
.services_sec .services-block .headtitle img {
    vertical-align: middle;
    margin-right: 5px;
}
.services_sec .services-block .headtitle {
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
}
.services_sec .services-block p {
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0 0px;
}
.services_sec .services-block {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    padding: 0 6px;
}
.services_sec .services-block .inner-box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 12px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
.services_sec .services-block .inner-box .content_box{
    padding: 15px 25px 15px;
}
.services_sec .services-block .inner-box .content_box .text{
    color: var(--theme-color-dark);
}
.services_sec .services-block .inner-box:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
.services_sec .services-block:hover .img-box img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.services_sec .services-block .img-box{
    overflow: hidden !important;
    border-radius: 12px 12px 0 0;
    height: 168px;
}
.services_sec .services-block .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.services_sec .services-block .btn_box .theme-btn{
    display: block;
    border-radius: 0 0 12px 12px;
    padding: 14px 15px;
}

/* HomePage Testimonials */
.testimonials_sec{
    background: var(--primary-lightbg);
}
.testimonials_sec .testimonials_box{
    padding-top: 70px;
}
.testimonials_sec .review__card {
    background: transparent;
    border: 2px solid var(--secondry-color);
    border-radius: 12px;
    margin: 0 0px 15px;
    padding: 20px 15px 20px;
    position: relative;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.testimonials_sec .review__icon--wrapper {
    border: 1px solid var(--secondry-color);
    width: 115px;
    height: 114px;
    border-radius: 115px;
    position: relative;
    margin: -75px auto 15px;
}
.testimonials_sec .reviewer__name {
    color: var(--theme-color-dark);
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}
.testimonials_sec .reviewer__name::before {
    content: "\f10d";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    font-size: 48px;
    position: absolute;
    left: 20px;
    color: rgba(255, 199, 44, 0.4);
}
.review__details--wrapper{
    text-align: center;
}
.testimonials_sec .review__body p {
    color: var(--theme-color-dark);
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    margin: 20px 0 10px;
    text-align: center;
    min-height: 200px;
}
.testimonials_sec .review__ratings i{
    color: var(--secondry-color);
    font-size: 16px;
}
.testimonials_sec .review__posted{
	font-size: 14px;
}
.testimonials_sec .review__posted span{
	font-weight: 500;
}
.testimonials_sec .our-testimonials .carousel-buttons, 
.blogs_sec .our-news .carousel-buttons {
    position: absolute;
    display: block;
    top: 50%;
    right: unset;
    width: 100%;
    opacity: 1;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    z-index: 2;
}
.testimonials_sec .our-testimonials:hover .carousel-buttons,
.blogs_sec .our-news:hover .carousel-buttons{
    visibility: visible;
}
.testimonials_sec .our-testimonials .carousel-buttons button,
.blogs_sec .our-news .carousel-buttons button {
    position: absolute;
    left: 20px;
    display: inline-block;
    font-size: 0;
    width: 50px;
    height: 50px;
    line-height: 48px;
    color: #00306e;
    background: #fff;
    border-radius: 100%;
    transition: all 0.5s ease 0s;
    box-shadow: -6px 20px 30px rgba(15, 18, 22, 0.06);
    opacity: 1;
    border: 1px solid #ccc;
}
.testimonials_sec .our-testimonials .carousel-buttons .carousel-control-next,
.blogs_sec .our-news .carousel-buttons .carousel-control-next {
    left: auto;
    right: -40px;
}
.testimonials_sec .our-testimonials .carousel-buttons .carousel-control-prev,
.blogs_sec .our-news .carousel-buttons .carousel-control-prev {
    left: -40px;
    right: auto;
}
.testimonials_sec .our-testimonials .carousel-buttons button:hover,
.blogs_sec .our-news .carousel-buttons button:hover {
    color: #fff;
    background: var(--secondry-color);
    border-color: var(--secondry-color);
}
.testimonials_sec .our-testimonials .carousel-buttons button::before,
.blogs_sec .our-news .carousel-buttons button::before {
    content: url(../images/right-arrow.png);
    margin-top: 4px;
    margin-left: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 26px;
    font-weight: 700;
    top: 0;
}
.testimonials_sec .our-testimonials .carousel-buttons button.carousel-control-prev::before,
.blogs_sec .our-news .carousel-buttons button.carousel-control-prev::before {
    content: url('../images/left-arrow.png');
    margin-top: 4px;
    margin-left: -3px;
}
.testimonials_sec .our-testimonials .carousel-indicators,
.blogs_sec .our-news .carousel-indicators{
	bottom: -35px;
	text-align: center;
}
.testimonials_sec .our-testimonials .carousel-indicators button,
.blogs_sec .our-news .carousel-indicators button{
	background: #6c757d !important;
	background: 0 0;
	border: 2px solid #6c757d;
	border-radius: 50%;
	display: inline-block;
	filter: Alpha(Opacity=50);
	height: 12px;
	margin: 5px 5px;
	opacity: .5;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	width: 12px;
}
.testimonials_sec .our-testimonials .carousel-indicators button.active,
.blogs_sec .our-news .carousel-indicators button.active {
    background: var(--secondry-color) !important;
    border: 2px solid var(--secondry-color);
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.testimonials_sec .our-testimonials .carousel-inner {
    padding: 70px 0 10px;
}
.testimonials_sec .carousel-item.active,
.testimonials_sec .carousel-item-next,
.testimonials_sec .carousel-item-prev,
.blogs_sec .carousel-item.active,
.blogs_sec .carousel-item-next,
.blogs_sec .carousel-item-prev{
	display: flex;
	justify-content: space-between;
    gap: 15px;
}
@media (max-width: 767px){
	.testimonials_sec .carousel-item > div,
	.blogs_sec .carousel-item > div{
		display: none;
	}
	.testimonials_sec .carousel-item > div:first-child,
	.blogs_sec .carousel-item > div:first-child{
		display: block;
        width: 100%;
	}
    .testimonials_sec .our-testimonials .carousel-buttons,
    .blogs_sec .our-news .carousel-buttons{
    display: none;
}
}
.testimonials_sec .review__card:hover{
	background: #ffc118;
	transition: all .3s ease-out;
    border-color: rgba(255, 199, 44, 0.2);
}
.testimonials_sec .review__card:hover .review__body p,
.testimonials_sec .review__card:hover .reviewer__name{
    color: #000;
}
.testimonials_sec .review__card:hover .reviewer__name::before,
.testimonials_sec .review__card:hover .review__ratings i{
    color: rgba(255, 255, 255, 0.6);
}
.testimonials_sec .review__card:hover .review__icon--wrapper {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    border-color: var(--theme-color-white);
}

/* HomePage CTA Bottom */
.cta_common.cta_bottom{
    position: relative;
    padding: 0px;
    background-attachment: fixed;
    background-color: #386ab1;
}
.cta_common.cta_bottom .content_box {
    padding: 75px 0 70px;
}
.cta_common.cta_bottom .cta_title{
    font-size: 40px;
    color: var(--theme-color-white);
    font-weight: 600;
    line-height: 50px;
    padding-bottom: 10px;
    display: block;
}
.cta_common.cta_bottom p {
    font-size: 22px;
    color: var(--theme-color-white);
    line-height: 25px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px;
}

/* HomePage Blogs */
.blogs_sec .blogs-block .headtitle img {
    vertical-align: middle;
    margin-right: 5px;
}
.blogs_sec .blogs-block .headtitle {
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
}
.blogs_sec .blogs-block p {
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0 0px;
    min-height: 138px;
}
.blogs_sec .blogs-block .date_label {
    top: 0;
    background-color: var(--secondry-color);
    border-radius: 0px 0px 12px 12px;
    color: #FFF;
    left: 20px;
    font-size: 16px;
    min-width: 80px;
    padding: 20px 12px;
    height: 90px;
    position: absolute;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    z-index: 2;
}
.blogs_sec .blogs-block .date_label span {
    font-size: 20px;
    color: var(--theme-color-dark);
    line-height: 22px;
}
.blogs_sec .blogs-block {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    padding: 0 10px;
}
.blogs_sec .blogs-block .inner-box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.blogs_sec .blogs-block .inner-box .content_box {
    padding: 25px 18px 15px;
}
.blogs_sec .blogs-block .inner-box .content_box .text{
    color: var(--theme-color-dark);
}
.blogs_sec .inner-box .img-box{
    overflow: hidden !important;
    border-radius: 12px 12px 0 0;
    height: 168px;
}
.blogs_sec .inner-box:hover .img-box img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.blogs_sec .inner-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.blogs_sec .inner-box .btn_box{
    text-align: right;
    position: relative;
}
.blogs_sec .inner-box .btn_box .blog-btn {
    display: inline-block;
    border-radius: 30px;
    padding: 15px 0px;
    margin: 0 18px 0 0px;
    font-size: 20px;
    color: var(--theme-color-dark);    
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.blogs_sec .inner-box .btn_box .blog-btn:hover{
    color: var(--theme-color-white);
}
.blogs_sec .inner-box .btn_box::before {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 70px;
    height: 70px;
    border-radius: 270px 0 25px 0px;
    opacity: .5;
    background-color: var(--secondry-color);
    content: "";
    z-index: -1;
    transition: .7s;
}
.blogs_sec .inner-box:hover .blog-btn{
    color: var(--theme-color-dark);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.blogs_sec .inner-box:hover .btn_box::before{
    opacity: 1;
}

/* FAQs section */
.faqs_sec{
    background: var(--primary-lightbg);
}
.faqs_sec .panel-heading {
    background: var(--theme-color-white);
    cursor: pointer;
}
.faqs_sec .panel {
    padding: 15px 15px;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 8px;
    background: var(--theme-color-white);
}
.faqs_sec .panel-title {
    font-size: 16px;
    color: rgba(30, 30, 30, 1);
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}
.faqs_sec .panel-title i {
    color: var(--theme-color-dark);
    border: 2px solid var(--secondry-color);
    background: var(--secondry-color);
    float: right;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
}
.faqs_sec .panel-body{
	margin-top: 10px;
}
.faqs_sec .panel-body p {
    font-size: 15px;
    line-height: 22px;
	margin: 0;
}
.faqs_sec .panel-group .panel+.panel {
    margin-top: 10px;
}
.faqs_sec .panel-heading:not(.collapsed) i {
    background: transparent;
}
/* Contact Section */
.contact_sec{
    background: var(--secondry-color);
    position: relative;
}
.contact_sec .imgside {
    margin: 14px 0 -3px;
    position: absolute;
    bottom: 0;
}
.contact_sec .hsec11-form {
    background: var(--theme-color-white);
    padding: 30px 20px 30px;
    border-radius: 0;
    margin: 0px 0 0;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.contact_sec .hsec11-form-feild {
    position: relative;
}
.contact_sec .contact_title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.contact_sec .hsec11-form-feild label{
    line-height: 22px;
    color: rgba(30, 30, 30, 1);
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 15px;
}
.contact_sec .hsec11-form-feild input, 
.contact_sec .hsec11-form-feild select,
.contact_sec .hsec11-form-feild textarea {
    width: 100%;
    border: 1px solid rgba(217, 217, 217, 1);
    background-color: transparent;
    border-radius: 8px;
    padding: 5px 15px !important;
    margin-bottom: 12px;
    line-height: 28px;
    outline-color: #fff3cd;
    font-size: 15px;
}
.contact_sec .hsec11-form-feild select {
    background-position: right .75rem center;
    background-image: linear-gradient(45deg, transparent 50%, rgb(229 173 29) 60%), linear-gradient(133deg, rgb(229 173 29)  40%, transparent 50%) !important;
    background-position: calc(100% - 20px) 20px, calc(100% - 10px) 20px, 100% 0;
    background-size: 10px 10px, 10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact_sec .btn_box{
    margin: 0;
}
.contact_sec .btn_box .theme-btn {
    border-radius: 8px;
    width: 100%;
    padding: 13px 15px;
}
.contact_sec .field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(179, 179, 179, 1);
    font-size: 14px;
}
.contact_sec .field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(179, 179, 179, 1);
   opacity:  1;
   font-size: 14px;
}
.contact_sec .field::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(179, 179, 179, 1);
   opacity:  1;
   font-size: 14px;
}
.contact_sec .field:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgba(179, 179, 179, 1);
   font-size: 14px;
}
.contact_sec .field::-ms-input-placeholder { /* Microsoft Edge */
   color: rgba(179, 179, 179, 1);
   font-size: 14px;
}
.contact_sec .field::placeholder { /* Most modern browsers support this now. */
    color:rgba(179, 179, 179, 1);
   font-size: 14px;
}
/* THB Message PopUp */
.msg_popup .img_modal {
    padding: 20px 10px 10px;
}
.msg_popup .modal-header {
    background: var(--theme-color-dark);
    padding: 5px 10px;
    border: 1px solid #eee;
    position: relative;
    display: block;
}
.msg_popup .modal-header .modal-title {
    font-size: 26px;
    line-height: 30px;
    padding: 65px 0 10px;
    font-weight: 600;
    color: var(--theme-color-white);
}
.msg_popup .modal-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #333;
    margin-bottom: 10px;
}
.msg_popup {
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
}
.msg_popup .modal-header .close {
    color: var(--theme-color-dark);
    opacity: 1;
    font-size: 30px !important;
    position: absolute;
    padding: 0;
    top: -20px;
    right: -15px;
    margin: 0;
    background: var(--secondry-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px !important;
    outline: none;
}
.msg_popup .modal-header .close span {
    position: relative;
    top: -1px;
}
.msg_popup .modal-header .close:hover{
    background: var(--theme-color-dark);
    color: var(--theme-color-white);
    border-color: var(--theme-color-white);
}
/* Flash Animation */
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    animation: flash 3s infinite;
}
.flash:hover{
    animation-play-state: paused;
}

/* Footer Section */
#footer .footer-top {
    padding: 60px 0 60px;
    background-color: var(--theme-color-dark);
}
#footer .foot_para {
    padding-top: 20px;
}
#footer .foot_para p {
    margin: 0px 10px 10px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: var(--theme-color-white);
}
#footer .foot_title {
    color: var(--theme-color-white);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px dashed var(--secondry-color);
    display: inline-block;
    padding-bottom: 10px;
}
#footer .usefull-links-widget li {
    padding: 15px 0 10px 0px;
    color: var(--theme-color-white);
    display: flex;
    align-items: center;
}
#footer .usefull-links-widget li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--theme-color-white);
    border: 1px solid var(--theme-color-white);
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}
#footer .usefull-links-widget li a {
    font-size: 16px;
    color: var(--theme-color-white);
    font-weight: 400;
    padding-left: 0;
}
#footer .usefull-links-widget li a:hover{
    color: var(--secondry-color);
}
#footer .contact-info {
    position: relative;
    padding-top: 10px;
}
#footer .contact-info li {
    padding-bottom: 25px;
    display: flex;
    align-items: center;
}
#footer .contact-info li a{
    font-size: 16px;
    color: var(--theme-color-white);
}
#footer .contact-info li a:hover{
    color: var(--secondry-color);
}
#footer .contact-info li i {
    color: var(--secondry-color);
    margin-right: 8px;
    width: 16px;
    text-align: center;
    font-size: 16px;
}
#footer .contact-info li svg.twitter-x {
    fill: var(--secondry-color);
    margin-right: 8px;
    width: 16px;
    text-align: center;
    font-size: 16px;
}
#footer .contact-info li i:hover,
#footer .contact-info li svg.twitter-x:hover{
    opacity: 0.7;
}
#footer .footer-bottom {
    padding: 15px 0 12px;
    background: var(--secondry-color);
    position: relative;
    border-top: 1px solid var(--secondry-color);
}
#footer .footer-bottom p {
    font-size: 15px;
    margin: 0;
    line-height: 24px;
    color: var(--theme-color-dark);
}
#footer .footer-bottom a{
    font-size: 14px;
    color: var(--theme-color-dark);
    line-height: 21px;
    padding: 0 10px;
}
#footer .footer-bottom a:hover{
    color: var(--primary-color);
}
.usefull-links-widget.clearfix.middle {
    margin: 0 0 0 -35px;
}
#footer .usefull-links-widget.middle .foot_title{
    border-color: transparent;    
}
.back-to-top {
    position: fixed;
    right: 25px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--secondry-color);
    border: 1px solid #999;
    color: var(--theme-color-dark);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
    font-size: 30px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
/* WhatsaAPP Widget */
.whatsapp-btn {
    position: fixed;
    bottom: 30px;
    left: 25px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    animation: breathe 2s ease-in-out infinite;
}
.whatsapp-btn i {
    color: #fff;
    font-size: 26px;
    animation: beat 2s ease-in-out infinite;
    text-decoration: none;
}
@keyframes breathe {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
/*Estilos de animacion del icono latiendo*/
@keyframes beat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
}
/* InnerPages Style Starts */
.innerPageBanner {
    background-image: url(../images/sub-banner-bg.jpg);
    padding: 230px 0 120px;
}
.innerPageBanner .banner-content{
    text-align: center;
}

/* Our Projects Page */
.post-thumbnail {
    position: relative;
    min-height: 60px;
}
.post-thumbnail, .post-thumbnail a {
    display: block;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.post-thumbnail a img{
	border-radius: 10px;
}
.thumbnail-hoverlay-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: translateY(-15px) scale(1.2);
    transform: translateY(0px) scale(1.0);
    transition: all .45s;
    width: 100%;
    height: 100%;
}
.thumbnail-hoverlay {
    background-color: var(--secondry-color);
    position: absolute;
    top: 0;
    bottom: 2px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    border-radius: 10px;
}
.thumbnail-hoverlay-icon i {
    margin-top: -15px;
    margin-left: -10px;
    font-size: 20px;
    border: solid 1px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--theme-color-dark);
}
.thumbnail-hoverlay-icon i:before {
    display: inline-block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.post-thumbnail:hover .thumbnail-hoverlay {
    opacity: .5;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}
.post-thumbnail:hover .thumbnail-hoverlay-icon {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    transition: all .2s;
}

.innerPageContent .post-item {
    border: 1px solid rgba(202, 202, 202, 1);
    border-radius: 10px;
    margin: 0 0 25px;
    padding: 12px 0 12px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.post-item .item-content .section-title .title {
    font-size: 30px;
    line-height: 38px;
}
.post-item .item-content .section-title p {
    font-size: 16px;
    line-height: 25px;
}
.innerPageContent .post-item .img-box {
    overflow: hidden !important;
    border-radius: 8px 8px;
    height: 340px;
}
.innerPageContent .post-item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    border: 1px solid rgba(202, 202, 202, 1);
}
.innerPageContent .post-item .btn_box .theme-btn i{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.innerPageContent .post-item:hover {
    border-color: var(--secondry-color);
    background: #f5f5f5;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.innerPageContent .post-item:hover .img-box img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.innerPageContent .post-item:hover .theme-btn i{
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

/* OurServices Page Starts */
.innerPageContent.servicepage .post-item {
    padding: 35px 20px;
    background: rgba(249, 249, 249, 1);
    margin: 0 0 35px;
} 
.innerPageContent.servicepage .post-item .img-box {
    height: 255px;
}

/* OurGalleryPage Starts */
.innerPageContent.gallerypage .post-thumbnail {
    transition: all 400ms ease;
    margin-bottom: 25px;
}
.innerPageContent.gallerypage .post-thumbnail .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}
.innerPageContent.gallerypage .post-thumbnail .img_box {
    border-radius: 8px 8px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.innerPageContent.gallerypage .post-thumbnail:hover .img_box img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.innerPageContent.gallerypage .post-thumbnail .content_box {
    position: absolute;
    bottom: 15px;
    padding: 0 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: var(--theme-color-white);
    align-items: center;
    gap: 10px;
}
.innerPageContent.gallerypage .post-thumbnail .content_box .gallerytitle{
    font-size: 16px;
    line-height: 22px;
}
.innerPageContent.gallerypage .post-thumbnail .content_box .arrowicon {
    min-width: 40px;
    height: 40px;
    border-radius: 45px;
    border: 1px solid var(--theme-color-white);
    text-align: center;
    line-height: 37px;
    font-size: 20px;
    transition: all 0.3s ease;
}
.innerPageContent.gallerypage .post-thumbnail:hover .arrowicon i{
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.innerPageContent.gallerypage .post-thumbnail:hover .arrowicon{
    background: var(--secondry-color);
    color: var(--theme-color-dark);
}

/* OurGallery DetailsPage */
/*----------  iso-gallery  ----------*/
.innerPageContent.gallerydetail .img_iso {
    position: relative;
    cursor: pointer;
}
.innerPageContent.gallerydetail .iso-container .isotope-item {
    margin-bottom: 20px;
}
.innerPageContent.gallerydetail .img_iso img{
    width: 100%;
}
.innerPageContent.gallerydetail .img_iso .content_box {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    background-color: rgba(30, 32, 32, 0.7);
    overflow: hidden;
    width: 100%;
    height: 99%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    color: var(--theme-color-white);
    border-radius: 8px 8px;
}
.innerPageContent.gallerydetail .img_iso .content_box .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 20px;
}
.innerPageContent.gallerydetail .img_iso .content_box .gallerytitle {
    font-size: 15px;
    line-height: 20px;
}
.innerPageContent.gallerydetail .img_iso .content_box .gallerytitle span{
    display: block;
}
.innerPageContent.gallerydetail .img_iso .content_box .arrowicon {
    width: 55px;
    height: 55px;
    border-radius: 45px;
    border: 1px solid var(--theme-color-white);
    text-align: center;
    line-height: 55px;
    font-size: 18px;
    transition: all 0.3s ease;
    margin: 15px auto 15px;
}

/* On hover, the overlay text will "zoom" in display */
.innerPageContent.gallerydetail .img_iso:hover .content_box {
    transform: scale(1);
}

/* GalleryDetail Page modal/lightbox popup */
.hidden_gal {
    display: none !important;
    visibility: hidden !important;
}
.popup-data img{
	max-width:100%; 
	height:auto;
}
.popup-data-content{
	max-width:370px;
	margin: 25px auto 10px;
	color: rgba(255,255,255,.75)
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: double 4px !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    padding: 6px 10px 6px 10px !important;
    margin: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: var(--secondry-bgcolor);
    transition: none !important;
    width: 50px;
    height: 50px;
}
#cboxPrevious .fa, #cboxNext .fa, #cboxSlideshow .fa, #cboxClose .fa {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#cboxPrevious:hover, #cboxNext:hover, #cboxSlideshow:hover, #cboxClose:hover {
	color:#000;
}
#cboxClose {
    outline: 0;
    display: inline-block !important;
    position: absolute;
    top: 0px;
    right: 0;
}
#cboxCurrent{
    color: #ccc;
}
/* #cboxLoadedContent {
    min-height: 600px !important;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* Terms & Privacy Pages */
.terms_content{
    padding-bottom:50px;
}
.terms_content h3 {
    color: #08a323;
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 0;
}
.terms_content p {
    font-size: 15px;
    line-height: 24px;
    margin: 0px 0px 10px;
    color: #333;
}
.terms_content a {
    color: #08a323;
    font-weight: 600;
}
.terms_content a:hover{
    color:crimson !important;
}
.terms_list {
    list-style-type: circle;
    margin-left:15px;
}
.terms_list li {
    font-size: 15px;
    line-height: 24px;
    color: #333;
}
.privacy_content h3{
    color:var(--theme-color-dark);
    font-size:22px;
    font-weight:600;
    margin: 20px 0 10px;
}
.privacy_content p {
    font-size: 15px;
    line-height: 24px;
    margin: 0px 0px 10px;
    color: #333;
}
.privacy_content a{
    color:#00CCFF;
    font-weight:600;
}
.privacy_content a:hover{
    color:crimson !important;
}
.term_note {
    font-size: 13px !important;
    margin: 45px auto 0px !important;
    text-align: center;
    color:var(--theme-color-white);
    line-height:17px;
}
.term_note > a {
    color: #08a122 !important;
    float:none !important;
    clear:both;
    font-weight:600;
    cursor:pointer !important
}
.term_note > a:hover{   
    color:#ff0000 !important
}

/* 404_Page Starts*/
.page_404 h2 {
    color: var(--theme-color-dark);
    font-size: 200px;
    font-weight: 900;
    line-height: 0.8;
    margin: 0;
}
.page_404 h3 {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}
.page_404 p {
    font-size: 20px;
    line-height: 26px;
    color: #212121;
    letter-spacing: 3px;
}
.page_404 .btn_404 {
    background: var(--secondry-color);
    color: var(--theme-color-white);
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    min-width: 190px;
    line-height: 36px;
    margin: 10px auto 20px;
    border-radius: 5px;
}

/* Responsive Media Screens */
@media (min-width: 768px) {
    .h-one-hs .navbar-toggler {
      display: none;
    }
    .h-one-hs .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
}

@media screen and (max-width: 767px) {
    .section-title .title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .section-title.mb-5{
        margin-bottom: 20px !important;
    }
    .section-title p {
        font-size: 15px;
        line-height: 22px;
    }
    .primarybtn.cust_btn, 
    .secondrybtn.cust_btn {
        font-size: 14px;
        padding: 8px 20px;
    }
    span.primarycolor.mx-2.fw-semibold,
    span.mx-2.fw-semibold,
    #footer .footer-seals .line,
    .contact_sec .imgside,
    .whychoose_sec .img_box::before {
        display: none;
    }
    .main-header .container.menu-bar.navs {
        display: block;
        margin: 0px auto 0;
        border: 0;
        border-radius: 0;
        box-shadow: unset;
        padding: 0px 10px;
    }
    .main-header .navbar {
        border-bottom: 1px solid var(--secondry-color);
        padding: 5px 5px 7px;
    }
    .main-header .navis li {
        padding: 0;
    }
    .main-header .navis li a {
        color: var(--theme-color-white);
        padding: 10px 20px;
        font-size: 15px;
    }
    .main-header .navis li:first-child{
        padding-top: 5px;
    }
    .main-header .nav.navbar-nav.navis.align-items-center {
        text-align: left !important;
        display: block;
        padding: 0 15px;
    }
    .main-header .menu-bar .header_btn{
        padding-bottom: 15px !important;
    }
    .main-header .menu-bar .header_btn a{
        line-height: 14px;
    }
    .main-header .navbar-toggler {
        float: right;
        border: 1px solid #ddd;
        margin: 0px 0 0;
        padding: 6px 10px;
    }
    .main-header .navbar-toggler span.fa{
        color: var(--theme-color-white);
    }
    .main-header .navbrs  {
        padding: 8px 0;
    }
    .main-header .navbrs .container {
        justify-content: center;
        gap: 5px;
    }
    .menu-bar .navbar-nav {
        background-color: #222;
    }
    .banner {
        padding: 140px 0 70px;
    }
    .banner-content h1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .banner-content p {
        font-size: 15px;
        line-height: 22px;
        min-height: 110px;
    }
    .banner-content .btn_box.mt-md-5.mt-5{
        margin-top: 15px !important;
    }
	.banner-content .btn_box .theme-btn {
	    padding: 9px 15px;
	    font-size: 14px;
	}
    .banner_slider .carousel-indicators {
        right: unset;
        top: unset;
        bottom: 22px;
        left: 32%;
        -moz-transform: unset;
        -webkit-transform: unset;
        transform: unset;
    }
    .banner_slider .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        margin: 0px 2px;
    }
    .banner-content .banner_usps {
        width: 100%;
        margin: 15px 0 0px;
    }
    .banner-content .banner_usps li img {
        max-width: 30px;
    }
    .banner-content .banner_usps li span {
        font-size: 14px;
        line-height: 18px;
    }
    .toprated {
        line-height: 24px;
        padding: 8px 12px;
        margin: 20px 0 20px;
    }
    .toprated span.hired {
        font-size: 18px;
    }
    .toprated span.stars {
        margin: 0 0 3px;
        letter-spacing: 0px;
        display: block;
        font-size: 14px;
    }
    .toprated span.rating {
        font-size: 13px;
        line-height: 16px;
    }
    .lead-form.position-relative .innerform_box {
        padding: 15px 0px 0px;
    }
    .banner-content #offer_box .form_title {
        background: none;
        background-color: var(--primary-color);
        height: 60px;
    }
    .banner-content #offer_box .heading > span {
        font-size: 16px;
    }
    .banner-content #offer_box .heading {
        font-size: 14px;
        margin: 0 auto 0px;
        line-height: 20px;
    }
    .banner-content #offer_box .bottom p span {
        font-size: 18px;
        line-height: 16px;
    }
    .banner-content #offer_box p {
        font-size: 14px;
    }
    .banner-content #offer_box .right_side {
        width: 86px;
        border-bottom-left-radius: 86px;
        border-bottom-right-radius: 86px;
        right: 5px;
        height: 48px;
    }
    .lead-form.position-relative .form-group {
        margin-bottom: 10px;
    }
    .banner-content #offer_box .upload_btn {
        margin: 15px auto 0;
    }
    .banner-content #offer_box {
        margin: 30px 0 20px auto;
    }
    .lead-form.position-relative label {
        margin-bottom: 5px;
    }
    .rating_logos .logobox {
        gap: 10px;
    }
    .rating_logos span {
        font-size: 14px;
    }
    section, .section_padd {
        padding: 50px 0px !important;
    }
    .about_sec .content_box .usps li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .about_sec .content_box .usps {
        margin-bottom: 15px;
    }
    .about_sec .img_box {
        margin: 0 auto 25px;
    }
    .whychoose_sec .img_box img {
        margin-top: 5px;
    }
    .cta_common.cta_mid{
        padding: 30px 0 !important;
        margin: 0 -8px;
    }
    .cta_common.cta_mid,
    .cta_common.cta_mid .content_box{
        text-align: left !important;
    }
    .cta_common.cta_mid .cta_title, 
    .cta_common.cta_bottom .cta_title {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 10px;
    }
    .cta_common.cta_mid .con_box ul{
        display: block;
        margin: 7px 0 20px;
    }
    .cta_common.cta_mid .con_box ul li {
        margin: 0 0 12px;
    }
    .cta_common.cta_mid p,
    .cta_common.cta_bottom p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .cta_common.cta_bottom .content_box{
        padding: 0;
    }
    .cta_common.cta_bottom .cta_title span{
        display: inline;
    }
    .cta_common.cta_mid .img_box {
        margin: 0 0 15px;
    }
    .cta_common.cta_mid .img_box img {
        margin-bottom: 0;
        width: 50%;
    }
    .cta_common.cta_mid .content_box {
        padding: 0;
    }
    .blogs_sec .blogs-block .inner-box .content_box {
        padding: 25px 15px 10px;
    }
    #footer .footer-top {
        padding: 40px 0 40px;
    }
    #footer .footer-top p {
        margin: 0 0 30px;
        font-size: 15px;
        line-height: 22px;
    }
    #footer .foot_title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    #footer .contact .foot_title{
        margin: 18px 0;
    }
    #footer .usefull-links-widget li a,
    #footer .contact-info li a,
    #footer .contact-info li i {
        font-size: 14px;
    }
    #footer .contact-info {
        position: relative;
        padding-top: 0px;
    }
    #footer .contact-info li {
        padding-bottom: 15px;
    }
    #footer .social {
        padding: 0px 0 10px;
    }
    #footer .contact-info.p-0 li{
        gap: 5px;
    }
    #footer .contact-info.p-0 li i{
        font-size: 17px;
    }
    #footer .footer-seals {
        padding: 15px 15px 0px;
    }
    #footer .footer-seals .quality_seal {
        padding: 8px 8px;
        margin: 0;
    }
    #footer .footer-bottom p {
        font-size: 14px;
        text-align: center;
    }
    #footer .footer-bottom a {
        font-size: 13px;
        padding: 10px 4px 0;
        display: inline-block;
    }
    .usefull-links-widget.clearfix.middle {
        margin: 0 0 0 -20px;
    }
    .contact_sec .hsec11-form {
        padding: 25px 15px;
        margin: 0px -15px 0;
    }
    .contact_sec .contact_title {
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .contact_sec .hsec11-hd p {
        line-height: 18px;
        margin: 5px 0 5px;
    }
    .contact_sec .hsec11-form-feild input, 
    .contact_sec .hsec11-form-feild select {
        height: 40px;
        padding: 0 15px 0 15px !important;
        font-size: 14px;
        margin-bottom: 12px;
        line-height: 20px;
        border-radius: 5px;
    }
    .contact_sec .hsec11-form-feild label {
        line-height: 18px;
        font-size: 14px;
    }
    .contact_sec .hsec11-form-feild span {
        font-size: 17px;
        top: 12px;
        left: 10px;
    }
    .category_sec .nav-tabs .nav-item {
        padding: 8px 10px;
        min-width: 50%;
        width: 50%;
        border: 1px solid var(--primary-color);
    }
    .category_sec .nav-tabs .nav-item .categ-card {
        gap: 10px;
        justify-content: flex-start;
    }
    .category_sec .nav-tabs .nav-item img {
        max-width: 25px;
    }
    .category_sec .nav-tabs .nav-item p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
    }
    .category_sec .nav-tabs .nav-item:nth-child(2) {
        border-radius: 0 16px 0 0;
    }
    .category_sec .nav-tabs .nav-item:last-child {
        border-radius: 0;
    }
    .category_sec .tab-content .tab_box {
        gap: 10px;
        flex-wrap: wrap;
        padding: 10px 10px 10px;
        justify-content: center;
    }
    .category_sec .tab-content .tab_box .imgbox {
        width: 48%;
    }
    .category_sec .nav-tabs .nav-item:last-child {
        border: 1px solid var(--primary-color);
    }
    .genres_sec .tab-content .tab_box .imgbox,
    .genres_sec .tab-content .tab_box .content_box,
    .genres_sec .tab-content .tab_box .btn_box{
        width: 100%;
    }
    .genres_sec .tab-content .tab_box {
        gap: 15px;
        flex-direction: column;
        padding: 20px 15px;
        border-radius: 5px;
        margin-top: 10px;
        text-align: center;
    }
    .genres_sec .tab-content .tab_box .content_box p {
        line-height: 20px;
        margin-bottom: 5px;
    }
    .genres_sec .tab-content .tab_box .content_box .head_title {
        margin-bottom: 10px;
    }
    .genres_sec .section-title .title{
        font-size: 23px;
    }
    .genres_sec .nav-tabs .nav-item {
        width: 105px;
        max-width: 105px;
        padding: 8px 8px;
        border-radius: 5px;
    }
    .genres_sec .nav-tabs .nav-item p{
        font-size: 13px;
    }
    .genres_sec .nav-tabs .nav-item img{
        max-width: 40px;
    }
    .whychoose_sec .whychoose-block p {
        line-height: 20px;
        margin: 10px 0 5px;
        min-height: auto;
    }
    .whychoose-block .icon-box {
        height: 60px;
        width: 60px;
        top: -25px;
    }
    .whychoose-block .icon-box i {
        font-size: 35px;
    }
    .whychoose_sec .whychoose-block {
        margin-top: 40px;
    }
    .faqs_sec .panel-title {
        font-size: 14px;
        line-height: 20px;
    }
    .faqs_sec .panel-body {
        margin-top: 7px;
    }
    .faqs_sec .panel {
        padding: 9px 12px 9px 13px;
    }
    .faqs_sec .panel-body p {
        font-size: 14px;
        line-height: 20px;
    }
    .faqs_sec .panel-title i {
        border: 2px solid var(--primary-color);
        width: 20px;
        height: 21px;
        line-height: 18px;
        min-width: 21px;
        font-size: 13px;
    }
    .faqs_sec .img_box .inner-box {
        padding: 25px 15px;
        height: auto;
    }
    .faqs_sec .img_box .inner-box p {
        font-size: 15px;
        line-height: 20px;
        margin: 5px 0 20px;
    }
    .testimonials_sec .review__card {
        border-radius: 18px;
        margin-bottom: 15px;
        padding: 15px 12px 15px;
    }
    .testimonials_sec .our-testimonials .carousel-inner {
        padding: 50px 0 10px;
    }
    .testimonials_sec .review__icon--wrapper {
        height: 70px;
        margin: -60px auto 10px;
        width: 70px;
    }
    .testimonials_sec .review__icon--wrapper i {
        font-size: 22px;
    }
    .testimonials_sec .review__ratings i {
        font-size: 14px;
    }
    .testimonials_sec .review__posted {
        font-size: 13px;
    }
    .testimonials_sec .carousel-indicators {
        bottom: 0px;
    }
    .testimonials_sec .reviewer__name {
        font-size: 14px;
    }
    .faqs_sec .img_box .inner-box img {
        margin: 0px 0 20px;
    }
    .testimonials_sec .review__body p {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 0px;
        min-height: 180px;
    }
    .testimonials_sec .carousel-indicators button {
        height: 10px;
        margin: 5px 4px;
        width: 10px;
    }
    .services_sec .services-block .inner-box .content_box {
        padding: 17px 12px 12px;
    }
    .services_sec .services-block {
        margin-bottom: 20px;
    }
    .services_sec .services-block p {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 5px;
    }
    .testimonials_sec .our-testimonials .carousel-indicators button, 
    .blogs_sec .our-news .carousel-indicators button {
        height: 10px;
        width: 10px;
    }
    .process_sec .process_box{
        background-image: none;
        padding: 30px 0 0px 0;
    }
    .process_sec .process_box ul {
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }
    .process_sec .process_box li {
        width: 47%;
        gap: 10px;
    }
    .process_sec .process_box li.bottom {
        position: relative;
        top: 0;
        left: 0px;
    }
    .process_sec .process_box li p{
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        top: 0;
        max-width: 100%;
        left: 0;
        min-height: 40px;
    }
    .process_sec .process_box li .circle {
        width: 95px;
        height: 95px;
    }
    .process_sec .process_box li.bottom p{
        top: 0px;
        order: 1;
    }
    .process_sec .process_box li.bottom .circle {
        order: 2;
    }    
    .process_sec .process_box li .circle img {
        width: 40px;
    }
    .top-icons-agileits-w3layouts li {
        list-style: none;
        display: inline-block;
        padding: 0 10px 0 0;
    }
    .iconarea .navbar-brand img {
        width: 180px;
    }
    .innerPageContent.servicepage .post-item {
        padding: 15px 0px;
        margin: 0 0 20px;
    }
    .post-item .item-content .section-title .title {
        font-size: 20px;
        line-height: 24px;
        margin: 20px 0 10px;
    }
    .post-item .item-content .section-title p {
        font-size: 14px;
        line-height: 20px;
    }
    .msg_popup .img_modal {
        padding: 5px 5px 0px;
    }
    .msg_popup .modal-body {
        padding: 12px 12px 8px;
    }
    .msg_popup .modal-body p {
        font-size: 14px;
        line-height: 21px;
    }
    #cboxCurrent {
        float: none !important;
    }
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        font-size: 20px !important;
        padding: 2px 5px 2px 5px !important;
        margin: 15px;
        width: 40px;
        height: 40px;
        margin-top: 30px;
    }
}