/*
 Theme Name:   Twenty Twenty-Four Child
 Description:  Twenty Twenty-Four Child Theme
 Author:       Tryfon Tzanetis
 Author URI:   http://tafhub.com
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: one-column,
custom-colors,
custom-menu,
custom-logo,
editor-style,
featured-images,
full-site-editing,
block-patterns,
rtl-language-support,
sticky-post,
threaded-comments,
translation-ready,
wide-blocks,
block-styles,
style-variations,
accessibility-ready,
blog,
portfolio,
news
 Text Domain:  twentytwentyfourchild
*/

 body {
    font-family: "Poppins", sans-serif !important;
  } 

/* header */
/*.header_row {width: 1320px;}*/
header.header {display: flex;justify-content: center;position: relative;top: 0;width: 100%;z-index: 9;  background: #ffffff;}
.header .header_row .main_header { display: flex; justify-content: space-between;padding: 23px 0;border-bottom: 0px; }
.header .header_row .main_header .head_logo a {display: flex;align-items: center;}
.head_logo img {width: 195px;}
.header .header_row .main_header .right_header {display: flex;align-items: center;gap: 67px;}
.header .header_row .main_header .right_header ul {display: flex;gap: 40px; margin: 0px; align-items: center;}
.header .header_row .main_header .right_header ul li{list-style: none; }
.header .header_row .main_header .right_header ul li a{text-decoration: none; color: #000000;   font-weight: 500; font-size: 16px;  }
.header .header_row .main_header .right_header .contact_menu {display: flex;flex-direction: column;gap: 5px;}
.header .header_row .main_header .right_header .contact_menu a {display: flex;align-items: center;justify-content: center;gap: 10px; font-size: 14px;color: #000000;text-decoration: none;font-weight: 500;}

.menu-toggle { display: none; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; cursor: pointer;}
.menu-toggle span { display: block; height: 3px; background: #000; border-radius: 2px; transition: all 0.3s ease;}
 
 /* footer */
.footer-section { background-color: #000; color: #ffffff; padding: 35px 0px; }

.footer-section p {margin: 0;font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.51px;}
.footer-section .footer-left {display: flex;flex-direction: column;gap: 25px;max-width: 80%;}
.footer-section .footer-left .social_icons {display: flex;gap: 15px;}
.footer-section .footer-left .social_icons a {width: 36px;height: 36px;display: flex;justify-content: center;padding: 10px;border: 1px solid #F68C1F;border-radius: 50%;}
.footer-section .footer-right {display: flex;flex-direction: column;gap: 25px;}
.footer-section .footer-right h3 {color: #F68C1F;font-size: 18px;font-weight: 500;font-family: 'Poppins';margin: 0;}
.footer-section .footer-right .contact_detail {display: flex;flex-direction: column;gap: 25px;}
.footer-section .footer-right .contact_detail > div {display: flex;align-items: flex-start;gap: 20px;}
.footer-section .footer-right .contact_detail > div a {color: #fff;text-decoration: none;font-size: 16px;font-weight: 400;line-height: 18px;}
.footer-section .footer-right .contact_detail > div p{font-size: 16px;letter-spacing: 0;}
.footer-bottom { background-color: #477ABD; padding: 16px 0px; text-align: center; }
.footer-bottom p {  font-weight: 500; font-size: 16px; line-height: 100%; vertical-align: middle; color: #ffffff;  margin: 0px;}

.get_daily_update{text-align: center; padding: 50px 0;}
.get_daily_update h3.widget-title {font-size: 48px;line-height: 52px;font-weight: 600;font-family: 'Poppins';max-width: 50%;margin: auto;padding-bottom: 25px;}
.get_daily_update .textwidget{max-width: 70%;margin: 0 auto;}
.get_daily_update .textwidget h4{font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'Poppins';}
.get_daily_update .textwidget p{font-size: 14px;font-weight: 400;line-height: 24px;font-family: 'Poppins';}

.get_daily_update .wpcf7 {margin: 35px 0 20px;}
.get_daily_update form.wpcf7-form {max-width: 70%;margin: 0 auto;}
.get_daily_update form.wpcf7-form .row {}
.get_daily_update form.wpcf7-form .row .col-8 {padding: 0;}
.get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit {background: #181818;color: #fff;width: 100%;padding: 6px;height: 100%;border-radius: 6px;}
.get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit:hover {border: 1px solid #181818;background: #FFFFFF;color: #181818;}
.get_daily_update form.wpcf7-form .contact_btn span.wpcf7-spinner {position: absolute;}

.testimonial_area {padding: 73px 0 135px;}
.testimonial_area h3.widget-title {text-align: center;background: #f68c1f;max-width: fit-content;margin: 0 auto;padding: 18px 32px;border-radius: 38px;font-size: 24px;color: #ffffff;font-weight: 500;font-family: 'Poppins';}
.testimonial_area .textwidget {margin-top: 30px;}
.testimonial_area .textwidget h2 {text-align: center;font-size: 32px;line-height: 36px;font-weight: 600;font-family: 'Poppins';padding-bottom: 25px;}

#testimonial_slider {margin-top: 55px;}
#testimonial_slider .testimonial_boxes {border: 1px solid #477ABD;padding: 32px 32px 70px 32px;border-radius: 30px;position: relative;background: #fff;}
#testimonial_slider .testimonial_boxes .testimonial_img {display: flex;gap: 20px;}
#testimonial_slider .testimonial_boxes .testimonial_img img.client_name {width: 86px;}
#testimonial_slider .testimonial_boxes .testimonial_img .review {display: flex;}
#testimonial_slider .testimonial_boxes .testimonial_img .review img {width: 22px;}
#testimonial_slider .testimonial_boxes .testimonial_desc {margin-top: 35px; max-width: 85%;}
#testimonial_slider .testimonial_boxes .testimonial_desc p {font-size: 14px;line-height: 24px;font-weight: 400; font-family: 'Noto Sans';}
#testimonial_slider .testimonial_boxes img.design_right_bottom {position: absolute;right: -1px;bottom: -1px;width: 116px;}
#testimonial_slider .testimonial_boxes::after {content: '';position: absolute;right: 27px;bottom: 18px;background-image: url('./imagess/qoutes.svg');background-size: contain;width: 36px;height: 32px;background-repeat: no-repeat;}

owl-carousel {position: relative;}
body .owl-nav button span{display:none;}
body .owl-nav button.owl-prev { background-image: url(https://wp.infosparkles.net/jayeek/wp-content/uploads/2025/07/leftarrowimg.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center; width: 65px; height: 65px; position: absolute; top: 124px; left: -96px;}
body .owl-nav button.owl-next { background-image: url(https://wp.infosparkles.net/jayeek/wp-content/uploads/2025/07/rightarrowimg.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center; width: 65px; height: 65px; position: absolute; top: 124px; right: -96px;}


/* Shivani Css */

:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}

/*Hero Section*/
/* .Hero_section {background: #3E2F92;color: white;position: relative;z-index: 2;} */
/* .Hero_section:before {content: "";position: absolute;bottom: 0;width: 100%;height: 70%;background-image: url('./images/hero-banner-bg.png');background-repeat: no-repeat;background-size: cover;opacity: 0.1;z-index: -1;} */
.hero_sectionrow {padding: 150px 10px;}
.hero_sectionrow .left_col{position: relative;}
.hero_sectionrow .left_col h3 {font-size: 40px; font-family: Poppins;font-weight: 700;font-size: 52px;line-height: 127%;text-transform: capitalize;background: linear-gradient(180deg, #074a92 7%, #fdfdfd 15%, #477ABD 125%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;margin-bottom:23px;}
.hero_sectionrow .left_col p {font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 30.3px;width: 81%; color:#FFFFFF;}
/*.left_col:before {content: "";position: absolute;bottom: -118px;width: 460px;height: 215px;background-image: url(https://wp.infosparkles.net/jayeek/wp-content/uploads/2025/07/imagehero.png);z-index: 3;right: 67px;}*/
.hero_sectionrow .left_col .herosec_btn a {background: #F68C1F !important;border: 1px solid #F68C1F !important;}
.hero_sectionrow .left_col .herosec_btn a span {color: #000000;font-weight: 400;font-family: Poppins;font-weight: 500;font-style: Medium;font-size: 18px;line-height: 21.3px;}

.Hero_section .hero_right_col {position: relative;}
.Hero_section .hero_right_col img {position: absolute;width: 140%;top: -13rem;left: -6rem;max-width: 130% !important;}

/*Scetion 2*/
.our_missionsech {display: flex;justify-content: center;}
.our_missionsech h3 {font-family: Poppins;font-weight: 600;font-size: 32px;line-height: 53.3px;text-align: center;width: 80%;}
.our_missionsec .left_colsec2 .feature {display: flex;align-items: flex-start;margin-bottom: 40px;border-bottom: 1px solid #D8D8D8;padding-bottom: 30px;}
.our_missionsec .left_colsec2 .feature .icon {background-color: #3E2F921A;border-radius: 50%;padding: 10px;margin-right: 14px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.our_missionsec .left_colsec2 .feature .content h3 {margin-bottom: 8px;color: #3E2F92;font-family: Noto Sans;font-weight: 700;font-size: 24px;}
.our_missionsec .left_colsec2 .feature .content p {margin: 0;color: #000000;font-family: Noto Sans;font-weight: 600;font-size: 16px;line-height: 22.3px; }
.our_missionsec .left_colsec2 .feature .arrow {margin-left: auto;color: #532e8c;font-size: 20px;}

/*Accordion css*/
.accordion{--bs-accordion-border-color: 0px;}
.accordion .accordion-item { border-bottom: 1px solid #D8D8D8; padding: 30px 0px;}
.accordion .accordion-item .accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; cursor: pointer; background-color: #fdfdfd; gap: 10px; transition: background 0.3s ease;}
.accordion .accordion-item .accordion-header .accordion-left { display: flex; align-items: flex-start; gap: 24px;}
.accordion-icon { width: 50px; height: 50px; background: #2667BB1A; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 10px;}
.accordion-title h3 {  font-family: 'Noto Sans';  font-weight: 700; font-size: 24px;  color:  #477ABD !important;  margin-bottom: 10px;}
.accordion-title h5 { font-family: 'Noto Sans'; font-weight: 600; font-size: 16px; color: #000000; margin-bottom: 0px;}
.accordion-body p{font-family: 'Noto Sans'; font-weight: 400; font-size: 16px; line-height: 22px; color: #000000; margin-bottom: 0px; padding-top: 10px;} 
.accordion .accordion-item .accordion-header .accordion-leftcol { display: flex; align-items: center; gap: 14px;}
.accordion .accordion-item .accordion-header .accordion-leftcol .accordion-icon { background-color: #477abd36; border-radius: 50%; padding: 10px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.accordion .accordion-item .accordion-header .accordion-leftcol .accordion-icon img {width: 30px;height: 30px;}
.accordion-icon img.img_height {width: 17px !important;}
/* .accordion .accordion-item .accordion-body p{ font-family: Noto Sans; font-weight: 600; font-size: 16px; color: #000000; margin-bottom: 0px; padding-left: 60px; width: 93%;} */
.accordion .accordion-item .accordion-header .accordion-arrow img {transition: transform 0.3s ease;}
.accordion .accordion-item .accordion-header .accordion-arrow img.rotate {transform: rotate(180deg);}
.accordion-item.active .accordion-arrow img { transform: rotate(180deg);}
.accordion .accordion-item .accordion-body {padding: 0 0px 0px 85px;color: #333; max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}
.custom-accordion-wrapper { border-radius: 8px; overflow: hidden;}

/* with jayeek section */
.with_jayeeksech {text-align: center;border-radius: 31px;}
.with_jayeeksech h3 {text-align: center;background: #f68c1f;max-width: fit-content;margin: 0 auto;padding: 18px 32px;border-radius: 38px;font-size: 24px;color: #ffffff;font-weight: 500;font-family: 'Poppins';}
.with_Jayeekcol1 {position: relative;padding-top: 326px !important;}
.with_Jayeekcol1:before {content: "";position: absolute;top: 0;width: 300px;height: 275px;background-image: url('./imagess/bluebgimg.png');z-index: 2;left: 0px; background-repeat: no-repeat; background-size: cover;}
.with_Jayeekcol2 {position: relative;padding-top: 325px;}
.with_Jayeekcol2:after {content: "";position: absolute;top: 0;width: 300px;height: 275px;background-image: url('./imagess/bluebgimg.png');z-index: 2;right: 0px;background-repeat: no-repeat; background-size: cover;}
.image_box h3.widget-title{position: relative; z-index: 1;background: #fff;padding: 72px 33px 31px 33px;border-radius: 27px;box-shadow: 0px 2px 41.8px 14px #0000000F;font-family: Noto Sans;font-weight: 600;font-size: 22px;text-align: center;min-height:199px;margin-top: -40px;}
.image_box .so-widget-sow-image {text-align: center;display: flex;flex-direction: column;align-items: center;min-height: 199px;}
.with_Jayeekcolrow2 .image_box h3.widget-title:hover {box-shadow: 0px 1px 0.8px 1px #0000002b;}
.image_row a img:hover {transform: scale(1.1);}
/*.with_jayeekcol2 {display: flex;flex-direction: column;align-items: center;}*/
.with_Jayeekcolrow2 {position: relative ;}
.with_Jayeekcolrow2:after {content: "";position: absolute;bottom: 6rem;width: 76%;left: 13%;height: 29%;border: 2px dashed;border-top: 0; }

.middle_coloumn_cls {position: relative;}
.middle_coloumn_cls .mobile_imgs img {position: absolute;left: -5%;right: 0;margin: 0 auto;text-align: center;max-width: 110% !important;z-index: 1;}
.middle_coloumn_cls .mobile_imgs::before {  transition: 1.0s ease all;  content: "";  position: absolute;  bottom: 0px;  width: 56%;  height: 85%;  background-image: url(./imagess/left-mobileimgnews.png);  left: 70px;  background-size: contain;  background-repeat: no-repeat;  background-position: left;  transform: rotate(-15deg);}
.middle_coloumn_cls .mobile_imgs::after {   transition: 1.0s ease all;   content: "";   position: absolute;   bottom: 0px;   width: 56%;   height: 85%;   background-image: url(./imagess/right-mobileimgnews.png);   right: 93px;   z-index: 0;   background-size: contain;   background-repeat: no-repeat;   background-position: right;   transform: rotate(17deg);}
/* .middle_coloumn_cls .mobile_imgs:hover::before{transform: rotate(-8deg);left: -11px;bottom: 16px;} */
.middle_coloumn_cls .mobile_imgs:hover::before {  transform: rotate(-23deg);  left: 31px;}
.middle_coloumn_cls .mobile_imgs:hover::after {  transform: rotate(27deg);  right: 46px;}

.middle_coloumn_cls .mobile_imgs {height: 600px; position: relative;  margin-bottom: 70px;}
.middle_coloumn_cls {position: relative;}
.middle_coloumn_cls .mobile_imgs img {position: absolute;left: -5%;right: 0;margin: 0 auto;text-align: center;max-width: 110% !important;}
.width_textbox h3.widget-title {width: 64%;}
.with_jayeekrow3 .withjayeek_para { font-family: 'Poppins'; font-weight: 400; font-size: 18px; line-height: 34px; text-align: center;}

.image_box .sow-image-container {position: relative; display: flex !important;align-items: center !important;background: #f68c1f;width: 96px;height: 96px;text-align: center;border-radius: 50%;justify-content: center !important;z-index: 5;}
.image_box .sow-image-container::before {-webkit-transition: box-shadow 1s;-moz-transition: box-shadow 1s;content: '';width: calc(100% + 10px);height: calc(100% + 10px);border: 4px solid transparent;position: absolute;border-radius: 50%;}
.image_box .sow-image-container::after {-webkit-transition: box-shadow 1.5s;-moz-transition: box-shadow 1.5s;content: '';width: calc(100% + 24px);height: calc(100% + 24px);border: 2px solid transparent;position: absolute;border-radius: 50%;}
.image_box:hover .sow-image-container::before{box-shadow: 0px 0px 0px 6px #d89d614b;border-color: #d89d614b;}
.image_box:hover .sow-image-container::after {box-shadow: 0px 0px 0px 6px #d89d614b;border-color: #d89d614b;}

.image_row a img:hover {transform: scale(1.1);}
.image_row a img, .sowb-button { transition: 0.50s linear all;}

/* Our App section */
.our_appsec {position:relative;z-index: 1;}
.our_appsec:before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background-image: url('./imagess/Blue-Wave-Line.png');z-index: -1;}
.our_appsec h3{font-family: Poppins;font-weight: 600;font-size: 52px;line-height: 123%;vertical-align: middle;color:#FFFFFF;margin-bottom:18px;}
.our_appsec p{font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 30.3px;color:#FFFFFF;margin-bottom:0px;}
.our_appsec .image_row .panel-grid-cell {display: flex; gap: 25px;}

/*section 4*/
.why_are_yousec .why_leftcol .whr_are_heading { font-family: Poppins; font-weight: 500; font-size: 24px; line-height: 110.00000000000001%; vertical-align: middle; color:#FFFFFF; Background:#F68C1F; padding:18px 37px !important; border-radius:31px; width: 50%;}
.whr_are_heading h3 {font-family: Poppins;font-weight: 500;font-size: 24px;line-height: 30px;letter-spacing: 0%;vertical-align: middle;margin:0px;border-radius: 31px;}
.why_arerightrow .inner_col .why_are_widget{display: flex;gap: 10px;}
.why_arerightrow .inner_col .why_are_widget h3 {border: 1px solid #477ABD;width: 26px;height: 26px;border-radius: 50%;color: #477ABD;font-family: Poppins;font-weight: 400;font-size: 14px;line-height: 15px;padding: 10px;display: flex;align-items: center;justify-content: center;margin-top: 5px;margin-bottom: 0px;}
.why_arerightrow .inner_col .why_are_widget .textwidget p{font-family: Poppins;font-weight: 400;font-size: 14px;line-height: 26px;color:#000000;margin-bottom:20px;}
.why_arerightrow {border-bottom: 0.5px solid #B1B1B1;}
.border_none{ border-bottom: 0px;}
.why_are_yousec .unify_your_text{font-family: Poppins; font-weight: 600; font-size: 14px; line-height: 30.3px; color:#000000;}
.verticle_mobile img {-webkit-animation: mover 1.5s infinite  alternate;animation: mover 1.5s infinite  alternate;}
@-webkit-keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-50px); }}
@keyframes mover {  0% { transform: translateY(0); }  100% { transform: translateY(-50px); }}

/*call now section */
.call_nowcol h3.widget-title {margin-bottom: 12px;font-family: Poppins;font-weight: 500;font-size: 32px;color: #FFFFFF;}
.call_nowcol p {font-family: Poppins;font-weight: 400;font-size: 24px;line-height: 30.3px;color: #FFFFFF;}

/* hover effect*/
a.sowb-button.ow-icon-placement-left.ow-button-hover:hover {transform: scale(1.05);}

/* get daily update section */

.get_daily_update .tnp-subscription{max-width: 72%;}
.get_daily_update .tnp-subscription form {  gap: 35px 20px; display: flex; justify-content: space-between; margin: 35px 0;}
.get_daily_update .tnp-subscription form .tnp-field label {  display: none;}
.get_daily_update .tnp-subscription form .tnp-field.tnp-field-email input {  background-color: transparent;  border: 1px solid #ccc;  border-radius: 7px;}
.get_daily_update .tnp-subscription form .tnp-field.tnp-field-email { width: 68%; margin: 0;}
.get_daily_update .tnp-subscription form .tnp-field.tnp-field-button { width: 30%; margin: 0;}
.get_daily_update .tnp-subscription form .tnp-field.tnp-field-button input.tnp-submit {  background: #181818;  color: #fff;  width: 100%;  padding: 6px;  height: 100%;  border-radius: 6px;  border: 1px solid #181818;}

/* contact us page */

.herocommon_sec { padding: 135px 15px 135px 15px;}
.contacthero h3 {  font-family: 'Poppins';  color: #fff;  font-size: 52px;  font-weight: 600;  display: inline-block;  border-bottom: 2px solid #ffffff;}

.address_row{  padding: 60px 0px 0px 0px;}
.address_sec .address_row .address_col { background: linear-gradient(135deg, #477ABD, #2C4A77);   text-align: center;   border-radius: 10px;   padding: 20px; min-height: 204px;}
.address_sec .address_row .address_col h3 {  font-family: 'Poppins';  font-weight: 500;  font-size: 25px;  color: #ffff;}
.address_sec .address_row .address_col p { font-family: 'Poppins'; font-weight: 400; font-size: 16px; color: #ffff;}

.contact_usrow { padding: 80px 0px 80px 0px; position: relative; margin: 80px 0px 100px 0px; max-width: 90%;}
.contact_usrow::before {  content: '';  position: absolute;  top: 0px;  left: 235px;  width: calc(100% - 15%);  height: 100%;  background-color: #ffffff;  box-shadow: 0px 4px 31px 20px #0000000F;  border-radius: 10px;  pointer-events: none;  z-index: -1;}
.contact_usleftcol{background: linear-gradient(135deg, #477ABD, #2C4A77);  padding: 100px 35px 100px 35px; border-radius: 10px 10px 10px 10px;}
.contactusmain .contact_usrow .contact_usleftcol h3 {   font-family: 'Poppins';   font-weight: 500;   font-size: 32px;   color: #ffff;}
.contact_usrow .contact_usleftcol .address .panel-grid-cell {  display: flex;  align-items: flex-start;  gap: 10px;}
.contactusmain .contact_usrow .contact_usleftcol .address h3 {  font-family: 'Poppins';  font-weight: 500;  font-size: 20px;  color: #ffff;}
.contactusmain .contact_usrow .contact_usleftcol .address p {  font-family: 'Poppins';  font-weight: 400;  font-size: 16px;  color: #ffff;  margin-bottom: 0px;}
.contactusmain .contact_usrow .contact_usrightcol h3 {  font-family: 'Poppins';  font-weight: 600;  font-size: 32px;  color: #000;}
.contactusmain .contact_usrow .contact_usrightcol p {  font-family: 'Poppins';  font-weight: 400;  font-size: 18px;  color: #000;  margin-bottom: 0px;}
.contact_form {  position: relative;}
.wpcf7 .screen-reader-response {  position: absolute;  overflow: hidden;  clip: rect(1px, 1px, 1px, 1px);  clip-path: inset(50%);  height: 1px;  width: 1px;  margin: -1px;  padding: 0;  border: 0;  word-wrap: normal !important;}
.contactusmain .contact_usrow .contact_usrightcol p {  font-family: 'Poppins';  font-weight: 400;  font-size: 18px;  color: #000;  margin-bottom: 0px;}
.wpcf7 .hidden-fields-container { display: none;}
.contact_form { position: relative;}
.contactusmain .contact_usrow .contact_usrightcol .contact_form p label {  display: block;  font-family: 'Poppins';  font-weight: 400;  font-size: 18px;  color: #000;  margin-bottom: 0px;}
.wpcf7-form-control-wrap {position: relative;}
.contactusmain .contact_usrow .contact_usrightcol .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea {  width: 100%;  padding: 10px;  font-size: 15px;  border: none;  border-bottom: 1px solid #ccc;  background-color: transparent;  outline: none;  transition: all 0.3s;  margin-bottom: 15px;}
.contact_form textarea {  height: 55px;  margin-bottom: 35px;}
.contact_form .submit_btn {  text-align: right;}
.contact_form .submit_btn input[type="submit"] {  background-color: #000;  color: #fff;  font-size: 18px;  font-family: 'Poppins';  font-weight: 500;  padding: 12px 32px;  border: 1px solid #000;  border-radius: 25px;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);  cursor: pointer;  width: 34%;}
.contact_form .submit_btn input[type="submit"]:hover {  background-color: #FFFFFF;  color: #000;}
.contact_form span.wpcf7-spinner { position: absolute; right: 279px; bottom: 10px;}

/* Privacy Policy And Terms And Conditions */

.info_row{padding: 50px 0px 50px 0px;}
.info_row .details_info h3{font-family: 'poppins';  color: #000000;  font-size: 32px;  margin-bottom: 16px;  font-weight: 600;}
.info_row .details_info  p{  font-family: 'Noto Sans';  font-size: 16px;  color: #000000;  line-height: 28px; }

.footer-bottom .footer_bottomrow { display: flex;  justify-content: space-between;  align-items: center;}
.footer-bottom .right_menu a:first-child {  border-right: 2px solid #ffffff;  padding-right: 15px;  margin-right: 10px;}
.footer-bottom .right_menu a {  font-size: 16px;  text-decoration: none;  font-weight: 600;  font-family: 'poppins';  color: #ffffff;}

/* Responsive css */

/*ipad*/
@media only screen and (max-width: 991px)
{
  .header .header_row .main_header {align-items: center;position: relative;padding: 20px 0;}
  .primary-menu {flex-direction: column;background: #fff;}
  .primary-menu.active {display: flex;}
  .menu-toggle {display: flex;margin-left: auto;margin-top: 20px;width: 50px;height: 30px;}
  .menu-toggle span {background: #477abd;}
  .header .header_row .main_header .right_header { position: absolute; top: 72px; left: 0; width: 100%; background: #fff; padding: 20px; flex-direction: column;  align-items: center; display: none; border-radius: 0 0 10px 10px; z-index: 9; gap: 0;}
  .header .header_row .main_header .right_header.active, 
  .header .header_row .main_header .right_header.active ul#main-menu{display: flex;}
  .header .header_row .main_header .right_header nav.main-nav {width: 100%;}
  .header .header_row .main_header .right_header ul { gap: 0; margin: 0px; padding: 0;}
  .main-nav ul { flex-direction: column; width: 100%;}
  .main-nav ul li { width: 100%; text-align: center; margin-bottom: 10px;}
  .header .header_row .main_header .right_header ul li a { display: block;padding: 10px 0;border-bottom: 1px solid #eee;color: #000;}
  .header .header_row .main_header .right_header {top: 104px;padding: 15px;}
  .header .header_row .main_header .right_header .contact_menu { border-radius: 10px;width: 100%;background: #477abd2e;padding: 15px; gap: 10px;}
  
  .hero_sectionrow { padding: 70px 10px;}
  .Hero_section .hero_right_col img {top: -2rem; left: 0rem;}
  .hero_sectionrow .left_col { padding: 0px;}
	.hero_sectionrow .left_col h3 {font-size: 36px; line-height: 127% ;}
	.hero_sectionrow .left_col p {line-height: 27px;  width: 96%;}
		
	.our_missionsech h3 {font-size: 30px; line-height: 41px; width: 100%;}
	.accordion .accordion-item {padding: 15px 0px;}
		
	.with_Jayeekcolrow2{ display: flex !important; flex-direction: column !important; gap: 0; padding-top: 20px !important; align-items: center !important}
	/* .with_Jayeekcol1 { padding-top: 0px !important;}
	.image_box h3.widget-title { width: 157%;}
	.with_Jayeekcol2 {padding-top: 20px;}
	.middle_coloumn_cls .mobile_imgs { height: 394px;}
	.middle_coloumn_cls .mobile_imgs img {left: -16%; max-width: 134% !important;}
	.width_textbox h3.widget-title {width: 100%;}
	.with_Jayeekcol1:before, .with_Jayeekcol2:after, .with_Jayeekcolrow2:after{display:none;}
	.with_Jayeekcolrow2 .panel-grid-cell{align-self: center !important;} */


  .with_Jayeekcol1 { padding-top: 0px !important;}
  .with_Jayeekcol1:before,.with_Jayeekcol2:after {display: none;}
  .image_box h3.widget-title { width: 157%; }
  .with_Jayeekcolrow2 .panel-grid-cell {  align-self: center !important;}
  .with_Jayeekcolrow2:after{display: none;}
  .middle_coloumn_cls .mobile_imgs { height: auto; margin-bottom: 0px;}
  .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before { bottom: -30px;  width: 90%;  height: 100%;  left: -58px;  background-size: contain;  transform: rotate(-15deg); }
  .middle_coloumn_cls .mobile_imgs img {position: relative;left: 0;}
  .middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after {  bottom: -24px;  width: 90%;  height: 100%;  background-size: contain;  transform: rotate(16deg);  right: -87px; }
  .width_textbox {   margin-top: 30px;}
  .width_textbox h3.widget-title {   width: 100%;}
  .with_Jayeekcol2 {padding-top: 20px;}
  .with_Jayeekcol2 .so-panel .widget .widget_media_image .panel-first-child { margin-bottom: 0px !important; }

  .our_appsec h3 {font-size: 34px;}
		
	.why_are_yousec .why_leftcol .whr_are_heading {width: 93%;}
	.whr_are_heading h3 {font-size: 22px;}
	.why_arerightrow{display: block !important; border-bottom: 0px;}
	.why_arerightrow .panel-grid-cell{width:100% !important;}
	.why_arerightrow .inner_col .why_are_widget .textwidget p {line-height: 18px;margin-bottom: 10px;}
	.why_arerightrow .inner_col .why_are_widget h3 {margin-top: 0px;}
	.why_are_yousec .unify_your_text {line-height: 20px;}	
	.call_now_row {display:block !important;}
	.call_now_row	.panel-grid-cell{width:100% !important;}	
	.call_nowcol {background-repeat: no-repeat !important;}
		
	.testimonial_area .textwidget h2 {line-height: 16px; padding-bottom: 0px;}
	.testimonial_area {padding: 73px 0 73px;}
	.get_daily_update h3.widget-title { font-size: 35px;  line-height: 40px;  padding-bottom: 21px;  max-width: 90%;}
	.get_daily_update { padding: 0px 0px 30px 0px;}
	.get_daily_update form.wpcf7-form .row {display: flex;flex-direction: column; align-items: center;}	
	.get_daily_update form.wpcf7-form .row .col-8 {width:100%;}
	.get_daily_update form.wpcf7-form .row .col-4 {width:50%;}  
  .get_daily_update .textwidget {  max-width: -webkit-fill-available; }

  /* contact us page  */
  .herocommon_sec {  padding: 100px 15px 100px 15px;}
  .address_row {  padding: 30px 0px 0px 0px;}
  .contact_usrow {  margin: 25px 0px 50px 0px;  padding: 50px 0px 50px 0px;}
  .contact_usrow::before { left: 137px; width: calc(100% - 12%); height: 100%;}
  .contact_usleftcol {  padding: 20px 20px 40px 20px;}
  .contact_usrow .contact_usleftcol h3 {  font-size: 24px !important;}
  .contactusmain .contact_usrow .contact_usrightcol h3 {  font-size: 28px !important; }
  .contactusmain .contact_usrow .contact_usrightcol p {  font-size: 16px !important;}
  .contactusmain .contact_usrow .contact_usrightcol .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea {  padding: 7px;  font-size: 14px;  margin-bottom: 12px;}
  .contact_form .submit_btn input[type="submit"] {  width: 43%;}

  /* privacy policy and terms and  conditions css */

  .info_row {padding: 30px 0px 30px 0px;}
  .info_row .details_info h3 { font-size: 28px;}
   
}


/* Mobile */

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

  .header .header_row .main_header {align-items: center;position: relative;padding: 20px 0;}
  .primary-menu {flex-direction: column;background: #fff;}
  .primary-menu.active {display: flex;}
  .menu-toggle {display: flex;margin-left: auto;margin-top: 20px;width: 50px;height: 30px;}
  .menu-toggle span {background: #477ABD;}
  .header .header_row .main_header .right_header { position: absolute; top: 72px; left: 0; width: 100%; background: #fff; padding: 20px; flex-direction: column;  align-items: center; display: none; border-radius: 0 0 10px 10px; z-index: 9; gap: 0;}
  .header .header_row .main_header .right_header.active, 
  .header .header_row .main_header .right_header.active ul#main-menu{display: flex;}
  .header .header_row .main_header .right_header nav.main-nav {width: 100%;}
  .header .header_row .main_header .right_header ul { gap: 0; margin: 0px; padding: 0;}
  .main-nav ul { flex-direction: column; width: 100%;}
  .main-nav ul li { width: 100%; text-align: center; margin-bottom: 10px;}
  .header .header_row .main_header .right_header ul li a { display: block;padding: 10px 0;border-bottom: 1px solid #eee;color: #000;}
  .header .header_row .main_header .right_header {top: 103px;padding: 15px;}
  .header .header_row .main_header .right_header .contact_menu { border-radius: 10px;width: 100%;background: #477abd2e; padding: 15px; gap: 10px;}
   
  .hero_sectionrow {  padding: 50px 10px  0px 10px !important; }
  .Hero_section .left_col {padding: 0px;}
  .hero_sectionrow .left_col h3 {font-size: 37px;}
	.hero_sectionrow .left_col p {width: 100%;}
  .Hero_section .hero_right_col img {top: -2rem !important;}
  .Hero_section .hero_right_col img {position: relative;width: 100%;top: 0;left: 0;max-width: 100% !important;}

  .our_missionsech h3 {font-size: 24px;line-height: 34px;width: 100%;}
  .accordion .accordion-item .accordion-header { padding: 10px 0px;}
  .accordion .accordion-item {padding: 15px 0px;}
	.accordion .accordion-item:first-child{padding-top:0px;}
	.accordion .accordion-item .accordion-header .accordion-leftcol .accordion-title h3 {font-size: 22px;}
  .accordion .accordion-item .accordion-body { padding: 0 0px 0px 74px;}

  .with_Jayeekcol1:before,.with_Jayeekcol2:after,.with_Jayeekcolrow2:after{display: none;}
  .with_Jayeekcol1,.with_Jayeekcol2{padding-top: 0px !important;}
  .width_textbox h3.widget-title {width: -webkit-fill-available;}
  .middle_coloumn_cls .mobile_imgs {height: 100%;}
  .middle_coloumn_cls .mobile_imgs img {position: relative;}
  .with_jayeeksech h3 {padding: 18px 25px;font-size: 21px;}
	.with_Jayeekcolrow2 {padding: 20px 15px 21px 15px !important;}
	.middle_coloumn_cls .mobile_imgs img { left: 0%; max-width: 71% !important; text-align: center !important;}
	.image_box h3.widget-title {width: 100%;}
	.with_jayeekrow3 .withjayeek_para { font-size: 16px; line-height: 31px;}
  .middle_coloumn_cls .mobile_imgs::before, .middle_coloumn_cls .mobile_imgs:hover::before {  bottom: 0px;  width: 55%;  right: 83%;  left: 15px;  background-size: contain;  transform: rotate(-15deg);}
.middle_coloumn_cls .mobile_imgs::after, .middle_coloumn_cls .mobile_imgs:hover::after { bottom: 26px;  width: 55%;  height: 87%;  background-size: contain;  transform: rotate(14deg);  right: 14px;}


  .our_appsec h3 { font-size: 28px; line-height: 28px; }	
  .our_appsec p {font-size: 16px;line-height: 28px;}
  .our_appsec:before {width: 94%;}

  .testimonial_area h3.widget-title { padding: 16px 30px;border-radius: 38px;font-size: 18px;}
  .testimonial_area {padding: 73px 0 30px;}
  .testimonial_area .textwidget h2 {font-size: 28px;line-height: 32px;padding-bottom: 0;}
  #testimonial_slider {margin-top: 45px;}
  #testimonial_slider .testimonial_boxes { padding: 30px 20px 55px;}
  #testimonial_slider .testimonial_boxes img.design_right_bottom {width: 110px;}
  #testimonial_slider .testimonial_boxes::after {width: 28px;height: 28px;}
  #testimonial_slider .testimonial_boxes .testimonial_desc {margin-top: 20px;max-width: -webkit-fill-available;}
  #testimonial_slider .owl-nav {display: none;}

  .get_daily_update h3.widget-title {font-size: 28px;line-height: 40px;max-width: -webkit-fill-available;}
  .get_daily_update .textwidget {max-width: -webkit-fill-available;}
  .get_daily_update form.wpcf7-form{max-width: 90%;}
  .get_daily_update form.wpcf7-form .row .col-8, 
  .get_daily_update form.wpcf7-form .row .col-4 {width: 100%;padding: 0;}
  .get_daily_update form.wpcf7-form .form-control {padding: 15px;}
  .get_daily_update form.wpcf7-form .contact_btn .wpcf7-submit {padding: 14px 10px;}
  .get_daily_update form.wpcf7-form .contact_btn {position: relative;}
  .get_daily_update form.wpcf7-form .contact_btn span.wpcf7-spinner {position: absolute;left: 0;right: 0;top: 10px;}
  .get_daily_update h3.widget-title {font-size: 28px !important;line-height: 32px !important; }

  .get_daily_update {  padding: 0px 0px 20px 0px;}
  .get_daily_update .tnp-subscription {  max-width: 100%;  margin: 0px;}
  .get_daily_update .tnp-subscription form { gap: 20px 0px; flex-direction: column;}
  .get_daily_update .tnp-subscription form .tnp-field.tnp-field-email {  width: 100%;}
  .get_daily_update .tnp-subscription form .tnp-field.tnp-field-button { width: 100%;}
  .get_daily_update .tnp-subscription form .tnp-field.tnp-field-button input.tnp-submit {  padding: 10px;}

	.why_leftcol{ min-height: 500px;}
	.why_are_yousec .why_leftcol .whr_are_heading {width: 86%;}
	.why_are_yousec .unify_your_text{line-height: 26px;}
	.why_arerightrow .inner_col .why_are_widget .textwidget p{margin-bottom:0px;}
	.why_arerightrow {border: 0px;}	
	.why_are_yousec	.unify_your_text{padding: 0px !important;}	

	.call_nowcol{background-repeat: no-repeat !important;}	

  .footer-section .footer-right {margin-top: 35px;}
  .footer-section {padding: 35px 10px;}


  /* contact us page  */

  .herocommon_sec {padding: 70px 15px 70px 15px; }
  .contact_usrow::before {  left: 0px;  width: 100%;  height: 60%;  bottom: 0px !important;  top: 372px;}
  .contact_usrow {  margin: 50px 0px 100px 0px;  padding: 0px 0px 0px 0px; max-width: 100%;}
  .contact_usrightcol{  padding: 0px 15px; margin-top: 40px;}
  .contacthero h3 {font-size: 30px;  border: none;  }


  /* Privacy Policy And Terms And Conditions */

.info_row {  padding: 20px 0px 20px 0px;}
.info_row .details_info h3{font-size: 23px;}

.footer-bottom .footer_bottomrow {  flex-direction: column-reverse;  gap: 10px;}
.footer-bottom p {  font-size: 14px;}
.footer-bottom .right_menu a {font-size: 14px;}

}