/* Theme Name: Turacoz Theme URI: https://wordpress.org/themes/twentythirteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 4.3 Tested up to: 6.7 Requires at least: 3.6 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns Text Domain: twentythirteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 4.1 - Site Header * 4.2 - Navigation * 5.0 - Content * 5.1 - Entry Header * 5.2 - Entry Meta * 5.3 - Entry Content * 5.4 - Galleries * 5.5 - Post Formats * 5.6 - Attachments * 5.7 - Post/Paging Navigation * 5.8 - Author Bio * 5.9 - Archives * 5.10 - Search Results/No posts * 5.11 - 404 * 5.12 - Comments * 5.13 - Multisite * 6.0 - Sidebar * 6.1 - Widgets * 7.0 - Footer * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } *{margin:0;padding:0;box-sizing:border-box} body{font-family:"Poppins",serif; margin:0; padding:0} .wrapper{max-width:1440px;margin:0 auto} #language-select{padding:8px 12px;font-size:16px;border:1.8px solid #333;border-radius:5px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;min-width:180px} #language-select:focus{outline:none;border-color:#0073e6;box-shadow:0 0 5px #0073e6b3} #language-select option{padding:8px 10px;font-size:16px;background-color:#fff;color:#333} #language-select:hover{border-color:#005bb5} header{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-bottom:1px solid #979799;flex-wrap:wrap} .logo{order:1} .header-right{order:2} .lang-dropdown{order:3} @media (max-width: 1024px) { .logo{order:1} .lang-dropdown{order:2} .header-right{order:3} } @media (max-width: 767px) { .logo{order:2} .lang-dropdown{order:1;width:100%;text-align:center;margin-bottom:10px} .header-right{order:3} #language-select{width:100%;padding:6px 8px} } .logo img{width:190px;float: left;} .navigation{font-weight: 300;} .navigation a{margin-left:30px;text-decoration:none;color:#000; font-size: 18px;} .hamburger-menu{font-size:24px;cursor:pointer} .overlay {height: 100%;width: 0;position: fixed;z-index: 2;top: 0;right: 0;background-color: rgba(0,0,0,0.5); /* Slightly transparent black */overflow-x: hidden;transition: 0.5s;} /*.sidebar {width: 300px;background: rgb(59,103,160);background: linear-gradient(0deg, rgba(59,103,160,1) 0%, rgba(136,198,65,1) 100%);height: 100%;position: absolute;right: 0;display: flex;flex-direction: column;padding: 20px;justify-content: center;}*/ .overlay-navigation{ margin-top: 20px;border-top: 1px solid #fff;padding-top: 20px;} .overlay-navigation a{padding:0;text-decoration:none;font-size:16px; line-height: 26px;color:#fff;display:block;transition:.3s;margin: 10px 0;} .overlay-navigation a:hover,.overlay-navigation a:focus{color:#000} .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px; text-decoration: none;color: #000;} .about-us{color:#fff;} .about-us h3{margin-bottom: 10px;} .header-right{display: flex;} /* menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } ul { list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } */ /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; margin: 0 auto; max-width: 1080px; min-height: 45px; position: relative; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding:0; } .nav-menu li { display: inline-block; position: relative; } .nav-menu li a { color: #141412; display: block; font-size: 15px; line-height: 1; padding: 15px 20px; text-decoration: none; } .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus { background-color: #3d699f; color: #fff; } .nav-menu .sub-menu, .nav-menu .children { background-color: #3d699f; border: 2px solid #f7f5e7; border-top: 0; padding: 0; position: absolute; left: -2px; z-index: 99999; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; } ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; margin: 0; width: 200px; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus { background-color: #db572f; } ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul { clip: inherit; overflow: inherit; height: inherit; width: inherit; } .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #bc360a; font-style: italic; } .menu-toggle { display: none; } /* Navbar .navbar { background-color: #f7f5e7; margin: 0 auto; max-width: 1600px; width: 100%; } */ /* Small menu */ /* .menu-toggle { cursor: pointer; display: inline-block; font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif; margin: 0; } .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active { background: none; border: none; color: #141412; padding: 12px 0 12px 20px; } .menu-toggle:focus { outline: thin dotted; } .menu-toggle:after { content: "\f502"; font-size: 12px; padding-left: 8px; vertical-align: -4px; } .toggled-on .menu-toggle:after { content: "\f500"; vertical-align: 2px; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { color: #141412; width: auto; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; color: #141412; } .toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover { background-color: #db572f; color: #fff; } .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus { background-color: #220e10; color: #fff; } ul.nav-menu, div.nav-menu > ul { display: none; } */ .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {margin:10px 0;float: left;width: 100%;} p{font-size:18px; line-height:30px; font-weight:300;} .home-slider{width: 100%;float: left;overflow: hidden;} .text-left ul{font-weight: 300; margin-left: 5px;float: left; width: 100%;list-style: none;} .text-left ul li{padding-left: 20px;position: relative;} .text-left ul li:before {content: '✓'; position: absolute;left: 0;} .owl-item .item{position: relative;} .homeslider1 .owl-item img{position: absolute;top: 50px;right: 0;width: 860px;} .text-left{float:left;width: 40%; padding:50px 0} .image-right{float: right; width: 50%; min-height: 800px;} .box-1{width:100%; float: left; display: flex;justify-content: space-between;align-items: center;padding: 70px 0;} .text-left h4{font-weight: 600;font-size: 24px;} .text-left h1{font-weight: 700;font-size: 60px;line-height: 60px; position: relative;padding-bottom: 15px;} .text-left h1::after{content: " "; width: 175px; height:5px;background: rgb(59,103,160); position: absolute; bottom: 0;left: 0;background: linear-gradient(90deg, rgba(59,103,160,1) 0%, rgba(136,198,65,1) 100%);} .text-left p{float: left;font-weight: 300; margin:15px 0 10px 0} .text-left a.button{color:#fff; margin:20px 0; letter-spacing: 1px; display: inline-block;border-radius:50px; padding:10px 20px; text-decoration: none; font-weight: 600; background: rgb(59,103,160); background: linear-gradient(90deg, rgba(59,103,160,1) 0%, rgba(136,198,65,1) 100%);} .text-left a.button:hover{background: rgb(59,103,160);} .social-media{float:left; margin-top: 10px;} .social-media a:first-child{margin-left:0;} .social-media a{ color: #000;margin: 5px;padding: 4px 0px;border: 1px solid #000;border-radius: 50px;font-size: 14px;width: 32px;float: left;text-align: center;} .social-media a:hover{background: rgb(59,103,160);background: linear-gradient(90deg, rgba(59,103,160,1) 0%, rgba(136,198,65,1) 100%); color:#fff; border-color:#fff;} .stats{position:relative; width:100%; float: left; padding:150px 0; margin:100px 0;background: rgb(255,255,255); background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(241,249,238,1) 50%, rgba(207,214,233,1) 100%); margin-top: 0px;} .stats::before{width:150px; height:410px; background: url(images/bg1.png) no-repeat; content:" "; position:absolute; left:0; top:0; top: 25%; background-size: 72%;} .stats-inner{width:100%; float: left;} .stats-inner ul{display: flex; margin:0; padding:0; list-style: none; justify-content: center;gap: 100px;} .stats-inner ul li{text-align: center;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;} .stats-inner ul li .stats-value{font-size: 42px;font-weight: 800;border: 1px solid #000;border-radius: 100%;padding: 0 10px;width: 180px; height:180px; line-height: 180px;} .stats-inner ul li p{text-transform: uppercase; font-size: 16px; font-weight: 600;margin-top: 10px;} .solutions-section{width: 100%;float: left;overflow: hidden;} .owl-carousel.owl-drag .owl-item{position: relative; z-index: 0;} .loop.owl-carousel.owl-drag .owl-item.center{margin-top:0;position: relative; z-index: 1;transform: scale(1.2);} .loop.owl-carousel .item{ width:100%; min-height:320px; background-color:#bbdbac; padding:30px;transition: transform 0.3s ease, z-index 0.3s ease; } .loop.owl-carousel.owl-drag .owl-item.center .item{background-color:#d9f1cd; /* Basic box shadow *//* width:560px; height:360px; ;margin-left: -46px; padding:15px 62px; */} .loop.owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;background: #fff;margin: 5px;border: 1px solid #a8a8a8;} .loop.owl-theme .owl-dots .owl-dot.active span, .loop.owl-theme .owl-dots .owl-dot:hover span{background: #a8a8a8;} .loop.owl-carousel .item img{width: 60px;display: inline;} .loop.owl-carousel.owl-drag .owl-item.center .item img{} .loop.owl-carousel .item h3{color:#000; font-size:22px; font-weight: 500; width: 100%; margin: 10px 0;} .loop.owl-carousel .item p{color:#000;font-size:12px; line-height: 18px; font-family:"Inter",sans-serif; font-weight: 300; margin: 10px 0;} .loop.owl-carousel.owl-drag .owl-item.center .item h3{color:#000; font-size:20px; font-weight: 500; width: 100%;} .loop.owl-carousel.owl-drag .owl-item.center .item p{font-size:16px; line-height: 20px; } .loop.owl-carousel .owl-stage-outer{padding: 60px 0; margin-top: 30px;} .loop.owl-carousel.owl-drag .owl-item.center img {transform: scale(1.1);} .loop.owl-carousel .owl-nav .owl-prev{position: absolute;top:42%; right:-60px; width:55px; height:55px; background:url(images/arrow-left.png) center no-repeat; margin:0; text-indent: 9999px;transform: scaleX(-1);} .loop.owl-carousel .owl-nav .owl-next{left:-60px;position: absolute;top:42%; width:55px; height:55px; background:url(images/arrow-left.png) center no-repeat; margin:0; text-indent: 9999px;} .loop.owl-carousel .item a{text-decoration: none;color: #fff;background: #000;border: 1px solid #fff;padding: 4px 10px;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;} .loop.owl-carousel .item a:hover{background:#3d699f;} .caption,.solutions-slider{width: 100%;float: left;} .caption{text-align: center;padding: 0 24%;} .caption p{line-height: 30px;} .caption .heading{margin-bottom: 20px; text-transform: uppercase; font-weight: 700;font-size: 48px;line-height: 52px; position: relative;padding-bottom: 15px;} .caption .heading::after{content: " "; width: 175px; height:5px;background: rgb(59,103,160); position: absolute; bottom: 0;left: 37.5%;background: linear-gradient(90deg, rgba(59,103,160,1) 0%, rgba(136,198,65,1) 100%);} .serve-section{width: 100%;float: left; position: relative; margin:100px 0; padding:100px 0;background: rgb(207,214,233); background: linear-gradient(145deg, rgba(207,214,233,1) 0%, rgba(241,249,238,1) 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);} .serve-inner{width: 100%;float: left;} .serve-section::after{width: 117px; height:373px; background: url(images/bg_2.png) no-repeat; content:" "; position:absolute; right:0; top: -50%;} .serve-logo{width: 100%;float: left;padding: 0px 15%;margin-top: 20px;} .serve-logo ul{list-style: none; margin: 0; padding: 0px; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .serve-logo ul li{width: 25%;text-align: center;border-right: 1px dotted #ccc;border-bottom: 1px dotted #ccc;height: 120px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .serve-logo ul li:nth-child(4n) {border-right: none; } .serve-logo ul li:nth-last-child(-n+4) {border-bottom: none; } .serve-logo ul li img{/*max-height:60px;*/ max-width: 60%;} .world-map{width: 100%;float: left; position: relative; padding:50px 0;} .world-inner{width: 100%;float: left;} .world-inner img{margin-top:20px; width:100%;} .why-turacoz{width: 100%;float: left;} .why-turacoz-inner{width: 100%;float: left;} .why-image{width:50%; float:left;} .why-content{width:32%; float:right; margin-right: 10%; } .why-content b{font-weight: 400;margin-top: 50px;float: left;font-size: 18px;} .why-content p{float:left; width:100%;} .why-turacoz .caption{padding: 0; text-align: left;} .why-turacoz h2.heading{text-align: left;} .why-turacoz .caption .heading::after{left:0;} .whyturacoz .owl-item .why-image img {/* position: absolute;top: 0;left: 0;width: 860px; */} .whyturacoz .owl-dots{position: absolute;width: 42%;float: right;right: 0;text-align: left;bottom: 10%;} .client-slider{width: 100%;float: left;} .client-section{width: 100%;float: left;overflow: hidden; background: #3b58a8; padding:100px 0} .owl-carousel.owl-drag .owl-item{position: relative; z-index: 0;} .client.owl-carousel.owl-drag .owl-item.center{margin-top:0;position: relative; z-index: 1;transform: scale(1.2);} .client.owl-carousel .item{ width:100%; min-height:320px; background-color:#fff; padding:30px 40px;transition: transform 0.3s ease, z-index 0.3s ease; } .client.owl-carousel.owl-drag .owl-item.center .item{background-color:#fff; /* Basic box shadow *//* width:560px; height:360px; ;margin-left: -46px; padding:15px 62px; */} .client.owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;background: #fff;margin: 5px;border: 1px solid #a8a8a8;} .client.owl-theme .owl-dots .owl-dot.active span, .client.owl-theme .owl-dots .owl-dot:hover span{background: #a8a8a8;} .client.owl-carousel .item img{width: 60px;display: inline;} .client.owl-carousel.owl-drag .owl-item.center .item img{} .client.owl-carousel .item h3{color:#000; font-size:20px; font-weight: 500; width: 100%; margin: 15px 0 10px 0; padding-top: 5px; position: relative;} .client.owl-carousel .item h3:before{position:absolute; top:0; left:0; width:50%; height:1px; background: #222; content: " ";} .client.owl-carousel .item p:before, .client.owl-carousel .item p:after{position:absolute; top:0; left:-25px; width:20px; height:19px; content: " ";} .client.owl-carousel .item p:before{background: url(images/comma.jpg) no-repeat;} .client.owl-carousel .item p:after{background: url(images/comma_1.jpg) no-repeat;top:inherit; bottom:0; left:inherit; right:-20px;} .client.owl-carousel .item p{color:#000;font-size:12px; line-height: 18px; font-family:"Inter",sans-serif; font-weight: 300; margin: 10px 0; position: relative; } .client.owl-carousel.owl-drag .owl-item.center .item h3{color:#000; font-size:18px; font-weight: 500; width: 100%;} .client.owl-carousel.owl-drag .owl-item.center .item p{font-size:14px; line-height: 20px; } .client.owl-carousel .owl-stage-outer{padding: 60px 0; margin-top: 30px;} .client.owl-carousel.owl-drag .owl-item.center img {transform: scale(1.1);} .client.owl-carousel .owl-nav .owl-prev{position: absolute;top:42%; right:-60px; width:55px; height:55px; background:url(images/arrow-left.png) center no-repeat; margin:0; text-indent: 9999px;transform: scaleX(-1);} .client.owl-carousel .owl-nav .owl-next{left:-60px;position: absolute;top:42%; width:55px; height:55px; background:url(images/arrow-left.png) center no-repeat; margin:0; text-indent: 9999px;} .client-section .caption .heading{color:#fff;} .certifications{padding:80px 0 20px 0; margin:100px 0;background: rgb(241,249,238); position: relative; background: linear-gradient(135deg, rgba(241,249,238,1) 0%, rgba(207,214,233,1) 59%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);} .certifications,.certifications-inner,.certi-outer{width: 100%;float: left;} .certi-outer{padding:40px 0} .certi .item{padding-right:20px;} .certi .owl-dots{text-align: left;} .certi p{font-weight: 600; margin:10px 0} .certifications::before {width: 117px;height: 373px;background: url(images/bg_2.png) no-repeat;content: " ";position: absolute;left: 0;top: 30%; transform: scaleX(-1);} .partner{width: 100%;float: left;} .partner-inner{width: 100%;float: left; padding: 0 5%;} .partner-outer{width: 100%;float: left; display: flex; margin-top: 20px;} .partner-outer .img-box{width: 50%;} .partner-outer .img-box img{float: left;} .partner-outer .partner-form{width: 50%;background: rgb(235,245,237); padding:50px; background: linear-gradient(135deg, rgba(235,245,237,1) 0%, rgba(209,216,232,1) 100%);} .partner-form form{margin:20px 0} .partner-form input[type=text],.partner-form input[type=email],.partner-form textarea{border:0!important; border-bottom:1px solid #acc4c6!important; font-size:15px; padding:10px; width: 100%; margin:5px 0 0px 0; border-radius:0!important; background:#fff;} .partner-form textarea{height:100px; font-family: inherit!important;border-radius:0!important; background:#fff!important;border:0!important; border-bottom:1px solid #acc4c6!important; padding:10px!important;} .partner-form input[type=submit],.fluentform.ff-default .ff_btn_style{color: #fff; border:0;letter-spacing: 1px;display: inline-block;border-radius: 50px!important;padding: 10px 30px;font-size: 18px;text-decoration: none;font-weight: 300;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);} .footer{width: 100%; float: left;background: rgb(255,255,255); padding: 80px 0; margin-top:50px;background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(245,250,244,1) 47%, rgba(207,214,233,1) 100%); position:relative;} .foot-inner{width: 100%; float: left; display: flex;} .column1,.column2,.column3{width: 33.33%;} .column1 h3,.column2 h3,.column3 h3{text-transform: uppercase; text-decoration: underline; padding-bottom: 10px;} .column1 ul,.column2 ul,.column2 ul{margin:0; padding: 0; list-style: none;} .column1 ul li,.column2 ul li,.column3 ul li{font-weight: 300; color:#000; margin: 2px 0;} .column1 ul li a,.column2 ul li a,.column3 ul li a{text-decoration: none; color:#000;} .column2 ul.links{margin-bottom:20px;} .column2 ul.social_media li{float: left; margin: 0 8px 0 0;} .column2 ul.social_media li a svg{width: 30px; height:30px;} .column2 ul.social_media li:last-child a svg{padding: 3px;} .subscribe input[type=text], input[type=email]{border:1px solid #222; border-radius: 100px; background: #fff; padding:10px 20px; font-size: 16px; width: 70%;} .subscribe input[type=submit]{color: #fff;border:1px solid #222; margin-left: -45px; cursor: pointer; letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 10px 20px;font-size: 16px;text-decoration: none;font-weight: 600;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);} .subscribe{width: 100%;} .subscribe .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button:hover{color:#fff!important;} .copyright{font-size: 16px;} .column3{display: flex;flex-wrap: wrap; align-content: flex-start;} .whatsapp{width: 50px;right: 20px;bottom: 20px;position: fixed;z-index: 1;background: #25d366;border-radius: 40px;height: 50px; box-shadow: 0px 1px 6px 2px #2222225c;} .whatsapp a{padding: 8px 10px 10px 10px; display: block; align-content: flex-start;} .whatsapp svg{fill:#fff; width: 30px;} /* About */ .ipBanner{width: 100%; float: left; position: relative; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(240,249,238,1) 18%, rgba(212,222,234,1) 50%); margin-top:18px;} .ipBanner-inner{width: 100%; float: left;position: absolute; height: 100%;} .ipBanner-inner .wrapper{height: 100%;} .iPImage img{float: right;} .iPImage{width: 50%; float: right;} .iPText{width: 45%;display: flex;height: 100%;align-items: center;flex-wrap: wrap;padding:0 4%;align-content: center;} .iPText h1{font-size:60px; font-weight: bolder;line-height: 60px;text-transform: uppercase;} .AboutContent{width: 100%; float: left; margin:100px 0;position: relative;} .AboutContent-inner{width: 100%; float: left; text-align: center; font-size: 20px; color:#282828;} .AboutContent-inner p{margin-bottom:25px; color:#282828; } .ipBanner::after{width: 80px;height: 300px;background: url(images/bg1.png) no-repeat;content: " ";position: absolute;left: 0;top: 60%;background-size: 100%;} .AboutVision{width: 100%; float: left; padding: 0px 0 50px 0;} .AboutVision-inner{width: 100%; float: left; display: flex;justify-content: space-between;align-items: center;} .VisionLeft .caption{padding:0; text-align: left; color:#000} .VisionLeft .caption .heading::after{left:0;} .VisionLeft{width: 32%;float: left;margin-left: 12%; color:#282828;} .VisionLeft p{margin-bottom:25px; color:#282828; float:left; width:100%;} .VisionRight{} .missionAbout{width: 100%; float: left; background: url(images/missionbg.jpg) ; padding: 100px 0;} .missionAbout-inner{width: 100%; float: left; color:#fff; text-align: center;} .missionAbout-inner p{color:#fff;margin-bottom:25px;float:left; width:100%;} .missionAbout-inner .caption{} .pillarsAbout{width: 100%; float: left; padding: 140px 0 80px 0;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(240,249,238,1) 27%, rgba(212,222,234,1) 81%); position: relative;} .pillarsAbout-inner{width: 100%; float: left; color:#282828; text-align: center;} .pillarsAbout-inner p{color:#282828;margin-bottom:25px; } .pillarsAbout-inner .caption{color:#000; padding: 0;} .pillarsAbout-inner .caption .heading::after{left: 45%;} .pillarsAbout::before {width: 120px;height: 452px;background: url(images/bg3.png) no-repeat;content: " ";position: absolute;right: 0;top: -8%;} .pillars-box{width: 100%; float: left; margin-top:50px} .pillars-box ul{list-style: none;display: flex; gap:36px;} .pillars-box ul li{background: #d4df77; padding:40px; text-align: left; width:33.33%} .pillars-box ul li h3{text-transform: uppercase; font-size: 32px; font-weight: bolder; margin:5px 0 15px; color:#000} .pillars-box ul li img{margin-bottom: 15px;} .pillars-box ul li p{color:#282828;margin-bottom:25px;} .JourneyAbout{width: 100%; float: left; padding: 140px 0 80px 0;} .JourneyAbout-inner{width: 100%; float: left;} .JourneyAbout img{max-width:100%;} .JourneyAbout-inner .caption{margin-bottom: 30px;} .teamAbout{width: 100%; float: left; padding: 80px 0 40px 0;} .teamAbout-inner{width: 100%; float: left;} .teamAbout-inner .caption{margin-bottom: 0px;} .teamAbout-inner .caption h3{text-transform: uppercase;font-size: 32px;margin: 10px 0;float: left;text-align: center;width: 100%;} .teamSection{width: 100%; float: left;} .teamSection .team{margin: 0 0 60px 0; list-style: none; text-align: center; display: flex; gap:30px;flex-wrap: wrap;} .teamSection .team .item{width: 100%; padding:40px 10px} .teamSection .team .item img{width: 100%;} .teamSection .team .item h4{font-size: 24px; font-weight: 600; margin:10px 0} .teamSection .team .item p{} .teamSection .team .item a{color: #fff;border: 0;letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 6px 24px;font-size: 18px;text-decoration: none;font-weight: 400;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);margin: 12px 0;} .teamSection .owl-theme .owl-nav{width: 100%;position: absolute; top: 40%;} .teamSection .owl-carousel .owl-nav button.owl-prev{float: left; margin: 0; font-size: 40px; margin-left: -42px;width: 40px;height: 40px;text-align: center;line-height: 40px;} .teamSection .owl-carousel .owl-nav button.owl-next{float: right; margin: 0; font-size: 40px; margin-right: -42px;width: 40px;height: 40px;text-align: center;line-height: 40px;} .team .owl-dots{width: 100%;} .csrAbout{width: 100%; float: left; padding: 0px 0 80px 0;} .csrAbout-inner{width: 100%; float: left;} .csrAbout-inner .caption{margin-bottom: 30px; padding: 0 5%;} .csrAbout-inner .caption .heading::after{left: 43%} .csrSection{width: 100%; float: left;} .csrSection ul{margin: 0 0 60px 0; list-style: none; text-align: center; display: flex; gap:0;flex-wrap: wrap;justify-content: space-between;} .csrSection ul li{width: 48.6%; margin:40px 0} .csrSection ul li img{width: 100%;} .csrSection ul li h4{font-size: 22px; font-weight: 500; margin:10px 0} .csrSection ul li p{padding: 0 5%;} .cultureAbout{width: 100%; float: left; padding: 0px 0 80px 0;} .cultureAbout-inner{width: 100%; float: left;} .cultureAbout-inner .caption{margin-bottom: 30px;} .cultureSection{width: 100%; float: left;} .cultureSection ul{display:grid;list-style:none;} .cultureSection ul img{width:100%;height:100%;object-fit: cover;} #thumbnails{--columns:3;--gutter:30px;--size:calc((80vw - (var(--columns) + 1) * var(--gutter)) / var(--columns));grid:auto-flow var(--size) / repeat(var(--columns),1fr);gap:var(--gutter);box-sizing:border-box} @media (max-width: 450px) { #thumbnails{--columns:3;--gutter:15px} } .blogKH{width: 100%; float: left; padding: 80px 0;} .blogKH-inner{width: 100%; float: left;} .blogKH-inner .caption{margin-bottom: 10px; padding: 0 5%;} .blogKH-inner .caption .heading::after{left: 43%} .blogKHSection{width: 100%; float: left;} .blogKHSection ul{margin:0; list-style: none; text-align: center; display: flex; gap:0;flex-wrap: wrap;justify-content: space-between;} .blogKHSection ul li:hover > img{opacity: .8;} .blogKHSection ul li{width: 48.6%; margin:40px 0; position:relative;cursor: pointer;} .blogKHSection ul li span.video_thumb{position: absolute;top: 36%;left: 49%;} .blogKHSection ul li span.video_thumb i{font-size: 60px; color: white;} .blogKHSection ul li img{width: 100%;} .blogKHSection ul li h4{font-size: 22px; font-weight: 500; margin:10px 0; font-weight: bold; text-transform: uppercase;} .blogKHSection ul li p{padding: 0 5%;} .buttonStyle{width: 100%; float: left; text-align: center;} .buttonStyle a {color: #fff;border: 0;letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 6px 24px;font-size: 18px;text-decoration: none;font-weight: 400;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);margin: 12px 0;} .buttonStyle a:hover{background: #000;} .whitePappers{} .whitePappers .blogKHSection ul li h4{text-align: left;padding: 0 5%;text-transform: capitalize;font-weight: 500;} .whitePappers .blogKHSection ul li p {text-align: left;} .caseStudies{width: 100%; float: left; padding: 60px 0 80px 0;} .caseStudies-inner{width: 100%; float: left;} .caseStudies-inner .caption{margin-bottom: 30px; padding: 0 5%;} .caseStudies-inner .caption .heading::after{left: 43%} .caseStudiesSection{width: 100%; float: left; } .caseStudiesSection ul{margin:0; list-style: none; text-align: center; display: flex; gap:0;flex-wrap: wrap;justify-content: space-between;} .caseStudiesSection ul li{width: 24%; margin: 7px 0; position: relative;} .caseStudiesSection ul li .caseBlock{position: absolute; bottom: 0px; padding-bottom: 60px; width: 100%;background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(58,83,146,1) 100%);} .caseStudiesSection ul li h4{font-size: 18px; color:#fff; font-weight: 500; padding:20px 10px; width:100%; float:left;} .caseStudiesSection ul li a{color:#282828; background: #fff; border-radius: 40px; text-decoration: none; padding:5px 20px; } .caseStudiesSection ul li .view{width:100%; float:left;} .expertsKH{width: 100%; float: left; padding: 100px 0 ; margin-bottom:100px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(241,249,238,1) 18%, rgba(218,229,235,1) 62%, rgba(209,218,233,1) 100%);} .expertsKH .wrapper{max-width:1100px;} .expertsKH-inner{width: 100%; float: left; display:flex; gap:50px} .expertsLeft{width:50%} .expertsLeft ul{margin:0; padding: 0; list-style: none;} .expertsLeft ul li{background: #fff; display: flex; padding:30px; margin-bottom: 60px;} .expertsIcon{width: 20%; margin-right: 5%;text-align: center;display: flex;flex-wrap: nowrap;justify-content: space-around;align-items: center;} .expertsIcon img{width:70%;} .expertsText{width:75%;} .expertsText h4{font-size: 20px;font-weight: 600;margin-bottom: 10px;} .expertsText p{} .expertsRight{width:50%} .expertsRight .caption{text-align: left; padding: 0;} .expertsRight .caption h2{} .expertsRight .caption h2::after{left:0;} .expertsRight p{font-size: 18px;} .expertsRight img{margin-top:30px; width: 100%;} .newsletterHK{width: 100%; float: left; padding: 100px 0 ; margin-bottom:20px; background:url(images/newsbg.jpg) ; background-size: cover; background-position: center;} .newsletterHK-inner{width: 100%; float: left; display:flex; gap:30px;align-items: center;flex-wrap: wrap;} .newsLeft{width:100%} .newsletterHK .wrapper{max-width:1100px;} .newsLeft .caption{text-align: left; padding: 0;} .newsLeft .caption h2{color:#fff;} .newsLeft .caption h2:after{background: #fff; left:0;} .newsLeft .caption p{color:#fff;} .newsRight{width:100%;background: #ffffffcf;padding: 30px;border-radius: 5px;} .buttonStyle input[type='submit']{color: #fff;border: 0;letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 15px 30px;font-size: 18px;text-decoration: none;font-weight: 400;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);margin: 12px 0;} .newsRight input[type='text'],.buttonStyle input[type=email]{background: #f0f0f0; border-radius: 50px; border: 0; padding: 18px 42px; width: 100%;} .newsRight .buttonStyle{text-align: left;} .certified{} .certified .blogKHSection ul li h4{text-align: left;padding: 0 5%;text-transform: capitalize;font-weight: 500;} .certified .blogKHSection ul li p {text-align: left;} .certified .buttonStyle{text-align: left;padding: 5px 5%;} .workshop{ width: 100%; float: left;padding: 100px 0 40px 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(241,249,238,1) 18%, rgba(218,229,235,1) 62%, rgba(209,218,233,1) 100%);} .workshop .wrapper{} .workshop-inner{width: 100%; float: left;} .workshop-outer{width: 100%; float: left;} .workshop .caption{padding: 0 5%;} .workshop .caption .heading::after{left: 43%} .workshop-outer ul{list-style: none; margin:50px 0} .workshop-outer ul li{display: flex; padding:50px 0; border-bottom: 1px solid #4d4d4d;} .workshop-outer ul li:last-child{border-bottom:0;} .workshop-image{width: 420px} .workshop-image img{float: left;} .workshop-text{width: calc(100% - 420px);} .workshop-text .workshop-date{font-size: 16px; color:#636363; font-style: italic;} .workshop-text h3{margin: 10px 0;font-weight: 600; font-size: 24px;} .workshop-text p{font-size: 18px;} .webinar{ width: 100%; float: left;padding: 120px 0 80px 0;} .webinar-inner{width: 100%; float: left;} .webinar-outer{width: 100%; float: left;} .webinar .caption{padding: 0 5%;} .webinar .caption .heading::after{left: 43%} .webinar-outer ul{list-style: none; margin:50px 0;display: flex; flex-wrap: wrap; gap:35px;} .webinar-outer ul li{width: calc(33.333% - 30px); background: #f2f2f2; border-radius: 15px; padding-bottom: 30px;} .webinar-outer ul li > img{width: 100%;} .webinar-outer ul li h4{padding: 10px 20px 7px 20px; font-weight: 600;} .date-sets{width: 100%; float: left; padding: 7px 20px 15px 20px;} .date-sets img{float: left;padding-right: 10px; padding-top: 3px;} .date-sets span{float: left;font-size: 14px;color: #636363;font-style: italic;} .webinar-footer{display: flex;width: 100%; float: left; padding: 0 20px;} .webinar-footer .webinar-org{font-size: 14px;} .webinar-footer .buttonStyle{text-align: right;} .webinar-footer .buttonStyle a{margin:0;} .careerCulture{ width: 100%; float: left;padding: 120px 0 80px 0; text-align: center;} .careerCulture-inner{width: 100%; float: left;} .careerCulture .caption{padding: 0 5%; margin-bottom: 50px;} .careerCulture .caption .heading::after{left: 43%} .currentOpening{width: 100%; float: left; padding: 20px 0 80px 0;} .currentOpening-inner{width: 100%; float: left;} .currentOpening-outer{width: 100%; float: left;} .currentOpening .caption{padding: 0 5%;} .currentOpening .caption .heading::after{left: 43%} .currentOpening-outer ul{list-style: none; margin:50px 0; display: flex; flex-wrap: wrap; gap:35px;} .currentOpening-outer ul li{width: calc(33.333% - 30px); border:1px solid #b9b9b9; padding:40px 25px; display: flex; gap:20px; justify-content: space-between;} .currentOpening-outer ul li:hover{background: #ededed;} .currentOpening-outer ul li .career-image{width: 30%; text-align: center;} .currentOpening-outer ul li .career-text{} .career-text h4{font-size: 24px; font-weight: 400;} .career-text .date-sets{padding: 10px 0;} .career-text .date-sets span{font-style: normal;margin-top: 2px;} .career-text .buttonStyle{text-align: left;} .careerDetails{width:100%; float:left; margin: 100px 0 20px 0;} .careerDetails-inner{width:100%; float:left; padding: 0 10%;} .careerDetails h3{font-size: 24px; font-weight: 600; margin:0 0 30px 0;} .careerDetails ul{margin: 20px 0; list-style: none;} .careerDetails ul li{background: url(images/checkmark.png) no-repeat 1px 8px; padding: 5px 5px 5px 35px;} .careerDetails p{margin-bottom: 30px;} .careerDetails .buttonStyle{margin-top:50px} .ApplyHere{width:100%; float:left; margin: 100px 0 20px 0;} .ApplyHere-inner{width:100%; float:left;} .ApplyHere .wrapper { max-width: 1000px;} .ApplyHere .caption .heading::after{left: 32%;} .ApplyHere-outer .field-sets{display:flex; width:100%; float:left; margin:10px 0; gap:20px} .ApplyHere-outer .field-sets .field{width:100%; float:left;} .ApplyHere .caption{margin-bottom:50px;} .field input[type="text"],.field textarea,input[type="url"], .field input[type="email"],.field input[type="tel"],.field select{width: 100%;border-radius: 3px;padding: 5px 10px;border: 1px solid #999;height: 40px;font-size: 16px;font-weight: 400;margin-top: 4px;} .ApplyHere-outer .wpcf7-list-item{display:block;margin:10px 10px 0;} .ApplyHere-outer input[type="file"]{display:none;} .ApplyHere-outer .field-sets.upload{margin-bottom:40px;} .ApplyHere-outer .upload label br{display:none;} .ApplyHere-outer .upload label{background: green;font-size: 14px;padding: 5px 10px;color: #fff;} .ApplyHere-outer input[type="submit"] {color: #fff;border: 0;letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 15px 50px;font-size: 24px;text-decoration: none;font-weight: 600;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);} .ApplyHere-outer .wpcf7-not-valid-tip{font-size: 12px;} .blogKHSection.Highlighted{border-bottom:1px solid #888;} .blog-details.ipBanner-inner h1{font-size: 32px; line-height: 42px; text-transform: capitalize;} .blogDetails,.blogDetails-inner{width:100%; float:left;} .blogDetails{padding:100px 0} .blogDetails p{margin:20px 0; font-size: 20px; line-height: 36px;} .blogDetails h2{font-size:36px; line-height: 52px;} .blogDetails h3{font-size:30px; line-height: 46px;} .blogDetails h4{font-size:24px; line-height: 40px;} .blogDetails h5{font-size:20px; line-height: 34px;} .blogDetails h6{font-size:16px; line-height: 28px;} .blogDetails ul,.blogDetails ol{margin:20px;font-size: 20px; line-height: 36px;} .sc-Service{width: 100%; float: left; padding: 100px 0 80px 0; position: relative;} .sc-Service-inner{width: 100%; float: left;font-size: 20px; color:#282828; text-align: center;} .sc-Service-inner p{color:#282828;} .sc-Service-inner .caption{color:#000; padding: 0;} .sc-Service-inner .caption .heading::after{left: 45%;} .sc-Service-box{width: 100%; float: left; margin-top:30px} .sc-Service-box ul{list-style: none;display: flex; gap:36px; flex-wrap: wrap;} .sc-Service-box ul li{background: #3b58a8; padding:40px; text-align: left; width:31.6%; color:#fff; display: flex;flex-wrap: wrap;align-items: flex-end; align-content: flex-start;} .sc-Service-box ul li h3{text-transform: uppercase;width: 100%; font-size: 32px; font-weight: 600; margin:5px 0 15px; color:#fff} .sc-Service-box ul li img{margin-bottom: 15px;max-height: 70px;} .sc-Service-box ul li p{color:#fff;} .sc-Service-box ul li.last{align-content: center;} .sc-Service-box ul li.last h3{text-align: center;} .sc-Service-box ul li.last h3 a{color:#fff; text-decoration: none;} .sc-Service-box ul li.last h3 img{margin: 0 0 -2px 10px;} .mc-service{width: 100%; float: left; padding: 140px 0 80px 0; position: relative; background: #FFFFFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .mc-service-inner{width: 100%; float: left; display: flex; gap:50px} .mcLeft,.mcRight{width: 48%;} .mcLeft ul{list-style: none; margin: 0; padding: 0;} .mcLeft ul li{background: #fff; padding:30px; margin-bottom: 40px;width: 100%; float: left;line-height: 60px;} .mcLeft ul li img{float: left; margin-right: 50px;} .mcLeft ul li h4{float: left; font-size: 26px; font-weight: 600;} .mcRight{} .mcRight p{margin:0 0 40px;width: 100%; float: left; } .mcRight .caption{padding:0; text-align: left;} .mcRight .caption .heading::after{left:0} .heor-service{width: 100%; float: left; padding: 60px 0 80px 0;} .heor-service-inner{width: 100%; float: left; } .heor-service-inner img{width: 100%; margin-top:30px; margin-bottom:20px;} .heor-service-inner h4{margin: 30px 0; font-size: 22px;} .heor-service-inner .buttonStyle{margin-top: 10px;} .heor-service .caption{text-align: center;} .realService{width: 100%; float: left; position: relative;z-index: 0; padding: 100px 0 80px 0; background: url(images/real-service-img.png) no-repeat center; background-size: cover;} .realService-inner{width: 100%; float: left; display: flex; justify-content: space-between;} .realLeft{width: 48%;} .realLeft .caption{text-align: left; padding: 0; color:#fff;} .realLeft .caption p{margin: 20px 0;} .realLeft .caption h2::after{left:0;} .realLeft .buttonStyle{text-align: left;} .realRight{width: 48%;height: 480px; overflow-y: scroll;} .realRight ul{list-style: none; padding-right: 35px;} .realRight ul li{width:100%; padding:30px; background: #fff; margin-bottom: 20px;} .realRight ul li:last-child{margin-bottom: 0;} .realRight ul li h3{font-weight: 600; margin-bottom: 10px;} .realService::after {width: 100px;height: 380px;background: url(images/bg3.png) no-repeat;content: " ";position: absolute;right: 0;top: 0;background-size: 100%;z-index: -1;} #style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #0000004d;background-color:#F5F5F5} #style-3::-webkit-scrollbar{width:5px;background-color:#fff} #style-3::-webkit-scrollbar-thumb{background-color:#72ad57} .consultancyService{width: 100%; float: left; padding:100px 0 40px 0; position: relative; } .consultancyService-inner{width: 100%; float: left; } .consult-box{display: flex;width: 100%; float: left; justify-content: flex-end; margin-top: 30px;} .consultLeft{width: 34%;max-width: 600px;} .consultLeft ul{list-style: none;} .consultLeft .buttonStyle{text-align: left; margin-left: 21%;} .consultLeft ul li{width: 100%; float: left; margin-bottom: 40px; background: #FFFFFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .realRight ul li:last-child{margin-bottom: 0;} .consultLeft ul li span{font-size: 22px; float: left; line-height: 110px; font-weight: 500;} .consultLeft ul li span.number{font-size: 136px; width: 22%; background: -webkit-linear-gradient(#3b67a0, #88c641);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .consultRight{width: 50%;} .consultRight img{width: 100%;} .audience_cmw{width: 100%; float: left; padding:100px 0 40px 0; position: relative;} .audience_cmw-inner{width: 100%; float: left; display: flex;justify-content: space-between; margin-top:50px} .audienceLeft{width: 49.8%;} .audienceRight{width: 49.8%;} .audienceRight .buttonStyle{text-align: left;} .audienceRight p{margin-bottom: 20px;} .upcomingCourses.blogKH{background: rgb(255, 255, 255);background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .upcomingCourses.blogKH .blogKHSection ul{text-align: left;} .upcomingCourses.blogKH .blogKHSection ul li h4{padding: 0 5%;} .upcomingCourses.blogKH .blogKHSection ul li p,.whitePappers.pastCourses .blogKHSection ul li p{margin: 10px 0;} .upcomingCourses.blogKH .blogKHSection ul li .buttonStyle{text-align: left;margin: 0 5%;} .whitePappers.pastCourses .blogKHSection ul li .buttonStyle{text-align: left;margin: 0 5%;} .business_form{width: 100%; float: left; padding: 100px 0 0 0; position: relative;} .business_form .wrapper{max-width: 1000px;} .business_form-inner{width: 100%; float: left;} .b_form{width: 100%; float: left; text-align: center;padding: 40px 0;} .careerContact{width: 100%; float: left; padding:80px 0; position: relative;} .careerContact-inner{width: 100%; float: left;} .careerContact-outer{width: 100%; float: left;display: flex;justify-content: space-between;padding:20px 0;align-items: center;} .ccLeft{width: 42%;} .ccRight{width: 56%; text-align: left;} .ccRight .caption{text-align: left; padding: 0;} .ccRight .caption .heading{font-size:20px; text-transform: lowercase; line-height: 30px;} .ccRight .caption .heading a{color:#222; text-decoration: none;} .ccRight .caption .heading p{font-style: italic; font-size: 16px;} .ccRight .caption .heading::after{left:0;} .ccRight .buttonStyle{text-align: left; margin: 10px 0;} .ccRight > p{font-size: 22px;} .businessForm{width: 100%; float: left; padding:0 10%;} .contactfields{width: 100%; float: left;display:flex; gap:20px; margin:10px 0;} .contactfields .cfields{width: 100%; float: left; } .cfields input,.cfields textarea{background:#f1f1f1; color:#222; border-radius:10px; border:0; padding:15px; width:100%;} .businessForm input[type="submit"]{color: #fff;border: 0;letter-spacing: 1px;display: inline-block;border-radius: 50px;padding: 6px 24px;font-size: 18px;text-decoration: none;font-weight: 400;background: rgb(59, 103, 160);background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%); margin: 12px 0;} .wpcf7 form .wpcf7-response-output{width;100%; float:left;} .mediaInquiry{width: 100%; float: left; padding:80px 0; position: relative; background: url(images/media_bg.png) center;} .mediaInquiry-inner,.mediaInquiry-outer{width: 100%; float: left; text-align: center;} .mediaInquiry .caption{color:#fff} .mediaInquiry .caption .heading::after{background: #fff;} .mediaInquiry-outer p{color:#fff; font-style: italic;} .mediaInquiry-outer a{color:#fff; text-decoration: none; font-weight: bold; font-size: 18px;} .trainingInquiry{width: 100%;float: left;padding:100px 0; position: relative;background: rgb(255, 255, 255);background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 249, 238, 1) 18%, rgba(212, 222, 234, 1) 50%);} .trainingInquiry-inner{width: 100%; float: left;display: flex;justify-content: space-between;} .trainingLeft{width:48%;} .trainingLeft ul{list-style: none;} .trainingLeft ul li{padding:40px 40px 40px 0; margin-bottom:20px; display: flex;justify-content: space-between;background: #86C251; background: linear-gradient(90deg, rgba(134, 194, 81, 1) 0%, rgba(75, 170, 82, 1) 37%, rgba(54, 123, 150, 1) 71%, rgba(53, 90, 163, 1) 100%);} .contactIcon{width:180px;text-align: center;} .contactText{width:calc(100% - 180px)} .contactText h3{color:#fff;font-size: 24px; font-weight: 500; margin-bottom: 5px;} .contactText p{color:#fff; } .trainingRight{width:48%;} .trainingRight .caption{text-align: left; padding: 0; margin-bottom: 20px;} .trainingRight .caption .heading::after{left:0;} .trainingRight .caption a{color:#000;} .letsconnect{width: 100%; float: left; padding:80px 0; position: relative; } .letsconnect-inner{width: 100%; float: left; text-align: center; background: #3c59a9; padding:60px 0} .letsconnect p.heading{color:#fff;font-size: 62px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;} .letsconnect p.text{position: relative; color:#fff; font-style: italic;} .letsconnect p.text a{text-decoration: none; color:#fff;} .letsconnect p.text::after{content: " ";width: 175px;height: 1px;position: absolute;bottom: -10px;left: 44%;background: #fff;} .visionariesSection{width: 100%; float: left; padding:30px 0 80px 0; position: relative; } .visionariesSection.first{padding-top: 120px;} .visionaries-inner{width: 100%; float: left;} .visionaries-box{width: 100%; float: left; margin-top:40px } .visionaries-box ul{list-style: none; display: flex;flex-wrap: wrap; justify-content: center; gap:30px} .visionaries-box ul li{background: #f1f1f2; text-align: center; margin-bottom: 10px; width: 23.1%;} .visionaries-box ul li img{width:100%;} .visionaries-box ul li h4{font-size: 20px; color:#282828; text-transform: uppercase; padding: 10px 0 0px 0;} .visionaries-box ul li p{padding: 0px 0 20px 0;} .ipBanner-inner.service-head .iPText{padding-left: 0;} .serviceDetails{width: 100%; float: left; padding:100px 0; position: relative;} .serviceDetails-inner{width: 100%; float: left; text-align: center;} .serviceDetails-inner p{margin:20px 0;} .serviceDetails-inner img{margin:30px 0 0 0; max-width: 100%; width: 100%;} .serviceDetails-inner .buttonStyle{margin-top:0px} /*.serviceDetails::before {width: 120px;height: 450px;background: url(images/bg1.png) no-repeat;content: " ";position: absolute;left: 0;top: -7%;background-size: 100%;}*/ .innerLinks{width: 100%; float: left; margin-top:20px} .innerLinks ul{list-style: none; display: flex; flex-wrap: wrap; gap:30px;} .innerLinks ul li{text-align: left; width: 31.9%; color: #fff; background: #86C251; background: linear-gradient(90deg, rgba(134, 194, 81, 1) 0%, rgba(75, 170, 82, 1) 37%, rgba(54, 123, 150, 1) 71%, rgba(53, 90, 163, 1) 100%);} .innerLinks ul li h2{text-transform: uppercase; margin: 15px 0; font-size: 26px;} .innerLinks ul li p{margin: 0;} .innerLinks ul li img{margin:0; max-height: 60px; width: auto;} .innerLinks ul li a{text-decoration: none; color: #fff; display: block;padding:60px 40px; } .innerLinks ul li:hover{background: #000;} .planningInner{width: 100%; float: left; padding:0px 0 80px 0; position: relative;} .planningInner-inner{width: 100%; float: left;} .planningInner-inner .caption{padding: 0;} .planningInner-inner .caption .heading{font-size: 48px; line-height: 48px;} .planningInner-inner .caption .heading::after{left:44%} .StrategicBox{width: 100%; float: left;display: flex; gap:30px; margin-top:60px; align-items: center;} .StrategicBox .left h3{font-size: 32px; margin-bottom: 10px; font-weight: 600;} .StrategicBox .left p{ margin-bottom: 20px;} .StrategicBox img{max-width:100%;} .journalBox{width: 100%; float: left;} .journalBox > h4{text-align: center; font-size: 24px; margin-bottom: 40px;} .journalList{width: 100%; float: left;} .journalList ul{list-style: none; display: flex; gap:30px} .journalList ul li{width:25%;} .journalList ul li .iconset{ display: flex; font-weight: 600; gap: 20px;margin-bottom: 30px; min-height: 90px;align-items: center; padding: 10px 0;} .journalList ul li .iconset img{float: left; height: auto;} .journalList ul li .text{background: #d5df78; padding:25px; font-size: 18px; min-height: 360px;line-height: 30px; font-weight: 300;} .journalList ul li .text p{margin-bottom: 15px;} .service_whyturacoz{width: 100%; float: left;background: #355aa3; margin-bottom:80px;} .sw-inner{width: 100%; float: left; display:flex;align-items: center;justify-content: center;gap: 100px;padding: 40px 0;} .sw-heading{} .sw-heading h2{color:#fff; font-size:36px; line-height: 48px; text-transform: uppercase;} .sw-list{} .sw-list ul{list-style: none;} .sw-list ul li{color:#fff; background: url(images/checkmark.png) no-repeat 0px 14px;padding: 10px 5px 10px 35px;} .omni-1{width: 100%; float: left; padding: 0 10%;} .omni-image{width: 100%; float: left;} .omni-image > img{margin-bottom: 40px; width: 100%;} .omni-1 h4{text-align: center;font-size: 24px; margin: 20px 0; font-weight: 600;} .omni-1 p{text-align: center;margin: 20px 0;} .omni-2{width: 100%; float: left;display: flex; gap:30px; margin:50px 0; align-items: center; padding: 0 10%;} .omni-2 .left h3{font-size: 26px; margin-bottom: 10px; font-weight: 600;} .omni-2 .left p{ margin-bottom: 20px;} .omni-2 .right img{width: 100%;} .omni-2 ul{margin:10px 20px 20px 30px;list-style: square;} .benefits-box{width: 100%; float: left; margin:30px 0;} .benefits-box ul{list-style: 0;} .benefits-box ul li{display: flex; margin-bottom: 40px; } .benefits-box ul li:last-child{margin-bottom:0;} .benefits-box li .b_heading{display: flex; gap: 20px; width: 20%; background: #355aa3; padding:50px 30px; border-top-left-radius: 40px; border-bottom-left-radius: 40px;} .benefits-box li .b_heading .heading{width: calc(100% - 80px);} .benefits-box li .b_heading .icon{width:80px} .benefits-box li .b_heading .icon img{width: 100%;} .benefits-box li .b_heading h5{color:#fff; font-size: 20px; font-weight: 600;} .benefits-box li .text{padding:50px 30px 50px 100px; width: 80%; line-height: 30px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; background: #FFF; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .benefits-box.green li .b_heading{padding: 50px; background: #92C83E; background: linear-gradient(180deg,rgba(146, 200, 62, 1) 0%, rgba(61, 163, 76, 1) 100%);} .benefits-box.green li .b_heading .heading{width: 100%;} .benefits-box.blue li .b_heading{padding: 50px; } .benefits-box.blue li .b_heading .heading{width: 100%;} .serviceDetails-inner.creative h2{text-transform: uppercase; font-size: 36px; font-weight: 800;} .benefits-box.blue{margin:0;} /* HEOR */ .serviceDetails.heor h2{} .heor_grow{width: 100%; float: left; margin:0; padding: 80px 0; background: #FFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .heor_grow-inner{width: 100%; float: left;text-align: center;} .heor_grow-inner > h2{margin-bottom: 20px;} .heor_grow-inner > p{margin-bottom: 40px;} .heor-box{width: 100%; float: left;} .heor-box ul{list-style: none; display: flex; gap:25px;} .heor-box ul li{background: #d5df78; width: 25%; text-align: center;} .heor-box ul li .img{padding:40px 25px 0 25px; background: #fff;} .heor-box ul li img{height: 100px;} .heor-box ul li h3{padding:25px;background: #fff;min-height: 106px;} .heor-box ul li .text{ padding:25px; text-align: left;} .heor-box ul li p{color: #282828;} .heor_grow4{width: 100%; float: left; margin:80px 0;} .heor_grow4-inner{width: 100%; float: left; padding: 0 5%;} .heor_grow4-inner ul{list-style: none; display: flex; gap:25px; flex-wrap: wrap;} .heor_grow4-inner ul li{background: #d5df78; width: 49%; padding:40px;} .heor_grow4-inner ul li img{height:70px;} .heor_grow4-inner ul li h3{text-transform: uppercase; margin: 10px 0;} .heor_service{width: 100%; float: left; padding: 80px 0; background: #FFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .heor_service-inner{width: 100%; float: left;padding: 0 5%;} .heor_service-inner > h2{text-align: center; margin-bottom:40px ;} .heor_service ul.boxes{list-style: none; } .heor_service ul.boxes > li{display: flex; align-items: center; width: 100%;} .heor_service ul.boxes > li .left,.heor_service ul.boxes li .right{width: 50%;} .heor_service ul.boxes li .right img{width: 100%; float: left;} .heor_service ul.boxes > li .left{padding: 20px 50px;} .heor_service ul.boxes > li .left h3{margin-bottom: 10px;} .heor_service ul.boxes > li .left ul{margin: 10px 0; list-style: square; margin-left: 40px;} .heor_service ul.boxes > li .left ul li{line-height: 40px;} .heor_service ul.boxes > li:nth-child(even){flex-direction: row-reverse;} .heor_grow5{width: 100%; float: left; margin:80px 0;} .heor_grow5 .caption{padding:0 5%; margin-bottom: 40px;} .heor_grow5 .heor_grow4-inner{padding: 0;} .heor_grow5 .heor_grow4-inner ul li{width: 32.1%;} .serviceDetails.products .caption{padding: 0 5%;} .ns-1{width: 100%; float: left; margin:100px 0;} .ns-1 .caption{padding:0 5%; margin-bottom: 40px;} .ns-1 .caption .heading::after{left: 42%;} .ns-1 .ns-1-inner{padding: 0;} .ns-1 .ns-1-inner ul li{width: 32.1%; text-align: center; padding: 30px;} .ns-1 .ns-1-inner ul li > img{height: 120px; margin-bottom: 20px; } .ns-1-inner{width: 100%; float: left; padding: 0 5%;} .ns-1-inner ul{list-style: none; display: flex; gap:25px; flex-wrap: wrap;} .ns-1-inner ul li h3{text-transform: uppercase; margin: 10px 0;} .ns-1.animal_head{padding:80px 0; background: #FFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .animal_service_1{width: 100%; display: flex; gap:30px} .animal_service_1 .left{width: 33.333%; background: #d5df78;} .animal_service_1 .right{width: 67.333%; display: flex; flex-wrap: wrap; gap:30px} .animal_service_1 .right .bg{width: 48%;} .animal_service_1 .bg{background: #d5df78; padding: 40px; } .animal_service_1 ul{list-style: square; margin: 20px 0; margin-left: 25px;} .animal_service_1 ul li{margin: 20px 0;} .ns-1.aniservice{ margin:0} .client_logo{width: 100%; float:left; margin: 40px 0;} .client_logo ul{list-style: none; padding: 0 10%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .client_logo ul li{width: 25%; text-align: center; padding:30px; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2} .client_logo ul li img{max-height: 80px;} .client_logo ul li:nth-child(4n){border-right: 0;} .serviceDetails.our-client{padding-bottom: 0;} .Testimonial_client{width: 100%; float:left; margin: 60px 0 100px 0; padding: 100px 0;background: #FFF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(241, 249, 238, 1) 18%, rgba(218, 229, 235, 1) 62%, rgba(209, 218, 233, 1) 100%);} .Testimonial_client-inner,.Testimonial-outer{width: 100%; float: left;} /* Star Rating CSS */ .star-rating {display: flex;gap: 5px;font-size: 1.4rem;justify-content: center; margin:10px 0;} .star {color: #fff; transition: color 0.2s ease;} .star.active {color: #f5b301;} .Testimonial-outer {overflow-x: scroll;width: 100%; float:left; margin: 20px 0; padding: 50px 0;} .Testimonial_client-inner .caption{padding: 0 5%;} .Testimonial_client-inner .caption .heading::after{left:43%} .Testimonial-outer ul {display: flex;gap: 20px;padding: 0;margin: 0;list-style: none;} .Testimonial-outer ul li {flex: 0 0 100%; /* adjust this to 100% for full-width slide */box-sizing: border-box;background: #3854a3;padding:40px 30px;min-width: 300px;max-width: 422px;border-radius: 60px;white-space: normal; text-align: center;} .Testimonial-outer ul li > p{color: #fff;} .Testimonial-outer ul li > span{color: #fff; text-transform: uppercase;} #style-4::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #0000004d;background-color:#F5F5F5;} #style-4::-webkit-scrollbar{background-color:#fff; height: 6px;} #style-4::-webkit-scrollbar-thumb{background-color:#72ad57} /*.Testimonial-outer::-webkit-scrollbar {height: 8px;background: #fff;} .Testimonial-outer::-webkit-scrollbar-track {background: #fff;} .Testimonial-outer::-webkit-scrollbar-thumb {background-color: #28a745;border-radius: 4px;}*/ .serviceDetails.our-client.no-arc::before{display: none;} .owl-carousel{z-index:0;} /*teamPage */ .teamPage{width:100%; float:left;} .teamPage-inner{width:100%; float:left;display: flex; gap: 40px; margin: 50px 0;} .team-title{font-size: 24px;line-height: 36px;font-weight: 600;margin-bottom: 18px;position: relative;text-transform: uppercase;padding-bottom: 10px;} .team-title::after {content: " ";width: 175px;height: 5px;background: rgb(59, 103, 160);position: absolute;bottom: 0;left: 0%;background: linear-gradient(90deg, rgba(59, 103, 160, 1) 0%, rgba(136, 198, 65, 1) 100%);} .team-thumb{width:35%;} .team-thumb img{width:100%;} .team-content {width: 65%;} .team-data p{margin-bottom:10px;} /*teamPage */ #video-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:9999} #video-popup .popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%} .popup-content{position:relative;background:#000;padding:10px;max-width:80%;max-height:80%;z-index:10000; width: 50%;} .popup-content .close-popup{position:absolute;top:-10px;right:-10px;background:#fff;border:none;font-size:20px;width:30px;height:30px;border-radius:50%;cursor:pointer} .video-wrapper iframe{width:100%;height:450px;max-height:70vh} @media (max-width:1535px) {/*1440 laptop*/ .iPText h1{font-size:60px; line-height:64px;} .serviceDetails{padding:80px 0;} .wrapper{padding:0 20px;} /* About Us page */ .teamSection{padding-left:40px; padding-right:40px;} /*.header-right{margin-right:40px;}*/ .ipBanner::after{width: 60px; height: 222px;} .VisionLeft{margin-left:20px;} .iPImage img{width:100%;} .caption .heading {font-size: 48px;line-height: 48px;} .iPText h1,.letsconnect p.heading {font-size: 48px;line-height: 52px;} /* About Us page */ /*contact*/ .ccLeft img{width:100%;} /*contact*/ /* openings */ .careerDetails .buttonStyle {margin-top: 0px;} .careerDetails{margin-top:80px;} .ApplyHere{margin-top:0;} /* openings */ } @media (max-width:1439px) {/*1366-1280 laptop*/ .ipBanner::after {width: 50px;height: 200px;} .image-right {min-height: 680px;} .homeslider1 .owl-item img{width:700px;} .stats-inner{padding:0 10%;} .stats-inner ul{gap:50px} .stats{padding:80px 0; margin:0 0 80px 0;} .home-slider .box-1{padding-bottom:0;} .world-map{padding:0;} /* Padding Margin */ .serve-section{margin: 80px 0; padding: 80px 0;} .client-section,.footer,.missionAbout,.pillarsAbout,.JourneyAbout{padding:80px 0;} .certifications,.AboutContent{margin:80px 0;} /* Padding Margin */ .client.owl-carousel .owl-stage-outer{margin-top: 0px;} /* About Us page */ .VisionRight{width:50%;} .VisionLeft{width:45%;} .VisionRight img{width:100%;} .pillarsAbout::before {width: 70px;height: 270px;background-size: 100%;} .teamSection .team .item{padding:0 10px;} .csrSection ul li:nth-last-child(-n+2),.csrSection ul{margin-bottom:0;} /* About Us page */ /* Leadership page */ .visionaries-box ul li{width:30%;margin-bottom:0;} .visionariesSection.first{padding:80px 0 20px 0;} .visionaries-box{margin-top:20px;} .visionaries-box ul li p {padding: 0px 10px 20px 10px;} /* Leadership page */ /* Service Page */ .sc-Service,.mc-service,.realService,.consultancyService{padding:80px 0;} .sc-Service-box ul{gap:25px} .sc-Service-box ul li{width: 31.8%;} /* Service Page */ /* scientific-communication*/ .innerLinks ul li{width: 31.6%;} .innerLinks{margin-top:0;} .innerLinks ul li img{max-height: 60px;} .serviceDetails{padding:80px 0;} /* scientific-communication*/ /*omnichannel-communications*/ .omni-2{margin:30px 0;} .benefits-box{margin:10px 0 0 0;} .benefits-box li .b_heading{width:30%;} /*omnichannel-communications*/ /* heor*/ .serviceDetails-inner img {margin: 0px;} .heor_grow{padding:80px 0;} .heor_grow4-inner,.heor_service-inner{padding:0;} .heor_grow4-inner ul li {background: #d5df78;width: 48.9%;padding: 30px;} .heor_grow4,.heor_grow5{margin:80px 0;} .caption .heading{font-size: 48px; line-height: 48px;} .heor_grow5 .heor_grow4-inner ul li {width: 31.8%;} /* heor*/ /*nutraceutical-services*/ .ns-1{margin: 80px 0;} .ns-1 .ns-1-inner ul li {width: 31.8%; padding: 20px;} /*nutraceutical-services*/ /*knowledge-hub*/ .blogKH,.expertsKH{padding:80px 0;} .caseStudies{padding-top:0;} .blogKHSection ul li {margin: 20px 0;} .newsletterHK {padding: 80px 0; margin-bottom: 20px;} .expertsKH{margin-bottom:80px;} /*knowledge-hub*/ /* trainings */ .workshop{padding-top:80px; padding-bottom: 20px;} .workshop-outer ul{margin:0;} .webinar {padding: 80px 0 50px 0;} /* blog details */ .blogDetails {padding: 80px 0;} /* blog details */ /*medical-writing-course*/ .audience_cmw{padding:80px 0;} .audience_cmw-inner {margin-top: 20px; flex-wrap:nowrap; gap:30px} .audienceLeft img{width:100%;} /*medical-writing-course*/ /*career*/ .careerCulture-inner img{max-width:100%;} .careerCulture{padding: 80px 0 0px 0;} .currentOpening-outer ul {margin: 20px 0;} /*career*/ /* Contact */ .business_form{padding-top:80px;} .b_form{padding-bottom:0;} .careerContact,.letsconnect-inner{padding:50px 0;} .careerContact-outer{padding:10px 0;} .mediaInquiry,.trainingInquiry,.letsconnect{padding:80px 0;} .trainingRight > img{width:100%;} .world_contact{width:100%; float:left; margin-bottom:20px;} /* Contact */ /* openings */ /* openings */ } @media (max-width:1279px) {/*1024 iPad Landscape*/ .image-right {min-height: 530px;} .logo img {width: 150px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size:15px;} .caption .heading,.text-left h1,.why-turacoz h2.heading{font-size: 48px; line-height: 48px;} .nav-menu li a{padding: 10px 5px; margin: 0 10px;} ul.nav-menu, div.nav-menu > ul{padding-right:0;} header{padding: 10px 0px;} .serve-logo{padding:0 5%;} .caption {padding: 0 10%;} .homeslider1 .owl-item img {width: 52%;} .text-left{padding:30px 0;} .social-media{margin:0;} .text-left a.button{margin:20px 0;} .text-left h4 {font-size: 22px;} .stats-inner ul {gap: 30px;} .certifications{padding-top:50px;} .footer{padding:50px 0;} /* About Us page */ .iPText h1 {font-size: 42px;line-height: 52px;} .AboutContent-inner p,.VisionLeft p,.missionAbout-inner p,.pillarsAbout-inner p,.pillars-box ul li p,.serviceDetails-inner p {margin-bottom: 18px;font-size: 18px;} .pillars-box ul li {padding: 20px;} .pillarsAbout::before {width: 50px;height: 190px;} .pillars-box ul{gap:20px} .pillars-box ul li h3{font-size: 24px; margin: 5px 0 5px;} .teamAbout{padding-top:0;} /* About Us page */ /* Service Page */ .mcRight img{width:100%;} .sc-Service-box ul li{width: 31.6%;align-items: start;padding: 20px;align-content: flex-start;} .sc-Service-box ul li h3 {font-size: 24px;} .sc-Service-box ul li img{max-height:50px;} .sc-Service-box ul li p{font-size:16px;} .sc-Service-box{margin-top:0;} .sc-Service-inner .caption .heading::after {left: 40%;} .mcLeft, .mcRight {width: 48%;} .mcLeft ul li {padding: 20px; margin-bottom:20px;} .mcLeft ul li img {margin-right: 20px;max-height: 50px;} .mcLeft ul li h4 {font-size: 24px;width: 100%;margin-top: 5px;} .consultLeft {width: 36%;} .consultRight {width: 60%;} .consultLeft ul li {margin-bottom: 15px;} .heor-service{padding-top:0;} /* Service Page */ /* scientific-communication*/ .innerLinks ul li a{padding:30px;} .serviceDetails{padding:50px 0} .innerLinks ul li h2 {margin: 10px 0;font-size: 24px;} .innerLinks ul{gap: 20px;} .innerLinks ul li {width: 31.9%;} /* scientific-communication*/ /*publication-planning */ .journalList ul li .iconset{padding-left:0;} .journalList ul li .iconset img{max-height:50px;} .journalList ul li .iconset {font-size: 16px; gap: 10px; margin-bottom: 0px;} .journalList ul li .text{padding:20px;} .StrategicBox{margin-top:30px;} .planningInner{padding-bottom:50px;} .StrategicBox .right img{max-width:100%;} .StrategicBox .left,.StrategicBox .right{width:50%;} .StrategicBox .left.width-100{width:100%;} .sw-heading h2{font-size:32px; line-height:40px;} .sw-inner{flex-wrap: wrap; padding: 30px 20px; gap: 10px;} .sw-heading,.sw-list {width: 100%;} .service_whyturacoz{margin-bottom:50px} /*publication-planning */ /* heor*/ .heor_grow,.heor_service{padding:50px 0;} .heor_grow4-inner ul li {width: 48.7%;padding: 20px;} .heor_grow4,.heor_grow5{margin:50px 0;} .caption .heading{font-size: 32px; line-height: 46px;} .heor_grow5 .heor_grow4-inner ul li {width: 31.6%;} .heor-box ul li h3,.heor-box ul li .img {padding: 10px;} .heor-box ul li img {height: 80px;} .heor-box ul li {width: 48.5%;} .heor-box ul{ gap: 20px; flex-wrap: wrap;} .serviceDetails-inner p{line-height: 32px;} .heor_service-inner > h2 {margin-bottom: 10px;} .heor_service ul.boxes > li .left{padding:20px;} .heor_service ul.boxes > li .left h3 {margin-bottom: 10px;} .heor_service ul.boxes > li .left ul li {line-height: 32px;} /* heor*/ /*nutraceutical-services*/ .heor_service .caption .heading{margin-bottom: 0px;} .ns-1 .ns-1-inner ul li {width: 31.6%;} .ns-1 .caption {padding: 0;margin-bottom: 20px;} .ns-1 {margin: 50px 0;} /*nutraceutical-services*/ /*animal-healthcare-services*/ .ns-1.animal_head{padding:50px 0;} .animal_service_1 .bg{padding:20px;} .animal_service_1,.animal_service_1 .right{gap:20px} /*animal-healthcare-services*/ /*knowledge-hub*/ .blogKH,.expertsKH{padding:50px 0;} .caseStudies{padding-bottom:50px;} .newsletterHK {padding: 50px 0;} .expertsKH{margin-bottom:50px;} .blogKH-inner .caption .heading::after {left: 40%;} .expertsLeft ul li {padding: 20px; margin-bottom: 30px;} /*knowledge-hub*/ /* our client */ .Testimonial_client{ margin: 30px 0 60px 0; padding: 50px 0;} /* our client */ /* trainings */ .workshop {padding-top: 50px;} .webinar .caption,.workshop .caption {padding: 0;} .webinar .caption .heading::after,.workshop .caption .heading::after {left: 41.5%;} .webinar {padding: 50px 0 20px 0;} /* blog details */ .blogDetails {padding: 50px 0;} /* blog details */ /*medical-writing-course*/ .audience_cmw{padding:50px 0;} /*medical-writing-course*/ /*career*/ .careerCulture .caption,.currentOpening .caption{padding:0;} .careerCulture .caption .heading::after,.currentOpening .caption .heading::after,.ApplyHere .caption .heading::after {left: 41%;} .careerCulture{padding: 50px 0 0px 0;} .currentOpening-outer ul {margin: 10px 0;} .currentOpening {padding: 50px 0 50px 0;} .currentOpening-outer ul li{padding:20px;} .currentOpening-outer ul li .career-image img{width:100%;} .career-text h4 {font-size: 20px;} /*career*/ /* Contact */ .business_form {padding-top: 50px; padding-bottom:0;} .b_form{padding-top:10px;} .careerContact .caption, .world_contact .caption, .mediaInquiry .caption, .business_form .caption{padding:0} .letsconnect p.text::after, .business_form .caption .heading::after, .world_contact .caption .heading::after, .careerContact .caption .heading::after, .mediaInquiry .caption .heading::after{left:41%;} .careerContact .ccRight .caption .heading::after{left:0;} .mediaInquiry, .trainingInquiry, .letsconnect {padding: 50px 0;} .contactIcon {width: 150px;} .contactText {width: calc(100% - 150px);} .contactText p {font-size: 16px;} .letsconnect p.heading{font-size: 32px;line-height: 46px;} /* Contact */ /* openings */ .careerDetails h3{margin-bottom:10px;} .careerDetails {margin-top: 50px;} .careerDetails ul {margin: 10px 0;} .careerDetails p {margin-bottom: 20px;} .currentOpening {padding: 30px 0;} .ApplyHere .caption{padding:0} .ApplyHere .wrapper{max-width:100%;} .ApplyHere .caption {margin-bottom: 0;} /* openings */ /*teamPage */ .teamPage-inner{} .team-thumb{width:35%;} .team-thumb img{width:100%;} .team-content {width: 65%;} /*teamPage */ } @media (max-width:1023px) {/*768 iPad Portrait*/ .home-slider .box-1 {padding-top: 20px;} .image-right {min-height: auto;} .caption .heading, .text-left h1,.why-turacoz h2.heading,.planningInner-inner .caption .heading,.serviceDetails-inner.creative h2 {font-size: 30px;line-height: 36px;} .stats-inner ul li .stats-value {font-size: 36px;width: 150px;height: 150px;line-height: 150px;} .stats-inner ul {gap: 10px;} .stats::before {width: 90px;height: 240px;} .serve-logo {padding: 0;} .why-image {width: 45%;} .why-content {width: 50%;margin-right: 0%;} .partner-outer .partner-form{padding: 30px;} .stats{padding:50px 0; margin:0 0 50px 0;} /* Padding Margin */ .serve-section{margin: 50px 0; padding: 50px 0;} .client-section,.missionAbout,.pillarsAbout,.JourneyAbout{padding:50px 0;} .certifications,.AboutContent{margin:50px 0;} /* Padding Margin */ .caption .heading::after{left:35%;} .partner-inner{padding:0;} .loop.owl-carousel .item{padding:20px;} .serve-section::after{background-size: 100%; width: 90px; height: 290px;} .certifications::before{width: 90px; height: 360px; background-size: 100%; top:60%;} .column1,.column2{width:26%;} .column3{width:48%;} .client.owl-carousel .item{padding:30px;} .client.owl-carousel .item h3,.client.owl-carousel.owl-drag .owl-item.center .item h3{font-size:15px;} .ipBanner::after{width: 40px; height: 150px;} /* Leadership page */ .visionaries-box ul li{width:28%;} .visionaries-box ul li h4 {font-size: 16px;} .visionaries-box ul li p {font-size: 14px;} .visionariesSection.first {padding: 50px 0 20px 0;} .visionariesSection {padding: 30px 0 50px 0;} /* Leadership page */ /* Service Page */ .sc-Service,.mc-service,.realService,.consultancyService{padding:50px 0;} .sc-Service-box ul{gap:20px} .sc-Service-inner .caption {margin-bottom: 0px;} .sc-Service-box ul li {width: 48.5%;} .mcLeft ul li h4 {font-size: 18px;margin-top: 10px;} .mcLeft {width: 44%;} .consult-box{margin-top:30px;} .consultLeft ul li span.number { font-size: 80px;} .consultLeft ul li span {font-size: 18px;line-height: 70px;} .consultLeft {width: 38%;} .consultLeft .buttonStyle {margin-left: 0;} /* Service Page */ /* scientific-communication*/ .innerLinks ul li {width: 48.6%;} .serviceDetails {padding: 30px 0;} .serviceDetails-inner p {font-size: 18px;line-height: 30px;margin: 10px 0;} .innerLinks ul li p {font-size: 16px;line-height: 26px;} .iPText h1 {font-size: 32px;line-height: 40px;} .serviceDetails-inner img {margin: 20px 0;} /* scientific-communication*/ /*publication-planning */ .serviceDetails {padding: 30px 0;} .serviceDetails-inner p {font-size: 18px;line-height: 32px;margin: 0px 0;} .journalList ul{flex-wrap: wrap;} .journalList ul li {width: 47.9%;} .journalList ul li .text {font-size: 16px;min-height: 210px;line-height: 30px;} .StrategicBox .left p{font-size:16px;line-height: 30px;} .journalBox > h4 {margin-bottom: 10px;} .StrategicBox .left h3{font-size:24px;} .serviceDetails-inner p {font-size: 16px;line-height: 30px;} .serviceDetails-inner img{margin-bottom:10px;} .planningInner-inner .caption .heading::after{left: 38%;} .sw-heading h2{font-size:24px; line-height:36px;} .service_whyturacoz{margin-bottom:30px} /*publication-planning */ /*omnichannel-communications*/ .omni-2,.omni-1{padding:0;} .omni-2 .left h3 {font-size: 24px;} .omni-2 .left p{font-size: 16px; line-height: 30px;} .benefits-box ul li {margin-bottom: 20px;} .benefits-box li .b_heading {width: 40%;padding: 25px;} .benefits-box li .text{width:60%;padding: 25px;} .benefits-box li .b_heading h5 {font-size: 18px;} /*omnichannel-communications*/ /*creative-strategy */ .serviceDetails-inner.creative h2{margin-bottom:10px;} /*creative-strategy */ /* heor*/ .heor_grow,.heor_service{padding:30px 0;} .heor_grow4-inner ul li {width: 48.1%;padding: 20px;} .heor_grow4,.heor_grow5{margin:30px 0;} .caption .heading{font-size: 24px; line-height: 30px;} .heor_grow5 .heor_grow4-inner ul li {width: 31%;} .heor_grow5 .heor_grow4-inner ul li img,.heor_grow4-inner ul li img{height: 50px;} /* heor*/ /*nutraceutical-services*/ .ns-1 .ns-1-inner ul li {width: 31%;} .ns-1 .ns-1-inner ul li > img {height: 90px;margin-bottom: 10px;} .ns-1 .caption .heading::after {left: 38%;} .ns-1 .ns-1-inner ul li {padding: 20px 0; } /*nutraceutical-services*/ /*animal-healthcare-services*/ .animal_service_1 .right .bg {width: 47.8%;} /*animal-healthcare-services*/ /*knowledge-hub*/ .blogKH-inner .caption .heading::after,.caseStudies-inner .caption .heading::after {left: 38%;} .blogKH-inner .caption,.caseStudies-inner .caption {margin-bottom: 0px;padding: 0;} .newsLeft,.newsRight {width: 100%;} .newsletterHK-inner{flex-wrap: wrap; gap: 20px;} .caseStudies {padding-bottom: 20px;} /*knowledge-hub*/ /* our client */ .client_logo ul{padding:0;} .Testimonial-outer{padding:30px 0;} .Testimonial_client {margin: 30px 0 50px 0;padding: 30px 0;} .client_logo {margin: 10px 0;} .Testimonial_client-inner .caption .heading::after {left: 35%;} /* our client */ /* trainings */ .blogKH, .expertsKH {padding: 30px 0;} .workshop {padding-top: 30px;} .webinar .caption .heading::after,.workshop .caption .heading::after {left: 38%;} .webinar {padding: 30px 0 20px 0;} .workshop-image{width: 40%;} .workshop-image img{width:100%;} .workshop-text {width: 60%;} .workshop-outer ul li{gap:40px} .workshop-text h3 {margin: 5px 0;font-size: 20px;} .workshop-outer ul li {padding: 30px 0;} /* trainings */ /* blog details */ .blogDetails {padding: 30px 0;} .blogDetails p {font-size: 18px;line-height: 32px;} /* blog details */ /*medical-writing-course*/ .audience_cmw {padding: 30px 0;} /*career*/ .careerCulture .caption .heading::after,.currentOpening .caption .heading::after,.ApplyHere .caption .heading::after {left: 39%;} .careerCulture{padding: 30px 0 0px 0;} .currentOpening {padding: 30px 0;} .currentOpening-outer ul li{width: 48.5%;} .currentOpening-outer ul li .career-image{width:100px;} .currentOpening-outer ul li .career-text{width:calc(100% - 100px);} .currentOpening-outer ul{gap:20px} /*career*/ /*Contact*/ .business_form {padding-top: 30px; padding-bottom:0;} .careerContact, .letsconnect-inner,.mediaInquiry, .trainingInquiry, .letsconnect {padding: 30px 0;} .letsconnect p.text::after, .business_form .caption .heading::after, .world_contact .caption .heading::after, .careerContact .caption .heading::after, .mediaInquiry .caption .heading::after{left:38%;} .businessForm{padding:0;} .b_form .wpcf7-spinner{position:absolute;} .trainingLeft ul li {padding: 20px;} .trainingInquiry-inner{flex-wrap: wrap;gap: 20px;} .trainingLeft,.trainingRight {width: 100%;} .letsconnect p.heading {font-size: 24px;line-height: 36px;} /*Contact*/ /*openings */ .ApplyHere-outer input[type="submit"]{padding:12px 40px;font-size: 20px;} .careerDetails {margin-top: 30px;margin-bottom: 0;} .careerDetails-inner{padding:0;} /*openings */ /*teamPage */ .teamPage-inner{gap:20px; margin: 30px 0;} /*teamPage */ } @media (max-width:767px) {/*480 Mobile */ .caption .heading, .text-left h1, .why-turacoz h2.heading,.teamAbout-inner .caption h3,.planningInner-inner .caption .heading,.serviceDetails-inner.creative h2,.heor_grow-inner > h2 {font-size: 24px;line-height: 24px;} .caption .heading::after,.pillarsAbout-inner .caption .heading::after,.csrAbout-inner .caption .heading::after {left: 25%;} .wrapper{padding:0;} .header,.caption,.why-content{padding-left:20px; padding-right:20px;} .partner-outer,.stats-inner ul{flex-wrap: wrap;} .partner-outer .img-box,.partner-outer .img-box {width: 100%;} .stats-inner ul li{width:48%;} .home-slider .box-1{flex-wrap: wrap; flex-direction: column-reverse;padding:20px 0;} .image-right,.text-left{width:100%;} .homeslider1 .owl-item img{width:96%; position:static; float:right;} .text-left{padding:20px;} .loop.owl-carousel.owl-drag .owl-item.center{transform: scale(1);} .loop.owl-carousel .owl-stage-outer {margin-top: 0;padding: 30px 0; padding-bottom:0;} .serve-logo {margin-top: 0;} .solutions-slider{padding: 0px 20px;} .partner-outer .img-box img{max-width:100%;} .partner-outer .partner-form{width:100%; padding:20px;} .why-image{width:90%;} .why-content{width:100%;} .why-turacoz .box-1{flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-start;} .serve-logo ul li {width: 48%;} .serve-logo ul li:nth-child(4n) {border-right: 1px dotted #ccc;} .serve-logo ul li:nth-child(2n) {border-right: none;} .serve-logo ul li:nth-last-child(-n+4) {border-bottom: 1px dotted #ccc;;} .serve-logo ul li:nth-last-child(-n+2) {border-bottom: none;} .stats-inner ul li .stats-value {font-size: 24px;width: 100px;height: 100px;line-height: 100px;} .stats::before {width: 70px;height: 190px;top: -10%;} .stats{padding:30px 0; margin:0 0 30px 0;} .why-turacoz .box-1{padding:30px 0;} /* Padding Margin */ .serve-section{margin: 30px 0; padding: 30px 0;} .certifications,.AboutContent{margin:30px 0;} .client-section,.missionAbout,.pillarsAbout,.JourneyAbout{padding:40px 20px;} /* Padding Margin */ .caption p {font-size: 16px;line-height: 24px;} .serve-section::after {background-size: 100%;width: 70px;height: 230px;top: -10%;} .why-content b{margin:20px 0;} .client.owl-carousel .item {padding: 30px 50px 20px 50px;} .certi-outer{padding:0 20px;} .certifications::before {width: 70px;height: 230px;background-size: 100%;top: -20px;} .foot-inner{padding:0 20px;flex-wrap: wrap;} .column1, .column2{width:100%;} .column1{margin-bottom: 20px;} .column3 {width: 100%;margin-top: 20px;} .copyright {margin-top: 20px;} .partner-outer{margin-top:0;} .client.owl-carousel .item p:before{top: -20px;left: 0;} .client.owl-carousel .item p:after{bottom: -20px;right: 0;} .partner-form input[type=submit]{padding: 10px 20px;font-size: 16px;text-transform: uppercase;} .column3 h3{padding-bottom:15px;} .logo img {width: 150px;float: left;} .certi .item {padding-right: 0;} .world-inner img {margin-top: 0px;} .footer {padding: 30px 0;} /* About Us page */ .header-right {margin-right: 0px;} .pillars-box ul li,.VisionLeft,.VisionRight{width:100%;} .AboutVision-inner{flex-direction: column-reverse;} .pillars-box ul,.AboutVision-inner{flex-wrap: wrap;} .ipBanner-inner{position:static;} .iPImage {width: 100%;} .iPText {width: 100%;padding:20px;justify-content: center; text-align: center;} .iPText h1,.blog-details.ipBanner-inner h1 {font-size: 24px;line-height: 36px;padding: 0;} .AboutContent{padding: 0 20px;} .VisionRight{margin-bottom:20px;} .VisionLeft {margin-left: 0; padding:0 20px;} .VisionRight img {width: 90%;float: right;} .AboutVision {padding: 0px 0 10px 0;} .missionAbout-inner .caption {margin-bottom: 0px;} .pillarsAbout-inner .caption {margin-bottom: 0px;} .pillars-box {margin-top: 20px;} .pillarsAbout::before {width: 40px;height: 150px;top: -3%;} .teamSection .team{margin-bottom:10px;} .teamSection .team{gap:0} .csrSection ul li {margin: 0px 0 30px 0;} .csrAbout{padding: 0px 20px 40px 20px;} .csrSection ul li {width: 100%;} .cultureAbout{padding: 0px 0 40px 0;} .cultureAbout {padding: 0px 20px 40px 20px;} #thumbnails {--columns: 1;} .teamSection {padding-left: 50px;padding-right: 50px;} .ipBanner::after{width: 30px; height: 110px;} /* About Us page */ /* Leadership page */ .visionaries-box {margin-top: 0; padding:0 20px;} .visionaries-box ul{gap:20px} .visionaries-box ul li {width: 46%;} /* Leadership page */ /* Service Page */ .sc-Service, .mc-service, .realService, .consultancyService {padding: 30px 0;} .mc-service-inner{flex-wrap: wrap; gap: 30px;} .ipBanner::after{top: 40%;} .iPText p{margin-bottom:0;} .sc-Service,.mc-service,.realService,.heor-service-inner h4,.heor-service-inner p{padding-left:20px; padding-right:20px;} .sc-Service-inner p {font-size:16px;} .sc-Service-inner .caption .heading::after {left: 25%;} .consultLeft{width:90%;} .mcLeft, .mcRight,.realLeft,.realRight,.sc-Service-box ul li,.consultRight {width: 100%;} .mcRight p {margin: 0px 0 20px;} .realService-inner,.consult-box{flex-wrap: wrap;} .heor-service{padding-bottom:40px;} .heor-service-inner h4 {margin: 10px 0;font-size: 18px;} .realRight ul li{padding:20px;} .realLeft .caption p {margin: 20px 0;} .realLeft .buttonStyle a{margin-top:0;} .realRight{margin-top:20px;} .consultRight{padding:20px 20px 0 20px;} .heor-service-inner{padding:0 20px;} /* Service Page */ /* scientific-communication*/ .serviceDetails {padding: 10px 20px;} .serviceDetails-inner p {font-size: 16px;line-height: 28px;} .innerLinks ul li {width: 100%;} .innerLinks ul li a {padding: 20px;} .ipBanner-inner.service-head .iPText {padding:20px;} .innerLinks{margin-bottom:30px;} /* scientific-communication*/ /* scientific-communication*/ .StrategicBox .left, .StrategicBox .right{width:100%; padding:0 20px;} .StrategicBox{flex-wrap: wrap; margin:20px 0 0 0;} .journalList ul li {width: 100%;} .journalList{padding: 0 20px;} .journalList ul {gap: 20px;} .StrategicBox .left h3{margin-bottom:10px;} .planningInner-inner .caption .heading::after{left: 28%;} .StrategicBox .left{line-height:30px;} .planningInner-inner{margin-top:20px;} .planningInner-inner .caption .heading{margin-bottom:0;} /* scientific-communication*/ /*omnichannel-communications*/ .omni-2, .omni-1{padding:0 20px;} .omni-2 .left h3 {font-size: 18px;margin-bottom: 2px;} .omni-2 .left p{margin-bottom:15px;} .omni-2 {margin: 20px 0;} .omni-image > img {margin-bottom: 0px;} .omni-2,.benefits-box ul li{flex-wrap: wrap;} .benefits-box{padding:0 20px;} .benefits-box li .text,.benefits-box li .b_heading{width:100%; padding:20px;} .benefits-box li .text{border-top-right-radius: 0px;} .benefits-box li .b_heading{border-top-right-radius: 40px;border-bottom-left-radius: 0px;} .benefits-box.green li .b_heading{text-align:center; padding:20px;} /*omnichannel-communications*/ /*creative-strategy */ .benefits-box.blue li .b_heading {padding: 20px;text-align: center;} .serviceDetails-inner.creative h2{margin-top:10px;} /*creative-strategy */ /* heor*/ .heor-box ul li .img{padding:20px 0 0 0;} .heor_service-inner > h2 {margin-bottom: 0px;} .heor_grow-inner > h2,.ns-1 .caption .heading {line-height: 32px;} .heor_grow-inner,.heor_grow4, .heor_grow5{padding:0 20px;} .heor-box ul li,.heor_grow4-inner ul li,.heor_service ul.boxes > li .left, .heor_service ul.boxes li .right,.heor_grow5 .heor_grow4-inner ul li {width: 100%;} .heor_service ul.boxes > li{flex-wrap: wrap;} .heor_service ul.boxes > li .left ul {margin: 10px 0;margin-left: 30px;} .heor_grow5 .caption {padding: 0;margin-bottom: 20px;} .heor_grow-inner > p {margin-bottom: 20px;} /* heor*/ /*nutraceutical-services*/ .ns-1 .ns-1-inner ul li {width: 100%;} .ns-1 .caption {margin-bottom: 0px;} .ns-1 .caption .heading::after {left: 25%;} .ns-1 .ns-1-inner ul li > img {height: 80px;margin-bottom: 0px;} .ns-1-inner ul li h3{margin: 5px 0;} .ns-1 .ns-1-inner ul li {padding-bottom: 0;} /*nutraceutical-services*/ /*animal-healthcare-services*/ .ns-1.animal_head {padding: 30px 20px; margin:30px 0;} .ns-1.aniservice {padding: 0 20px;} .animal_service_1, .animal_service_1 .right{flex-wrap: wrap;} .animal_service_1 .left,.animal_service_1 .right,.animal_service_1 .right .bg{width:100%;} .animal_service_1 .left{margin-top:20px;} .animal_service_1 ul li {margin: 10px 0;} .ns-1 {margin: 30px 0;} /*animal-healthcare-services*/ /*knowledge-hub*/ .blogKH,.expertsKH,.newsletterHK{padding:30px 20px;} .caseStudies{padding-bottom:30px;} .expertsKH{margin-bottom:30px;} .blogKHSection ul li,.expertsLeft,.expertsRight{width:100%;} .expertsKH-inner{flex-wrap: wrap; gap: 10px;} .blogKH-inner .caption .heading::after, .caseStudies-inner .caption .heading::after {left: 24%;} .caseStudies {padding: 0px 20px;} /*knowledge-hub*/ /* our client */ .client_logo ul li {width: 50%;padding: 20px;} .serviceDetails.our-client {padding: 20px;} .client_logo ul li:nth-child(2n) {border-right: 0;} .serviceDetails.our-client .caption {padding: 0;} .Testimonial_client-inner .caption .heading::after {left: 24%;} .Testimonial-outer {padding: 20px;} .Testimonial_client {margin: 20px 0 40px 0;} /* our client */ /* trainings */ .webinar .caption .heading::after,.workshop .caption .heading::after {left: 38%;} .workshop-image,.workshop-image img,.workshop-text{width: 100%;} .workshop-outer ul li{gap:20px} .workshop-text h3 {font-size: 18px;} .workshop-outer ul li {padding: 20px 0; flex-wrap: wrap;} .webinar-outer ul{margin:10px 0; gap:10px; flex-wrap: wrap;} .webinar-outer ul li{width:100%;} .workshop{padding:30px 20px 20px;} .webinar {padding: 30px 20px 20px 20px;} .blogKH{padding-bottom:10px;} .webinar .caption .heading::after, .workshop .caption .heading::after {left: 25%;} /* trainings */ /* blog details */ .blogDetails {padding: 30px 20px 0 20px;} .blogDetails p {font-size: 16px;line-height: 28px;} .blogDetails h2{font-size:30px; line-height: 46px;} .blogDetails h3{font-size:24px; line-height: 40px;} .blogDetails h4{font-size:20px; line-height: 34px;} .blogDetails h5{font-size:16px; line-height: 28px;} .blogDetails ul,.blogDetails ol{margin:15px;font-size: 16px; line-height: 28px;} /* blog details */ /*medical-writing-course*/ .audienceLeft,.audienceRight {width: 100%;} .audience_cmw-inner{flex-wrap: wrap; gap: 20px; padding: 0 20px;} /*medical-writing-course*/ /*career*/ .careerCulture-inner,.currentOpening-inner{padding:0 20px;} .careerCulture .caption .heading::after,.currentOpening .caption .heading::after,.ApplyHere .caption .heading::after {left: 25%;} .currentOpening-outer ul li{width: 100%;} .currentOpening-outer ul li .career-image{width:60px;} .currentOpening-outer ul li .career-text{width:calc(100% - 60px);} .currentOpening-outer ul{gap:20px; margin:0;} /*career*/ /*Contact*/ .letsconnect p.text::after, .business_form .caption .heading::after, .world_contact .caption .heading::after, .careerContact .caption .heading::after, .mediaInquiry .caption .heading::after{left:25%;} .ccLeft,.ccRight {width: 100%;} .careerContact, .letsconnect-inner, .mediaInquiry, .trainingInquiry, .letsconnect, .business_form{padding-left:20px; padding-right:20px;} .careerContact-outer,.contactfields{flex-wrap: wrap;} .buttonStyle a,.ccRight .buttonStyle{margin-bottom:0;} .trainingLeft ul li {flex-wrap: wrap;} .contactText {width: 100%;} .contactIcon {width: 80px;} .contactIcon img{width:100%;} /*Contact*/ /*openings */ .careerDetails-inner,.ApplyHere{padding-left:20px; padding-right:20px;} .ApplyHere{margin-bottom: 30px;} .ApplyHere-outer .field-sets{flex-wrap: wrap;} /*openings */ .JourneyAbout-inner .caption,.csrAbout-inner .caption,.cultureAbout-inner .caption,.serviceDetails.products .caption{padding:0;} .teamSection .team .item {padding: 0;} .csrSection ul li:nth-last-child(-n+2){margin-bottom:30px;} .csrSection ul li:last-child,.cultureAbout-inner .caption,.serviceDetails-inner img{margin-bottom:0;} .journalBox{margin-top:20px;} .planningInner-inner .caption,.journalBox{padding:0 20px;} .newsletterHK{margin:20px 0 0 0;} /*teamPage */ .teamPage-inner{flex-wrap: wrap; padding:0 20px;} .team-thumb,.team-content {width: 100%;} /*teamPage */ .popup-content{width:100%;} } @media (max-width:479px) {/*360 Small Mobile */ } @media (max-width:359px) {/*360 Small Mobile */ .visionaries-box ul li {width: 100%;} } .otgs-development-site-front-end{float:left; width:100%;}