/*!
Theme Name: Togethersure
Theme URI: https://togethersure.ssquarestech.com
Description: Digital Agency WordPress Theme
Tags: elemnetor, elementor-pro, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments
Author: Ssquares Tech
Text Domain: togethersure
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* up and down animation */
.animation-ud {animation: ud-animate 6s infinite;}
@keyframes ud-animate {
    0% {
        transform: translatey(0);
    }

    50% {
        transform: translatey(-40px);
    }

    100% {
        transform: translatey(0);
    }
}

.highlight{color:#da2c46!important}

/* Insurance */
.home-tab-insurance input[type=email],.home-tab-insurance input[type=text],.home-tab-insurance select{background:#efefef;border:0!important;outline:0!important;box-shadow:unset!important;padding:5px 25px;color:#696e77;border-radius:10px!important;margin-bottom:20px;width:62%;min-height:50px}
.home-tab-insurance input[type=submit]{height:initial!important;font-size:16px!important;line-height:20px;padding:15px 30px!important;border:0!important}
.home-tab-insurance input[type=submit]:hover{color:#fff!important;border:0!important}
.home-tab-insurance input::placeholder,.home-tab-insurance select::placeholder{color:#696e77}
.portfoliobuttton a.elementor-post__read-more{background-color:#204669!important;color:#fff!important;padding:15px 30px!important;border-radius:10px!important}


/*********Contact Form***********/

  .ccf7 {display: flex;flex-direction: column;gap: 20px;}
  .cfrow {display: flex;gap: 20px;}
  .cfrow.one .col, .cfrow.one .col p {width: 100% !important;}
  .cfrow.two .col {width: 50%;}
  .cfrow.three .col {width: 33.33%;}
  .cfrow.four .col {width: 25%;}
  .cfrow .col p {width: 100%;}
  .ccf7 .cf-input {}
  .ccf7 .cf-input.text {}
  .ccf7 .cf-input.textarea {width:100% !important;}
  .ccf7 .cf-input.submit {}
  .ccf7 .cf-input.submit:focus {outline: 0;}

  .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    font-size: 17px;
    background-color: #46b450;
    color: #ffff;
}


.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  background: #ffb900;
  color: #fff;
  font-size: 17px;
}


.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
    background: #dc3232;
    color: #fff;
    font-size: 17px;
}


@media(max-width:1100px)
{
	.home-tab-insurance input[type="text"],
	.home-tab-insurance input[type="email"],
	.home-tab-insurance select {  width: 80%;}
}

@media(max-width:1024px)
{
	.home-tab-insurance input[type="text"],
	.home-tab-insurance input[type="email"],
	.home-tab-insurance select { width: 100%;}
	.home-tab-insurance .eael-advance-tabs	{display:flex; flex-direction:column;}
	.home-tab-insurance input[type="submit"] {font-size: 16px !important;}
  
}


@media(max-width:768px)
{
	.home-tab-insurance { width: 100% !important;	}
	.home-tab-insurance .eael-tab-item-trigger::after {height:0 !important;	width:0 !important;	display:none !important}
	.home-tab-insurance input[type="text"], .home-tab-insurance input[type="email"], .home-tab-insurance select { font-size:14px;}
}

@media only screen and (max-width:767px) {
  .cfrow {flex-direction: column;}
  .cfrow .col {width: 100% !important;}
}