body {margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-family: "Sora", sans-serif;}
.no_scroll {overflow: hidden !important; background-color: #fff;}
a {text-decoration: none;}

.set_font p span, .set_font div span {font-family: "Sora", sans-serif !important; font-size: 16px !important;}

.bars {display: none;}

.big_heading {color: #111; font-weight: 600; font-size: 66px; line-height: 70px;}
.big2_heading {color: #111; font-weight: 600; font-size: 60px;}
.main_heading {color: #111; font-weight: 600; font-size: 56px;}
.sub_heading {color: #111; font-weight: 600; font-size: 48px;}
.sub_heading2 {color: #111; font-weight: 700; font-size: 24px;}
.small_heading {font-weight: 500; font-size: 18px;}
.para1 {color: #333; font-size: 14px;}
.para2 {color: #333; font-size: 16px;}
.para3 {color: #333; font-size: 17px;}

.page_ul {list-style: none; padding: 0; margin: 0;}
.page_ul li {color: #333; font-size: 14px; line-height: 30px;}
.page_ul li span {font-weight: 700; color: #41a300; display: inline-block; margin-right: 5px;}

.text_blue {color: #364bfe;}
.text_green {color: #41a300;}
.bg_milk {background-color: #f0fdff;}

.button_1 {display: inline-block; padding: 14px 30px !important; background-color: #41a300 !important; color: #fff !important; border: none; border-radius: 15px; width: max-content; transition: all 0.5s;}
.button_1:hover {background-color: #111 !important;}

.button_2 {display: inline-block; padding: 14px 30px !important; background-color: #111 !important; color: #fff !important; border: none; border-radius: 15px; width: max-content; transition: all 0.5s;}

/*/Logo/*/
.logo {display: inline-block;}
.logo img {width: 90px; object-fit: contain;}

nav {padding: 14px; background-color: #f0fdff; position: sticky; top: 0; z-index: 999; opacity: 1; transition: opacity 0.5s ease-in-out;}
nav ul.menu {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: end; grid-gap: 10px; height: 100%;}
nav ul.menu li {display: inline-block;}
nav ul.menu li a {display: block; padding: 14px 20px; font-size: 16px; font-weight: 600; color: #111; border-radius: 15px; transition: all 0.5s;}
nav ul.menu li a:hover {background-color: #364bfe; color: #fff;}
nav.hidden {opacity: 0; transition-delay: 0.8s;}

/*/Banner/*/
.banner_heading {background-color: #f0fdff; padding: 30px 0;}
.banner_img, .service_img {width: 100%; height: auto; }
.banner_img img {width: 100%; height: 90vh; object-fit: cover; border-radius: 25px; box-shadow: rgba(36, 89, 237, 0.07) 0px 0.796192px 3.34401px -0.4375px, rgba(36, 89, 237, 0.08) 0px 2.41451px 10.1409px -0.875px, rgba(36, 89, 237, 0.09) 0px 6.38265px 26.8071px -1.3125px, rgba(36, 89, 237, 0.13) 0px 20px 84px -1.75px;}
.service_img img {width: 100%; height: 75vh; object-fit: cover; border-radius: 25px; box-shadow: rgba(36, 89, 237, 0.07) 0px 0.796192px 3.34401px -0.4375px, rgba(36, 89, 237, 0.08) 0px 2.41451px 10.1409px -0.875px, rgba(36, 89, 237, 0.09) 0px 6.38265px 26.8071px -1.3125px, rgba(36, 89, 237, 0.13) 0px 20px 84px -1.75px;}


/*/Content Sec/*/
.content_sec {padding: 100px 0;}
.abt_slide {position: relative;}
.abt_img {height: 400px !important; width: 100%; position: relative;}
.abt_img img {height: 100%; width: 100%; object-fit: cover; box-shadow: rgba(36, 89, 237, 0.36) 0px 0.602187px 0.602187px -1.25px, rgba(36, 89, 237, 0.318) 0px 2.28853px 2.28853px -2.5px, rgba(36, 89, 237, 0.125) 0px 10px 10px -3.75px; border-radius: 40px; border: 1px solid #2459ed33;}
.abt_img p {position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%); background-color: #41a300; margin-bottom: 0; padding: 4px 14px; border-radius: 7px; font-size: 16px; color: #fff;}

.abt_slide .slick-dots {position: absolute; bottom: 10px; width: auto; background-color: #00000045; left: 50%; transform: translateX(-50%); border-radius: 25px; padding: 2px 5px 6px;}
.slick-dots li button:before {color: #fff!important; font-size: 12px!important;}
.slick-dots li {width: 15px !important;}
.slick-prev, .slick-next {z-index: 9!important;}
.slick-prev {left: 15px!important;}
.slick-next {right: 15px!important;}
.slick-dots li button:before {line-height: 18px !important;}
.slick-dotted.slick-slider {margin-bottom: 0!important;}


/*/Service/*/
.our_service {height: auto; position: sticky; top: 50px;}
.service_scroll {display: flex; align-items: center; flex: 2 0 0px; flex-flow: column; gap: 60px; position: relative;}
.service_box {background-color: #f4fff0; box-shadow: rgba(36, 89, 237, 0.36) 0px 0.602187px 0.602187px -1.25px, rgba(36, 89, 237, 0.318) 0px 2.28853px 2.28853px -2.5px, rgba(36, 89, 237, 0.125) 0px 10px 10px -3.75px; border-radius: 40px; border: 1px solid #2459ed33; padding: 32px; position: sticky;}
.service_box .icon {height: 50px; width: 50px; border-radius: 50%; background-color: #41a300; display: block; padding: 8px;}
.service_box h6 {font-size: 26px; font-weight: 700;}

.brand_sec {background-color: #f0fdff; padding: 30px 0;}
.brand_slide .brand_img {height: 75px; text-align: center;}
.brand_slide .brand_img img {height: 100%; width: 100%; object-fit: contain;}

/*/Work/*/
.work_slide {place-content: center; align-items: center; display: flex; flex: 0 0 auto; flex-flow: column; gap: 20px; height: auto; margin: auto; overflow: visible; padding: 0px; position: sticky; top: 20px; width: 100%; will-change: transform; z-index: 1;}
.work_box {flex: 0 0 auto; height: 600px; position: sticky; top: 20px; width: 100%; will-change: transform; transform: scale(1.0); z-index: 1;}
.work_img {width: 100%; height: 100%; display: block;}
.work_img img {width: 100%; height: 100%; object-fit: cover; border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.016) 0px 0.602187px 0.602187px 0px, rgba(0, 0, 0, 0.06) 0px 2.28853px 2.28853px 0px, rgba(0, 0, 0, 0.25) 0px 10px 10px 0px}
.work_info {backdrop-filter: blur(2px); background-color: rgba(240, 253, 255, 0.8); border-radius: 25px; box-shadow: rgba(255, 255, 255, 0.43) 0px 0.602187px 0.602187px -1.25px inset, rgba(255, 255, 255, 0.38) 0px 2.28853px 2.28853px -2.5px inset, rgba(255, 255, 255, 0.15) 0px 10px 10px -3.75px inset; opacity: 1; position: absolute; bottom: 40px; left: 40px; display: grid; grid-gap: 10px; padding: 35px; min-width: 450px;}
.work_info h6 {font-size: 22px; font-weight: 700;}
.work_info a {color: #111; display: flex; align-items: center; grid-gap: 5px; font-size: 14px; font-weight: 500;}
.work_info a img {height: 20px; width: 20px;}

.work_info_2 {width: calc(100% - 30px); left: 15px; bottom: 15px; padding: 20px; min-width: inherit;}

/*/Testimonial/*/
.testimonial_box {border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0.602187px 0.361312px -1px, rgba(0, 0, 0, 0.055) 0px 2.28853px 1.37312px -2px, rgba(0, 0, 0, 0.04) 0px 10px 6px -3px; border: 1px solid #0000001a; background-color: #fff; padding: 25px; height: 100%;}
.testimonial_slide_2 {direction: rtl;}
.testimonial_box {text-align: left;}
.testimonial_slide_2 .testimonial_box .d-flex {flex-direction: row-reverse;}
.tm_margin {padding: 10px; height: 100%; display: grid !important; min-height: 350px !important;}
.rating_ul {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; grid-gap: 3px; font-size: 17px; margin-left: 10px;}
.rating_ul li {color: #cfb302;}

/*/Team/*/
.team {}
.team_img {max-height: 400px; width: 100%;}
.team_img img {height: 100%; width: 100%; object-fit: contain; object-position: top; border-radius: 30px;}
.team_info {text-align: center;}
.social_li {display: flex; list-style: none; margin: 0; padding: 0; display: flex; align-items: center; grid-gap: 7px;}
.social_li li a {box-shadow: rgba(40, 90, 237, 0.286) 0px 0.602187px 0.602187px -1.25px inset, rgba(40, 90, 237, 0.255) 0px 2.28853px 2.28853px -2.5px inset, rgba(40, 90, 237, 0.1) 0px 10px 10px -3.75px inset; border: 1px solid #364bfe1a; background-color: #f0fdff; border-radius: 7px; height: 32px; width: 32px; display: grid; align-items: center; justify-content: center; color: #364bfe;}


/*/Contact Us/*/
.contact_plate {padding: 30px; background-color: #fff; border-radius: 15px; text-align: center; display: grid; align-items: center; justify-content: center; border: 1px solid #0000001a; box-shadow: rgba(0, 0, 0, 0.96) 0px 0.597144px 0.836001px -1.25px, rgba(0, 0, 0, 0.88) 0px 1.81088px 2.53523px -2.5px, rgba(0, 0, 0, 0.682) 0px 4.78699px 6.70179px -3.75px, rgba(0, 0, 0, 0) 0px 15px 21px -5px;}
.contact_plate img {margin: auto; height: 35px; margin-bottom: 15px;}
.contact_plate h4 {font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.contact_plate p {margin-bottom: 0;}

.form_input input, .form_input textarea, .form_input select {width: 100%; padding: 15px; border: none; background-color: #f0f2f2; box-shadow: transparent 0px 0px 0px 1px inset}

/*/Project/*/
.project_box {padding: 0; background-color: #fff; box-shadow: rgba(36, 88, 236, 0.12) 0px 10px 10px -3.75px, rgba(36, 88, 236, 0.31) 0px 2.29px 2.29px -2.5px, rgba(36, 88, 236, 0.36) 0px 0.6px 0.6px -1.25px; border-radius: 32px; border: 1px solid #d3defb; display: flex; flex-wrap: wrap; align-items: end; height: 100%; overflow: hidden;}
.project_info {width: 55%; padding: 30px; display: grid; align-content: center; height: 300px;}
.project_info h5 {font-size: 24px; font-weight: 700;}
.project_img {width: 45%; border-radius: 30px; overflow: hidden; height: 300px;}
.project_img img {height: 100%; width: 100%; object-fit: cover;}

/*/FAQ/*/
.faq_box {padding: 14px 15px; border-radius: 15px; background-color: #fff; border: 1px solid #eee; transition: all 0.5s; margin-bottom: 15px;}
.faq_box h2 {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; cursor: pointer;}
.faq_box h2 i {background-color: #f0fdff; padding: 4px 6px 3px; border-radius: 7px; font-size: 28px; transform: rotate(0deg); transition: all 0.5s;}
.faq_box p {height: 0; visibility: hidden; opacity: 0; margin-top: 0; transition: all 0.5s;}
.faq_box.active {background-color: #f0fdff;}
.faq_box.active h2 i {background-color: #ddd; color: #fff; transform: rotate(180deg);}
.faq_box.active p {height: 100%; visibility: visible; opacity: 1; margin-top: 5px;}


/*/Footer/*/
footer {padding: 0 12px; background-color: #f0fdff;}
.footer {padding: 100px 40px 0; background-color: #364bfe; border-radius: 40px 40px 0 0; transform: scale(1.0);}
.footer_ul {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; grid-gap: 30px; justify-content: center;}
.footer_ul li a {font-size: 16px; color: #fff; font-weight: 600; display: block; padding: 5px;}



/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.clip_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_6 {-webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_8 {-webkit-line-clamp: 8; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #0000005c; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: 59px; background-color: #fff; border-bottom: 1px solid #ddd;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 120px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}

.new_modal .input_flex {border: 1px solid #aaa;}
.new_modal .input_flex span {padding: 0 4px 0 10px;}
.new_modal .input_flex input {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex textarea {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px;}
.new_modal .input_flex select {color: #111; width: 100%; border: none; padding: 21px 8px 6px; font-size: 15px;}
.new_modal .modal_footer button {padding: 13px 25px;}

/*/Modla Ends/*/


/*........media-querries........*/
@media only screen and (max-width:992px) {
	.banner_img img, .service_img img {height: 480px;}
	.work_box {height: 500px;}
	.project_info, .project_img {width: 100%;}
}

@media only screen and (max-width:768px) {
	.bars {display: block; height: 40px; width: 44px; float: right; position: relative; transform: scale(0.9); transition: all 0.5s;}
	.bars.open {transform: scale(0.8);}
	.bars span {position: absolute; width: 100%; height: 3px; background-color: #111; transition: all 0.5s;}
	.bars span:first-child {left: 0; top: 12px; transform: rotate(0deg); transition: all 0.5s;}
	.bars span:last-child {left: 0; top: 26px; transform: rotate(0deg); transition: all 0.5s;}
	.bars.open span:first-child {left: -6px; top: 19px; transform: rotate(40deg); width: 57px;}
	.bars.open span:last-child {left: -6px; top: 19px; transform: rotate(-40deg); width: 57px;}

	nav {padding-bottom: 20px; padding-left: 0; padding-right: 0;}
	nav ul.menu {display: block; position: fixed; top: -30%; width: 100%; padding: 10px 0 30px; height: auto; left: 0; background-color: #f0fdff; opacity: 0; visibility: hidden; transition: all 0.5s;}
	nav ul.menu li {display: block; text-align: center;}
	nav ul.menu li a {text-align: center; font-size: 18px;}
	nav ul.menu li a.button_1 {display: inline-block;}
	nav ul.menu:after {content: ""; position: fixed; top: 70px; left: 0; height: 100vh; width: 100%; background-color: #f0fdff96; z-index: -1;}

	nav ul.menu.menu_open {top: 60px; opacity: 1; visibility: visible;}

	.service_scroll {gap: 40px;}
}
@media only screen and (max-width:576px) {
	.big_heading {font-size: 45px; line-height: initial;}
	.banner_heading {padding: 15px 0;}
	.banner_img img, .service_img img {height: 90vh;}
	.work_box {height: 70vh;}
	.count_headign {font-size: 45px;}
	.main_heading, .big2_heading {font-size: 42px;}
	.work_info {min-width: inherit; width: calc(100% - 40px); left: 20px; bottom: 20px; padding: 25px;}
	.footer {padding: 70px 10px 0;}
	.content_sec {padding: 50px 0;}
	.bars.open {transform: scale(0.6);}
	.team_img {height: auto;}
}
@media only screen and (max-width:380px) {
	.count_headign {font-size: 38px;}
	.main_heading, .big2_heading {font-size: 36px;}
}