/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/







/****************************** Typography ***************************************************/
h1 {
	font-family: 'gtwalbd';
}
h2 {
	font-family: 'gtwalbd';
}
h3 {
	font-family: 'gtwalbd';
}
h4 {
	font-family: 'gtwalbd';
}
h5 {
	font-family: 'gtwalbd';
}
h1 b {
	font-family: 'gtwalbd';
}
h2 b {
	font-family: 'gtwalbd';
}
h3 b {
	font-family: 'gtwalbd';
}
h4 b {
	font-family: 'gtwalbd';
}
h5 b {
	font-family: 'gtwalbd';
}
h1 strong {
	font-family: 'gtwalbd';
}
h2 strong {
	font-family: 'gtwalbd';
}
h3 strong{
	font-family: 'gtwalbd';
}
h4 strong {
	font-family: 'gtwalbd';
}
h5 strong {
	font-family: 'gtwalbd';
}
p {
	font-family: 'jost';
}

/****************************** Secondary Header ***************************************************/


/****************************** Header Transparent START ***************************************************/

.transparent .container {
    background: #333c4e7a;
}
#header-outer.small-nav {
    background-color: #ffffff !important;
}

/****************************** Header Transparent END ***************************************************/


.nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"] .box-bg:after {
    background: #0000;
}
 .nectar-fancy-box[data-style=hover_desc] .box-bg:before {
    background: #0000 !important;
}
#team .team-img {
    height: 450px;
}
#team .team-h h3 {
    font-family: 'Josefin Sans';
    color: #008ba4;
}
#inner-team .sec-h-txt span {
    font-size: 17px;
    color: #000 !important;
}
#inner-team .sec-h-txt p span strong {
    font-size: 24px;
    line-height: 15px;
}
.privacy-txt p {
    font-family: 'josefin';
    font-size: 19px;
    color: #000;
    line-height: 30px;
}
.privacy-txt {
    padding: 30px;
    border: 2px solid #1D8199;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.privacy-txt h2 {
    font-family: 'josefin';
}


/****************************** Main Menu ***************************************************/


input#s {
    font-family: 'Josefin Sans' !important;
}
body.material #top nav ul #search-btn a span {
    font-size: 20px;
    color: #000;
    font-weight: bolder;
}
#top nav > ul > .button_solid_color > a:before {
    background-color: #273375 !important;
}
#header-outer.small-nav ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'poppins';
    font-weight: 600;
}
#top ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    font-family: 'poppins';
    font-weight: 600;
}
li#menu-item-822 a {
    background: rgba(0, 123, 154, 1);
    padding: 18px 27px !important;
    opacity: 1 !important;
}
li#menu-item-822 a span {
    color: #fff !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}
li#menu-item-822 a:hover {
    border: 1px solid rgba(0, 123, 154, 1);
    transition: .8s !important;
    background: transparent;
}
li#menu-item-822 a:hover span {
    color: #000 !important;
}
li#menu-item-823 a {
    background: rgba(0, 123, 154, 1);
    padding: 18px 22px !important;
    opacity: 1 !important;
    margin: 0px 8px;

}
li#menu-item-823 a span {
    color: #fff !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}
li#menu-item-823 a:hover {
    border: 1px solid rgba(0, 123, 154, 1);
    transition: .8s !important;
    background: transparent;
}
li#menu-item-823 a:hover span {
    color: #000 !important;
}




li#menu-item-905 a {
    background: rgba(0, 123, 154, 1);
    padding: 18px 27px !important;
    opacity: 1 !important;
}
li#menu-item-905 a span {
    color: #fff !important;
    font-size: 17px;
    text-transform: uppercase !important;
}
li#menu-item-905 a:hover {
    border: 1px solid rgba(0, 123, 154, 1);
    transition: .8s !important;
    background: transparent;
}
li#menu-item-905 a:hover span {
    color: #000 !important;
}






.transparent .container li#menu-item-822 a span {
    color: #000 !important;
}
.transparent .container li#menu-item-822 a {
    background: #fff;
}
.transparent .container li#menu-item-823 a span {
    color: #000 !important;
}
.transparent .container li#menu-item-823 a {
    background: #fff;
}
/****************************** About Us Page ***************************************************/



/****************************** Contact Us Page ***************************************************/

#contact-sec input[type=text] {
    background: transparent;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    border-radius: 0px !important;
    font-family: 'poppins';
}
#contact-sec input[type=tel] {
    background: transparent;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    border-radius: 0px !important;
    font-family: 'poppins';
}
#contact-sec input[type=email] {
    background: transparent;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    border-radius: 0px !important;
    font-family: 'poppins';
}
#contact-sec textarea.wpcf7-form-control.wpcf7-textarea {
    background: transparent;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    border-radius: 0px !important;
    font-family: 'poppins';
    height: 150px;
}
#top nav .buttons .menu-item a {
    position: relative;
    left: 50%;
}
#top nav>ul>li[class*=button_solid_color]>a:before {
    height: 47px !important;
    background-color: #273375;
}

#contact-sec input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}
#contact-sec input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 20px 3px !important;
    text-align: center;
    text-transform: capitalize !important;
    transition: .5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    display: block;
    width: 25%;
    font-size: 16px;
    font-weight: 100;
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    font-family: poppins;
    border-radius: 5px !important;
}
.contact-sec-inner {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 12px 12px !important;
}
#contact-sec label {
    color: #000;
    font-family: 'poppins';
}





/****************************** Services Pages ***************************************************/




/****************************** Slider ***************************************************/



/******* Animation ************/


/****************************** Sec-1 ***************************************************/
#sec-1 {
    padding-top: 18% !important;
    padding-bottom: 130px !important;
}
.sec-1-h-txt h4 {
    font-size: 30px;
    font-family: 'Josefin Sans';
    font-weight: 100;
}
.sec-1-h-txt h4:after {
    content: "";
    width: 198px;
    height: 12px;
    background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-1.png);
    position: absolute;
    top: 8px;
    right: 28%;
}
.sec-1-h-txt h1 {
    font-size: 53px;
    line-height: 70px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: 100;
}
.sec-1-h-txt h1 .h-color span {
    font-weight: 600;
}
.sec-1-h-txt p {
    font-size: 18px;
    line-height: 30px;
    padding-right: 72px;
    font-family: 'poppins';
}
.sec-btn-1 span {
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent;
    font-size: 17px;
    font-family: 'poppins';
    padding: 10px 18px;
}
.sec-btn-2 span {
	color: #fff;
	font-size: 17px;
    font-family: 'poppins';
    padding: 10px 18px;
	font-weight: 100;
	
}
#sec-1 .sec-btn-2 {
    border-color: #fff !important;
    margin-left: 17px;
}
#sec-2 .sec-2-btn {
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    font-size: 16px;
    padding: 20px 55px;
    font-family: 'poppins';
    font-weight: 100;
}


/******* Animation ************/
#sec-1 .sec-1-line {
animation: move10 4s infinite;   }

@keyframes move10 {
0% {
    transform: translateY(0px);
    transition: 0.6s;
}

50% {
    transform: translateY(60px);
    transition: 0.6s;
}
70% {
    filter: opacity(0.8);
    transition: 0.6s;
}
100% {
    filter: unset;
    transition: 0.6s;
}
}

/****************************** sec-2 ***************************************************/
.sec-h-txt h4 {
  font-size: 20px;
  font-family: 'jost';
  background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
  width: 34%;
  padding: 8px 18px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 4px;
  margin-top: 37px;
}

.sec-h-txt h1, span .h-color {
    font-size: 70px;
    padding-top: 30px;
    text-transform: uppercase;
    line-height: 80px;
}
.sec-h-txt span {
	background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent !important;
}
.sec-h-txt h1 {
    color: #000;
}
.sec-h-txt p {
    font-size: 17px;
    font-family: 'poppins';
    color: #000;
    line-height: 35px;
    padding-right: 59px;
    text-align: justify;
}
.sec-h-txt h4::after {
  content: "";
  width: 100px;
  height: 2px;
  background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-13.png);
  position: absolute;
  right: 54%;
  top: 62px;
}


/******* Animation ************/

/****************************** sec-3 ***************************************************/
#sec-3 .sec-3-h-txt h4 { 
    font-size: 16px;
    font-family: 'jost';
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    width: 34%;
    padding: 8px 18px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
}
.sec-3-h-txt h4 {
  font-size: 20px;
  font-family: 'jost';
  background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
  width: 39%;
  padding: 8px 18px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 4px;
}
.sec-3-h-txt h2, .sec_3_h span {
    font-size: 55px;
    font-family: josefin;
    font-weight: 100;
    line-height: 75px;
    padding-top: 30px;
    text-transform: uppercase;
}
.sec-3-h-txt .sec_3_h {
    color: #fff !important;
    font-weight: 600;
}
.sec-3-h-txt p {
    font-size: 17px;
    font-family: poppins;
    line-height: 35px;
    padding-right: 100px;
    text-align: justify;
}

#sec-3 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
.sec-3-testi-txt h4 {
    font-size: 22px;
    font-family: 'josefin';
    text-transform: uppercase;
    font-weight: 100;
    padding-top: 25px;
    color: #000;
}
.sec-3-testi-txt p {
    font-size: 16px;
    line-height: 28px;
    font-family: 'poppins';
    font-weight: 100;
	color: #000;

}
#sec-3 .sec-3-col-1 {
    background-color: #fff;
    padding: 80px 40px;
}
.sec-3-testi-txt a {
    font-size: 5px;
}
#sec-3 .sec-3-btn-1 {
    border-radius: 40px !important;
    padding: 12px 23px;
    background-color: #fff !important;
}
#sec-3 .sec-3-btn-1 {
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
}
#sec-3 .sec-3-btn-1 span {
    font-size: 0px;
}
.sec-3-h-txt h4::after {
  content: "";
  width: 100px;
  height: 2px;
  background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-13-1.png);
  position: absolute;
  right: 56%;
  top: 23px;
}
#sec-3 .owl-dots {
	display: none;
}
#sec-3 .owl-nav.disabled {
    display: block;
}
#sec-3 button.owl-next span::before {
    content: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-3.png);
    font-family: FontAwesome;
    font-size: 23px;
    color: #000000;
    border-radius: 40px;
    padding: 20px 20px;
    background-color: #0000;
    position: absolute;
    left: 14%;
    bottom: 20px;
}
#sec-3 button.owl-next span {
	font-size: 0px;
}
#sec-3 button.owl-next {
	background: transparent;
	border-radius: 30px !important;
	border: none;
}
#sec-3 .sec-3-col-1:hover {
    background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2025/01/Group-1000008560-2.png);
}
#sec-3 button.owl-prev span::before {
    content: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-5-1.png);
    font-family: FontAwesome;
    font-size: 23px;
    color: #000000;
    border-radius: 40px;
    padding: 20px 20px;
    position: absolute;
    left: -1%;
    z-index: 999 !important;
    background-color: transparent;
    bottom: 20px;
}
#sec-3 button.owl-prev span {
	font-size: 0px;
}
#sec-3 button.owl-prev {
    background: transparent;
    border-radius: 30px !important;
    border: none;
}
#sec-3 .sec-3-col-1:hover h4 {
    color: #fff;
}
#sec-3 .sec-3-col-1:hover p {
    color: #fff;
}
#sec-3 .sec-3-col-1:hover .sec-3-btn-1 {
    background: #fff !important;
    color: #000;
}
#sec-3 .sec-3-col-1:hover  .sec-3-icon  {
    filter: brightness(0) invert(1);
}








/******* Animation ************/


/****************************** sec-4 ***************************************************/
.sec-4-h-txt h4 {
    font-size: 23px;
    font-family: 'jost';
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    width: 20%;
    padding: 8px 18px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    margin: auto;
}
.sec-4-h-txt h1 {
    font-size: 60px;
    padding-top: 22px;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 72px;
	color: #000;
}
.sec-4-h-txt .h-h4-txt {
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent !important;
}
.sec-4-h-txt .h-h4-txt {
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent !important;
    font-weight: 600;
}
.sec-4-name h3 {
    font-size: 21px;
    padding-top: 22px;
    font-family: 'Josefin Sans';
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent !important;
    font-weight: 100;
}
.sec-4-name p {
    font-size: 20px;
    font-family: poppins;
    color: #000;
    line-height: 26px;
}
#sec-4 .sec-4-col-1 .vc_column-inner {
    border-image: linear-gradient(to right, #00aaba 0%, #007b9a 100%) 1;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    padding: 15px;
    padding-bottom: 50px;
}
#sec-4 .sec-4-col-1 .vc_column-inner:hover {
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    top: -20px;
    transition: .5s !important;
}
.sec-4-h-txt h4:after {
    content: "";
    width: 100px;
    height: 2px;
    background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-13.png);
    position: absolute;
    right: 35%;
    top: 25px;
}
#sec-4 .sec-4-col-1:hover h3 {
    color: #fff !important;
}
#sec-4 .sec-4-col-1:hover p {
    color: #fff !important;
}
#sec-4 .sec-4-btn {
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    font-size: 16px !important;
    padding: 20px 55px !important;
    font-family: 'poppins';
    font-weight: 100;
}

/******* Animation ************/


/****************************** sec-5 ***************************************************/


/******* Animation ************/


/****************************** sec-6 ***************************************************/

#sec-6 {
    padding-top: 100px !important;
    padding-bottom: 120px !important;
}
.sec-6-txt h4::after {
  content: "";
  width: 100px;
  height: 2px;
  background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-13.png);
  position: absolute;
  right: 37%;
  top: 24px;
}
.sec-6-txt h4 {
    font-size: 23px;
    font-family: 'jost';
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    width: 16% !important;
    padding: 8px 18px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    margin: auto;
}

.sec-6-txt h4 {
    font-size: 23px;
    font-family: 'jost';
    background: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    width: 21%;
    padding: 8px 18px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    margin: auto;
}
.sec-6-txt h1, .head span {
    font-size: 60px;
    padding-top: 30px;
    padding-bottom: 70px;
    font-weight: 100;
}
.sec-6-txt h1 .head_txt {
    color: #fff !important;
    font-weight: 600;
}
.global-txt p {
    font-size: 16px;
    line-height: 30px;
    font-family: 'poppins';
}
.global_name h4 {
    font-size: 23px;
    font-family: josefin;
    font-weight: 100;
    padding-top: 20px;
    text-transform: uppercase;
}
#sec-6 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
.contact-sec-txt h1, head_1_6 span {
    font-size: 60px;
    color: #000 !important;
}
.contact-sec-txt h1 .head_1_6 {
    background-image: linear-gradient(90deg, rgba(0, 170, 186, 1) 0%, rgba(0, 157, 177, 1) 28%, rgba(0, 123, 154, 1) 100%);
    background-clip: text;
    color: transparent !important;
    font-weight: 600;
}
.contact-sec-txt p {
    font-size: 20px;
    font-weight: 100;
    color: #000;
    line-height: 30px;
    padding-top: 20px;
}
.contact-form h1 {
    font-size: 35px;
    font-family: 'josefin';
    font-weight: 100;
    color: #000;
    text-transform: uppercase;
    line-height: 45px;
    padding-bottom: 15px;
}
.contact-form p {
    font-size: 23px;
    color: #000;
}
#contact-sec .iwithtext .iwt-text {
    padding-left: 40px;
    font-size: 17px;
    font-weight: 100;
    color: #000;
    font-family: 'poppins';
    padding-top: 7px;
}
.row .col .iwithtext .iwt-icon img:not([srcset]) {
    width: 25px;
}
#contact-sec .contact-sec-col .vc_column-inner {
    background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Frame-1.png);
    padding: 119px 60px;
    background-size: 89% 100%;
    background-repeat: no-repeat;
}
.contact-inner-col .vc_column-inner {
    padding-top: 80px !important;
    padding-bottom: 70px;
}
.contact-inner-col .vc_column-inner {
    padding-top: 80px !important;
    padding-bottom: 70px;
    padding-right: 50px;
    margin-left: -20px;
}



/******* Animation ************/


/****************************** sec-7 ***************************************************/
#sec-7 {
    padding-top: 100px !important;
    padding-bottom: 120px !important;
}
.sec-7-h h4 {
    font-family: nevermindmd;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 20px;
    color: #000;
}
.sec-7-h h2 {
    font-family: nevermindel;
    font-size: 60px;
    font-weight: 100;
    padding-bottom: 50px;
    margin: 0px auto;
    width: 50%;
    line-height: 65px;
}
#sec-7 .testimonial_slider.span_12.col.disable-height-animation {
    width: 69%;
    float: right;
    padding-top: 50px;
}
#sec-7 p {
    font-size: 17px;
    line-height: 34px;
    text-align: left;
    color: #fff;
    font-family: 'poppins';
    border-bottom: 1px solid #ababab;
    margin-bottom: 10px;
    width: 103%;
}
#sec-7 .image-icon.has-bg {
    width: 7%;
    padding: 30px 30px !important;
    position: relative;
    left: -330px;
    bottom: -208px;
}
#sec-7 span.testimonial-name {
    text-align: left;
    font-family: nevermindmd;
    color: #000;
    font-size: 25px;
    opacity: 1 !important;
}
#sec-7 span.title {
    font-size: 25px;
    font-style: normal;
    font-family: 'josefin';
    color: #fff;
    text-align: left;
    padding-top: 20px;
    opacity: 1;
    text-transform: uppercase;
}
#sec-7 .sec-7-img {
    margin-left: -14%;
    position: absolute;
    margin-top: -100px;
}
#sec-7 .controls {
  float: right !important;
  text-align: right;
  padding-right: 220px !important;
  position: relative;
  top: -50px;
  background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-3.png);
  background-repeat: no-repeat;
  background-position: 696px 7px;
  background-size: 65px;
  font-family: 'Josefin Sans';
}
#sec-7 a.prev.fa.fa-angle-left {
    display: none;
}
#sec-7 a.next.fa.fa-angle-right {
    display: none;
}

/******* Animation ************/
.sec-7-h h4 {
    font-family: nevermindmd;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 20px;
    color: #000;
}
.sec-7-h h2 {
    font-family: nevermindel;
    font-size: 60px;
    font-weight: 100;
    padding-bottom: 50px;
    margin: 0px auto;
    width: 50%;
    line-height: 65px;
}
#sec-6 .testimonial_slider.span_12.col.disable-height-animation {
    width: 69%;
    float: right;
    padding-top: 50px;
}
#sec-6 p {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #fff;
    font-family: 'poppins';
    border-bottom: 1px solid #ababab;
    margin-bottom: 30px;
}
#sec-6 .image-icon.has-bg {
    width: 7%;
    padding: 30px 30px !important;
    position: relative;
    left: -330px;
    bottom: -208px;
}
#sec-6 span.testimonial-name {
    text-align: left;
    font-family: nevermindmd;
    color: #000;
    font-size: 25px;
    opacity: 1 !important;
}
#sec-6 .controls {
  float: right !important;
  text-align: right;
  padding-right: 250px !important;
  position: relative;
  top: -70px;
  color: #000;
  background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Line-3.png);
  background-repeat: no-repeat;
  background-position: 695px 7px;
  background-size: 65px;
}
#sec-6 .sec-6-img {
    width: 42%;
    position: absolute;
}
.iwithtext .iwt-icon {
    left: 0;
    top: 7px;
}
#contact-sec .iwithtext .iwt-text a:hover {
    color: #ffff;
}
#contact-sec .iwithtext .iwt-text a {
    color: #000;
}
#sec-6 a.prev.fa.fa-angle-left {
    display: none;
}
#sec-6 a.next.fa.fa-angle-right {
    display: none;
}

/******* Animation ************/



/****************************** sec-8 ***************************************************/


/******* Animation ************/



/****************************** sec-9 ***************************************************/


/******* Animation ************/



/****************************** sec-10 ***************************************************/


/******* Animation ************/



/****************************** Footer ***************************************************/

#footer .footer-copy a:hover {
    color: #f00;
    transition: .9s;
}
#footer .footer-copy a {
    opacity: 1;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid;
    text-transform: uppercase;
}
.scnd-footer p {
    font-size: 18px;
    color: #fff;
    font-family: 'poppins';
    padding-top: 90px;
    text-transform: uppercase;
}
#footer h2 {
    font-size: 28px;
    color: #fff;
    padding-top: 64px;
    font-family: 'josefin';
}
#footer .footer-news p {
    font-size: 13px;
    color: #ffffff;
}
#footer .footer-txt p {
    font-size: 16px;
    padding-right: 2%;
}
.footer-menu li a:hover {
    color: #fff !important;
    transition: .9s;
}
.footer-menu li a {
    color: #fff !important;
    font-size: 17px;
}
.footer-menu li {
    list-style-type: none;
    margin-left: -28px;
    font-family: 'poppins';
    font-weight: 500;
    line-height: 40px;
}    
.footer-txt-1 h4 {
    color: #fff;
    font-family: poppins;
    font-weight: 100;
    font-size: 17px;
}
#footer .iwt-icon img {
    width: 100%;
    filter: brightness(20);
}
#footer .iwithtext .iwt-text {
    padding-left: 50px;
    padding-right: 30px;
    font-weight: 500;
    color: #ffffff;
}
#footer .iwt-text a {
    font-weight: 500;
    color: #fff !important;
	font-family: 'poppins';
    font-size: 16px;
}
#footer .iwt-text a:hover {
    color: #3452ff !important;
    transition: .9s;
}
#footer .socliy li a:hover {
    background: rgba(0, 123, 154, 1);
    transition: .7s;
    color: #fff;
    font-size: 19px;
    border: 2px solid #fff;
    padding: 8px 12px;
}
#footer .socliy li a {
    background: #0000;
    color: #fff;
    padding: 8px 12px;
    font-size: 16px;
    border-radius: 40px !important;
    margin-right: 9px;
    border: 1px solid;
}
#footer .socliy li {
    list-style-type: none;
    display: inline-block;
}
#footer .socliy {
    margin-left: -30px;
}
#footer .socliy li i.fa.fa-facebook {
    padding: 0px 4px;
}
#footer .socliy li i.fa.fa-instagram {
    padding: 0px 2px;
}
#footer input[type="submit"] {
    background-image: url(https://demo26.mystagingserver.site/Cassie/wp-content/uploads/2024/08/Vector-10.png);
    background-repeat: no-repeat;
    font-size: 0px;
    background-position: 20px;
    padding: 26px 34px !important;
    border-radius: 3px !important;
    position: absolute;
    right: 39px;
    background-color: #fff;
    margin-top: -61px;
}
#footer .material .wpb_content_element, .material .wpb_row {
    margin-bottom: 0px;
}
#footer input[type=submit] {
    box-shadow: 0px 0px 0px 0px !important;
}
#footer input[type=email]::placeholder {
    color: #000;
    opacity: 1;
    text-transform: capitalize !important;
}
#footer input[type=email] {
    background: #0000;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 14px 20px !important;
    color: #fff !important;
    font-family: poppins;
    text-transform: lowercase !important;
    width: 90%;
}
#footer label {
    font-family: 'inter';
    color: #111;
    font-weight: 500;
}
#footer-inner2 a:hover {
    color: #00c3b6;
    transition: .9s;
}
#footer-inner2 a {
    font-family: 'inter';
    color: #000;
    font-weight: 500;
}
.footer-col2 .vc_column-inner {
    padding-left: 50px;
}
.footer-col1 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: -30px;
}
.footer-col2 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: 30px;
}
.footer-col3 .divider-vertical.nectar-bg-default {
    height: 150px;
    position: absolute;
    top: 10px;
    right: 30px;
}
#footer .nectar-global-section.before-footer {
    z-index: 11;
}
.footer-logo {
    width: 70% !important;
}
.footer-logo {
    width: 50% !important;
    padding-bottom: 50px !important;
}
.footer-news h4 {
    font-size: 25px;
    color: #fff;
    font-family: josefin;
    font-weight: 100;
    padding-bottom: 20px;
}
#footer input[type=email]::placeholder {
    color: #fff;
}
#footer {
    border-top: 2px solid #273375;
}
li#menu-item-905 a:hover {
    border: 1px solid rgba(0, 123, 154, 1);
    transition: .8s !important;
    background: transparent;
}
.transparent .container li#menu-item-905 a {
    background: #fff;
}

.transparent .container li#menu-item-905 a span	{
	font-size: 11px !important;
    text-transform: uppercase !important;
	color: black !important;
}

/****************************** Responsive ***************************************************/

/****************** 1680 ****************************/
@media (max-width: 1680px) {}

/****************** 1600 ****************************/
@media (max-width: 1600px) {

  #header-outer[data-full-width="true"] header > .container {
    padding: 0 120px;
  }
#top ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
  font-size: 13px;
}
#header-outer.small-nav ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
  font-size: 12px;
}
li#menu-item-822 a {
    padding: 18px 22px !important;
}
  #sec-1 .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
    background-position: top !important;
  }	
#sec-1 {
  padding-top: 9% !important;
  padding-bottom: 25px !important;
}
.sec-1-h-txt h4::after {
   right: 15%;
}
.sec-h-txt h1, span .h-color {
  font-size: 60px;
  padding-top: 20px;
  line-height: 70px;
}
#sec-2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
#sec-3 {
  padding-top: 12% !important;
  padding-bottom: 5% !important;
}
#sec-3 .sec-3-col-1 {
	padding: 80px 40px;
    min-height: 570px !important;
}
#sec-3 .sec-3-h-txt h4 {
    font-size: 14px;
}
  .sec-3-h-txt h4::after {
    right: 54%;
    top: 43px;
  }
.sec-3-h-txt h2, .sec_3_h span {
  font-size: 42px;
  line-height: 54px;
  padding-top: 30px;
}
#sec-4 {
  padding-top: 80px !important;
}
.sec-4-h-txt h1 {
  font-size: 50px;
  padding-top: 22px;
  line-height: 52px;
}
#sec-6 {
  padding-bottom: 40px !important;
}
.sec-6-txt h4::after {
  right: 36%;
  top: 24px;
}
.sec-h-txt h4::after {
  right: 52%;
}
#sec-6 .controls {
  background-position: 660px 7px;
}
.sec-6-txt h1, .head span {
  font-size: 50px;
  padding-top: 20px;
  padding-bottom: 50px;
}
#sec-7 {
    padding-top: 70px !important;
    padding-bottom: 20px !important;
}
#footer {
  padding-top: 50px !important;
}
#footer input[type=email] {
    width: 76%;
}
#footer input[type="submit"] {
        right: 77px;
        margin-top: -61px;
    }
.scnd-footer p {
  font-size: 18px;
  padding-top: 20px;
}
.iwithtext .iwt-icon {
  left: 0;
  top: 0px;
}
}

/****************** 1440 ****************************/
@media (max-width: 1440px) {

    #header-outer[data-full-width="true"] header > .container {
        padding: 0 80px;
    }
  #header-outer.small-nav ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    font-size: 11px;
  }

	#top ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    font-size: 11px;
}
	#top .container {
  width: 88%;
}
  #sec-1 {
    padding-top: 6% !important;
    padding-bottom: 0px !important;
  }
 .sec-1-h-txt h4::after {
    right: 11%;
  }
	.sec-3-testi-txt h4 {
    font-size: 18px;
}
  .sec-1-h-txt h1 {
    font-size: 43px;
    line-height: 50px;
	padding-top: 0px;
  }
  .sec-1-h-txt h4 {
    font-size: 21px;
  }
.sec-1-h-txt p {
  font-size: 17px;
  line-height: 28px;
  padding-right: 35px;
}
  .sec-h-txt h1 {
    font-size: 53px;
    padding-top: 20px;
    line-height: 60px;
  }
.sec-h-txt p {
  font-size: 16px;
  line-height: 27px;
  padding-right: 40px;
}
#sec-2 .sec-2-btn {
  font-size: 16px;
  padding: 16px 45px;
}
.sec-h-txt h4 {
  width: 40%;
}
.sec-h-txt h4::after {
    right: 47%;
  }
#sec-3 .row-bg.viewport-desktop.using-image {
  background-size: cover;
}
#sec-3 .sec-3-h-txt h4 {
  width: 40%;
}
 .sec-3-testi-txt h4 {
    font-size: 15px;
  }
  .sec-3-h-txt h4::after {
    right: 48%;
    top: 87px;
  }
  .sec-3-h-txt h2 {
    font-size: 40px;
    line-height: 50px;
  }
.sec-3-h-txt p {
  font-size: 16px;
  line-height: 28px;
  padding-right: 50px;
}
	#sec-3 button.owl-next span::before {
  left: 17%;
}
  #sec-3 .sec-3-col-1 {
    padding: 80px 40px;
    min-height: 590px !important;
  }
.sec-4-name h3{
		font-size: 14px;
        line-height: 1;	
	}
#sec-6 {
    padding-top: 70px !important;
    padding-bottom: 20px !important;
}
.sec-6-txt h4 {
  width: 20% !important;
}
.sec-6-txt h4::after {
    right: 34%;
    top: 24px;
  }
#sec-6 .controls {
    background-position: 582px 7px;
    background-size: 71px;
  }
#contact-sec {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.contact-sec-txt h1 {
  font-size: 50px;
}
#footer input[type="email"] {
  width: 85%;
}
#footer input[type="submit"] {
    right: 44px;
    margin-top: -62px;
  }
}

/****************** 1366 ****************************/

@media (max-width: 1366px) {

#top .container {
    width: 95%;
  }
  #header-outer[data-full-width="true"] header > .container {
    padding: 0 70px;
  }
    li#menu-item-822 a {
        padding: 10px 15px !important;
        margin: 0px 9px;
    }
li#menu-item-823 a {
		padding: 10px 15px !important;
	}
	
li#menu-item-823 a span {
    color: #fff !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}
	
li#menu-item-905 a span {
    color: #fff !important;
}
li#menu-item-905 a {
    padding: 10px 15px !important;
    margin-left: 5px;
}

  #sec-1 {
    padding-top: 4% !important;
    padding-bottom: 0px !important;
  }
  .sec-1-h-txt h1 {
    font-size: 37px;
    line-height: 44px;
  }
 .sec-1-h-txt h4::after {
    right: 19%;
  }
  .sec-1-h-txt p {
    font-size: 16px;
    line-height: 29px;
    padding-right: 20px;
  }
  .sec-h-txt p {
    font-size: 16px;
    line-height: 27px;
    padding-right: 0px;
  }
  .sec-h-txt h1 {
    font-size: 49px;
    padding-top: 10px;
    line-height: 55px;
  }
	#sec-3 .sec-3-col-1 {
    padding: 60px 20px;
	min-height: 530px !important;
}
.sec-3-h-txt h2 {
    font-size: 40px;
    line-height: 47px;
  }
.sec-3-h-txt p {
  padding-right: 55px;
}
.sec-h-txt h4::after {
    right: 44%;
  }
 .sec-3-h-txt h4::after {
    right: 46%;
    top: 45px;
  }
	.sec-4-name h3 {
    font-size: 15px;
    line-break: 1;
	}
	.sec-4-name p {
    font-size: 16px;
}	
.sec-4-h-txt h4::after {
  right: 33%;
  top: 25px;
}
  #sec-6 {
    padding-top: 70px !important;
    padding-bottom: 0px !important;
  }
#sec-6 .controls {
    background-position: 532px 7px;
    background-size: 85px;
  }
	 #footer input[type="submit"] {
    right: 41px;
    margin-top: -61px;
  }
}



/****************** 1366 ****************************/
@media (max-width: 1366px) {
  li#menu-item-822 a span {
    font-size: 11px !important;
  }	
}

@media (max-width: 1350px) {
  #header-outer.small-nav ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    font-size: 10px;
  }
  #sec-1 .row-bg.viewport-desktop.using-image {
    background-size: cover;
    background-position: top !important;
  }
  #header-outer[data-full-width="true"] header > .container {
    padding: 0 60px;
  }
}
/****************** 1326 ****************************/
@media (max-width: 1326px) {
  #header-outer[data-full-width="true"] header > .container {
    padding: 0 30px;
  }
li#menu-item-822 a {
    padding: 18px 17px !important;
    margin-right: 15px;
}
li#menu-item-823 a {
    padding: 18px 20px !important;
}
    #header-outer.small-nav ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
        font-size: 10px;
    }
li#menu-item-823 a span {
  font-size: 15px !important;
}
  .sec-1-h-txt h4::after {
    right: 16%;
  }
#sec-3 .sec-3-col-1 {
        padding: 60px 30px;
    }
  .sec-h-txt h4 {
    width: 50%;
  }
  .sec-3-h-txt h4::after {
    right: 46%;
    top: 61px;
  }
  #sec-3 .sec-3-col-1 {
    min-height: 560px !important;
  }
  .sec-4-h-txt h1 {
    font-size: 46px;
    padding-top: 12px;
    line-height: 49px;
  }
  .sec-3-h-txt h2 {
    font-size: 38px;
    line-height: 43px;
  }
  .sec-6-txt h1 {
    font-size: 47px;
    padding-top: 15px;
    padding-bottom: 45px;
  }

}

/****************** 1280 ****************************/

@media (max-width: 1280px) {


  li#menu-item-822 a {
		padding: 10px 8px !important;
        margin-right: 5px;
  }
  li#menu-item-823 a {
    padding: 10px 8px !important;
  }
#header-outer.small-nav li#menu-item-822 a {
  padding: 10px 13px !important;
}
#header-outer.small-nav li#menu-item-823 a {
  padding: 10px 13px !important;
}
 li#menu-item-822 a span {
    font-size: 10px !important;
  }
  li#menu-item-823 a span {
    font-size: 10px !important;
  }
	#sec-3 .row_col_wrap_12.col.span_12.light.left {
    padding-left: 2%;
}
	#contact-sec .contact-sec-col .vc_column-inner {
    padding: 119px 40px;
}
	#top ul.sf-menu.sf-js-enabled.sf-arrows span.menu-title-text {
    font-size: 10px;
}
  #sec-1 {
    padding-top: 9% !important;
    padding-bottom: 0px !important;
  }
  .sec-h-txt h1 {
    font-size: 50px;
    padding-top: 20px;
    line-height: 57px;
  }
#sec-3 {
    padding-top: 14% !important;
    padding-bottom: 60px !important;
}
#sec-3 .sec-3-col-1 {
    min-height: auto !important;
}
.sec-3-testi-txt h4 br {
    display: none;
}
    .sec-1-h-txt p {
        font-size: 18px;
        line-height: 30px;
        padding-right: 52px;
    }
#footer input[type="submit"] {
    right: 38px;
    margin-top: -55px;
  }
	.contact-form h1 {
  font-size: 31px;
  line-height: 35px;
}
.contact-form p {
    font-size: 19px !important;
}
.sec-4-name h3 {
 	font-size: 14px !important;
	line-height: 1;	
}
#sec-3 button.owl-next span::before {
	left: 20%;
}
.contact-sec-txt p {
  font-size: 18px;
  line-height: 27px;
}
#sec-6 .controls {
    background-position: 493px 7px;
    background-size: 85px;
}
.sec-6-txt h4::after {
    right: 33%;
    top: 24px;
  }
	.sec-4-h-txt h1 {
  font-size: 51px;
  line-height: 62px;
}
#sec-3 .sec-3-h-txt h4 {
    width: 47%;
  }
.sec-3-h-txt h4::after {
    right: 41%;
    top: 23px;
  }
.sec-h-txt p {
        font-size: 17px;
        line-height: 27px;
        padding-right: 0px;
    }
	.sec-3-h-txt p {
    font-size: 17px;
    line-height: 25px;
}
.sec-h-txt h4 {
    width: 45%;
  }
	  .sec-h-txt h4::after {
    right: 39%;
  }
    .sec-1-h-txt h1 {
        font-size: 44px;
        line-height: 56px;
    }
	.sec-1-h-txt h4 {
    font-size: 25px;
  }
	  .sec-1-h-txt h4::after {
    right: 5%;
  }
	.footer-logo {
    width: 60% !important;
    padding-bottom: 50px !important;
}
    #footer input[type="submit"] {
        right: 38px;
        margin-top: -62px;
    }
#contact-sec .iwithtext .iwt-text {
    padding-left: 40px;
    font-size: 14px;
    padding-top: 7px;
}
#contact-sec input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 20px 3px !important;
    background-size: 200% auto;
    width: 35%;
    font-size: 16px;
}
	
}
@media (max-width: 1276px) {
 body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close::before {
	 background: #28a0b6 !important;
	}
body.material #slide-out-widget-area-bg.slide-out-from-right {
  background: #fff;
}
.off-canvas-menu-container.mobile-only .menu li a {
  color: #000 !important;
  font-family: 'poppins' !important;
}
}

@media (max-width: 1236px) {
  .sec-1-h-txt h1 {
    font-size: 39px;
    line-height: 46px;
  }
  .sec-1-h-txt p {
    font-size: 16px;
    line-height: 24px;
    padding-right: 30px;
  }
  .sec-1-h-txt h4::after {
    right: 1%;
  }
#footer h2 {
  font-size: 25px;
  padding-top: 0px;
}
#footer .iwt-text a {
  font-size: 14px;
}
}
/****************** 1024 ****************************/

@media (max-width: 1024px) {
	
#sec-1 .row_col_wrap_12.col.span_12.light.left {
  padding: 0px 30px;
}
  .sec-1-h-txt h4::after {
    right: -7%;
  }
#sec-1 .sec-btn-2 {
  margin-left: 5px;
}
#sec-2 .row_col_wrap_12.col.span_12.dark.left {
  padding: 0px 20px;
}
  .sec-h-txt h1 {
    font-size: 43px;
    padding-top: 20px;
    line-height: 47px;
  }
  .sec-h-txt p {
    font-size: 15px;
    line-height: 25px;
  }
  #sec-3 button.owl-next span::before {
    left: 22%;
  }
  .sec-3-h-txt h2 {
    font-size: 35px;
    line-height: 35px;
  }
  #sec-3 .sec-3-h-txt h4 {
    width: 57%;
  }
  .sec-3-h-txt h4::after {
    right: 30%;
    top: 23px;
  }
  .sec-3-h-txt p {
    font-size: 16px;
    line-height: 23px;
    padding-right: 35px;
  }
.sec-4-h-txt h4 {
  font-size: 23px;
  width: 30%;
  padding: 8px 0px;
  letter-spacing: 4px;
}
  .sec-4-h-txt h4::after {
    right: 25%;
    top: 25px;
  }
  .sec-4-h-txt h1 {
    font-size: 48px;
    line-height: 52px;
  }
#sec-6 .row-bg.viewport-desktop.using-image {
  background-size: cover;
}
  .sec-6-txt h4 {
    width: 28% !important;
  }
  .sec-6-txt h4::after {
    right: 28%;
    top: 24px;
  }
  #sec-6 .controls {
    background-position: 310px 6px;
    background-size: 85px;
    top: -40px;
  }
#sec-7 span.title {
  font-size: 25px;
  padding-top: 0px;
}
#contact-sec .row_col_wrap_12.col.span_12.dark.left {
  padding: 0px 40px;
}
  #contact-sec .contact-sec-col .vc_column-inner {
    padding: 100px 30px;
    background-size: 93% 100%;
  }
	#footer .row_col_wrap_12.col.span_12.dark.left {
  padding: 0px 40px;
}
  #footer input[type="email"] {
    width: 100%;
  }
  #footer input[type="submit"] {
    right: 0px;
    margin-top: -61px;
  }
  #footer {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
  }
}



/****************** 800 ****************************/

@media (max-width: 800px) {
	
	.foter-col1-logo, .foter-col2-logo, .foter-col3-logo, .foter-col4-logo, .foter-col5-logo {
    width: 20%;
}
	
 #header-outer[data-full-width="true"] header > .container {
    padding: 20px 30px !important;
  }
  body #header-outer {
    margin-bottom: 0;
    padding: 0px 0;
  }
  #sec-1 {
    padding-top: 0% !important;
  }
.sec-1-h-txt {
  background: rgba(0, 0, 0, 0.38);
  padding: 30px;
}
.sec-1-h-txt h4::after {
  width: 208px;
  height: 12px;
	right: 26%;
  top: 37px;
  background-repeat: no-repeat;
}
  .sec-h-txt h4 {
    width: 35%;
  }
 .sec-h-txt h4::after {
    right: 60%;
  }
 #sec-3 .sec-3-h-txt h4 {
    width: 37%;
  }
  .sec-3-h-txt h4::after {
    right: 55%;
    top: 23px;
  }
  .sec-3-h-txt h2 {
    font-size: 29px;
    line-height: 37px;
  }
#sec-3 .owl-carousel[data-column-padding="10px"] .carousel-item {
  padding: 0px;
}
  #sec-3 button.owl-next span::before {
    left: 15%;
  }
  .sec-4-h-txt h4 {
    font-size: 21px;
    width: 35%;
    padding: 8px 0px;
    letter-spacing: 4px;
  }
  .sec-4-h-txt h4::after {
    right: 21%;
    top: 25px;
  }
#impact {
  padding-bottom: 50px !important;
  padding-top: 40px !important;
}
 .sec-6-txt h4 {
    width: 34% !important;
  }
  .sec-6-txt h4::after {
    right: 22%;
    top: 24px;
  }
#sec-7 .row_col_wrap_12.col.span_12.dark.left {
  padding: 0px;
}
#sec-6 .testimonial_slider.span_12.col.disable-height-animation {
  width: 69%;
  padding-top: 0px;
}
#sec-7 .sec-7-img {
  margin-left: 16%;
  margin-top: 10px;
}
.contact-inner-col .vc_column-inner {
  padding-top: 80px !important;
  padding-bottom: 20px;
  padding-right: 10px;
  margin-left: 10px;
}
  #contact-sec .contact-sec-col .vc_column-inner {
    padding: 80px 20px;
    background-size: 100% 100%;
  }
.footer-h {
  margin-bottom: 0px !important;
}
}

/****************** 768 ****************************/

@media (max-width: 768px) {}

/****************** 760 ****************************/

@media (max-width: 760px) {}

/****************** 640 ****************************/

@media (max-width: 640px) {}

/****************** 600 ****************************/

@media (max-width: 600px) {}


/****************** 480 ****************************/

@media (max-width: 480px) {
  .sec-1-h-txt h1 {
    font-size: 29px;
    line-height: 35px;
  }
  .sec-1-h-txt h4 {
    font-size: 17px;
  }
  .sec-1-h-txt {
   padding: 20px;
  }
#sec-1 .nectar-button.small {
  margin: 7px auto;
  display: table;
}
  #sec-1 .sec-btn-2 {
    margin-left: 0px;
  }
  .sec-btn-1 span {
    font-size: 16px;
    padding: 7px 52px;
  }
  .sec-1-h-txt p {
    font-size: 15px;
    line-height: 24px;
    padding-right: 0px;
  }
  .sec-1-h-txt h4::after {
    width: 199px;
    height: 12px;
    right: 6%;
    top: 27px;
    background-repeat: no-repeat;
    transform: scale(0.6);
  }
.sec-h-txt h4 {
  width: 50%;
  font-size: 18px;
  padding: 5px 11px;
  margin-top: 17px;
}
.sec-h-txt h4::after {
  right: 35%;
  top: 38px;
}
  .sec-h-txt h1 {
    font-size: 38px;
    padding-top: 16px;
    line-height: 39px;
  }
  #sec-3 .sec-3-h-txt h4 {
    font-size: 13px;
    padding: 8px 8px;
    width: 50%;
  }
  .sec-3-h-txt h4::after {
    right: 32%;
    top: 23px;
  }
  .sec-3-h-txt h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .sec-3-h-txt p {
    font-size: 16px;
    line-height: 23px;
    padding-right: 5px;
  }
  #sec-3 button.owl-next span::before {
    left: 25%;
  }
  #sec-3 .sec-3-col-1 {
    min-height: 440px !important;
  }
#sec-3 button.owl-prev span::before {
  font-size: 23px;
  padding: 20px 20px;
  left: -1%;
  bottom: 0px;
}
#sec-3 button.owl-next span::before {
  font-size: 23px;
  padding: 20px 20px;
  left: 25%;
  bottom: 0px;
}
  #sec-4 {
    padding-top: 50px !important;
  }
.sec-4-h-txt h1 br {
  display: none !important;
}
 .sec-4-h-txt h1 {
    font-size: 28px;
    line-height: 39px;
  }
  .sec-4-h-txt h4 {
    font-size: 19px;
    width: 45%;
    padding: 7px 0px;
    letter-spacing: 4px;
  }
  .sec-4-h-txt h4::after {
    right: 7%;
    top: 23px;
  }
 .sec-6-txt h4 {
    width: 52% !important;
    font-size: 20px;
    padding: 6px 0px;
  }
  .sec-6-txt h4::after {
    right: 9%;
    top: 22px;
  }
  .sec-6-txt h1 {
    font-size: 34px;
    padding-top: 15px;
    padding-bottom: 0px;
  }
  #sec-6 .testimonial_slider.span_12.col.disable-height-animation {
    width: 100%;
    padding-top: 0px;
    padding-right: 15px;
  }
#sec-6 .row_col_wrap_12.col.span_12.light.left {
  padding: 0px !important;
}
 #sec-6 .controls {
    padding-right: 380px !important;
    background-position: 100px 6px;
    background-size: 85px;
    top: -10px;
  }
.testimonial_slider[data-style="minimal"] blockquote {
  padding: 0 15px;
}
#sec-6 p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
 #sec-7 span.title {
    font-size: 23px;
    padding-top: 20px;
  }
  #contact-sec .row_col_wrap_12.col.span_12.dark.left {
    padding: 0px 15px;
  }
  .contact-sec-txt h1 {
    font-size: 40px;
  }
  #contact-sec .contact-sec-col .vc_column-inner {
    padding: 60px 20px;
    background-size: 100% 100%;
  }
  .contact-inner-col .vc_column-inner {
    padding-top: 40px !important;
    padding-bottom: 0px;
    padding-right: 10px;
    margin-left: 10px;
  }
.contact-form h1 br {
  display: none;
}
  .contact-form h1 {
    font-size: 27px;
    line-height: 15px;
  }
#footer .row_col_wrap_12.col.span_12.dark.left {
    padding: 0px 20px;
  }
  .scnd-footer p {
    font-size: 13px;
    padding-top: 20px;
  }
.foter-col2 .vc_column-inner {
  padding-top: 35px !important;
  padding-left: 0px !important;
}
.foter-col4 .vc_column-inner {
  padding-top: 30px;
}
  #footer input[type="submit"] {
    margin-top: -62px;
  }
	
#casandra-sec h2 {
  font-size: 50px;
}
}


/****************** 440 ****************************/

@media (max-width: 440px) {
	  #sec-1 {
    padding-top: 7% !important;
  }
}


/****************** 414 ****************************/

@media (max-width: 414px) {
  .sec-1-h-txt h1 {
    font-size: 23px;
    line-height: 30px;
  }
  .sec-1-h-txt h4 {
    font-size: 15px;
  }
  .sec-btn-1 span {
    font-size: 16px;
    padding: 7px 43px;
  }
 .sec-1-h-txt h4::after {
    width: 199px;
    height: 12px;
    right: -2%;
    top: 27px;
    transform: scale(0.5);
  }
  .sec-1-h-txt p {
    font-size: 14px;
    line-height: 21px;
  }
#sec-1 .nectar-button.small {
  font-size: 10px;
  padding: 5px 8px;
}
.sec-1-h-txt h1 br {
  display: none;
}
.sec-btn-2 span {
  font-size: 16px;
  padding: 9px 15px;
}
  .sec-h-txt h4 {
    width: 48%;
    font-size: 16px;
    padding: 5px 5px;
    margin-top: 15px;
  }
  .sec-h-txt h4::after {
    right: 32%;
    top: 36px;
  }
.sec-h-txt h1 br {
  display: none !important;
}
  .sec-h-txt h1 {
    font-size: 35px;
    padding-top: 11px;
    line-height: 39px;
  }
  #sec-3 .sec-3-h-txt h4 {
    font-size: 13px;
    padding: 6px 7px;
    width: 55%;
  }
  .sec-3-h-txt h4::after {
    right: 22%;
    top: 23px;
  }
.sec-3-h-txt h2 br {
  display: none !important;
}
 .sec-3-h-txt h2, .sec_3_h span {
    font-size: 22px;
    line-height: 30px;
    padding-top: 10px;
  }
  .sec-3-h-txt p {
    font-size: 15px;
    line-height: 22px;
    padding-right: 4px;
  }
  #sec-3 .sec-3-col-1 {
    padding: 50px 25px 0px !important;
  }
  #sec-3 button.owl-next span::before {
    font-size: 23px;
    padding: 20px 20px;
    left: 30%;
    bottom: 0px;
  }
  .sec-4-h-txt h4 {
    font-size: 17px;
    width: 46%;
    padding: 7px 0px;
    letter-spacing: 3px;
  }
  .sec-4-h-txt h4::after {
    right: 2%;
    top: 23px;
  }
  .sec-4-h-txt h1 {
    font-size: 24px;
    line-height: 33px;
  }
  .sec-6-txt h1 {
    font-size: 30px;
    padding-top: 15px;
  }
  .sec-6-txt h4 {
    width: 52% !important;
    font-size: 18px;
    padding: 4px 0px;
    letter-spacing: 3px;
  }
  .sec-6-txt h4::after {
    right: 5%;
    top: 20px;
  }
 #sec-7 {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
  }
  #sec-6 .controls {
    padding-right: 305px !important;
    background-position: 104px 6px;
    background-size: 85px;
    top: -15px;
  }
 .contact-form h1 {
    font-size: 24px;
    line-height: 10px;
  }
#footer input[type="submit"] {
    margin-top: -61px;
  }
}



/****************** 390 ****************************/

@media (max-width: 390px) {
  .sec-1-h-txt h4::after {
    width: 199px;
    height: 12px;
    right: -9%;
    top: 28px;
    transform: scale(0.5);
  }
.sec-btn-2 span {
  font-size: 16px;
  padding: 7px 8px;
}
  .sec-btn-1 span {
    font-size: 15px;
    padding: 7px 41px;
  }
  .sec-h-txt h4::after {
    right: 27%;
    top: 36px;
  }
  .sec-h-txt h1 {
    font-size: 30px;
    padding-top: 7px;
    line-height: 36px;
  }
  .sec-h-txt p {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
  }
  #sec-2 .sec-2-btn {
    font-size: 15px;
    padding: 13px 35px;
  }
 #sec-3 .sec-3-h-txt h4 {
    font-size: 12px;
    padding: 6px 7px;
    width: 58%;
  }
  .sec-3-h-txt h4::after {
    right: 20%;
    top: 21px;
  }
  .sec-3-h-txt h2, .sec_3_h span {
    font-size: 20px;
    line-height: 29px;
    padding-top: 6px;
  }
  .sec-btn-1 span {
    font-size: 15px;
    padding: 5px 6px;
  }
.sec-4-h-txt .h-h4-txt {
  font-size: 22px;
}
.iwithtext .iwt-icon img {
  width: 23px !important;
}
#contact-sec .iwithtext .iwt-text {
    padding-left: 30px;
    font-size: 14px;
    padding-top: 7px;
  }
#footer input[type="submit"] {
    margin-top: -62px;
  }
}


/****************** 360 ****************************/

@media (max-width: 360px) {

  .sec-1-h-txt h1 {
    font-size: 19px;
    line-height: 27px;
  }
  .sec-1-h-txt h4 {
    font-size: 13px;
  }
 .sec-1-h-txt h4::after {
    width: 199px;
    height: 12px;
    right: 9%;
    top: 25px;
    transform: scale(0.4);
  }
  .sec-1-h-txt h4 {
    font-size: 12px;
  }
  .sec-1-h-txt h1 {
    font-size: 20px;
    line-height: 25px;
  }
  #sec-1 .row_col_wrap_12.col.span_12.light.left {
    padding: 0px 10px;
  }
  .sec-1-h-txt {
    padding: 15px;
  }
  .sec-h-txt h4::after {
    right: 23%;
    top: 36px;
  }

  .sec-btn-1 span {
    font-size: 15px;
    padding: 9px 41px;
  }
  #sec-3 .sec-3-h-txt h4 {
    font-size: 12px;
    padding: 6px 7px;
    width: 60%;
  }
  .sec-3-h-txt h4::after {
    right: 13%;
    top: 21px;
  }
#sec-3 .sec-3-btn-1 {
  padding: 10px 23px;
}
 #sec-3 button.owl-next span::before {
    font-size: 23px;
    padding: 20px 20px;
    left: 34%;
    bottom: 0px;
  }
  .sec-4-h-txt h4 {
    font-size: 16px;
    width: 48%;
    padding: 7px 0px;
    letter-spacing: 2px;
  }
 .sec-4-h-txt h4::after {
    right: 6%;
    top: 23px;
  }
#sec-4 .row_col_wrap_12.col.span_12.dark.center {
  padding: 0px;
}
  .sec-4-h-txt h1 {
    font-size: 24px;
    line-height: 29px;
  }
  .sec-6-txt h1 {
    font-size: 27px;
    padding-top: 9px;
  }
 .sec-6-txt h4 {
    width: 52% !important;
    font-size: 17px;
    padding: 4px 0px;
    letter-spacing: 1px;
  }
 .sec-6-txt h4::after {
    right: 3%;
    top: 20px;
  }
  #sec-6 .controls {
    padding-right: 255px !important;
    background-position: 104px 6px;
    background-size: 85px;
    top: -15px;
  }
  .contact-form h1 {
    font-size: 21px;
    line-height: 4px;
  }
  .contact-form p {
    font-size: 17px !important;
  }
#footer input[type="submit"] {
    margin-top: -61px;
  }
}


/****************** 320 ****************************/

@media (max-width: 320px) {}